/* ----------------------------------------------------------------
   ALLGEMEINR SEITENAUFBAU
   ---------------------------------------------------------------- */
html {
	margin:			0;
	padding:			0; 
	text-align:		center;
	font-size:		12px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
} 
body {
	background-image:		url(bg_pagewidth.gif);
	background-repeat:		repeat-y;
	background-position:	50% 0;
	background-color:		transparent;
	font-family:		Verdana, sans-serif; 
	text-align:		center;
	margin:			0;
	padding:			0; 
	font-size:		12px;
	}
#pagewidthouter {
	position:			absolute;
	top:			0px;
	width:			850px;
	height:			100%;
	left:			50%;
	margin-left:		-425px; /* negative Hälfte von width: 850px */
	background-color:		transparent;
	background-image:		url(bg_pagewidth.gif); 
	background-repeat:		repeat-y;
	border:			none;
	text-align:		center;
	background-image:		url(bg_pagewidthinner.jpg);
	background-repeat:		no-repeat;
	background-position:	left 162px; /* 132px Logohöhe + 30px Kopfbalkenhöhe */
}

#pagewidth {
	width:			850px;
	text-align:		center;
	background-color:		transparent;
} 
#pagewidthinner {
	width:			850px;
	text-align:		left;
	margin-left:		auto;
	margin-right:		auto;
	background-color:		transparent;
} 
#header{
	position:			absolute; 
	top:			0px;
	height:			30px;
	background-color:		#0668A9; 
	width:			100%;
}
#wrapper {
}
#leftcol{
	width:			181px;
	float:			left;
	position:			relative;
	top:			0px;
	padding-top:		30px;
	padding-top:		162px;
} 
#leftcol #left {
	padding-left:		10px;
	padding-right:		10px;
}	
#maincol {
	background-color:		transparent;
	float:			left;
	display:			inline; 
	position:			relative; 
	left:			0px;
	top:			0px;
	width:			500px; /* margin Werte beachten */
	margin:			0px;
	margin-left:		18px;
	margin-right:		20px;
	margin-top:		30px;
	padding-bottom:		60px;
}
#rightcol{
	width:			131px;
	float:			right;
	position:			relative;
	padding-top:		30px;
} 
#rightcol #right {
	padding-left:		10px;
	padding-right:		10px;
}	
#footer {
	position:			fixed; 
	bottom:			0px;
	height:			50px;
	display:			block;
	background-color:		transparent; 
	width:			850px;
	left:			50%;
	margin-left:		-425px; /* negative Hälfte von width: 850px */
	text-align:		center;
} 
 
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php ***
*/ 
.clearfix:after {
	content:		".";
	display:		block;
	height:		0;
	clear:		both;
	visibility:		hidden;
}
 
.clearfix {
	display:		inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:		1%;
}
.clearfix {
	display:		block;
}
/* End hide from IE-mac */  

.clearer {
	clear:		both;
}

 
/* printer styles */ 
@media print { 
#leftcol{display:none;} 
#header{display:none;} 
#maincol{width:620px; float:none;margin:0;padding:0;}
#pagewidthouter {
	position:			absolute;
	top:			0px;
	width:			620px;
	height:			100%;
	left:			0;
	margin-left:		0;
	background-color:		transparent;
	border:			none;
	z-index:			0;
	text-align:		left;
	background-image:		url(bg_pagewidthinner.jpg);
	background-repeat:		no-repeat;
	background-position:	left 162px; /* 132px Logohöhe + 30px Kopfbalkenhöhe */
}

#pagewidth {
	width:			620px;
	text-align:		center;
	background-color:		transparent;
} 
#pagewidthinner {
	width:			620px;
	text-align:		left;
	margin-left:		auto;
	margin-right:		auto;
	background-color:		transparent;
} 

#footer {
	position:			fixed; 
	bottom:			0px;
	height:			50px;
	display:			block;
	background-color:		transparent; 
	width:			620px;
	left:			0;
	margin-left:		0px;
	text-align:		center;
} 
}