/*
** Homepage: http://www.auto-gerstenberger.de
** CMS: voiTEC.WEB 2.0 - http://www.voitec.de
*/

/* Grundeinstellungen */
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { font: normal 100.01% verdana,tahoma,helvetica,sans-serif; color: #000; background-color: inherit; background-position: 0px 0px; background-repeat: no-repeat; }
img { border: 0; }
form { display: inline; }
.killer { clear: both; height: 0; border: 0; line-height: 0em; background: transparent; }
.inlineinfo { font-size: 0.8em; color: #666; }
.off { display: none; }

/* Fehlermarkierung */
.error { padding: 10px 0; font-weight: bold; color: #FF0000; background-color:#FFFFFF; }
input.error { padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
textarea.error	{ padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
.error-check	{ padding: 0 2px 2px 2px; background: #FF0000; }
select.error	{ padding: 0; font-weight: bold; color: #FF0000; }

/* Layout */
.box { z-index: 10; position: relative; width: 990px; background-position: -2911px 0px; background-repeat: repeat-y; }
#kopf { float: left; position: relative; width: 990px; height: 255px; background-position: -1920px 0px; background-repeat: no-repeat; }
#koerper { float: left; position: relative; top: 20px; width: 990px; background-position: bottom left; background-repeat: no-repeat; }
#koerper:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }
#links { float: left; position: relative; left: 20px; width: 200px; margin-left: -5%; /* the difference to make the left colum appear flush left */ }
#inhalt { float: left; position: relative; width: 100%; margin-right: -95%; /* Floatingverlagerung */ }
#inhalt .inhaltsbox { position: relative; /*min-height: 630px;*/ margin: 0px 20px 30px 255px; display: inline-block; /* TRIP haslayout for safety */ }
#inhalt .inhaltsbox { display: block; /* SWITCH back the display */ }
#fuss { display: block; height: 80px; background-position: -3900px bottom; background-repeat: no-repeat; }
#kopf, #fuss { clear: both; width: 100%; }

/* IE Mac */
* html div#koerper { margin-right: -100%; }
* html div#links { margin-left: 0; }
* html #links { margin-left: 0px; }

/* Grafiken */
.bg { background-image: url(../de,cssahg,images/bg.jpg); }
.bgnavti { background-image: url(../de,cssahg,images/bgnavti.png); }
.bgnav { background-image: url(../de,cssahg,images/bgnav.jpg); }
.bgautos { background-image: url(../de,cssahg,images/bgautos.gif); }

/* Kopfzeile */
#kopf p.link-seat { position: absolute; top: 60px; left: 25px; }
#kopf p.link-skoda { position: absolute; top: 116px; left: 50px; }
#kopf p.link-autohaus { position: absolute; top: 90px; left: 680px; }
#kopf ul { position: absolute; top: 230px; left: 290px; list-style: none; }
#kopf ul li { float: left; padding-right: 20px; font-size: 0.8em; font-family: arial,helvetica,sans-serif; }
#kopf ul li a { color: #FFF; font-weight: bold; text-decoration: none; background-image: none; }
#kopf ul li a:hover { text-decoration: underline; background-image: none; }

/* Inhalt */
#inhalt { }
#inhalt .inhaltsbox { padding: 10px; color: #000; background-color: #FFF; font-size: 0.8em; line-height: 1.3em; }
#inhalt h1 { position: relative; height: 38px; margin: -10px 20px 0px 250px; padding: 20px 0px 0px 20px; color: #000; font-size: 0.9em; font-weight: bold; background-position: -200px; background-repeat: no-repeat; }
#inhalt h2 { margin: 20px 0px; font-size: 1em; letter-spacing: 0.1em; border-bottom: 1px dotted #666; }
#inhalt p { margin-bottom: 15px; }
#inhalt a { color: #CC0000; border-bottom: 1px dotted #CC0000; text-decoration: none; }
#inhalt a:hover { color: #000; border-bottom: 1px solid #000; }
#inhalt ul { margin: 10px 20px 15px 29px; }
#inhalt ol { margin: 10px 20px 15px 35px; }
#inhalt li { padding: 3px; }
#inhalt dl { margin: 5px 0px 10px 0px; font-size: 1em; }
#inhalt dl.spalten {  }
#inhalt dl.spalten dt { float: left; width: 12.5em; padding: 3px; }
#inhalt dl.spalten dd { margin-left: 12.5em; padding: 3px; }
#inhalt dl.zeilen dt { float: left; padding: 3px; }
#inhalt dl.imp dt { width: 17.5em; padding: 0px; }
#inhalt dl.imp dd { margin-left: 17.5em; padding: 0px; }
#inhalt fieldset { padding: 10px; font-size: 0.85em; }
#inhalt fieldset legend { padding: 5px; }
#inhalt fieldset label { display: block; font-size: 12px; }
#inhalt fieldset p { font-size: 1em; }
#inhalt address { margin-bottom: 15px; padding: 3px; font-weight: normal; font-size: 0.9em; }

#inhalt table.tabteam { width: 100%; border: 0px; }
#inhalt table.tabteam td { padding: 5px; }

/* Inhalt - Startseite */
#inhalt .einfuehrung { float: left; width: 47%; /*text-align: justify;*/ }
#inhalt .aktionen { clear: both; margin-top: 50px; padding: 0px 3px; color: #000; background-color: #E8E8E8; border: 1px solid #CC0000; }
#inhalt .aktionen dl { float: left; width: 224px; overflow: hidden; margin-right: 3px; font-size: 1em; color: #000; background-color: #F7F0F0; border: 1px dotted #C7C7C7; }
#inhalt .aktionen dl dt { height: 210px; padding: 3px; font-weight: bold; font-size: 1em; text-align: center; }
#inhalt .aktionen dl dt img { display: block; margin: 7px auto; }
#inhalt .aktionen dl dd { padding: 3px; font-weight: normal; font-size: 0.8em; line-height: 1.2em; }
#inhalt .aktionen dl dd a { display: block; margin: 10px 0px 10px 0px; }

#inhalt .head-ani { z-index: 30; position: absolute; top: 10px; left: 352px; }
#myGallery { margin-top: 20px; }

/* Inhalt - Rubrik mit Bild - Spalten */
#inhalt .nav2 dl { position: relative; float: left; width: 250px; height: 180px; margin: 0px 5px 5px 0px; padding: 0px; text-align: center; font-size: 1.1em; background-color: #EEE; overflow: hidden; }
#inhalt .nav2 dl:hover { background-color: #FFF; }
#inhalt .nav2 dl dt { padding: 5px; font-weight: bold; font-style: italic; }
#inhalt .nav2 dl dd { padding: 5px; text-align: center; }
#inhalt .nav2 dl dd img { float: none; display: block; margin: 20px auto; }
#inhalt .nav2 dl dd a { font-size: 0.8em; text-decoration: none; color: #666; }
#inhalt .nav2 dl dd .preis { position: absolute; bottom: 18px; right: 7px; font-size: 1.25em; font-weight: bold; color: #CC0000; vertical-align: bottom; }
#inhalt .nav2 dl dd .preisvorher { position: absolute; bottom: 3px; right: 7px; font-size: 1.05em; font-weight: bold; color: #666; vertical-align: bottom; text-decoration: line-through; }

#inhalt .ul63 dl { width: 35%; height: 190px; margin: 10px; overflow: auto; }
#inhalt .ul63 dl dt { padding-top: 5px; }

/* Inhalt - Normalrubriken ggf. mit Bild - Zeilen */
#inhalt .nav3 dl { position: relative; float: none; margin: 0px 5px 5px 0px; padding: 0px; text-align: left; font-size: 1.2em; background-color: #EEE; overflow: hidden; }
#inhalt .nav3 dl:hover { background-color: #FFF; }
#inhalt .nav3 dl dt { padding: 5px; font-weight: bold; font-style: italic; }
#inhalt .nav3 dl dd { padding: 5px; text-align: left; }
#inhalt .nav3 dl dd img { float: none; display: block; margin: 20px 0px 20px 0px; }
#inhalt .nav3 dl dd a { font-size: 0.8em; text-decoration: none; color: #666; }

/* Inhalt - Fahrzeugübersicht */
#inhalt .ul59 dl { width: 48%; height: 240px; background-position: 10px; background-repeat: repeat-y; }
#inhalt .ul59 dl:hover { text-decoration: underline; background-position: -380px; background-repeat: repeat-y; }
#inhalt .ul59 dl dt { height: 185px; }
#inhalt .ul59 dl dt a { display: block; padding: 5px; color: #CC0000; background-color: inherit; font-size: 1.3em; font-weight: bold; text-decoration: none; border: 0px; }
#inhalt .ul59 dl dt a img { margin: 10px 0px; }

/* Inhalt - Fahrzeugdetails */
#inhalt .auto { padding: 6em 10px 10px 10px; }
#inhalt .einleitung1 { z-index: 1; position: absolute; top: 13px; right: 10px; width: 95%; margin-bottom: 25px; text-align: right; font-style: italic; font-size: 2.3em; font-weight: bold; line-height: 1.5em; color: #EEE; letter-spacing: -0.1em; }
#inhalt .einleitung2 { z-index: 5; position: absolute; top: 30px; right: 40px; width: 95%; margin-bottom: 25px; text-align: right; font-style: italic; font-size: 1.1em; font-weight: bold; line-height: 1.5em; color: #666; }
#inhalt .p_teil2 { clear: right; }
#inhalt .p_teil2 .p_bild { float: right; margin: 0px 0px 0px 20px; }
#inhalt .p_teil2 .p_bild .klickinfo { font-size: 0.75em; }
#inhalt .p_teil2 .p_daten { display: none; }
#inhalt .p_teil3 { display: none; }
#inhalt .p_teil4 { }
#inhalt .p_teil4 h3 { clear: left; padding: 3px; font-weight: bold; font-size: 0.8em; letter-spacing: 0.1em; color: #FFF; background-color: #CC0000; }
#inhalt .p_teil4 ul { list-style: none; }
#inhalt .p_teil4 ul li { float: left; margin-right: 5px; }
#inhalt .p_teil5 h2 { margin-top: 0px; }
#inhalt table.seatlinks { width: 100%; border: 1px dotted #CCC; color: #FFF; background-color: #CC0000; }
#inhalt table.seatlinks td { padding: 3px; text-align: center; }
#inhalt table.seatlinks td:hover { background-color: #FFF; }
#inhalt table.seatlinks td:hover a { color: #CC0000; }
#inhalt table.seatlinks a { font-weight: bold; color: #FFF; text-decoration: none; }
#inhalt table.seatlinks a:hover { text-decoration: underline; }

/* Inhalt - Formulare */
#formulartabelle2 td { padding: 3px; }
#formulartabelle2 .f_headline { font-weight: bold; color: #CC0000; }
#formulartabelle4 td { padding: 3px; }
#formulartabelle4 .f_headline { font-weight: bold; color: #CC0000; }
#formulartabelle5 td { padding: 3px; }
#formulartabelle5 .f_headline { font-weight: bold; color: #CC0000; }
#formulartabelle6 td { padding: 3px; }
#formulartabelle6 .f_headline { font-weight: bold; color: #CC0000; }
#formulartabelle7 td { padding: 3px; }
#formulartabelle7 .f_headline { font-weight: bold; color: #CC0000; }
#formulartabelle2 .links,#formulartabelle4 .links,#formulartabelle5 .links,#formulartabelle6 .links,#formulartabelle7 .links, { width: 40%; }

/* Werbelayer */
#werbelayer {
z-index: 50;
position: absolute;
display: block;
margin: 0px auto;
padding: 0px;
font-size: 0.8em;
font-weight: normal;
color: black;
text-align: center;
}
#werbelayer .close { padding: 3px; background-color: #FFF; }

/* Navigationsmenue */
#links .nav { font-family: arial,helvetica,sans-serif; }
#links .nav h2 { height: 38px; margin: 0px; padding: 10px 0px 0px 20px; color: #000; font-size: 0.9em; font-weight: bold; background-position: 0px 0px; background-repeat: no-repeat; }
#links .nav ul { list-style: none; margin: 0px 0px 20px 0px; }
#links .nav ul li { padding: 1px 1px 1px 0px; color: #000; font-size: 0.8em; font-weight: normal; }
#links .nav ul li a { display: block; width: 176px; padding: 3px 3px 3px 20px; color: #000; text-decoration: none; background-position: -1124px 0px; }
#links .nav ul li a:hover { color: #CC0000; text-decoration: underline; background-position: -925px 0px; }
#links .nav .aktiv { color: #CC0000; font-weight: bold; background-position: -925px 0px; }
#links .nav .seatclub { margin: 10px 0px 0px 23px; }

/* Fußzeile */
#fuss ul { width: 16em; margin: auto; padding-top: 45px; list-style: none; }
#fuss ul li { display: inline; padding-right: 15px; font-size: 0.8em; }
#fuss ul li a { color: #000; text-decoration: none; background-image: none; }
#fuss ul li a:hover { text-decoration: underline; background-image: none; }