/*
    Document   : diesel-power.css
    Created on : May 10, 2010, 11:45:46 AM
    Author     : Thomas Keil
*/

* { margin: 0px; padding: 0px; }
root { display: block; }
img { border: 0; }
body { background-color: #ffffff; margin: 0; padding: 0; color: #000000; font-family: Arial, Helvetica, Sans-Serif;        font-size: 12px; }

#concentrator { width: 950px; margin-left: auto; margin-right: auto; position: relative;  top: 0}
img.e1img { vertical-align: middle; }
#oben, #unten { background-color: #e9f0d2; }

#oben { height: 140px;  text-align: center; }
#oben img.diesel-power-logo { margin-top: 16px; }
#Choose-Language {width: 169px; position: absolute; top: 95px; right: 22px; text-align: left; z-index: 100 }
#Choose-Language .top {background-image: url(/images/choose-language-top.gif); height: 20px}
#Choose-Language .middle { display: none; background-image: url(/images/choose-language-background.gif); padding: 21px 0px 21px 20px}
#Choose-Language .bottom {background-image: url(/images/choose-language-bottom.gif); height: 6px;}
#Choose-Language li {list-style: none; cursor: pointer; margin-left: 10px;}
#Choose-Language a:hover { color: gray}
#Choose-Language a {text-decoration: none; color: #000000; font-weight: normal}
#Choose-Language div.region {margin-bottom: 10px; font-weight: bold; }

#main-nav a, #sec-nav a { text-transform: uppercase;  font-weight: bold; background-repeat: no-repeat; display: block; float: left; text-decoration: none; color: #ffffff; }
#main-nav a:hover, #sec-nav a:hover { color: #ffffff; }

#main-nav {background-image: url(/images/main-nav-background.gif); height: 41px; margin-top: 4px; padding-top: 1px; }
#main-nav a {background-image: url(/images/main-nav-link.gif); padding: 14px 23px 0 22px; font-size: 12px; height: 25px; }
#main-nav a.home {padding: 0;}
#main-nav a.left, #main-nav a.home {background-image: none}

#sec-nav {background-image: url(/images/sec-nav-background.gif); height: 39px; margin-top: 1px; padding-top: 1px; clear: both}
#sec-nav a {background-image: url(/images/sec-nav-link.gif); padding: 7px 28px 0 28px; font-size: 11px; height: 26px; }
#sec-nav a.left {background-image: none}

#main-nav a.active, #sec-nav a.active { color: #ffffff; }

/* bookmarking new */
ul.social_bookmarks { margin: 0 0 30px; padding: 0 8px; }
ul.social_bookmarks li { float: left; list-style: none; width: auto; }
ul.social_bookmarks li a { background: transparent url("../img/bg_buttons_sb.png") no-repeat 0 0; display: block; text-indent: -9999px; }
ul.social_bookmarks li .sb_bookmark { background-position: 0 0; height: 26px; margin-right: 8px; width: 115px; }
ul.social_bookmarks li .sb_twitter { background-position: -130px 0; height: 26px; margin-right: 8px; width: 26px; }
ul.social_bookmarks li .sb_google_buzz { background-position: -160px 0; height: 26px; margin-right: 8px; width: 26px; }


#unten .socialbtn {position: absolute; right: -10px; top: -52px; }

#content {margin: 0; padding: 0; }
div.startscreen {position: relative; background-image: url(/images/homescreen.jpg); width: 950px; height: 534px; background-repeat: no-repeat; background-position: center}
div.startscreen-neu {position: relative; width: 950px; height: 534px;}
div.startscreen img {position: absolute; }
#configurator {
        height: 213px;
        position: relative;
        margin: 17px 10px 30px 10px;
}


#produktbilder {position: relative; height: 248px; margin-left: 10px; margin-top: 27px}
#produktbilder div {background-image: url(/images/produkt-hintergrund.gif); float: left; margin-right: 2px; width: 310px; height: 248px; text-align:center; cursor: pointer; }

#configurator #infobereich { position: absolute; top: 98px; height: 101px; background-image: url(/images/configurator-infobereich.gif); width: 883px; padding-left: 47px; padding-top: 14px}
#configurator .schritt { position: absolute; width: 258px; height: 108px; margin-right: 3px; background-repeat: no-repeat; padding-left: 60px; padding-top: 12px }
#configurator .schritt select { width: 200px; margin-top: 15px}
#configurator #schritt1 {color:#fff; background-image: url(/images/configurator-schritt1.gif); }
#configurator #schritt2 {color:#fff; background-image: url(/images/configurator-schritt2.gif); margin-left: 310px; width: 310px; display: none}
#configurator #schritt3 {color:#fff; background-image: url(/images/configurator-schritt3.gif); margin-left: 622px; display: none}

table.infobereich td {background-color: #e0e0e0; padding: 3px 10px}
table.infobereich td.title {font-weight: bold}
table.infobereich td.space {background-color: transparent; }

table.werte {padding: 0; margin: 0; border: none;}
table.werte td { margin: 0; padding: 0}

#infoleiste {background-image: url(/images/infoleiste-background.gif); height: 78px; margin-top: 1px; padding-top: 0px; clear: both}

div.kaufen-button {width: 93px; height: 28px; background-image: url(/images/button_kaufen.gif); color: white; font-weight: bold; padding-left: 52px; padding-top: 16px; cursor: pointer}

#infobereich div.kaufen-button {position: absolute; right: 45px; bottom: 14px; }

#registrieren table.registrieren td {padding: 3px 10px }

#reiter {position: relative; width: 930px; height: 214px; background-image: url(/images/produktreiter-hintergrund.gif); background-position: bottom; background-repeat: no-repeat; margin: 17px 10px 31px 10px}

#reiter div.produktreiter, #slider {position: absolute; width: 308px; overflow: hidden; height: 204px}
#reiter div.produktreiter {padding: 17px 18px; position: relative; width: 272px;}
#reiter #slider { background-image: url(/images/produktreiter.gif); }
#reiter #diesel {margin-left: 0; }
#reiter #benzin {margin-left: 311px; display: none}
#reiter #landwirtschafts {margin-left: 622px; display: none}
div.detailinfo-button, div.configurator-button { position: absolute; width: 94px; height: 29px; cursor: pointer; color: white; font-weight: bold; padding-left: 51px; padding-top: 15px}
div.detailinfo-button {background-image: url(/images/button_detailinfo.gif);}
div.configurator-button {background-image: url(/images/button_configurator.gif);}
.produktreiter .detailinfo-button, .produktreiter .configurator-button { top: 157px;}
.produktreiter .configurator-button { left: 156px;}
.produktreiter .detailinfo-button {left: 6px;}
.produktreiter h2 {font-weight: normal}
.produktreiter h2 span {font-weight: bold}
.produktreiter h2.weiss {font-weight: normal; color: white; text-transform: uppercase; margin-bottom: 10px}

#html_container { padding: 40px 180px; }
#html_container h1 {margin-bottom: 10px; }

#unten .gplusone {position: absolute; right: 47px; top: -54px; }
#unten .facebook-logo {position: absolute; right: -1px; top: -54px; }
#unten .twitter-logo {position: absolute; right: 28px; top: -54px; }


#haendler-button, #hotline-button, #shop-button { height: 32px; margin-left: 29px; padding-left: 44px; margin-top: 20px; float: left; background-repeat: no-repeat; color: #ffffff; margin-right: 10px}
#haendler-button {background-image: url(/images/icon-information.gif); }
#hotline-button  {background-image: url(/images/icon-hotline.gif); }
#shop-button  {background-image: url(/images/icon-shop.gif); padding-top: 10px}

#kontaktformular input, #kontaktformular textarea, #bestellformular input, table.haendlerlogin input, #registrieren input { border: 1px solid #868686; }

#kontaktformular input, #kontaktformular textarea {width: 400px; }
#kontakt {position: relative; margin-bottom: 40px;  font-weight: bold; }
#kontaktformular { margin-left: 171px; margin-top: 25px; width: 400px; }
#kontaktformular form {margin-top: 20px; }
#kontaktformular label { font-weight: bold; }
#kontaktformular input {margin-bottom: 7px;}
#button-absenden {position: relative; float: right; right: 0px; width: 145px; height: 33px; background-image: url(/images/button_leer.gif); cursor: pointer; color: white; font-weight: bold; font-size: 15px; text-align: center; padding-top: 11px }
#kontaktformular textarea { margin-bottom: 20px; height: 70px; }
#kontakt #hotline { position: absolute; margin-left: 620px; }
#kontakt h1 {text-transform: uppercase; font-size: 15px; margin-bottom: 25px; }
#kontakt a {text-decoration: none; color: #a7301f; }
#kontakt #telefonnummern {margin-top: 200px; }
#kontakt td { vertical-align: top; }
#kontakt table { margin: 10px 0 }
#telefonnummern p {margin-top: 20px; }
span.gross {font-size: 20px; }

label.checkbox {margin-left: 10px; cursor: pointer}

#bestellformular h2 { font-size: 15px; padding-bottom: 8px; margin-top: 15px;}
#bestellformular table { margin-bottom: 10px; }
#bestellformular table td.title { font-weight: bold; width: 100px; }
#bestellformular table td { padding-top: 5px}

.button a, a.button {text-decoration: none; color: white; cursor: pointer; color: white; font-weight: bold;}
.invalid {color: red; }

#unten {height: 98px; position: relative;  padding: 11px 0 0 20px; font-size: 10px; }
#unten img.aeo-logo {position: absolute; right: 180px; top: 27px; }
#unten img.nsa-logo {position: absolute; right: 200px; top: 35px; }
#unten img.tuev-logo {position: absolute; right: 25px; top: 27px; }
#unten a {color: #5d5d5d; text-decoration: none; text-transform: uppercase; margin-right: 30px }
#unten #copyright {position: absolute; left: 20px; top: 80px; color: #5d5d5d;}

div.directory, div.file {cursor: pointer; font-size: 12px}
div.directory img, div.file img {position: relative; top: 3px; margin-right: 5px; border: none}
div.directory div.subdir {display: none; margin-left: 16px}
div.file a {text-decoration: none; color: #666666}

table.haendlerlogin td {padding: 5px; }
table.haendlerlogin { margin-bottom: 20px; }

.invalid {color: red;}

.transparent {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}

#haendler-menu {font-family:Arial, Helvetica, Sans-Serif; font-size:13px; font-weight:bold; color:#ffffff; background: url(/images/menu-nav-haendler-menu.png) repeat-x; height:33px; width:950px;}
#haendler-sub-menu {font-family:Arial, Helvetica, Sans-Serif; font-size:13px; font-weight:bold; color:#ffffff; background: url(/images/menu-nav-haendler-sub.png) repeat-x; height:36px; width:950px; margin-bottom:3px;}
.haendler-menu-entry, .haendler-submenu-entry {float:left; width:155px; padding-left:30px; padding-top:7px;}
.haendler-submenu-entry {padding-top:10px; width:160px; }
.haendler-menu-entry:hover {cursor:pointer; }
#distributor {min-height:200px;  }
#haendler-doc-list {padding-top:50px; padding-left: 40px; }
#haendler-doc-list p {margin:4px; }
#haendler-doc-list a {text-decoration:none; color:#000000; }
#haendler-doc-list p img {padding:3px;}
#haendler-doc-list span {padding:3px; }
#haendler-doc-list .black {background-color:#c4c4c4; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; }

.rot {color: #a72c15;}
#html_container ul li {list-style-position:outside; margin-left: 20px;}