/********************************************************
allgemeine Styles
********************************************************/

/********************************************************
zentrale Angaben
********************************************************/
html {
	height: 100%;
}

BODY {
	background: #11275F url("../images/bg_stretcher.jpg") repeat-x;
	margin: 0 0 0 0;
	font-family: verdana, arial;
	color: #fff;
	height: 100%;
}


H3 {
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0 0 8px 0;
}


H4 {
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0 0 5px 0;
}


H5 {
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0 0 2px 0;
}


H6 {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
	padding: 0;
	margin: 0;
}

.arrow {
	font-family: arial;
	font-size: 9px;
	font-weight: normal;
}


.nowrap {
	white-space: nowrap;
}


.divClearBoth {
	clear: both;
}


#divFloatLeft {
	float: left;
}


#divFloatRight {
	float: right;
}


#divDrucken {
	padding: 0 0 20px 0px;
}


/********************************************************
Framework
********************************************************/
#tblFramwork {
	width: 100%;
	height: 100%;
}


#tdLeftBar {
	padding: 0 0 50px 0;
	width: 21px;
	background-color: #12093E;
	text-align: center;
	vertical-align: bottom;
}


#tdLeft {
	background: #11275F url("../images/bg_left_stretcher.jpg") no-repeat top right;
	vertical-align: bottom;
}


#tdContent {
	width: 729px;
}


#tdRight {
	background: url("../images/bg_right_stretcher.jpg") no-repeat top left;
}


#tdRightBar {
	width: 21px;
}


#divFloatLeftContainer {
	float: left;
}


#divFloatRightContainer {
	float: right;
}


#divHeader {
	width: 729px;
	height: 192px;
	background: #11275F url("../images/bg_header_bio.jpg") no-repeat;
}


	#divHeaderPrint {
		display: none;
		padding: 0 0 10px 0;
	}


	#divHeaderBrand {
		float: left;
		width: 150px;
	}


	#divHeaderRootMenu {
		width: 579px;
		float: right;
		padding: 18px 5px 0 0;
		font-size: 11px;
	}

		html>body #divHeaderRootMenu {
			width: 574px;
		}


		#divHeaderRootMenu UL {
			margin: 0;
			padding: 0;
		}


			#divHeaderRootMenu UL LI {
				float: left;
				list-style: none;
				padding:0 10px 0 10px;
			}


				#divHeaderRootMenu UL LI A {
					margin: 0;
					float: left;
					font-family: verdana, arial;
					font-size: 11px;
					text-decoration: none;
					color: #fff;
				}


	#divHeaderMainMenu {
		width: 729px;
		height: 42px;
		background: #11275F url("../images/bg_mainmenu.jpg") no-repeat;
		overflow: hidden;
	}


		#divHeaderMainMenu UL {
			float: right;
			margin: 0;
			padding: 1px 1px 0 0;
			height: 41px;
		}

			#divHeaderMainMenu UL LI {
				float: left;
				list-style: none;
				line-height: 41px;
			}


				#divHeaderMainMenu UL LI A {
					margin: 0;
					padding: 0 20px 0 20px;
					display: block;
					float: left;
					height: 41px;
					line-height: 41px;
					font-family: verdana, arial;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
					color: #D8D5F2;
				}


					#divHeaderMainMenu UL LI A:hover, #divHeaderMainMenu UL LI A.liActive {
						background-color: #11275F;
						color: #fff;
					}




/********************************************************
Content (max. Breite des Inhalts: 727px)
********************************************************/
#divContent {
	overflow: hidden;
	width: 729px;
	background: #11275F url("../images/bg_content_middle.gif") repeat-y;
	font-family: verdana, arial;
	font-size: 11px;
	color: #fff;
}


	#divContentTop {
		width: 728px;
		height: 1px;
	}


	#divContentLeft {
		float: left;
		width: 1px;
		height: 200px;
	}


	#divContentMiddle {
		float: right;
		background: #2F4273 url("../images/bg_blue_gradient.gif") repeat-x;
		margin: 0 1px 0 0;
		width: 727px;
	}


	#divContentBottom {
		clear: both;
		width: 728px;
		height: 1px;
		background: #11275F url("../images/bg_dotline_h.gif") repeat-x;
	}


	#divContentHeader {								/* wird nicht benoetigt?. */
		padding: 40px 0 20px 0;
	}

		#divContent A {
			text-decoration: none;
			font-size: 11px;
			color: #fff;
		}

			#divContent A:hover {
				text-decoration: underline;
			}


		#divContentLink {							/* wird nicht benoetigt?. */
			float: right;
			padding: 12px 5px 0 0;
		}

			#divContentLink A{						/* wird nicht benoetigt?. */
				font-weight: bold;
				text-decoration: none;
			}

				#divContentLink A:hover{			/* wird nicht benoetigt?. */
					text-decoration: underline;
				}


	/********************************************************
	1-spaltiger Content (max. Breite des Inhalts: 727px)
	********************************************************/
	#divContent1Col {
		position: relative;
		height: 450px;														/* ANGABE FUER MINDESTHOEHE DES CONTENTS (IE) */
		overflow: visible;
		padding: 0;
	}

		html>body #divContent1Col {
			height: auto;
			min-height: 450px;												/* ANGABE FUER MINDESTHOEHE DES CONTENTS */
		}

	/********************************************************
	2-spaltiger Content (max. Breite des Inhalts: 176px | 550px)
	********************************************************/
	#divContent2ColsLeft {
		float: left;
		position: relative;
		width: 176px;
		padding: 0;
	}


	#divContent2ColsRight {
		position: relative;
		float: right;
		width: 551px;
		height: 450px;														/* ANGABE FUER MINDESTHOEHE DES CONTENTS (IE) */
		overflow: visible;
		background: url(../images/bg_dotted_line.gif) repeat-y;
		padding: 0 0 0 1px;
	}

		html>body #divContent2ColsRight {
			width: 550px;
			height: auto;
			min-height: 450px;												/* ANGABE FUER MINDESTHOEHE DES CONTENTS */
		}


		#divContent2ColsRightComplete {
			clear: both;
			padding: 40px 0 0 40px;
		}


		.divContent2ColsRightLeft {
			float: left;
			width: 200px;
		}


		.divContent2ColsRightRight {
			float: right;
			width: 350px;
			padding: 40px 0 0 0;
		}


	/********************************************************
	Submen� im Content-Bereich
	********************************************************/
	#divContentSubMenu {
		padding: 25px 0 0 9px;
		margin: 0;
	}


	.divContentSubMenu { /* Status einer Klasse, da die Bezeichnung (ID) des Divs aufgrund dynamischer Men�struktur variiert */
		position: absolute;
		left: 3px;
		z-index: 1;
		padding: 1px;
		background: #11275F url("../images/bg_dotted_field.gif");
		visibility: hidden;
	}


		#divContentSubMenu UL {
			margin: 0;
			padding: 0;
			font-weight: bold;
			color: #B8B4DF;
		}


			#divContentSubMenu UL LI {
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 20px;
			}


				#divContentSubMenu UL LI A {
					margin: 0;
					padding: 0;
					height: 20px;
					line-height: 20px;
					font-family: verdana, arial;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
					color: #B8B4DF;
				}


					#divContentSubMenu UL LI A.active {
						color: #fff;
					}


					#divContentSubMenu UL LI A.inactive {
					}


						#divContentSubMenu UL LI A.inactive:hover {
							color: #B8B4DF;
						}


					#divContentSubMenu UL LI A:hover {
						color: #fff;
						text-decoration: none;
					}


				#divContentSubMenu UL LI UL {
					padding: 0 0 0 11px;
					margin: 0;
					list-style: none;
					line-height: 20px;
				}


					#divContentSubMenu UL LI UL LI {
						padding: 0;
						margin: 0;
						list-style: none;
						height: 20px;
						line-height: 20px;
					}


					#divContentSubMenu UL LI UL LI A{
						margin: 0;
						padding: 0;
						height: 20px;
						line-height: 20px;
						font-weight: normal;
					}


			#divContentSubMenuContent {
				width: 167px;
				background-color: #11275F;
			}


				#divContentSubMenuContent UL {
					padding: 0;
					margin: 0;
				}

				#divContentSubMenuContent UL LI {
					margin: 0;
					padding: 0 0 0 16px;
					list-style: none;
					line-height: 20px;
					font-size: 11px;
					font-weight: bold;
					color: #B7B4E1;
					background-color: #11275F;
				}


				#divContentSubMenuContent UL LI.subitem {
					padding: 0 0 0 5px;
				}


					#divContentSubMenuContent UL LI A {
						margin: 0;
						padding: 0;
						height: 20px;
						line-height: 20px;
						font-family: verdana, arial;
						font-size: 11px;
						font-weight: normal;
						text-decoration: none;
						color: #B8B4DF;
					}

						#divContentSubMenuContent UL LI A:hover {
							color: #fff;
							text-decoration: none;
						}


						#divContentSubMenuContent UL LI A.subbold {
							font-weight: bold;
						}


		/********************************************************
		Infobereich im Submenue
		********************************************************/
		#divContentSubMenuInfo {
			position: absolute;
			z-index: 0;
			top: 300px;
			width: 176px;
			padding: 1px 0 1px 0;
			margin: 0px 0 0 0;
			background: #11275F url("../images/bg_dotted_field.gif");
		}


			#divContentSubMenuInfoContent {
				padding: 8px 8px 8px 8px;
				background-color: #11275F;
			}


				#divContentSubMenuInfoContent H3 {
					color: #B8B4DF;
					padding: 0 0 4px 0;
					margin: 0;
				}


/********************************************************
Footer
********************************************************/
#divFooter {
	overflow: hidden;
	width: 729px;
	padding: 20px 0 20px 0;
	font-size: 11px;
	position: relative;
}


	#divFooter UL {
		list-style-image: url("../images/ic_twoarrows_footer.gif");
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
	}

		#divFooter UL LI {
			padding: 0;
			margin: 0;
		}


			#divFooter UL LI A {
				color: #fff;
				font-weight: bold;
				text-decoration: underline;
			}


	/********************************************************
	Footer 1-spaltig
	********************************************************/
	#divFooter1Col {
		width: 729px;
		overflow: hidden;
		padding: 1px 1px 1px 1px;
		background: #11275F url("../images/bg_dotted_field.gif");
	}

	html>body #divFooter1Col {
		width: 727px;
	}


		#divFooter1ColContent {
			width: 727px;
			overflow: hidden;
			background-color: #11275F;
		}

			#divFooter1ColContentLeft {
				float: left;
				width: 266px;
				padding: 0;
			}


			#divFooter1ColContentRight {
				float: right;
				width: 461px;
				padding: 20px 0 0 0;
			}


	/********************************************************
	Footer 2-spaltig
	********************************************************/
	#divFooter2Cols {
		width: 729px;
		overflow: hidden;
		padding: 0 1px 0 1px;
		background: /*#11275F*/ url("../images/bg_footer_2cols.gif");
	}
	
	#divFooter2ColsSpezial {
		position:relative;
		width: 729px;
		height:202px;
		overflow: hidden;
		padding: 0 1px 0 1px;
		background: /*#11275F*/ url("../images/rahmen_start_spezial.gif") no-repeat;
	}

		html>body #divFooter2Cols {
			width: 727px;
		}


		#divFooter2ColsLeft {
			float: left;
			width: 362px;
			/*background-color: #11275F;*/
		}


		#divFooter2ColsRight {
			float: right;
			width: 363px;
			/*background-color: #11275F;*/
		}


		#divFooter2ColsContentLeft {
			float: left;
			width: 100px;
			padding: 0 0 0px 0;
		}
		
		#divFooter2ColsContentLeftBig {
			float: left;
			width: 480px;
			padding: 0 0 0 0;
		}


		#divFooter2ColsContentRight {
			float: right;
			width: 262px;
			padding: 15px 0 2px 0;
		}
		
		


	#divFooter2ColsHLine {
		width: 729px;
		height: 1px;
		background: /*#11275F*/ url("../images/bg_dotline_h.gif") repeat-x;
	}


	/********************************************************
	Footer 3-spaltig
	********************************************************/
	#divFooter3Cols {
		float: left;
		width: 233px;
		padding: 1px 1px 1px 1px;
		background: /*#11275F*/ url("../images/bg_dotted_field.gif");
	}


		#divFooter3Cols.leftmargin {
			margin: 0 0 0 12px;
		}


		#divFooter3ColsHeader {
			width: 233px;
			padding: 2px 5px 2px 5px;
			margin: 0 0 1px 0;
			/*background-color: #11275F;*/
			font-weight: bold;
		}

			html>body #divFooter3ColsHeader {
				width: 223px;
			}


		#divFooter3ColsContent {
			width: 233px;
			height: 180px;
			padding: 0px 10px 0 0px;
			/*background-color: #11275F;*/
		}
		#divFooter3ColsContentRight {
			float: right;
			width: 262px;
			padding: 15px 0 2px 0;
		}


			html>body #divFooter3ColsContent {
				width: 223px;
			}


			#divFooter3ColsContent A {
				color: #fff;
				text-decoration: none;
				font-weight: bold;
			}


				#divFooter3ColsContent A:hover {
					color: #fff;
					text-decoration: underline;
				}


/********************************************************
Styles fuer den Content-Bereich
********************************************************/
#divContentWidePic {
}

#divContentHeadline {
	padding: 0 0 20px 0;
}


#divContentHeadlinePrint {
	display: none;
	padding: 0 0 20px 0;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}


.divContentText {
	padding: 0 30px 40px 0;
}

	.divContentText h2 {
		font-size: 18px;
	}

	#divContentTextInfo {
		float: left;
		margin: 0px 1px 0 0;
		border-right: #11275F 2px solid;
		border-bottom: #11275F 2px solid;
	}

		html>body #divContentTextInfo {
			margin: 0px 3px 0 0;
		}


	.divContentText A {
		font-weight: bold;
	}

		.divContentText A.text {
			font-weight: normal;
			text-decoration: underline;
		}


	.divContentText UL {
			margin: 0;
			padding: 10px 0 0 15px;
		}


			.divContentText UL LI {
				padding: 0;
				margin: 0;
				/*line-height: 20px;	/*height: 10px;*/
				/*font-weight: bold;*/
			}

			.divContentText UL.basic {
				padding: 5px 0 10px 8px;
			}


			.divContentText UL.basic LI {
				padding: 0 0 3px 0px;
				margin: 0 0 0 8px;
				/*line-height: 20px;	/*height: 10px;*/
				font-weight: normal;
				list-style-image: url("../images/li_square.gif");
			}


				/*html>body .divContentText UL LI {
					height: auto;
				}*/


				.divContentText UL LI UL {
					margin: 0;
					padding: 0 0 10px 0;
				}


				.divContentText UL LI UL LI {
					/*padding: 0px 0 0px 5px; /*padding: 2px 0 4px 5px;*/
					margin: 0 0 4px 2px;
					padding: 0;
					list-style: none;
					font-weight: normal;
				}


#divContentRightLink {
	float: right;
}


	#divContentRightLink A {
		font-weight: bold;
	}


/********************************************************
Styles fuer Layer zum Ein- bzw. Ausblenden
********************************************************/
.divContentLayer { /* Status einer Klasse, da die Bezeichnung (ID) des Divs aufgrund mehrerer Ein- / Ausblend-Layer variiert */
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 0;	/* 0 0 4px 0; */
	margin: 0 20px 0 0;
	text-align: right;
	visibility: hidden;
	background: #2F4273;
	border-right: #11275F 2px solid;
	border-bottom: #11275F 2px solid;
}


	.divContentLayerPrint, #divKontaktWegskizzePrint {
		display: none;
	}


	.divContentLayer A {
		font-weight: bold;
	}


	#divContentLayerDotline {
		background: #312473 url("../images/bg_dotted_field.gif");
		margin: 0;	/* margin: 0 0 5px 0; */
		border-right: #0B193C 2px solid;
		border-bottom: #0B193C 2px solid;
	}


#tblContentLayer {
	font-size: 11px;
}


	#tblContentLayer TR.light {
		background-color: #25396D;
	}


	#tblContentLayer TR.dark {
		background-color: #293C6E;
	}


	#tblContentLayer TD {
		height: 20px;
	}


		#tblContentLayer TD.header {
			padding-left: 4px;
			font-weight: bold;
			color: #D8D5F2;
		}


		#tblContentLayer TD.footer {
			text-align: right;
			padding-right: 6px;
			padding-left: 6px;
			font-weight: bold;
			color: #D8D5F2;
		}


		#tblContentLayer TD.leftdescription {
			padding: 1px 4px 1px 4px;
			font-weight: bold;
		}


		#tblContentLayer TD.rightdescription {
			padding: 1px 10px 1px 4px;
			text-align: right;
			font-weight: bold;
		}


		#tblContentLayer TD.leftvalue {
			padding: 1px 4px 1px 4px;
			vertical-align: top;
		}


		#tblContentLayer TD.rightvalue {
			padding: 1px 10px 1px 4px;
			text-align: right;
			vertical-align: top;
		}


#divContentInfoBoxDotline {
	background: #312473 url("../images/bg_dotted_field.gif");
	margin: 0;	/* margin: 1px 2px 1px 0; */
	border-right: #0B193C 2px solid;
	border-bottom: #0B193C 2px solid;
}

	html>body #divContentInfoBoxDotline {
		margin: 0;	/* margin: 1px 4px 1px 0; */
	}


#tblContentInfoBox {
	font-size: 10px;
}


	#tblContentInfoBox TR {
		background-color: #11275F;
	}


	#tblContentInfoBox TD {
		padding: 2px 5px 2px 5px;		/*	padding: 3px 5px 3px 5px;	*/
	}


		#tblContentInfoBox TD.header {
			padding-left: 4px;
			font-weight: bold;
			color: #B8B4DF;
		}


		#tblContentInfoBox TD A {
			font-size: 10px;
			font-weight: normal;
			text-decoration: none;
		}

			#tblContentInfoBox TD A:hover {
				text-decoration: underline;
			}

/********************************************************
Award-Styles
********************************************************/

#divMalwettbewerbContainer {
	position: relative;
	padding: 0;
	margin: 0;
}

	#divMalwettbewerbPositioner {
		position: absolute;
		padding: 0;
		margin: 0;
		top: -99px;
		left: 701px;
		width: 105px;
		height: 131px;
	}
/********************************************************
Christmas-Styles
********************************************************/

#divChristmasContainer {
	position: relative;
}

#divChristmas {
	position: absolute;
	top: -197px;
	left: 292px;
}

/********************************************************
Jubilaeum-Styles
********************************************************/

#divJubilaeumContainer {
	position: relative;
}

#divJubilaeum {
	position: absolute;
	top: 0px;
	right: 0px;
}


/* styles wg biosphere */

.subnav{
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #B8B4DF;
}

h3.biogreenbold {
	color:#8ABC1F;
	font-weight:bold;
	font-size:11px;
}


a.biogreen {
	color:#8ABC1F;
	font-weight:bold;
	font-size:11px;
}

.biogreenbold {
	color:#8ABC1F;
	font-weight:bold;
	font-size:11px;
}


table tr td {
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
}


.biosferetext {
	padding: 30px 5px 40px 30px;

}

.clear20 {
	clear:both;
	height:20px;
}

.margright10 {
	margin-right:10px;
}