/* Carstep Configurator Styles */

#stepmode {
text-align: center;
padding-top: 70px;
}
#stepmode td {
text-align: left;
vertical-align: top;
color: #000;
}

/* Hersteller- / Aufbautenwahl Rahmen */
#stepmode #auswahl {
width: 590px;
text-align: center;
margin: 0 auto 0 auto;
}
/* Buttons f�r Hersteller-/Aufbautenwahl */
#auswahl ul {
margin: 10px 0;
}
#auswahl li {
display: inline
}
#auswahl li a {
display: block;
float: left;
width: 40%;
margin: 10px 5px;
padding: 7px 0 5px 40px;
font-size: 12px;
font-weight: bold;
text-align: left;
line-height: normal;
text-decoration: none;
border: 1px solid #ccc;
color: #666;
background-color: #fff;
background-position: 5px 7px;
background-repeat: no-repeat;
}
#auswahl li a:hover {
color: #000;
border: 1px solid #000;
}

.hersteller #auswahl li a {
width: auto;
padding: 5px;
margin: 3px;
text-align: center;
color: #000;
}
#stepmode .hersteller #auswahl li a {
width: 80px;
color: #000;
}
.hersteller #auswahl li a:hover {
color: #000;
border: 1px solid #000;
}

#stepmode h1 {
text-align: left;
font-size: 24px;
margin: 10px 0 5px 0;
font-weight: normal;
color: #000;
}

#stepmode #rahmen {
position: relative;
width: 860px;
margin: 0 auto 30px auto;
padding: 10px;
text-align: left;
border: 1px solid #ccc;
background: #fff;
}
.hersteller-logo {
position: absolute;
top: 10px;
left: 12px;
}

#navtoolsrahmen {
position: fixed;
top: 0;
left: 50%;
margin-left: -441px;
height: 40px;
line-height: 38px;
width: 860px;
padding: 10px;
background: #fff;
border: 1px solid #ccc;
border-top: 0 none;
z-index: 20;
}
#stepmode .skiptranslate {
display: none;
}
* html #navtoolsrahmen {
position: absolute;
}
#navtools {
text-align: center;
z-index: 100;
}

#navtools ul {
position: absolute;
top: 10px;
left: 780px;
width: 80px;
z-index: 100;
}
#navtools li {
display: inline;
}
#navtools .skip {
position: static;
}
#navtools p a, #navtools p a.inaktiv {
border: 1px solid #ccc;
position: absolute;
top: 10px;
display: block;
line-height: 3em;
text-decoration: none;
}
#stepmode .back a {
left: 450px;
padding: 0 5px 0 25px;
color: #666;
background: #fff url(../bilder/carstep-back.gif) 5px 1.1em no-repeat;
border: 1px solid #666;
}
#stepmode .back a:hover {
color: #000;
background: #fff url(../bilder/carstep-back-hover.gif) 5px 1.1em no-repeat;
border: 1px solid #000;
}
#stepmode .forward a, #stepmode .forward a.inaktiv, #stepmode .forward a.inaktiv:hover {
left: 530px;
padding: 0 25px 0 5px;
color: #ccc;
background: #fff url(../bilder/carstep-forward-inaktiv.gif) 93% 1.1em no-repeat;
border: 1px solid #ccc;
}
#stepmode .forward a {
color: #fff;
background: #c00 url(../bilder/carstep-forward-aktiv.gif) 93% 1.1em no-repeat;
border: 1px solid #000;
}
#stepmode .forward a:hover {
color: #c00;
background: #f5f5f5 url(../bilder/carstep-forward-hover.gif) 93% 1.1em no-repeat;
border: 1px solid #000;
cursor: pointer;
}
#stepmode .configuration a {
left: 610px;
padding: 0 5px;
text-align: center;
color: #ccc;
background: #fff;
}
#stepmode .configuration a.akt {
border: 1px solid #000;
color: #000;
background: #fff;
cursor: pointer;
}
#stepmode .configuration a.done {
background: #f5f5f5;
color: #000;
}


/* Navigation des Carstep Konfigurators */
#stepmode #navigation {
width: 100%;
height: 2.4em;
list-style: none;
margin: 0;
padding: 0;
}
#stepmode #navigation li {
display: inline;
padding:0;
margin: 0;
}
#stepmode #navigation a, #stepmode #navigation span {
display: block;
float: left;
text-decoration: none;
white-space: nowrap;
margin: 0 15px 2px 0;
padding: 0;
line-height: 18px;
color: #000;
background: transparent;
}
#stepmode #navigation span {
color: #ccc;
background: transparent;
}
#stepmode #navigation a:hover {
color: #000;
background: #f5f5f5;
}
#stepmode #navigation span.akt {
font-size: 18px;
color: #c00;
font-weight: bold;
}

#carsteps {
color: #000;
background: #e4e4e4;
padding: 20px 20px 10px 20px;
min-height: 50px;
}

#configuration {
float: right;
width: 400px;
}
#configuration table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
#configuration table td {
border-bottom: 1px solid #fff;
}
#configuration table td.noborder {
border-bottom: 1px solid #e4e4e4;
}
#configuration table ul {
list-style: none;
margin: 0;
}
#configuration table li {
float: left;
}
#configuration table li.mit_eek {
width: 230px;
padding-bottom: 8px;
}
#configuration table li img {
margin: 2px 10px 5px 0;
}
#configuration table h2 {
font-size: 14px;
margin: 0;
padding: 0;
color: #000;
}
.fett {
font-weight: bold;
}
.big {
font-size: 13px;
}
#configuration table td.red {
color: #c00;
background: #fff;
}
#configuration table tr.gesamtpreis td {
padding: 5px 0 5px 2px;
color: #000;
background: #fff;
font-size: 14px;
font-weight: bold;
}
#configuration table tr.listenpreis td, 
#configuration table tr.listenpreis_alt td {
padding-top: 10px;
text-decoration: line-through;
border-bottom: 0 none;
font-size: 14px;
padding: 2px 0 2px 2px;
color: #000;
}
#configuration table tr.listenpreis_alt td {
text-decoration: none;
background: #fff;
}
#configuration table tr.ersparnis td {
font-size: 14px;
font-weight: bold;
color: #000;
background: yellow;
padding: 5px 0 5px 2px;
}
.detailwahl li {
display: inline;
}
.detailwahl a, .detailwahl a:link, .detailwahl a:visited {
display: block;
float: left;
width: 15em;
padding: 5px 0.5em;
text-decoration: none;
border: 1px solid #000;
margin: 0 10px 10px 0;
text-align: center;
color: #000;
background: #f5f5f5;
font-size:12px;
}
.detailwahl a:hover, .detailwahl a.akt {
border: 1px solid #c00;
background: #fff;
color: #000;
}
a.details:link, a.details:visited,
a img.details, a:link img.details, a:visited img.details, a:hover img.details, a:focus img.details, a:active img.details {
background: transparent !important;
}

#detailwahl {
width: 390px;
}
#detailwahl h2 {
margin-top: 25px;
color: #000;
}
#detailwahl table {
border: 0 none;
border-collapse: collapse;
padding: 0;
width: 100%;
}
#detailwahl table td {
padding: 1px 5px;
border-bottom: 1px solid #fff;
color: #000;
}
#detailwahl table td.noborder {
border-bottom: 1px solid #e4e4e4;
}
#detailwahl table .streifen td.noborder {
border-bottom: 1px solid #ccc;
}
#detailwahl table td.herstellercode {
width: 1px;
padding-top: 3px;
}
#detailwahl.serienausstattung table td {
padding: 10px 5px;
color: #000;
}
#detailwahl.aussenfarbe table td {
padding: 3px;
color: #000;
}
#detailwahl.innenausstattung table td {
padding: 5px 3px;
color: #000;
line-height: 100%;
}
#detailwahl.innenausstattung table td.aright, 
#detailwahl.aussenfarbe table td.aright {
white-space: nowrap;
}
#detailwahl.motordaten table td {
padding: 5px 5px;
color: #000;
}
#detailwahl table td h2 {
font-size: 120%;
margin: 0;
padding: 0;
color: #000;
}
#detailwahl table td p {
margin: 0;
padding: 0;
color: #000;
}
#detailwahl table td a {
color: #000;
background: transparent;
text-decoration: none;
}
#detailwahl table td a:hover, 
#detailwahl table td a:active,
#detailwahl table td a:focus {
color: #c00;
}
#detailwahl table td a.button {
display: block;
text-decoration: none;
color: #000;
background: #fff;
text-align: center;
padding: 2px;
border: 1px solid #666;
}
#detailwahl table td a:hover.button {
display: block;
text-decoration: none;
color: #000;
background: #fff;
text-align: center;
padding: 2px;
border: 1px solid #c00;
}
#detailwahl table td a.details {
color: #c00 !important;
cursor: default !important;
}
#detailwahl table td a:hover.details {
color: #c00 !important;
text-decoration: underline;
}



#detailwahl.endstep {
width: 400px;
}
#detailwahl.endstep p {
padding: 10px;
}
#detailwahl.endstep a.pdf {
padding: 5px 0 7px 34px;
color: #000;
background: transparent url(../bilder/pdf-icon.gif) 0 0 no-repeat;
}
#detailwahl.endstep input {
display: block;
margin: 10px;
}

#footer {
padding: 2px;
}
#footer h2 {
color: #000;
}

#car {
position: relative;
width: 400px;
height: 300px;
z-index: 10;
padding: 0 0 20px 0;
}
#car #car_color {
position: absolute;
top: 200px;
right: 0;
width: 200px;
height: 40px;
filter: alpha(opacity=80); /* for IE */
opacity: 0.8; /* CSS3 standard */
}
#car #car_fabric {
position: absolute;
top: 240px;
right: 0;
width: 200px;
height: 40px;
filter: alpha(opacity=90); /* for IE */
opacity: 0.9; /* CSS3 standard */
}
#car span {
display: block;
font-size: 10px;
color: #666;
padding: 2px 0;
}

/* Allgemeine Klassen */

/* Aussenfarbe-Button */
.carcol {
width: 40px;
}
.carcol label {
display: block;
width: 40px;
height: 20px;
}
/* Stoffwahl Button */
.carstoff {
width: 60px;
}
.carstoff label {
display: block;
width: 60px;
height: 2em;;
}
.streifen {
color: #000;
background-color: #ccc;
}
.zub1 {
color: #000;
background: transparent;
}
.zub2 {
color: #000;
background: #eaeaea;
}
.aright, #stepmode td.aright {
text-align: right;
}
#stepmode td.radiobutton {
width: 12px;
}


/* serienausstattung toogle-in-out */

#serienausstattung {
list-style: none;
margin: 0 0 20px 5px;
border-top: 1px solid #fff;
}
#serienausstattung li {
color: #000;
background: #e4e4e4;
margin: 0;
padding: 0 0 0 2px;
border-bottom: 1px solid #fff;
}
#serienausstattung li.streifen {
color: #000;
background: #cccccc;
}
#serienausstattung li a {
color: #000;
text-decoration: none;
}
#serienausstattung li a img {
background-color: transparent;
}
#serienausstattung li a.details {
color: #c00;
cursor: default !important;
}
#serienausstattung li a:hover.details {
background: transparent;
text-decoration: underline;
}

#serienausstattung ul {
list-style: none;
margin: 0 0 0 15px;
}
#serienausstattung li li {
padding: 0 0 0 5px;
}

/* Schließen-Box für Fahrzeugfoto */
.xboxcontent .close {
text-align: right;	
margin-bottom: 3px;
}