/* commented backslash hack v2 \*/ 
		html, body{height:100%;} 
		/* end hack */ 
		
		body {
			padding:0;
			margin:0;
			/*background:#99CCFF;*/
			color: #000000;
			background:#FFFFFF url(../media/common/bg.gif) repeat-y left top;

			font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
			font-size: 12px;
			vertical-align : top;
			text-align: left;
			scrollbar-face-color:#CEDEE7;
			scrollbar-highlight-color:#FFFFFF;
			scrollbar-3dlight-color:#686867;
			scrollbar-darkshadow-color:#FFFFFF;
			scrollbar-shadow-color:#101010;
			scrollbar-arrow-color:#686867;
			scrollbar-track-color:#EEEEEE;
		}
		/*#outer{
			height:100%;
			min-height:100%;
			margin-left:130px;
			margin-right:130px;
			background:#F8E7EC;
			border-left:1px solid #000;
			border-right:1px solid #000;
			margin-bottom:-52px;
			color: #000000;
		}*/
		
		#outer{
			height:100%;
			min-height:100%;
			margin-left:200px;
			margin-right:130px;
			margin-bottom:-22px;
			background:#FFFFFF;
			border-left:0px solid #000000;
			border-right:0px solid #FFFFFF;
			color: #000000;
			padding: 0px 0px 0px 0px;
		}
		
		
		
		 
		html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
		/*#header{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:70px;
			background:#FF0000;
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			overflow:hidden;
			color: #000000;
		}*/
		#header{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:170px;
			background:#FFFFFF;
			border-bottom:0px solid #000000;
			overflow:hidden;
			color: #000000;
		}
		
		
		/*#left {
			position:relative;
			width:130px;
			float:left;
			margin-left:-129px;
		}
		* html #left {padding-bottom:52px ;margin-right:-3px;}
		*/
		#left {
			position:relative;/*ie needs this to show float */
			width:200px;
			float:left;
			/*background:#99CCFF;*/
			text-align: right;
			/*border-top: 1px solid #000000;*/
			/*margin-left:-199px;must be 1px less than width otherwise won't push footer down  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  201 ist besser */
			margin: -5px 0px 0px -200px;/*ie -4 mozilla -2*/
			padding: 0px 0px 0px 0px;
			overflow: hidden;
		}
		* html #left {padding-bottom:22px ;margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/
		
		
		
		
		
		#left p {padding-left:3px;padding-right:2px}
		#left div {padding-left:3px;padding-right:2px}
		#right p {padding-right:1px;padding-left:1px;}
		
		/*#right {
			position:relative;
			width:130px;
			float:right;
			margin-right:-129px;
		}
		* html #right {padding-bottom:52px ;margin-right:-130px;}
		*/
		#right {
			position:relative;/*ie needs this to show float */
			width:130px;
			float:right;
			/*background: #FFFFFF; geht nicht... ???*/
			margin-right:-129px;/*must be 1px less than width otherwise won't push footer down */
		}
		* html #right {padding-bottom:22px ;margin-right:-130px; }/* stop float drop in ie */
		
		
		
		
		
		
		/*#footer {
			width:100%;
			clear:both;
			height:50px;
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			background-color: #FF8080;
			color: #000000;
			text-align:center;
			position:relative;
		}*/
		#footer {
			width:100%;
			clear:both;
			height:20px;
			border-top:2px solid #FFFFFF;
			background-color: #FFFFFF;
			color: #000000;
			text-align:left;
			position:relative;
		}
		
		
		
		
		/** html #footer {
			\height:52px;
			he\ight:50px;
		}*/
		* html #footer {/*only ie gets this style*/
			\height:22px;/* for ie5 */
			he\ight:20px;/* for ie6 */
		}
		
		
		
		
		
		
		
		
		
		
		
		/*#clearheader{height:72px;}
		#clearfooter{clear:both;height:50px;}
		* > html #clearfooter {float:left;width:100%;}
		div,p  {margin-top:0}
		* html #centrecontent {height:1%;margin-bottom:12px}
		#centrecontent {float:right;width:100%;position:relative;margin: 0 -0.5%;}
		.outerwrap {float: left;width: 99%;}*/
		
		
		#clearheader{height:172px;}/*needed to make room for header*/
		#clearfooter{clear:both;height:20px;}/*needed to make room for footer*/
		* > html #clearfooter {float:left;width:100%;}
		div,p  {margin-top:0}/*clear top margin for mozilla*/
		* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
		#centrecontent {float:right;width:100%;position:relative;margin: 0 -0.5%;}
		.outerwrap {float: left;width: 99%;}

		


















/* ######    page-construction containers  ###### */

DIV.metaNaviContainer {
	position: absolute;
	top: 0px;
	left: 202px;/*0*/
	width: 100%;
	height: 20px;
	background-color: #99CCFF;				/*#0033CC*/
	padding: 0px 0px 0px 0px;	
	z-index:2;
}
DIV.metaNavichangePageContainer {
	position: absolute;
	top: 0px;
	left: 0px;	/*680*/
	width: 190px;
	height: 18px;
	background-color: #0033CC;				/*#99CCFF*/
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	z-index:3;
	padding: 2px 2px 0px 13px;
	font-weight: bold;
	font-size: 11px;
	overflow:hidden;
}
DIV.logoContainer {
	position: absolute;
	top: 22px;
	left: 0px;	/*625*/
	width: 100px;
	height: 99px;
	z-index:2;
}
DIV.imageContainer {
	position: absolute;
	top: 22px;
	left: 630px;/*202*/
	overflow: hidden;
}
DIV.quicksearch {
	position: absolute;
	top: 143px;
	left: 680px;
	overflow: hidden;
	/*text-align:right;*/
	z-index:5;
}
DIV.quicksearch input {
	border:1px solid #232388;
	color: #232388;
	padding:1px;
}



#mainNaviContainer {
	position: absolute;
       /*left: 22px;
	right:0px;
	top: 0px;*/
	width: 155px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #000000;
	/*text-align: right;*/
}


.metaNaviContainerUnten {
	position: absolute;
	top: 140px;
	left: 254px;
	font-size: 14px;
	font-weight: bold;
	color: #232388;
	height: 27px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
}
.contentContainerHeadline {
	position: absolute;
	top: 206px;
	left: 264px;
	font-size: 14px;
	font-weight: bold;
	color: #232388;
	height: 27px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	z-index:5;
}
.contentContainerLineVer {
	position: absolute;
	top: 140px;
	left: 260px;
	width: 1px;
	height: 70px;
	overflow:hidden;
	background-color: #000000;	
	z-index:5;
}







.contentContainerContent{
	width: 590px;
	margin: 0px 0px 0px 30px;
	padding: 68px 0px 0px 68px;
	border-top: 2px solid #000000;
}
.contentContainerContentAll{
	width: 590px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;


}

.contentContainerContentHome{
	width: 339px;
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 0px px;
	float:left;
	border:0px solid green;

}
.contentContainerNewsHome{
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*
	border-top: 1px solid #9CACDA;
	background-color:#E7EAF4;
	*/
	border-bottom: 1px solid #9CACDA;
	float:left;
}















DIV.bottomContainer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	background-color: #0033CC;	
	padding: 0px 0px 0px 0px;	
	z-index:2;
	border-top: 2px solid #FFFFFF;
}
DIV.bottomExtraContainer1 {
	position: absolute;
	bottom: 0px;
	left: 39px;
	width: 158px;
	height: 20px;
	background-color: #99CCFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	z-index:2;
	border-top: 2px solid #FFFFFF;
}
DIV.bottomExtraContainer2 {
	position: absolute;
	bottom: 0px;
	left: 680px;
	width: 190px;
	height: 20px;
	background-color: #99CCFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	z-index:2;
	border-top: 2px solid #FFFFFF;
}