@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;}
html{overflow-y:scroll;}
body{background:url(../images/bg.jpg) no-repeat top center #0164cc;font:76% Verdana, Arial, Helvetica, sans-serif;color:#464444}
#container{width:900px;margin:0 auto; }

/* header */
#header{height:175px}
#header img {border:none;float:left;margin:70px 0 0 26px}
#header h3{background:url(../images/top_tel.png) no-repeat;height:37px;width:203px;float:right;margin:70px 0 0 0}

/* navi */
#navi{background:url(../images/bg_navi.png) repeat-x;height:31px;font-size:0.9em}
#navi .nav1{float:left;}
#navi .nav2{float:right;}
#navi li{float:left;}
#navi li a{color:#fff;text-decoration:none;background:url(../images/bg_navi.png) repeat-x;height:23px;display:block;float:left;padding:8px 25px 0 25px}
#navi li a:hover, #index #navi li .nav1_1, #leistungen #navi li .nav1_2, #firmenprofil #navi li .nav1_3, #agb #navi li .nav1_4, #kontakt #navi li .nav2_1, #anfahrt #navi li .nav2_2{color:#fff;text-decoration:none;background-position:0 -31px}

.top{height:368px;background:url(../images/index_top2.jpg) no-repeat;position:relative}
#leistungen .top{background:url(../images/leistungen_top.jpg) no-repeat}
#oelwegweiser .top{background:url(../images/oel_top.jpg) no-repeat}
.top div{position:absolute;background:url(../images/side.jpg) no-repeat;top:259px;left:-34px;width:34px;height:53px}
#leistungen .top div, #oelwegweiser .top div{display:none}

/* naviAdd */
.naviAdd{float:right;padding:48px 10px 0 0;font-size:0.9em}
.naviAdd li{display:inline}
.naviAdd li a{color:#fff;text-decoration:none}
.naviAdd li a:hover{color:#fff;text-decoration:underline}

/* content */
#content{background:#fff;padding:0 25px 45px 35px;font-size:0.9em;min-height:1px}

.contentMain{width:450px;float:left;}
.mR05		{margin-right:5px;}
.mR10		{margin-right:10px;}


.contentMain a img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.contentMain a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.contentSidebar{width:387px;float:right}

.teaser{width:387px;height:151px;background:url(../images/bg_teaser.png) no-repeat;font-size:0.9em}
.teaser h2{font-size:1em;float:left;margin:20px 0 0 60px}
* html .teaser h2{margin:20px 0 0 30px}
.teaser div{ float:right; width:246px;margin:11px 65px 0 0}
* html .teaser div{margin:18px 18px 0 0}

/* TABLE FOR PRODUCTS */
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; margin-bottom: 10px; }

table td 				{ border: 1px solid #999; font-size: 0.9em; width: 218px; padding: 5px 0 5px 8px; background:#d0d5e4; }
table td.second 		{ margin-left:-3px; background:#ccdcd2; }
table td.third 			{ background:#d0d5e4; }
table td.fourth 		{ background:#ccdcd2; }

table.vierSpalten td 				{ width:auto; padding-right:5px; vertical-align:top;}
table.vierSpalten td.first02 		{ width:auto !important; border:none; background:none; font-weight:bold;}
table.vierSpalten td.second02 		{ width:105px !important; background:#ccdcd2;}
table.vierSpalten td.third02 		{ width:105px !important; background:#d0d5e4;}
table.vierSpalten td.fourth02 		{ width:105px !important; background:#ccdcd2;}


table td.head 			{ border:none; font-weight:bold; background:none; }
table td.secondhead 	{ border:none; font-weight:bold; background:none; display:block!important; }
table td.thirdhead 		{ border:none; font-weight:bold; background:none;  }
table td.fourthhead 	{ border:none; font-weight:bold; background:none;  }


h3.head					{ background:url(../images/arrow.png) no-repeat 0 4px; color: #0164CC; font-size: 1.2em; margin-bottom: 10px; cursor:pointer; padding: 0 0 0 35px;  }
h3.head:hover,
h3.head.selected		{ color: #007B32; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; }

span.spacer				{ height:1px; border-bottom: 1px solid #007B32; display:block; width:450px; clear:both; margin:25px 0 25px 0;}
.contentMain a img 		{ border:0!important}


.banner{width:387px;height:173px;background:url(../images/bg_banner.png) no-repeat;font-size:0.9em}
.banner a{color:#ff4b00;text-decoration:underline}
.banner h2{font-size:1em;float:left;margin:20px 0 0 60px}
* html .banner h2{margin:20px 0 0 30px}
.banner div{float:right;width:200px;margin:18px 36px 0 0}
* html .banner div{margin:18px 18px 0 0}
.stromugas{background:url(../images/pdf.gif) no-repeat;width:200px;height:16px;padding:0 0 0 25px;display:block;float:right;margin-right:12px}

#agb .contentMain{width:800px;float:none}
#agb .contentMain p{margin-bottom:10px}
#agb .contentMain ul{list-style:lower-alpha outside;padding:0 0 30px 30px;font-size:0.9em}
#agb .contentMain li{margin:5px 0;line-height:1.3em}

/* footer */
#footer{background:url(../images/bg_footer.png) repeat-x;height:165px;padding:0 26px 0 34px;font-size:0.9em}

#footer h3{background:url(../images/aral.png) no-repeat;width:167px;height:36px;margin-bottom:15px}
#footer p{float:left;padding-right:28px}
#footer p strong{color:#0164cc}


.t_d, .t_u{width:60px;background:#e4e4e4;padding:2px}
.t_p{width:310px;background:#e4e4e4;padding:2px}

/* allgemein */
a{color:#0164cc;text-decoration:underline}
a:hover{color:#000;}
ul{list-style:none}
h1{font-size:2.2em;font-weight:normal;margin-bottom:17px}
h1 span{color:#0164cc}
h2{}
p{margin-bottom:20px;line-height:1.6em}
.size{font-size:1.4em; font-weight:normal; margin-bottom: 15px;}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}
.space {margin: 0 20px 12px 0;float:left;}
.space2 {padding:20px 0 20px 0;}