/**
 * Main Stylesheet for HHUD PhilFak
 *
 * For basic setup, see bp/screen.css!
 *
 * (c) 2009 S. Teuber
 */
html {
	height: 100%;
}

body {
	background:				url(../media/papier.jpg) center top no-repeat;
	background-color:		#eeeeee;
}

#schatten {
	background:				url(../media/schattenrand_weich.png) center repeat-y;
	min-width:				1000px;
	margin-bottom:			0;
}

#container {
	width:					980px;
	margin:					0 auto;
	padding:				0 10px;
}



/*** Header parts (the colored top bar and it's contents ***/

#header {
	background-color:		#4664B4;
	width:					100%;
	height:					80px;
	margin:					0 0 .5em 0;
	padding:				0;
	position:				relative;
}

#hhulogo, #logo {
	float:					left;
}

#metaNav {
	position:				absolute;
	top:					0;
	right:					0;
	list-style-type:		none;
	font-size:				.8em;
	margin:					63px 11px 0 0;
}

#metaNav a {
	color:					white;
}

#metaNav li {
	display:				inline;
	margin-left:			10px;
}

#headPic {
	position:				absolute;
	top:					0;
	right:					0;
}



/*** Breadcrumb parts ***/

#bcrumb1, #bcrumb2 {
	margin-left:			180px;
	margin-right:			11px;
	border-bottom:			1px solid #222;
	font-size:				.8em;
}

#bc1, #bc2 {
	list-style-type:		none;
	margin-bottom:			3px;
	margin-left:			11px;
}

#bc1 li, #bc2 li {
	display:				inline;
	margin-right:			4px;
	background:				url(../media/icons/pfadpfeil.gif) 0 5px no-repeat;
	padding-left:			20px;
}

#bc1 li.first, #bc2 li.first {
	background:				none;
	padding-left:			0;
}

#bcrumb2 {
	border-bottom:			none;
	margin-top:				3px;
	margin-bottom:			1em;
	height:					1em;
}

#date, #flags {
	float:					right;
}

#flags {
	margin-top:				2px;
}

#flags img {
	margin-left:			10px;
}



/*** Main navigation ***/

#navCol {
	width:					164px;
	float:					left;
	font-size:				.9em;
	margin:					9px 11px 0 5px;
}

#mainNav {
	list-style-type:		none;
	margin:					0;
}

/* First link (the black one on top) */
#mainNav li a {
	color:					#222;
	font-weight:			bold;
	padding-left:			5px;
	display:				block;
}

/* 1st level */
#mainNav ul {
	list-style-type:		none;
	margin:					0;
	margin-top:				1.5em;
}

#mainNav ul li {
	margin-bottom:			4px;
}

#mainNav ul a {
	width:					154px;
	padding:				5px;
	display:				block;
	background-color:		#e1e1e1;
}

#mainNav ul a:hover, #mainNav ul a:active, #mainNav ul a.act {
	text-decoration:		none;
	background-color:		#999;
	color:					white;
}

/* 2nd level */
#mainNav ul ul {
	margin-top:				2px;
}

#mainNav ul ul li {
	margin-bottom:			2px;
}

#mainNav ul ul a {
	padding-left:			15px;
	width:					144px;
	background-color:		#efefef;
}

#mainNav ul ul a:hover, #mainNav ul ul a:active, #mainNav ul ul a.act {
	color:					#222;
	background:				url(../media/icons/nav_pfeil.gif) 5px 8px no-repeat;
	background-color:		#bfbfbf;
}

#mainNav ul ul a.act {
	background-color:		#efefef;
}

#mainNav ul ul a.act:hover, #mainNav ul ul a.act:active {
	background-color:		#bfbfbf;
}

/* 3rd level */
#mainNav ul ul ul {
	margin-top:				1px;
}

#mainNav ul ul ul li {
	margin-bottom:			1px;
}

#mainNav ul ul ul a {
	padding:				2px;
	padding-left:			25px;
	width:					137px;
	background-color:		white;
	font-weight:			normal;
}

#mainNav ul ul ul a:hover, #mainNav ul ul ul a:active, #mainNav ul ul ul a.act {
	background:				url(../media/icons/nav_pfeil.gif) 15px 5px no-repeat;
	background-color:		#efefef;
	color:					#222;
}

#mainNav ul ul ul a.act {
	background-color:		white;
}

#mainNav ul ul ul a.act:hover, #mainNav ul ul ul a.act:active {
	background-color:		#efefef;
}



/*** Searchbox ***/
#searchBox {
	margin:					1.5em 0 0 0;
	padding:				0;
}

#searchBox fieldset {
	margin:					0;
	padding:				0;
	border:					none;
}

#searchBox label {
	display:				none;
}

#searchBox #shbsword {
	border:					1px solid #e1e1e1;
	border-right:			none;
	padding:				5px;
	float:					left;
	width:					127px;
	font-size:				1em;
}

#searchBox #shbsubmit {
	border:					1px solid #e1e1e1;
	border-left:			none;
	background-color:		#efefef;
	width:					25px;
	height:					23px;
}



/*** Content areas ***/
#content-env {
	background: 			url(../media/bg_sep.gif) top left repeat-y;
	width:					100%;
	position:				relative;
	margin-top:				1.5em;
}

.noM {
	background: 			url(../media/bg_sep-nomargin.gif) top left repeat-y !important;
}

#content {
	padding-top:			.5em;
	margin-left:			11px;
	margin-right:			10px;
	width:					599px;
	float:					left;
}

#contentMargin {
	float:					left;
	width:					160px;
	margin:					.5em 0 0 11px;
}

#content-nomargin {
	padding-top:			.5em;
	margin-left:			11px;
	margin-right:			0;
	width:					760px;
	float:					left;
}

#contclear {
	clear:						both;
}

/*** Footer ***/
#footer {
	width:					100%;
	margin:					3em 0 0 0;
	text-align:				center;
	font-size:				.8em;
	border-bottom:			1px solid transparent;
}

#footer p {
	text-align: 			center;
}




/********************************/
/*** Special content elements ***/


/** Two cols FCE **/
.twoCols {
	width:					100%;
	background:				url(../media/bg_2cols.gif) top center repeat-y;
	/*padding-top:			1em;*/
	margin-bottom:			1.5em;
}

.twoCols .left {
	float:					left;
	width:					48%;
}

.twoCols .right {
	float:					right;
	width:					48%;
}

.twoCols .clear {
	clear:					both;
}

/** Don't justify margin paragraphs **/
#contentMargin p {
	text-align:				left;
}


/** List style (bullet) **/
#content ul li, #content-nomargin ul li, #contentMargin ul li {
	list-style-image: 		url(../media/icons/bullet.gif);
}

#content div.csc-textpic-intext-left div.csc-textpic-imagewrap,
#content div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap,
#content-nomargin div.csc-textpic-intext-left div.csc-textpic-imagewrap,
#content-nomargin div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:		20px !important;
}

#content div.csc-textpic-intext-right div.csc-textpic-imagewrap,
#content div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap,
#content-nomargin div.csc-textpic-intext-right div.csc-textpic-imagewrap,
#content-nomargin div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:		20px !important;
}

.csc-textpic-caption {
	font-size:			0.9em;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin-bottom:		1.5em;
}


/** Table styles **/
#content table, #content-nomargin table {
	border-spacing:			2px;
}

#content table th, #content-nomargin table th {
	background-color:		#DDD;
	padding:				2px;
	font-weight:			bold;
}

#content table td.middle, #content-nomargin table td.middle {
	vertical-align:			middle;
}

#content table td.ipa_1, #content-nomargin table td.ipa_1 {
	background-color:		#F5F5F5;
	border:					1px solid #B0B0B0;
	text-align:				center;
	vertical-align:			middle;
    padding:				4px 12px;
    color:					#000080;
    font-family:			'Lucida Sans Unicode','Arial Unicode MS';
	font-size:				18px;
	width:					15px;
}

#content table p, #content-nomargin table p {
	padding:				0;
	margin:					0;
	text-align:				left;
}

#content table ul, #content-nomargin table ul {
	margin:					0 0 0 1.2em;
	padding:				0;
}


/** RSS feed importer styles **/
.tx-gkhrssimport-pi1 .rss_title, .tx-gkhrssimport-pi1 .rss_description, .tx-felogin-pi1 legend {
	display:					none;
}

.tx-gkhrssimport-pi1 .rss_header {
	margin-top:					1em;
	padding-top:				2em;
	border-top:					1px solid gray;
}


/** Frontend-Login **/
.tx-felogin-pi1 fieldset {
	margin-top:					2em;
}


/** iFrames **/
.tx-ffiframe-pi1 {
/ **	height:						480px;
} **/


/** Drop shadow on images (used by staff plugin) **/
div.img-shadow-left {
	float: 					left;
	background: 			url(../media/bg_shadow_lo.png) no-repeat bottom right;
	margin: 				10px 0 0 10px;
}

div.img-shadow-left img {
	display: 				block;
	position: 				relative;
	background-color: 		white;
	margin: 				-9px 9px 9px -9px;
	border: 				1px solid gray;
	padding: 				2px;
}

div.img-shadow-right {
	float: 					right;
	background: 			url(../media/bg_shadow_lo.png) no-repeat bottom right;
	margin: 				10px 0 0 10px;
}

div.img-shadow-right img {
	display: 				block;
	position: 				relative;
	background-color: 		white;
	margin: 				-8px 8px 8px -8px;
	border: 				1px solid gray;
	padding: 				2px;
}

a.pdf-icon,
a.doc-icon,
a.xls-icon,
a.ppt-icon,
a.odt-icon,
a.flash-icon {
	padding:				0 0 0 20px;
	background:				url(../media/icons/icon_pdf.gif) transparent 0 -1px no-repeat;
}

a.doc-icon {
	background-image:		url(../media/icons/icon_doc.gif);
}

a.xls-icon {
	background-image:		url(../media/icons/icon_xls.gif);
}

a.ppt-icon {
	background-image:		url(../media/icons/icon_ppt.gif);
}

a.odt-icon {
	background-image:		url(../media/icons/icon_odt.gif);
}

a.flash-icon {
	background-image:		url(../media/icons/icon_flash.gif);
}

/* Three column layout */

.threeCols {
	width:					100%;
	margin-bottom:			1.5em;
}

.threeCols .left {
	float:					left;
	width:					30%;
	margin-right:			2.5%;
}

.threeCols .right {
	float:					right;
	width:					30%;
	margin-left:			2%;
}

.threeCols .middle {
	float:					left;
	width:					30%;	
}

.threeCols .clear {
	clear:					both;
}


.blue .left,
.blue .right,
.blue .middle {
	background-color: 		#ebeff7;
	padding:				5px;
}

.blue h1,
.blue h2,
.blue h3 {
	color:					black;	
}

.blue ul {
	list-style-type:		none;
	margin:					0;
}

#content .blue li,
#contentMargin .blue li,
#content-nomargin .blue li {
	background:				url(../media/icons/pfeil.png) left 6px no-repeat;
	padding-left:			10px;	
	list-style-image:		none;
}

.blue li a {
	color: 					#000000;
	text-decoration: 		none;	
}

.blue li a:hover {
	text-decoration:		underline;	
}

/** FCE Image with info icon **/
.imageinfo {
	position:				relative;	
}

.imageinfo a {
	position:				absolute;
	top:					5px;
	right:					10px;
	display:				block;
	height:					30px;
	padding-left:			10px;
	color:					white;
	text-decoration:		none;
}

.imageinfo a img {
	float:					right;
	margin-top:				-2px;
	margin-right:			-2px;	
}

.imageinfo a span {
	display:				none;
	float:					right;	
	margin-top:				7px;
	margin-right:			2px;
}

.imageinfo a:hover {
	background-color:		#4664B4;	
}

.imageinfo a:hover span {
	display:				block;	
}

.imageinfo a:hover span:hover {
	text-decoration:		underline;	
}