html, body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	background-color: #FFFFFF;
} 

	/* layer */
#main{ 
	width:856px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 

#main-print {
	width: 600px;
	margin: 0 auto; /* Der standardkonforme Weg. */
	text-align: left; /* Wegen des IE-Tricks. */
}

.clearboth {
	clear: both;
	width: 1px;
	height: 1px;
	font-size: 1px;
}

h2.print {
	color: #000000;
}

#header{
	position:relative; 
	float: left;
	height:98px; 
	background-color:#FFFFFF;
	width:100%;
	z-index:10;
} 

#maincol{
	position: relative;
	float: left;
	display:inline; 
	width:826px; 
	/* height:320px; never set static height here !!!, dynamic floating */
	/* background-color:#EEEEEE; */
	background-image:  url(/i/oel-schmierstoffe-bg1972.gif);
	background-repeat: repeat-y;
	background-position: bottom left;
	/* overflow: auto; */
	/* background-position: -2px 7px; */
	z-index:10;
 }
 
#footer{
	position: relative;
	float:left;
	/* height:130px; */
	background-color:#CBD4D9;
	/* background-color:#00FF00; */
	background-image:  url(/i/oel-schmierstoffe-bg-footer.gif);
	background-repeat: no-repeat;
	background-position: top left;
	clear:both;
	width:856px;
 } 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
-->

#header-left{
	height:98px; 
	width:264px;
	background-color:#2c3c92;
	float:left;
	z-index:100;
}

#header-main{
	/*height:98px; */
	/*width:400px;*/
	/* margin:10px 0px 0px 20px; */
	padding-left:34px;
	padding-top:13px;
	background-color:#FFFFFF;
	float:left;
	z-index:100;
}

#header-right{
	height:98px; 
	width:30px;
	background-color:#c9d4d9;
	float:right;
	z-index:100;
}

#maincol-nav{
	position: relative;
	float:left;
	top:20px;
	left:26px;
	width:238px;
	/*
	padding-left:34px;
	padding-top:13px;
	*/
	/* background-color:#EEEEEE; */
	/* height:320px; never set static height here !!!, dynamic floating */
	z-index:200;
}

#maincol-content{
	position: relative;
	float:right;
	left:-12px;
	top:16px;
	width:520px;
	/*
	padding-left:34px;
	padding-top:13px;
	*/
	/* background-color:#00FF00; */
	/* height:320px; never set static height here !!!, dynamic floating */
	z-index:210;
}

#footer1{ /* meta navigation */
	position: relative;
	left:280px;
	top:8px;
	/* background-color:#FF0000; */
	width:532px;
	height: 20px;
	z-index:210;
	text-align:right;
	color:#2C4690;
}

#footer2{ /* strong brands */
	position: relative;
	left:30px;
	top:51px;
	/* background-color:#00FF00; */
	width:232px;
	height: 18px;
	z-index:220;
	text-align:right;
	color: #AAAAAA;
}

#footer3{ /* brand logos */
	position: relative;
	left:292px;
	top:-8px;
	/*background-color:#0000FF;*/
	width:532px;
	height:55px;
	z-index:230;
	/* text-align:center; */
	text-align:right;
}

#footer4{ /*copyright adress */
	position: relative;
	left:30px;
	top:0px;
	/* background-color:#00FF00; */
	width:782px;
	/* height:120px; */
	z-index:240;
	text-align:left;
}

.dist2footer{ 
	height:30px;
}

.dist_main{ 
	height:8px;
	/* background-color:#0000FF; */
}
/* /layer */



/* tags */
p, input, label {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #6B6B6B;
font-size: 11px;
line-height: 1.4em;
margin: 0 0 6px 0;
}

div {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #6B6B6B;
font-size: 11px;
}

textarea {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #6B6B6B;
font-size: 11px;
line-height: 1.2em;
margin: 0 0 6px 0;
}

li
{
line-height: 1.4em;
}

h1
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #c94c43;
/* background-color: #F00; */
font-size: 13px;
font-weight: bold;
text-align: left;
margin: 4px 0 10px 0;
}

h2
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #c94c43;
font-size: 13px;
font-weight: bold;
margin: 0 0 5px 0;
}
/* tags */




/* links and nav */
a:link { color:#333333; text-decoration:none; font-weight:normal; } 
a:visited { color:#333333; text-decoration:none; font-weight:normal; }
a:hover { color: #c93d3e; text-decoration:underline; }
a:active { color: #c93d3e; } 

div.n1  { border-left-width:4px; border-left-style:solid; border-left-color:#2c3c92;padding: 6px 0 6px 5px; }
div.n1s { border-left-width:4px; border-left-style:solid; border-left-color:#c94c43; padding: 6px 0 6px 5px; }
div.n2  { border-left-width:4px; border-left-style:solid; border-left-color:#c94c43; padding: 0px 0 5px 17px; }
div.n2s { border-left-width:4px; border-left-style:solid; border-left-color:#c94c43; padding: 0px 0 5px 17px; }
div#nc { 
	/* background-color: #eee; */
	background-image:  url(/i/arrow-marker2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-position: 9px 4px;
}

a.meta:link { color: #2C4690; font-weight:normal; font-size: 11px; }
a.meta:visited { color: #2C4690; font-weight:normal; font-size: 11px; }
a.meta:hover { color: #2C4690; font-weight:normal; font-size: 11px; }
a.meta:active { color: #2C4690; font-weight:normal; font-size: 11px; } 

a.n1:link { color: #2c3c92; font-weight:normal; font-size: 11px; }
a.n1:visited { color: #2c3c92; font-weight:normal; font-size: 11px; }
a.n1:hover { color: #c94c43; font-weight:normal; font-size: 11px; text-decoration:none; }
a.n1:active { color: #c94c43; font-weight:normal; font-size: 11px; } 

a.n1s:link { color: #c94c43; font-weight:bold; font-size: 11px; }
a.n1s:visited { color: #c94c43; font-weight:bold; font-size: 11px; }
a.n1s:hover { color: #c94c43; font-weight:bold; font-size: 11px; text-decoration:none; }
a.n1s:active { color: #c94c43; font-weight:bold; font-size: 11px; } 

a.n2:link { color: #2c3c92; font-weight:normal; font-size: 11px; }
a.n2:visited { color: #2c3c92; font-weight:normal; font-size: 11px; }
a.n2:hover { color: #c94c43; font-weight:normal; font-size: 11px; text-decoration:none; }
a.n2:active { color: #c94c43; font-weight:normal; font-size: 11px; } 

a.n2s:link { color: #c94c43; font-weight:bold; font-size: 11px; }
a.n2s:visited { color: #c94c43; font-weight:bold; font-size: 11px; }
a.n2s:hover { color: #c94c43; font-weight:bold; font-size: 11px; text-decoration:none; }
a.n2s:active { color: #c94c43; font-weight:bold; font-size: 11px; } 
/* /links and nav */



/* special classes */
.logo-footer{
padding-left:30px;
/* padding-right:7px; */
}

.logo-total {
	display: block;
	height: 55px;
	width: 33px;
	background: url(/i/logo-total.gif) top left no-repeat;
	margin-right:20px;
	float:left;
}

.logo-esso {
	display: block;
	height: 55px;
	width: 59px;
	background: url(/i/logo-esso.gif) top left no-repeat;
	margin-right:20px;
	float:left;
}

.logo-mobil {
	display: block;
	height: 55px;
	width: 40px;
	background: url(/i/logo-mobil.gif) top left no-repeat;
	margin-right:20px;
	float:left;
}

.logo-zet-chemie {
	display: block;
	height: 55px;
	width: 91px;
	background: url(/i/logo-zet-chemie.gif) top left no-repeat;
	margin-right:20px;
	float:left;
}

.logo-kade-oil {
	display: block;
	height: 55px;
	width: 46px;
	background: url(/i/logo-kade-oil.gif) top left no-repeat;
	margin-right:20px;
	float:left;
}

.logo-total:hover, .logo-esso:hover, .logo-mobil:hover, .logo-zet-chemie:hover, .logo-kade-oil:hover  {
	background-position: bottom left;
}

h1.seo{
display:none;
}

a img{
border:0;
}

input.style1, textarea.style1 {
	background-color : White;
	color : Black;
	border : 1px solid #2C4690;
	border-bottom-width : 1px;
	border-color : #2C4690 #2C4690 #2C4690 #2C4690;
	border-left-width : 1px;
	border-right-width : 1px;
	border-style : solid;
	border-top-width : 1px;
	border-width : 1px 1px 1px 1px;
	padding : 2 2 2 2;
	padding-bottom : 2;
	padding-left : 2;
	padding-right : 2;
	padding-top : 2;
	width: 385px;
}
/* /special classes */

/* A_PORTRAIT */
.imagebox-left {
	float:left;
	margin-right: 6px;
	/*border: 1px solid #000000;*/
}

.imagebox-right {
	float:right;
	margin-left: 6px;
	/*border: 1px solid #000000;*/
}
.bu {
	border-bottom: 1px solid #030;
	margin: 0px 0px 3px 0px;
	font: normal 10px tahoma, arial, helvetica, geneva;
	padding: 3px 0px 3px 3px;
	/*width:100%;*/
	background: #dddddd;
}
.right {
	float: right;
}

.left {
	float: left;
}
.spacer {
	margin-bottom:6px;
}
.clear {
	clear:both;
}

.clear-r {
	clear: right;
}

.clear-l {
	clear: left;
}
/* EO PORTRAIT */