/* MAIN NAVIGATION */
ul#navlist { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-variant: normal; line-height: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; width: 198px; border-style: none solid solid; border-width: 0 1px 1px; border-color: #03bbb9; \width: 200px; w\idth: 198px      }
ul#navlist li { list-style: none; margin: 0; border-style: solid none none; border-width: 1px 0 0; border-color: #03bbb9   }
ul#navlist a.bold { font-weight: bold }
ul#navlist li a { text-decoration: none; background: #004c4a; text-align: right; display: block; padding: 4px 10px 4px 8px; width: 160px; border-style: none none none solid; border-width: 0 0 0 20px; border-color: #017977; \width: 198px; w\idth: 160px       }
ul#navlist li a:link { color: white }
ul#navlist li a:visited { color: white }
ul#navlist li a:hover { color: #ffffff; background: #00807f; border-color: #03bbb9 }
ul#navlist li a:active { color: #ffffff; background: #00807f; border-color: #03bbb9 }
ul#navlist a.here { color: white; font-weight: bold; background-color: #00807f; border-left: 20px solid #03bbb9 }
ul#navlist a.sub { background-color: #115d5b }
ul#navlist a:hover.sub { text-decoration: none; background-color: #00807f }

/******************* MINERALÖL *****************/
#mineraloel a:link   { color: white; text-decoration: underline }
#mineraloel a:visited   { color: white; text-decoration: underline }
#mineraloel a:hover { color: white; text-decoration: none }
#mineraloel a:active   { color: white; text-decoration: underline }
#mineraloel   { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; width: 440px; float: left }
#mineraloel dl  { display: inline; margin: 0 20px 18px 0; padding: 0; width: 400px; float: left }
#mineraloel dt  { color: white; font-size: 12px; letter-spacing: 1px; margin: 0 0 6px 200px; padding: 0 }
#mineraloel dd  { color: white; font-size: 12px; line-height: 1.3em; margin: 0 0 0 200px; padding: 0 }
#mineraloel dl dd.img { margin: 0 }
#mineraloel dd.img img  { background: #fff; margin: 0 8px 0 0; padding: 0; float: left; border: solid 1px white }
/* Umgekehrter Float */
#mineraloel .alt dt { float: left }
#mineraloel .alt dd  { margin: 0 200px 0 0 }
#mineraloel .alt dd.img img { margin: 0 0 0 8px; float: right }

/******************* DOWNLOADS *****************/
#downloads a:link     { color: white; text-decoration: none }
#downloads a:visited   { color: white; text-decoration: none }
#downloads a:hover   { color: white; text-decoration: underline }
#downloads a:active   { color: white; text-decoration: underline }
#downloads   { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; width: 440px; float: left }
#downloads dl   { display: inline; margin-top: 0; margin-right: 20px; margin-left: 0; padding: 0; width: 400px; float: left }
#downloads dt       { color: white; font-size: 12px; letter-spacing: 1px; margin-top: 0; margin-right: 0; margin-left: 30px; padding: 0 }
#downloads dd         { color: white; font-size: 12px; line-height: 1.3em; margin: 0 0 14px 30px; padding-top: 0; padding-right: 0; padding-left: 0 }
#downloads dl dd.img { margin: 0 }
#downloads dd.img img        { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0 8px 14px 0; padding: 0; float: left; border-width: 0; border-color: transparent }
/* Umgekehrter Float */
#downloads .alt dt { float: left }
#downloads .alt dd  { margin: 0 200px 0 0 }
#downloads .alt dd.img img { margin: 0 0 0 8px; float: right }

/******************* PARTNER *****************/
#partner a:link   { color: white; text-decoration: underline }
#partner a:visited   { color: white; text-decoration: underline }
#partner a:hover { color: white; text-decoration: none }
#partner a:active   { color: white; text-decoration: none }
#partner { font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 30px; margin-bottom: 10px; padding: 0 0 10px; width: 600px; float: left }
#partner dl { display: inline; margin: 0 20px 18px 0; padding: 0; width: 540px; float: left }
#partner dt  { color: white; font-size: 12px; letter-spacing: 1px; margin: 0 0 6px 200px; padding: 0 }
#partner dd  { color: white; font-size: 12px; line-height: 1.3em; margin: 0 0 0 200px; padding: 0 }
#partner dl dd.img { margin: 0 }
#partner dd.img img   { background: #fff; margin: 0 8px 0 0; padding: 0; float: left; border: solid 1px #004c4a }
/* Umgekehrter Float */
#partner .alt dt { float: left }
#partner .alt dd  { margin: 0 200px 0 0 }
#partner .alt dd.img img { margin: 0 0 0 8px; float: right }


.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation .searchform {width:160px; margin:0 20px 0 20px;}
.main-navigation .searchform fieldset {border:none;}
.main-navigation .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-navigation .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation h1.first  { color: rgb(255,255,255); font-size: 150%; font-family: "trebuchet ms", arial, sans-serif; background-color: rgb(190,190,190); margin: 0; padding: 4px 20px 3px; clear: both }
.main-navigation h1  { color: rgb(255,255,255); font-size: 150%; font-family: "trebuchet ms", arial, sans-serif; background: rgb(190,190,190); margin: 30px 0 20px; padding: 4px 20px 3px; clear: both }
.main-navigation h2  { color: rgb(100,100,100); font-size: 150%; font-family: "trebuchet ms", arial, sans-serif; margin: 20px 10px 10px 20px; clear: both }
.main-navigation h3  { color: rgb(80,80,80); font-size: 110%; margin: 10px 10px 5px 20px; clear: both } /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */

/* MAIN CONTENT */
.main-content h1.pagetitle  { color: rgb(100,100,100); font-size: 220%; font-family: "trebuchet ms", arial, sans-serif; font-weight: bold; margin: 0 0 2em; padding: 0 0 2px; border-bottom: 3px solid #03bbb9 }
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1.block1     { color: rgb(255,255,255); font-size: 220%; font-family: "trebuchet ms", arial, sans-serif; font-weight: bold; background: #004c4a; text-align: center; margin: 0; padding: 2px 0 2px 2px; clear: both }
.indexh1          { color: fuchsia; font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal }
.main-content h1           { color: #004c4a; font-size: 190%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em; clear: both }
.main-content h2  { color: #004c4a; font-size: 13px; font-weight: bold; line-height: 1.2em; margin: 0 0 1em }
.main-content h3     { color: white; font-size: 13px; font-family: "trebuchet ms", arial, sans-serif; font-weight: normal; margin: 1em 0 0.5em; clear: both }
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:140%;}
.main-content p       { color: white; font-size: 12px; line-height: 1.2em; margin: 0 0 2em }
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:600px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul  { color: white; list-style: none; margin: 0.5em 0 1em }
.main-content ul li  { color: white; font-size: 120%; line-height: 1.4em; background-image: url("../images/layout/bg_bullet_full_1.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0.5em; margin: 0 0 0.2em 2px; padding: 0 0 0 12px }
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/*  COMMON CLASSES  */
.main a:link    { color: white; text-decoration: underline; }
.main a:visited { color: white; text-decoration: underline; }
.main a:hover   { color: white; text-decoration: none; }
.main a:active  { color: white; text-decoration: none; }

.main img { margin: 1px 10px 20px 0; float: left; clear: both; border: solid 1px white }
.main-content h1 a { color: rgb(70,122,167); font-weight: normal; text-decoration: none }
.main img.right { margin: 3px 0 7px 10px; padding: 1px; float: right; clear: both; border: solid 1px rgb(150,150,150) }
.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}
.main img.center { margin: 0; padding: 1px; float: none; clear: both; border: solid 1px rgb(150,150,150) }