/*(c) TN 2006 */

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #5c5c5c;}
body {font-size: 0.75em; } td {_font-size: 0.75em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}

html, body { margin: 0; padding: 0; }
body { background: #fff; min-width: 1000px; }

form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: bold; }
img {border:none;}

p { margin: 0 0 13px 0; }


/*  allgemeine HEADliNE-Styles -  Größe bezieht sich immer auf Elternelement */
h1 {font-size: 1.8em; margin: 0 0 15px 0; padding: 0 0 6px 0; color: #000; font-weight: normal; border-bottom: 2px solid #333b74; font-family: Georgia, "Times New Roman", Times, serif;}
h2 { font-size: 1.4em; font-weight: bold; color: #333b74; margin: 0 10px 40px -10px; padding: 50px 0 0 10px; background: transparent url(../images/chrome/h2-bg.gif) 0 65px repeat-x; }
body.home h2 { margin: 0 10px 20px 0; background: none; padding: 0  }
h3 {font-size: 1.2em; color: #5c5c5c; margin: 0 0 5px 0; padding: 0; }
h4 {font-size: 1em; font-weight: bold; color: #5c5c5c; margin: 0; display: inline; }

hr, .cssForm hr { height:1px; color: #ccc; background: #c0c0c0; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}

.right{ float: right; margin: 0 0 5px 5px; }
.left{ float: left; margin: 0 5px 5px 0; }
img.right, img.left { border: 1px solid #ccc; }


/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

.small, .bildText{font-size: .8em;} /* bezieht sich immer auf Elternelement */

a:link, a:visited, a:hover, a:active  { color : #333b74; text-decoration: underline;}
a:hover, a:active { text-decoration: underline;}

a.back:link, a.back:visited, a.back:hover, a.back:active {
	font-weight: bold;
	text-decoration: none;
}
a.back:hover, a.back:active {
	text-decoration: underline;
}


/*-------------------- TeamSeite ------------------*/

.teamList {width: 450px; }
	.teamList a { text-decoration: none !important; color: #5c5c5c !important; }
	.teamList td { border: 1px solid #F9F9F9; padding: 3px; }
	.teamList tr.invisible td, .teamList td.invisible  {font-size: 0.4; padding: 0; border: none;}
	
.imageCols img {
	border: 1px solid #6f6f72;
	margin: 0 0 0 5px;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
}
	.imageCols p {	margin: 0 0 5px 0;}

	
td.over { /*js-hover*/
	background: #fff url(../images/chrome/go.gif) right no-repeat;
	border: 1px solid #b4b2b2;	
	cursor: hand; cursor: pointer;
}
td.over a { color: #333b74 !important; }

a.over img {  /*js-hover*/
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

/*-------------------------- Pressemeldungen -------------------------------*/

p.pressDate {
	color: #7c7c7c; margin: 10px 0 25px 0; font-weight: bold; 
}
table.pressContacts {
	font-size: .8em;
	border: 2px solid #EEEEEE;
	padding: 5px;
}
table.pressContacts  td{ vertical-align: top; padding: 5px;}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* OPTIC1 standard - nur abst?nde und ausrichtund wird optimiert*/
table.optic1 td, table.optic1 th {
	padding: 3px;
	vertical-align: top;
}

/* OPTIC2 */
table.optic2 { border: 1px solid #eaeaea; width: 625px; }
	table.optic2 tr.alternate td { background: #FCFCFC; }
	table.optic2 tr:hover td { background: #fff; }
	table.optic2 tr:hover td.highlighted { color: #333b74; }
		table.optic2 th {	
			border-bottom: 1px solid #eaeaea;
			font-weight: bold;
			background: #FCFCFC;
			white-space: nowrap;
			color: #333b74;
		}
		table.optic2 td, table.optic2 th {
			padding: 5px 5px;
			vertical-align: top;
		}
		table.optic2 td { border-bottom: 1px solid #fff; }
		table.optic2 td.highlighted { font-size: .9em; color: #949494; font-weight: bold; }
			table.optic2 td img { margin-bottom: 5px; filter:gray alpha(opacity=50);  }
			table.optic2 tr:hover img { filter:none;  }
			table.optic2 tr:hover strong { color: #333b74; }

 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

#head { border-bottom: 9px solid #333b74; height: 100px; position: relative; min-width: 1000px;}
body.home #head { background: transparent url(../images/chrome/iqhaus.jpg) 929px 46px no-repeat;  height: 130px; padding-top: 111px; }
	#logo img{ margin: 32px 54px 0 44px; }

/*--------- top nav ----------*/
	#head ul{ margin: 0; padding: 0; position: absolute; top: 23px; left: 290px; list-style: none; }
	body.home #head ul{ left: 500px; top: 165px; }
		#head li{ margin: 0; float: left; list-style: none; margin-right: -2px; }
			#head li a:link, #head li a:visited, #head li a:hover, #head li a:active {
				overflow: hidden;
				display: block;
				width: 101px;
				height: 86px;
				background: transparent url(../images/chrome/menu/ueber.gif) no-repeat;
				text-decoration: none;
				position:relative;
			}
			#head li#id5 a:link, #head li#id5 a:visited, #head li#id5 a:hover, #head li#id5 a:active {width: 101px; background-image: url(../images/chrome/menu/ueber.gif) ; }
			#head li#id6 a:link, #head li#id6 a:visited, #head li#id6 a:hover, #head li#id6 a:active {width: 51px; background-image: url(../images/chrome/menu/team.gif) ; }
			#head li#id7 a:link, #head li#id7 a:visited, #head li#id7 a:hover, #head li#id7 a:active {width: 122px; background-image: url(../images/chrome/menu/beteiligungen.gif) ; }
			#head li#id8 a:link, #head li#id8 a:visited, #head li#id8 a:hover, #head li#id8 a:active {width: 86px; background-image: url(../images/chrome/menu/aktuelles.gif) ; }
			#head li#id9 a:link, #head li#id9 a:visited, #head li#id9 a:hover, #head li#id9 a:active {width: 77px; background-image: url(../images/chrome/menu/kontakt.gif) ; }

			#head li#id120 a:link, #head li#id120 a:visited, #head li#id120 a:hover, #head li#id120 a:active {width: 88px; background-image: url(../images/chrome/menu/ueber_en.gif) ; }
			#head li#id123 a:link, #head li#id123 a:visited, #head li#id123 a:hover, #head li#id123 a:active {width: 92px; background-image: url(../images/chrome/menu/team_en.gif) ; }
			#head li#id147 a:link, #head li#id147 a:visited, #head li#id147 a:hover, #head li#id147 a:active {width: 114px; background-image: url(../images/chrome/menu/beteiligungen_en.gif) ; }
			#head li#id162 a:link, #head li#id162 a:visited, #head li#id162 a:hover, #head li#id162 a:active {width: 60px; background-image: url(../images/chrome/menu/aktuelles_en.gif) ; }
			#head li#id166 a:link, #head li#id166 a:visited, #head li#id166 a:hover, #head li#id166 a:active {width: 83px; background-image: url(../images/chrome/menu/kontakt_en.gif) ; }
			
			
			/*#head ul:hover li a:link, #head ul:hover li a:visited, #head ul:hover li a:hover, #head ul:hover li a:active {*/
				/*background-position: 0 0;*/ /*marker soll ausgehen, wenn man ul hovert*/
/*			}*/

			#head li.active a:link, #head li.active a:visited, #head li.active a:hover, #head li.active a:active,
			#head li:hover.active a:link, #head li:hover.active a:visited, #head li:hover.active a:hover, #head li:hover.active a:active {
				/*dieser marker soll ausgehen, wenn man ul hovert - rule ist deshalb nicht stärker als ul:hover-rule
   				er soll aber anbleiben, wenn man in der Sekundärnav hovert - daher die 2te Zeile
				*/
				background-position: 0 -86px; 
			}
/*			#head li a:hover, #head li a:active {
				background-position: 0 -86px !important; *//*marker über li soll aber da sein - rule ist stärker als ul:hover-rule*/
/*			}
*/				#head a span { visibility: hidden;  }

			#head ul ul{ position: absolute; top: 100px; left: 0; display: none; width: 415px; top:100px; }
			body.home #head ul ul{ display: none !important;}
			#head li.active ul{ display: block; }
				#head li li { float: none; display: inline; border-left: 1px solid #7c7c7c; }
				#head li li:first-child, #head li.first { border-left: none; }
					#head li li a:link, #head li li a:visited, #head li li a:hover, #head li li a:active {
						overflow: hidden;
						display: inline;
						width: auto;
						height: auto;
						background: none !important;
						text-decoration: none;
						position:static;
						font-weight: bold;
						padding: 0 3px;
						color: #7c7c7c;
					}
					#head li li.active a:link, #head li li.active a:visited, #head li li a:hover, #head li li a:active,
					#head li li a:hover, #head li li a:active {
						color: #333B74;
					} 
					

#contentRow { background: #ececec url(../images/chrome/contentrow-bg.gif) left bottom; min-width: 1000px }
	#content { background: #f9f9f9 url(../images/chrome/content-bg.gif) left bottom; width: 717px; _height: 500px; min-height: 500px; }
	body.home #content { width: 425px; margin-left: 502px; _height: 200px; min-height: 200px; padding-bottom: 30px; }
		#content #data { /*_height: 500px; min-height: 500px; */}
		body.home #content #data { position: absolute; left: 40px; top: 266px; width: 360px; /*height: 200px;*/ overflow: auto;  color: #505050;}
		#content div.standard { padding: 0 40px 25px 40px;  }
				#content div.full { padding: 0 0 25px 40px;  }
		
		#news { padding: 24px 17px; margin: 0; color: #676769; font-size: 0.9em;  }
			#news dl { padding: 0; margin: 0; }
				#news dt { padding: 0; margin: 0; font-weight: bold; cursor: hand; cursor: pointer; }
				#news dd { padding: 0; margin: 0 0 14px 0; cursor: hand; cursor: pointer; }
		
	#grafic2 {
		width: 290px;
		height: 500px;
		position: absolute;
		left:717px; top: 111px;
		z-index: 20;
	}
	body.home #grafic2 { display: none;}

/*------------- verschiedene backgrounds für verschiedende bodyclasses	--------------------*/
	body.sextant #content #data { background: transparent url(../images/chrome/scribbles/sextant-1.gif) right 50px no-repeat; }
	body.sextant #grafic2 { background: transparent url(../images/chrome/scribbles/sextant-2.gif) 0 62px no-repeat; }

	body.pflanze #content #data { background: transparent url(../images/chrome/scribbles/pflanze-1.gif) right 172px no-repeat; }
	body.pflanze #grafic2 { background: transparent url(../images/chrome/scribbles/pflanze-2.gif) 0 10px no-repeat; }

	body.arm #content #data { background: transparent url(../images/chrome/scribbles/arm-1.gif) right 172px no-repeat; }
	body.arm #grafic2 { background: transparent url(../images/chrome/scribbles/arm-2.gif) 0 0 no-repeat; }

	body.gesicht #content #data { background: transparent url(../images/chrome/scribbles/gesicht-1.gif) right 5px no-repeat; }
	body.gesicht #grafic2 { background: transparent url(../images/chrome/scribbles/gesicht-2.gif) 0 107px no-repeat; }

	body.treppe #content #data { background: transparent url(../images/chrome/scribbles/treppe-1.gif) right 2px no-repeat; }
	body.treppe #grafic2 { background: transparent url(../images/chrome/scribbles/treppe-2.gif) 0 0 no-repeat; }

	body.briefkasten #content #data { background: transparent url(../images/chrome/scribbles/briefkasten-1.gif) right 2px no-repeat; }
	body.briefkasten #grafic2 { background: transparent url(../images/chrome/scribbles/briefkasten-2.gif) 0 0 no-repeat; }

	body.tisch #content #data { background: transparent url(../images/chrome/scribbles/tisch-1.gif) right 2px no-repeat; }
	body.tisch #grafic2 { background: transparent url(../images/chrome/scribbles/tisch-2.gif) 0 0 no-repeat; }

	body.haus #content #data { background: transparent url(../images/chrome/scribbles/haus-1.gif) right 2px no-repeat; }
	body.haus #grafic2 { background: transparent url(../images/chrome/scribbles/haus-2.gif) 0 0 no-repeat; }


	
	
#func { list-style: none; padding: 0; margin: 5px; font-size: .9em; }		
body.home #func { margin-left: 75px; }		
	#func li { list-style: none; padding: 0 1px 0 3px; margin: 0; display: inline; border-left: 1px solid #b4b2b2; }
	#func li:first-child, #func li.first { border-left: none; }
		#func a:link, #func a:visited, #func a:hover, #func a:active {	
			color: #949494;
			text-decoration: none;
		}
		#func a:hover, #func a:active { color: #333b74; }