/* ---------------------------------------------------------------- */
/* DEFINITION DER CONTAINER FÜR DEN SEITENAUFBAU       */
/* ---------------------------------------------------------------- */
html {
	margin:			0;
	padding:			0; 
	text-align:		center;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
} 
body {
	margin:			0;
	padding:			0; 
	text-align:		center;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
} 
#pagewidthouter1 {
	position:			absolute;
	height:			570px;
	top:			50%;
	margin-top:		-285px; /* negative Hälfte von height: 570px */
	width:			980px;
	left:			50%;
	margin-left:		-490px; /* negative Hälfte von width: 980px */
	background-image:		url(bg.jpg);
	background-position:	right 115px;
	background-repeat:		no-repeat;
}
#pagewidthouter {
	position:			absolute;
	height:			570px;
	top:			50%;
	margin-top:		-285px; /* negative Hälfte von height: 570px */
	width:			100%;
	left:			50%;
	margin-left:		-50%; /* negative Hälfte von width: 980px */
	background-image:		url(bg_body.gif);
	background-position:	left center;
	background-repeat:		repeat-x;
}

#pagewidth1 {
	width:			980px;
	text-align:		center;
	background-color:		transparent;
}
#pagewidth {
	position:			absolute;
	height:			570px;
	top:			50%;
	margin-top:		-285px; /* negative Hälfte von height: 570px */
	width:			980px;
	width:			990px;
	left:			50%;
	margin-left:		-490px; /* negative Hälfte von width: 980px */
	background-image:		url(bg.jpg);
	background-position:	right 115px;
	background-repeat:		no-repeat;
} 

#pagewidthinner {
	width:			980px;
	width:			990px;
	text-align:		left;
	margin-left:		auto; 
	margin-right:		auto;  
	background-color:		transparent;
} 
#header{
	position:			relative; 
	height:			115px; 
	background-color:		#FFF;
	width:			100%;
	border-bottom:		1px solid #000000;
}
#leftcol{
	width:			235px;
	height:440px;
	float:			left;
	position:			relative;
	background-color:		#E7E7E8;
	background-color:		transparent;
	
	background-image:		url(image-imac.jpg);
	background-repeat:		no-repeat;
	background-position:	center bottom;
	border-right:		1px solid #000000;
} 
#maincol {
	background-color:		transparent;
	float:			left;
	display:			inline;
	position:			relative; 
	width:			610px;
	margin-left:		20px;
	height:400px;
	margin-top:		20px;
	margin-bottom:		20px;
overflow:auto;
/* nur für MS IE */
scrollbar-3dlight-color:#EEEEEE;
scrollbar-darkshadow-color:#EEEEEE;
scrollbar-highlight-color: #EEEEEE;
scrollbar-shadow-color:#EEEEEE;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#CCCCCC;
scrollbar-face-color:#CCCCCC;
scrollbar-track-color:#EEEEEE;
/* nur für MS IE */
}
#rightcol{
	width:			115px;
	height:440px;
	float:			right;
	position:			relative;
	background-color:		transparent;
	border-left:		1px solid #000000;
} 

#footer {
	width:			990px;
	float:			left;
	border-top:		1px solid #000000;
	margin:			0px;
	padding:			0px;
	background-color:		#FFFFFF;
	clear:			both;
} 
 
/* *** 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 */

 
/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:620px; float:none;margin:0;padding:0;}
#footer {
display:none;}
}