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

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


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.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: 160px;
				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");
	}
	
		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;
		}
		
		
		#divFooter2ColsContentRight {
			float: right;
			width: 262px;
			padding: 15px 0 2px 0;
		}
		
		
		#divFooter2ColsContentLeftAsym {
			float: left;
			width: 80px;
			padding: 0 0 0px 0;
		}
		
		
		#divFooter2ColsContentRightAsym {
			float: right;
			width: 282px;
			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: 80px;
			padding: 10px 5px 0 5px;
			background-color: #11275F;
		}
		
			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;
}

	
	#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 0;
		}
		
		
			.divContentText UL LI {
				padding: 0;
				margin: 0;
				/*line-height: 20px;	/*height: 10px;*/
				list-style: none;
				font-weight: bold;
			}
						
				/*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;
		}
		
		#tblContentLayer TD.centervalue {
			padding: 1px 10px 1px 4px; 
			text-align: center;
			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
********************************************************/

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

	#divAwardPositioner {
		position: absolute;
		padding: 0;
		margin: 0;
		top: -79px;
		left: 709px;
		width: 105px;
		height: 131px;
	}