/*(c)2009 com2 Gmbh, TN, www.com-com.com v1.1 */

/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html * { font-size: 100.01% }
textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

html, body, textarea, input {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.7em;} 


html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%;  } /*v-scrollbar für moz einschalten*/
body { background: #fff url(../images/chrome/backgrounds/berg.jpg) center top no-repeat fixed; }

body#afrika1 { background-image: url(../images/chrome/backgrounds/afrika1.jpg) }
body#afrika2 { background-image: url(../images/chrome/backgrounds/afrika2.jpg) }
body#afrika3 { background-image: url(../images/chrome/backgrounds/afrika3.jpg) }

body#blueten { background-image: url(../images/chrome/backgrounds/blueten.jpg) }
body#eisberg { background-image: url(../images/chrome/backgrounds/eisberg.jpg) }
body#enten { background-image: url(../images/chrome/backgrounds/enten.jpg);}
body#felsen { background-image: url(../images/chrome/backgrounds/felsen.jpg) }
body#fischschwarm { background-image: url(../images/chrome/backgrounds/fischschwarm.jpg) }
body#fluss { background-image: url(../images/chrome/backgrounds/fluss.jpg);}
body#himmel { background-image: url(../images/chrome/backgrounds/himmel.jpg) }
body#kueste { background-image: url(../images/chrome/backgrounds/kueste.jpg);}
body#kueste2 { background-image: url(../images/chrome/backgrounds/kueste_2.jpg);}
body#pflanze { background-image: url(../images/chrome/backgrounds/pflanze.jpg) }
body#see { background-image: url(../images/chrome/backgrounds/see.jpg) }
body#wald { background-image: url(../images/chrome/backgrounds/wald.jpg);}
body#wald2 { background-image: url(../images/chrome/backgrounds/wald_2.jpg);}
body#wueste { background-image: url(../images/chrome/backgrounds/wueste.jpg);}

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #669900; }
label { color: #8a8b8d; }

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
table { wtable-layout: fixed; empty-cells: show; }
	td { empty-cells: show; }

.cmsColor01 { /*||title-de:Grün||title-en:Green*/ color: #669900; }
.cmsColor02 { /*||title-de:Grau||title-en:Grey*/ color: #847970; }

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 15px; font-size: 1em; color: #669900; font-weight: bold;}
h3 {font-size: 1em; color: #000; margin: 0 0 15px; padding: 0; font-weight: bold; }
h4 {font-size: 1em; font-weight: bold; color: #8a8b8d; margin: 0 0 15px; padding: 0; wline-height: 110%; }
h5 {font-size: 1em; color: #000; margin: 0 0 3px 0; padding: 0; font-weight: bold; }
	h2 span, h3 span, h4 span { font-weight: normal; } 

p.subHead { /*||title-de:Unter-Überschrift||title-en:Subheadline*/ margin: -10px 0 15px 0; font-size: 1em; color: #669900; font-weight: normal; }

hr, .cssForm hr { /*||hide:true*/ height:1px; color: #847970; background: #847970; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}
.cssForm {}

/*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #CFCFC5; padding: 0px 2px; } 
input.textInput { border: 1px solid #CFCFC5 !important; } 
select { border: 1px solid #8a8b8d; padding: 0; }
.textInput:active {	border: 1px solid #669900 !important;}

/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}

a:link, a:visited, a:hover, a:active  { color : #8a8b8d; text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: underline; color: #690; }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;  color: #690;}

a.crossLink:link, a.crossLink:visited, a.crossLink:hover, a.crossLink:active  {/*||title-de:Querlink||title-en:Crosslink*/ padding-left:12px; background: transparent url(../images/chrome/crosslink.gif) 0 4px no-repeat; }
a.crossLink:hover, a.crossLink:active { background-position: 0 -46px; }
a.downloadLink:link, a.downloadLink:visited, a.downloadLink:hover, a.downloadLink:active  {/*||title-de:Downloadlink||title-en:Downloadlink*/ padding-left:12px; background: transparent url(../images/chrome/downloadlink.gif) 0 4px no-repeat; }
a.downloadLink:hover, a.downloadLink:active { background-position: 0 -45px; }
a.pdfLink:link, a.pdfLink:visited, a.pdfLink:hover, a.pdfLink:active  {/*||title-de:PDF-Link||title-en:PDF-link*/ padding-left:20px; background: transparent url(../images/chrome/pdflink.gif) 0 0 no-repeat; font-weight: bold; }
a.pdfLink:hover, a.pdfLink:active { background-position: 0 -43px; }
a.mailLink:link, a.mailLink:visited, a.mailLink:hover, a.mailLink:active  {/*||title-de:Maillink||title-en:Maillink*/ padding-left:20px; background: transparent url(../images/chrome/maillink.gif) 0 1px no-repeat; }
a.mailLink:hover, a.mailLink:active { background-position: 0 -45px; }
a.zoomLink:link, a.zoomLink:visited, a.zoomLink:hover, a.zoomLink:active  {/*||title-de:Vergrößerungslink||title-en:Zoomlink*/ padding-left:12px; background: transparent url(../images/chrome/zoomlink.gif) 0 4px no-repeat; }
a.zoomLink:hover, a.zoomLink:active { background-position: 0 -47px;  color: #690 !important; }

/* Zusatz für Links: Synchronisieren der Pipes im Forschungsbereich */
			a.pipe:link span, a.pipe:visited span, 
			a.pipe:hover span, a.pipe:active span { /*||hide:true*/  padding-right: 8px; background: transparent url(../images/chrome/pipe.gif) 13px 0 repeat-y; }
				a.pipe:hover span, a.pipe:active span { background: transparent url(../images/chrome/pipegreen.gif) 13px 0 repeat-y; }
							

/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;}
.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #8a8b8d;}

img.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 5px 5px; }
img.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/  float: left; margin: 0 5px 5px 0; }

.cmsColor01 { /*||title-de:Orange||title-en:Orange*/ color: #669900; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #669900; }

.hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome/bg-hr.gif) repeat-x; line-height: 1px; overflow: hidden; }
	.hr hr {display: none;}
	
dl{ border: 1px solid #8a8b8d; border-bottom: none; }
	dt, dd { border-bottom: 1px solid #8a8b8d; padding: 2px 8px; margin: 0; }
	dt { color: #847970; font-weight: bold; }
	dd { padding-bottom: 10px; }

/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic01 {
	/*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ 
}
table.optic01 tr.alternate { background-color: #efefef; }
table.optic01 td, table.optic01 th { 
	padding: 3px;
	vertical-align: top;
}
/* OPTIC2*/
table.optic02 {
	/*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ 
}
table.optic02 th { background-color: #8a8b8d; border-bottom: #847970; }
table.optic02 td, table.optic02 th { 
	padding: 3px;
	vertical-align: top;
}
/* OPTIC3*/
table.optic03 { /*||title-de:Tabellenoptik 3||title-en:Tablestyle 3||desc-de:Formatierung für Übersichtstabellen||desc-en:Formatting of Address tables */ }
table.optic03 td { padding: 3px 30px 30px 3px; vertical-align: top; }


/* SUCHERGEBNIS*/
table.suchErgebnis { /*||title-de:Suchergebnistabelle||title-en:Search result table||desc-de:Formatierung für Suchergebnistabellen||desc-en:Formatting of search result tables */ }
	.suchErgebnis td { padding: 0 10px 0 0; vertical-align: top; }
	.suchErgebnis tr:hover td { background-color: #f7f7f7; }
		.suchErgebnis .right { padding-top: 17px; width: 78px; }
	input.suchFeldLinks { width: 210px; height: 16px; border: 1px solid #d7d7d7; }
	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/

#minWidth { background: #fff; width:736px; min-height: 100%; _height:100%; margin: 0 auto; }
	#header { position: fixed; width: 736px; background: #fff; }
	* html #header {
		position: absolute; 
		top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
	}
		#logo {	}
		#menuWrap { /*sorgt für die farbigen Streifen*/
			background: #fff url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_berg.jpg) no-repeat center -75px; padding: 0 0 2px 0; position: relative;
		}
		body.noSubNav #menuWrap { padding-top: 0;	}
		
		body#blueten #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_blueten.jpg) }
		body#eisberg #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_eisberg.jpg) }
		body#enten #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_enten.jpg);}
		body#felsen #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_felsen.jpg) }
		body#fischschwarm #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_fischschwarm.jpg) }
		body#fluss #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_fluss.jpg);}
		body#himmel #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_himmel.jpg) }
		body#kueste #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_kueste.jpg);}
		body#kueste2 #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_kueste_2.jpg);}
		body#pflanze #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_pflanze.jpg) }
		body#see #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_see.jpg) }
		body#wald #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_wald.jpg);}
		body#wald2 #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_wald_2.jpg);}
		body#wald3 #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_wald_3.jpg) }
		body#wueste #menuWrap { background-image: url(../images/chrome/backgrounds/BIK.003_bgr_1400x579_wueste.jpg);}
		
		
			#menuWrap ul {
				margin: 0; padding: 7px 10px 6px;
				background: #fff;
				list-style: none;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 1.2em;
				margin-bottom: 2px;
				height: 20px;
				=height: 25px;
			}	 
				#menuWrap li {
					margin: 0; padding: 0;
					display: inline; 
					list-style: none;
					float: left;
					position: relative;
				}
				
				#menuWrap li a:link, #menuWrap li a:visited, #menuWrap li a:hover, #menuWrap li a:active {
					padding: 0 12px 0 10px;
					text-decoration: none;
					border-right: 1px solid #8a8b8d;
				}
				#menuWrap li.last a:link, #menuWrap li.last a:visited, #menuWrap li.last a:hover, #menuWrap li.last a:active { border-right: none; }
				#menuWrap li.active a:link, #menuWrap li.active a:visited, #menuWrap li.active a:hover, #menuWrap li.active a:active {
					font-weight: bold; color: #669900;
				}
			
			#menuWrap #languages { position: absolute; right:0; top: 0; background: 0; =top:-3px; }
			
			
/*~~ NAV Level2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
					#menuWrap ul ul { padding: 0; margin:0; display: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: .8em; }	 
					#menuWrap li.active ul { display: block; position: absolute; background: none; top: 33px; =top:40px; left: 0;  }	 
						#menuWrap li.active li { display: block; line-height:130%; float: none; width: 600px; }
							#menuWrap li.active ul a:link, #menuWrap li.active ul a:visited,
							#menuWrap li.active ul a:hover, #menuWrap li.active ul a:active { font-weight: normal; color: #8a8b8d; border: none; }	 
							#menuWrap li.active ul a:hover, #menuWrap li.active ul a:active { color: #669900; }	 
							#menuWrap li.active ul .active a:link, #menuWrap li.active ul .active a:visited, 
							#menuWrap li.active ul .active a:hover, #menuWrap li.active ul .active a:active { font-weight: bold; color: #669900; }	 

			/* Zusatz um SekNav-Menü: Synchronisieren der Pipes im Forschungsbereich */
			#menuWrap ul ul a:link span, #menuWrap ul ul a:visited span, 
			#menuWrap ul ul a:hover span, #menuWrap ul ul a:active span { padding-right: 8px; background: transparent url(../images/chrome/pipe.gif) 13px 0 repeat-y; }
				#menuWrap ul ul a:hover span, #menuWrap ul ul a:active span { background: transparent url(../images/chrome/pipegreen.gif) 13px 0 repeat-y; }
					#menuWrap ul ul li.active a:link span, #menuWrap ul ul li.active a:visited span, 
					#menuWrap ul ul li.active a:hover span, #menuWrap ul ul li.active a:active span { background: transparent url(../images/chrome/pipegreenbig.gif) 13px 0 repeat-y; }				
							
			#secondLevelSpace{ background: #fff; } /*hält den Platz für die absolute 2nd Nav frei - muss in der höhe skaliert werden*/
			body.noSubNav #secondLevelSpace { display: none;}
			
	#content { /*padding top kommt dynamisch*/ }
		#mainTable { wborder-top: 1px solid #00f; }
			#mainTable #leftCol { vertical-align: top; width: 220px; padding: 12px 12px 35px 22px; }
				#leftCol h3 { margin:0; }
				#leftCol img { margin-bottom: 10px;	}
				#leftCol img.small { margin-left: 116px;	}
				#leftCol a:link, #leftCol a:visited, #leftCol a:hover, #leftCol a:active { line-height: 120%; }
				#leftCol a:hover, #leftCol a:active { text-decoration: underline; color: #000; }
					#leftCol a.active:link, #leftCol a.active:visited, #leftCol a.active:hover, #leftCol a.active:active { text-decoration: underline; color: #000; font-weight:normal; }
					
				.headlineLeft #rightCol { padding-top: 40px !important; }
				
				.indented p { padding-left: 28px; text-indent: -28px; }
				ul.indented  { list-style: none; margin: 0; padding: 0; }
					ul.indented li { list-style: none; padding-left: 28px; text-indent: -28px; margin-bottom: 10px; }
				
			#mainTable #rightCol { vertical-align: top; width: 458px; padding: 12px 0 35px; }
				#rightCol .indented { margin-bottom: 15px; }
					#rightCol .indented p { margin-bottom: 5px; }
						#rightCol .indented p a:link, #rightCol .indented p a:visited, #rightCol .indented p a:hover, #rightCol .indented p a:active { line-height: 120%; }
						
			/* Größen für 50%-50% Layout */			
				.bigLeft #leftCol { width: 339px !important; }
				.bigLeft #rightCol { width: 339px !important; }
				
				.bigHeadLeft #leftCol { width: 339px !important; }
				.bigHeadLeft #rightCol { width: 339px !important; padding-top: 40px !important; }
				
					/* SeitenControls zum seitenweisen Vor- und Zurücknavigieren */
					div#controls 	 { float: right; color: #8a8b8d; }
					div#controlBack { float: left; color: #8a8b8d; }
						#controlBack a:link, #controlBack a:visited, 
						#controlBack a:hover, #controlBack a:active { padding-left: 12px; background: transparent url(../images/chrome/backlink.gif) 0 4px no-repeat; }
								#controlBack a:hover, #controlBack a:active { background-position: 0 -46px; }						
					
					/* Gliederung für z.B. den Pressespiegel */	
					dl.linkGliederung { border: none; }
						.linkGliederung dt, .linkGliederung dd { border:none; padding: 2px 0; margin: 0; }
						.linkGliederung dt { padding-left:15px; background: transparent url(../images/chrome/crosslink.gif) 0 6px no-repeat; color: #8a8b8d; font-weight: normal; }
							.linkGliederung dt:hover { background-position: 0 -44px; }
						.linkGliederung dd { padding-bottom: 10px; padding-left:15px; }						
						
	/* Gallerystyling */					
	div.previewImage { /*title-de:Vorschaubild||title-en:Preview Image||desc-de:Rechtsbündig, umrahmt, Abstand nach links||desc-en:Right aligned, bordered, margin to the left*/
		float: right; 
		position: relative; width: 180px; 
		margin:0 0 5px 10px; padding: 10px; 
		border: 1px solid #d7d7d7;
	}			
		.previewImage a:link, .previewImage a:visited, .previewImage a:hover, .previewImage a:active { text-decoration: none; }		
		.previewImage a:link .zoom, .previewImage a:visited .zoom,
		.previewImage a:hover .zoom, .previewImage a:active .zoom {
			position:absolute; 
			width: 15px; height: 15px; 
			bottom: 10px; right:10px;
			background: #fff url(../images/chrome/zoom.gif) 0 0 no-repeat; 
		}
			.previewImage a:hover .zoom, .previewImage a:active .zoom { background-position: 0 -30px; }
						
	#footer { line-height: 100%; background: #fff; height: 35px; font-size: .9em; width: 736px; position: fixed; bottom: 0; color: #8a8b8d; }
	* html #footer {position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));}

			#footer ul { margin: 0; padding: 10px 0 0; list-style: none; float: right; }
				#footer li {
					margin: 0; padding: 0;
					display: inline; 
					list-style: none;
				}
				#footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active {
					padding: 0 0 0 7px;
					color: #8a8b8d;
					text-decoration: none;
				}
				#footer li a:hover, #footer li a:active,
				#footer li.active a:link, #footer li.active a:visited, #footer li.active a:hover, #footer li.active a:active {
					color: #690;
				}
	#footer form {display: block; float: left; padding-top: 10px; }
		#footer form input { margin: 0 0 0 10px; height: 13px; width: 147px; border:1px solid #d7d7d7; }
		#footer form .searchButton { border: none; background: transparent url(../images/chrome/search.gif) 7px 2px no-repeat; padding: 0 0 0 300px; margin: 0; width:18px; color: #fff; overflow: hidden; }
		#footer form .searchButton:hover { background-position: 7px -58px; }

										


/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset { width: 470px; } /* 'A' */
.cssForm label { width: 85px; border:none !important; color:#000; } /* 'B' */
.cssForm .rightCol {padding-left:90px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 350px; /* 'A'-'B'-10px='C' */ margin-bottom: 10px !important; font-size: 0.95em;}
	.cssForm select { width: 356px; font-size:1em; }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 144px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {width: 127px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

.buttonGroup { margin-left: 90px !important; }

.cssForm input.button, .cssForm .button { background-color: #fff !important; background-image: none !important; border: 1px solid #999 !important; color:#999 !important; font-weight: normal !important; }
.cssForm input.button:hover, .cssForm .button:hover { border: 1px solid #669900 !important; color:#669900 !important; }
 
.cssForm fieldset.error { border-top-color: #f7931; }
.cssForm { /*||hide:true*/ } .rightCol { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ }
.twinRow { /*||hide:true*/ } .assignment { /*||hide:true*/ }


			
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{/*||hide:true*/	position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */