/* generated by csscreator.com */ 
html, body{ 
	margin:		0;
	padding:		0; 
	text-align:		center;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	background-color:#C5C5C5;
	
	background-image:url(bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
} 
#pagewidthouter {				/* globaler Container mit dem verlaufenden Hintergrundbild */
	width:			982px;
	height:			100%;
	position:			absolute;
	top:			0;
	left:			50%;
	margin-left:		-491px; /* negative Hälfte von width: 98em */
	background-color:		#FFFFFF;
	border:			none;
	text-align:		center;
}

#pagewidth {
	width:			980x;
	text-align:		center;
	padding-top:		0;
	background-color:		#FFFFFF;
} 
#pagewidthinner {
	width:			980px;
	text-align:		left;
	margin-left:		auto;
	margin-right:		auto;
	padding-bottom:		60px;
	background-color:		#FFFFFF;
}

#header{
	position:		relative;
	height:		220px;
	width:		100%;
}
#rightcol{
	width:		200px;
	float:		right;
	position:		relative;
	top:10px;
}
#maincol{  
	float:		left; 
	display:		inline; 
	position:		relative;
	top:10px;
	width:		740px;
	padding-left:	10px;
	padding-right:	10px;
} 
#footer {
	width:		960px;
	height:		40px;
	border-top:	1px solid #CCCCCC;
	margin-top:	20px;
	background-color:	#FFFFFF;
	clear:		both;
	position:		fixed;
	bottom:0;
	clear:		both;
margin-left:10px;
} 

/* *** 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 */  



.clear {
	clear:		both;
}

/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}