/* ---------------------------------------------------------------- */
/* DEFINITION DER CONTAINER F�R DEN SEITENAUFBAU       */
/* ---------------------------------------------------------------- */
html, body {
	margin:		0;
	padding:		0; 
	text-align:		center;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		62.5%;
	font-size:		10px;
} 
p.bodytext{font-size:12px;}
#pagewidthouter1 {
	width:		982px;
	text-align:		left;
	padding:		1px;
	margin:		auto;
	background-color:	#000000;
	margin-top:	30px;
}
#pagewidthouter {				/* globaler Container mit dem verlaufenden Hintergrundbild */
	position:		absolute;
	top:		10px;
	width:		982px;
	left:		50%;
	margin-left:	-491px; /* negative Haelfte von width: 980px */
	background-color:	#FFFFFF;
	background-image:	url(bgContainerGesamt.jpg);
	background-repeat:	repeat-x;
	border:		1px solid #000000;
	z-index:		0;
	height:		570px;
	top:		50%;
	margin-top:	-285px; /* negative Haelfte von height: 570px */
}

#pagewidth {
	width:		982px;
	text-align:		center;
	padding-top:	20px;
	background-color:	#FFFFFF;
} 
#pagewidthinner {
	width:		940px;
	text-align:		left;
	margin-left:	auto; 
	margin-right:	auto;  
	background-color:	#FFFFFF;
} 
#header{
	position:		relative; 
	height:		110px; 
	background-color:	transparent; 
	width:		100%;
}
#leftcol{
	width:		200px;
	float:		left;
	position:		relative;
	background-color:	transparent;
} 
#maincol {
	background-color:	transparent;
	float:		right;
	display:		inline; 
	position:		relative; 
	width:		720px;
	height:		350px;
	height:		410px;
margin-right:10px;
margin-bottom:0px;
/*overflow:auto;*/
/* nur fuer 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 fuer MS IE */
position:relative;
left:20px;
top:0px;
padding-right:10px;
}
#footer {
	width:		940px;
	border-top:	1px solid #CCCCCC;
	margin-top:	0px;
	padding-top:	5px;
	background-color:	#FFFFFF;
	clear:		both;
position:absolute;
top:540px;

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




#ContainerMIDDLE {
	background-color:	transparent;
	float:		right;
	display:		inline; 
	position:		relative; 
	width:		720px;
	height:		380px;
	overflow:hidden;
	overflow:auto;
margin-bottom:0px;
/* 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;
/* MS IE */
}

#ContainerOLINALOGO {
	width:		200px;
	height:		80px;
	background-image:	url(olina-logo.jpg);
}
.ContainerOLINALOGO A {
	width:		200px;
	height:		80px;
}
#ContainerCURRENTDATE {
	font-size:		9px;
	color:		#999999;
	width:		120px;
	height:		20px;
	position:		absolute;
	left:		710px;
	top:		0px;
}
.ContentCURRENTDATE {
	font-size:		9px;
	color:		#962D58;
	font-weight:	bold;
}
#ContainerLASTUPDATE,
.tx-lastupdate-pi1 {
	font-size:		9px;
	color:		#999999;
	width:		120px;
	height:		20px;
	position:		absolute;
	left:		820px;
	top:		0px;
	text-align:		right;
}
.ContentLASTUPDATE {
	font-size:		9px;
	color:		#962D58;
	font-weight:	bold;
}
#ContainerMIMITIPFRIENDS {
	width:		20px;
	height:		20px;
	position:		absolute;
	left:		890px;
	top:		30px;
}
#ContainerMIMITIPFRIENDS a {
	background-image:	url(Icon-Tip-a-Friend-NO.gif);
	position:		absolute;
	left:		0px;
	top:		0px;
}
#ContainerMIMITIPFRIENDS a:hover {
	background-image:	url(Icon-Tip-a-Friend-ACT.gif);
}
#ContainerSEITEEMPFEHLEN {
	width:		20px;
	height:		20px;
	position:		absolute;
	left:		890px;
	top:		30px;
}
#ContainerSEITEEMPFEHLEN a {
	background-image:	url(Icon-Tip-a-Friend-NO.gif);
	position:		absolute;
	left:		0px;
	top:		0px;
}
#ContainerSEITEEMPFEHLEN a:hover {
	background-image:	url(Icon-Tip-a-Friend-ACT.gif);
}
#ContainerPRINT {
	width:		20px;
	height:		20px;
	position:		absolute;
	left:		920px;
	top:		30px;
}
#ContainerPRINT a {
	background-image:	url(Icon-Print-NO.gif);
	position:		absolute;
	left:		0px;
	top:		0px;
}
#ContainerPRINT a:hover {
	background-image:	url(Icon-Print-ACT.gif);
}
#ContainerLANGUAGE {
	position:		absolute;
	left:		910px;
	top:		30px;
	width:		50px;
display:none;
}
.ContentLANGUAGE-DE {
	color:		#666666;
	font-weight:	bold;
}
.ContentLANGUAGE-DE A {
	color:		#666666;
	text-decoration:	none;
	font-weight:	bold;
}
.ContentLANGUAGE-DE A:hover {
	color:		#000000;
	text-decoration:	none;
}
.ContentLANGUAGE-EN {
	color:		#666666;
	font-weight:	bold;
}
.ContentLANGUAGE-EN A {
	color:		#666666;
	text-decoration:	none;
	font-weight:	bold;
}
.ContentLANGUAGE-EN A:hover {
	color:		#000000;
	text-decoration:	none;
}

#ContainerBREADCRUMB {
	font-size:		9px;
	height:		10px;
	margin-left:	0px;
	margin-right:	0px;	
	margin-bottom:	10px;
margin:0;
	float:		left;
}
#ContainerBREADCRUMB A {
	font-size:		9px;
	color:		#666666;
	text-decoration:	none;
}
#ContainerFOOTERRIGHT {
	text-align:right;
float:right;
}
.MenuFooterRight {
	color:		#CCCCCC;
	font-size:		10px;
}
.MenuFooterRightNO A {
	font-weight:	bold;
	color:		#CCCCCC;
	font-size:		10px;
	text-decoration:	none;
}
.MenuFooterRightNO A:hover {
	text-decoration:	underline;
}
.MenuFooterRightACT A {
	font-weight:	bold;
	color:		#962D58;
	font-size:		10px;
	text-decoration:	none;
}
.MenuFooterRightACT A:hover {
	text-decoration:	underline;
}
