@charset "ISO-8859-1";
/* CSS Document */


/* FARBEN
dunkelgrau text #fff
hellgrau text #979797
gelb #bf0417

opel-gelb: #bf0417
-hellgelb:#F0D9D9
fiat-grün: #3bb125
alfa-rot: #990000
lancia-dunkelblau: #042255
jeep-dunkelgrün: #2f3d00
saab-hellblau: #6699cc

*/

address, body, blockquote, dd, dl, dt, div, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, label, ol, ul, li, p, pre, table, tbody, td, tfoot, th, thead, tr, img {border:none; margin:0; padding:0;}

body {margin:0; padding:0; font-size:100.01%; font-family:Arial, Helvetica, sans-serif; color:#fff; background-color:#000;}




/************************************************
CONTAINER ***/

.container {width:958px; margin:0 auto 30px auto;}



/************************************************
HEAD ***/

.head {padding:35px 0 7px 18px;}
.head img {margin-bottom:15px;}

.head-marken {float:right;}
.head-marken img {margin-left:10px;margin-bottom:0;}

.head .head-hg {display:none;}



/*************************************************
CONTENT **/

.content-wrapper {margin-top:22px; padding-bottom:15px; float:left; width:100%;}
.content {background-image:url(../gfx/gui/content-hg.gif); background-position:top left; background-repeat:repeat-y; float:left; position:relative;}
.content-2-spalten {background-position:-529px 0;}

.content a, .content a:hover {color:#fff; text-decoration:none;}
.content a:hover {text-decoration:underline;}

.content h1 {background-image:url(../gfx/gui/schatten-hg.png); background-position:bottom left; background-repeat:repeat-x; padding:7px 12px 11px 12px; font-size:1em; font-weight:normal; line-height:21px; position:relative; color:#fff;}

.content .spalte-mitte h1, .content .spalte-rechts h1 {text-transform:uppercase; font-size:0.875em; line-height:21px;}
.content .h1-home {padding-left:40px;}
.content .h1-home.aktiv, .content .h1-home:hover {background-image:url(../gfx/gui/schatten-hg-pfeil.png);}
.content .h1-home a, .content .h1-home a:hover {text-decoration:none; display:block; color:#fff;}

.content .h1-service {background-image:url(../gfx/gui/schatten-hg-service.png); padding-left:47px;}
.content .h1-news {background-image:url(../gfx/gui/schatten-hg-news.png); background-position:right bottom;}


.content .img-01 {margin:-6px 0 6px 0;}


/* content spalten */
.content-spalte-210 {width:210px; float:left;}
.content-spalte-520 {width:520px; float:left; margin:0 9px;}
.content-spalte-739 {width:739px; float:left; margin:0 0 0 9px;}





/*************************************************
NAVIGATION ***/

/* ebene 1 */
.content .navi {margin:0 12px 0 12px; padding:0 0 230px 0; font-size:1em; line-height:1em;}
.content .navi li {list-style:none; border-top:1px solid #d6d6d6;}
.content .navi li a, .content .navi li a:hover {color:#fff; text-decoration:none; padding:8px 17px 8px 28px; margin:2px 0; font-size:0.875em; line-height:1.3em; font-weight:normal; display:block; }
.content .navi li a:hover, .content .navi li .aktiv {background-color:#d6d6d6; background-image:url(../gfx/gui/link-pfeil-01-gross.png); background-position:3px 11px; background-repeat:no-repeat; color:#000;}

/* ebene 2 */
.content .navi ul {margin:0; border-top:1px solid #d6d6d6; padding:10px 0 12px 0;}
.content .navi ul li {border-top:none;}
.content .navi ul li a, .content .navi ul li a:hover {padding:3px 17px 3px 48px; margin:0; font-size:0.75em;}
.content .navi ul li a:hover, .content .navi ul li .aktiv {background-color:transparent; background-image:url(../gfx/gui/link-pfeil-01.png); background-position:31px 5px; background-repeat:no-repeat; color:#fff;}

/* ebene 3 */
.content .navi ul ul {margin:0; border-top:none; padding:0 0 12px 0;}
.content .navi ul ul li {border-top:none;}
.content .navi ul ul li a, .content .navi ul ul li a:hover {padding:3px 17px 3px 48px; margin:0; font-size:0.75em;}
.content .navi ul ul li a:hover, .content .navi ul ul li .aktiv {background-color:transparent; background-image:url(../gfx/gui/link-pfeil-01.png); background-position:31px 5px; background-repeat:no-repeat;}

/* markennavi */
.content .navi li.markennavi {float:left; width:186px;}
.content .navi li.markennavi a, .content .navi li.markennavi a:hover {display:block; float:left; width:141px; background-position:3px 18px; line-height:30px; background-color:#000; color:#fff; background-image:none; padding:2px 17px 2px 24px;}
.content .navi li.markennavi a img, .content .navi li.markennavi a:hover img {float:left; margin:0 5px 0 0;}
.content .navi li.markennavi a:hover {text-decoration:underline;}

/* service-navi */
.content .service-navi {padding-bottom:0;}
.content .service-navi li {border-bottom:1px solid #D6D6D6; border-top:none;}
.content .service-navi li a, .content .service-navi li a:hover, .content .service-navi li .aktiv {padding:8px 17px 8px 40px; font-size:0.75em; background-position:0 center; background-repeat:no-repeat; background-color:transparent;}
.content .service-navi li a:hover, .content .service-navi li .aktiv {text-decoration:underline; background-color:transparent; color:#fff;}

.content .service-navi li .a-werkstatttermin, .content .service-navi li .a-werkstatttermin:hover {background-image:url(../gfx/gui/service-icons/werkstatttermin.png);}
.content .service-navi li .a-preis, .content .service-navi li .a-preis:hover {background-image:url(../gfx/gui/service-icons/preis.png);}
.content .service-navi li .a-prospekt, .content .service-navi li .a-prospekt:hover {background-image:url(../gfx/gui/service-icons/prospekt.png);}
.content .service-navi li .a-probefahrt, .content .service-navi li .a-probefahrt:hover {background-image:url(../gfx/gui/service-icons/probefahrt.png);}
.content .service-navi li .a-automieten, .content .service-navi li .a-automieten:hover {background-image:url(../gfx/gui/service-icons/automieten.png);}
.content .service-navi li .a-rueckruf, .content .service-navi li .a-rueckruf:hover {background-image:url(../gfx/gui/service-icons/rueckruf.png);}
.content .service-navi li .a-feedback, .content .service-navi li .a-feedback:hover {background-image:url(../gfx/gui/service-icons/feedback.png);}
.content .service-navi li .a-facebook, .content .service-navi li .a-facebook:hover {background-image:url(../gfx/gui/service-icons/facebook.png);}
.content .service-navi li .a-fahrzeugangebot, .content .service-navi li .a-fahrzeugangebot:hover {background-image:url(../gfx/gui/service-icons/fahrzeugangebot.png);}

/* NEWSLETTER ANMELDUNG */
.newsletter {position:absolute; left:0; bottom:0; margin:0; width:186px; background-image:url(icon-newsletter-hg.png); background-position:right top; background-repeat:no-repeat;}
.newsletter h2 {padding:2px 25px 0 0; font-weight:normal; text-transform:uppercase; font-size:0.875em; line-height:1.3em;}
.newsletter p {font-size:0.75em; line-height:1.4em; margin-top:10px;}
.newsletter form {margin-top:10px;}
.newsletter input {background-color:#FFF; border:1px solid #fff; padding:2px 5px; width:174px; color:#979797;}
.newsletter form .button, .newsletter form .button:hover {background-color:transparent; border:none; background-image:url(link-pfeil-01.png); background-position:right 5px; background-repeat:no-repeat; font-size:0.75em; color:#fff; width:183px; padding-right:15px; text-align:right; float:right; margin:5px 0 0 0;}
.newsletter form .button:hover {cursor:pointer; text-decoration:underline;}



/*************************************************
MAiN CONTENT ****/

.content .main-content {margin:3px 12px 0 12px;}
.content-spalte-739 .main-content {margin-right:0;}

.content .main-content h1 {font-size:1.875em; background-color:transparent; background-image:none; line-height:1.2em; text-transform:none; padding:0; margin:0 0 20px 0; color:#bf0417;}
.content .main-content h2 {background-image:url(../gfx/gui/schatten-hg.png); background-position:bottom left; background-repeat:repeat-x; padding:7px 12px 11px 12px; font-size:1em; font-weight:normal; line-height:21px; position:relative; margin:30px 0 0 0; clear:both; color:#fff;}

.content .main-content h3 {font-size:1em; background-color:transparent; background-image:none; line-height:1.2em; text-transform:none; padding:0; margin:0 0 5px 0; color:#bf0417;}
.content .main-content h4, .content .main-content h5, .content .main-content h6 {font-size:1em; background-color:transparent; background-image:none; line-height:1.2em; text-transform:none; padding:0; margin:0 0 5px 0; color:#000;}
.content .main-content h5, .content .main-content h6 {font-size:0.812em; margin-bottom:0;}
.content .main-content h6 {font-weight:normal;}

.content .main-content p {font-size:0.812em; line-height:1.4em; margin:0 0 20px 0;}
.content .main-content .p-small {font-size:0.687em;}

.content .main-content ul {font-size:0.812em; line-height:1.4em; margin:0 0 20px 0; padding:0 0 0 15px;}
.content .main-content ul li {}
.content .main-content ol {font-size:0.812em; line-height:1.4em; margin:0 0 20px 0; padding:0 0 0 15px;}
.content .main-content ol li {}

.content .main-content a, .content .main-content a:hover {text-decoration:underline;}
.content .main-content a:hover {text-decoration:none;}

.content .main-content .a-download, .content .main-content .a-download:hover {background-image:url(../gfx/gui/icon-download.png); background-position:left top; background-repeat:no-repeat; padding:3px 0 13px 25px; font-size:1.076em; display:block; margin-top:40px;}

.content .main-content .oeffnungszeiten-tage {display:inline-block; width:110px; font-weight:bold;}


/***************************************************
NEWS */

.content .news {margin:0 30px; }
.content .news li {list-style:none; padding:10px 0 10px 0; border-bottom:1px solid #b0b0b0;}
.content .news .li-last {border-bottom:none; padding-bottom:0;}
.content .news li h3 {font-size:0.75em; font-weight:normal; line-height:1.3em; margin-left:28px;}
.content .news li h2 {font-size:0.875em; margin:2px 0 0 0; line-height:1.3em; background-image:none; padding:0;}
.content .news li p {font-size:0.75em; line-height:1.4em; margin-top:5px;}
.content .news li .news-hg {background-image:url(../gfx/gui/link-pfeil-01.png); background-position:3px 3px; background-repeat:no-repeat; padding-left:28px; display:block; background-color:#fff;}
.content .news li img {float:right; padding:2px; border:1px solid #D6D6D6; margin:0 0 10px 20px;}


/***************************************************
TEAM */

.content .main-content .team {margin:0 0 30px 0; float:left; padding:0; font-size:1em;}
.content .main-content .team li {list-style:none; padding:10px 0 10px 0; border-bottom:1px solid #b0b0b0; position:relative; float:left; width:496px; min-height:100px;}
.content .main-content .team .li-last {border-bottom:none; padding-bottom:0;}
.content .main-content .team li h3 {font-size:0.75em; font-weight:normal; line-height:1.3em; margin-left:28px;}
.content .main-content .team li h2 {font-size:0.875em; margin:2px 0 0 0; line-height:1.3em; color:#fff; background-image:none; padding:0;}
.content .main-content .team li p {font-size:0.75em; line-height:1.4em; margin-top:5px;}
.content .main-content .team li .team-hg {background-image:url(../gfx/gui/link-pfeil-01.png); background-position:3px 3px; background-repeat:no-repeat; padding-left:28px; display:block; float:left; margin:10px 0 0 0; position:absolute; bottom:0; right:0; width:328px;}
*html .content .main-content .team li .team-hg { width:328px; float:right; position:static;}
.content .main-content .team li img {float:left; padding:2px; border:1px solid #D6D6D6;}



/*.content .main-content .team {float:left; margin-bottom:30px;}
.content .main-content h2 {clear:both;}*/



/*************************************************
FORMULARE ***************/

/* werkstatttermin vereinbaren */
form { color: #fff;}
form fieldset {margin:0 0 15px 0;font-size:0.75em;line-height:1.4em;}
form .zeile-01 {margin-bottom:5px;}
form .zeile-02 {margin-bottom:15px;}
form label {display:inline-block; width:189px; vertical-align:top; padding:2px 0 0 0;}
form select {width:285px; background-color: #F0D9D9; border: 1px solid #D6D6D6;}
form input, form textarea {background-color: #F0D9D9; border: 1px solid #D6D6D6; padding: 2px 5px; margin:0; width:273px; resize:none; font-family:inherit; font-size:1em; vertical-align:top;}
form .input-01 {width:87px; margin:0 5px 0 0;}
form .input-02 {width:169px;}
form  img {margin:0 0 5px 189px; border: 1px solid #D6D6D6; width:283px;}
form .button, form .button:hover {border:none; width:133px; background-color:#bf0417; background-image:url(absenden-oellinger.png); background-position:top left; background-repeat:no-repeat; padding:0 20px 0 0; height:21px; margin-top:15px; font-size:12px; color:#fff; text-align:center; margin-left:189px;}
form .button:hover {cursor:pointer; text-decoration:underline}
form .dp-choose-date img {width:20px; border:none; margin:0;}

form .uebergabe-ruecknahme-box {float:left; margin:0 5px 0 0; width:245px;}
form .uebergabe-ruecknahme-box .zeile-01 {float:left;;}
form .uebergabe-ruecknahme-box .fieldset-spalte label {float:left; width:58px;}
form .uebergabe-ruecknahme-box .fieldset-spalte {width:223px;}
form .uebergabe-ruecknahme-box fieldset {margin-bottom:0;}
.content .main-content form .uebergabe-ruecknahme-box h3 {color:#fff; margin:0 0 10px 0;}

/* preisanfrage (2-spaltiges formular) */
.content .main-content form h2 {margin-bottom:10px;}
.content .main-content form p {margin-bottom:10px;}
form .fieldset-mit-border {border: 1px solid #D6D6D6; padding:10px;}
form .fieldset-spalte {width:208px; float:left; margin:0;}
form .fieldset-spalte-2 {margin-left:58px;}
form .fieldset-spalte label {width:78px;}
form .fieldset-spalte input {width:118px;}
form .fieldset-spalte select {width:130px;}
form .fieldset-spalte .checkbox {width:20px; background-color:transparent; border:none; margin:3px 0 0 0; display:inline;}
form .fieldset-checkboxen label {width:188px;}
form hr {border:none; background-color:#D6D6D6; color:#D6D6D6; height:1px; margin:0 0 10px 0; box-shadow:none;}
.content .main-content form fieldset p {margin-left:189px; font-size:1em; margin-bottom:0;}


/* preistabelle mietwagen */
.preistabelle-mietwagen {border:1px solid #D6D6D6; padding:10px 10px 3px 10px; margin:0 0 15px 0; width:496px;}
form .preistabelle-mietwagen img {width:80px; border:none; margin:0; padding:0; display:block;}
.preistabelle-mietwagen th,
.preistabelle-mietwagen td {vertical-align:top; text-align:left; font-size:0.687em; line-height:1.4em; padding:2px;}
.preistabelle-mietwagen th {font-weight:normal;}
.preistabelle-mietwagen td {border:1px solid #D6D6D6; background-color:#F0D9D9; color:#000;}
.preistabelle-mietwagen .text-center {text-align:center;}
.preistabelle-mietwagen .text-right {text-align:right;}
.preistabelle-mietwagen .text-bottom {vertical-align:bottom;}



/*************************************************
FOOTER **/
.footer {clear:both; float:left; width:100%;  border-top:4px solid #bf0417; padding:10px 0; color:#FFF; font-size:0.687em; line-height:1.4em; position:relative; letter-spacing:0.01em;}
.footer .footer-spalte-links {padding-left:17px; width:251px; float:left;}
.footer .footer-spalte-mitte {width:459px; float:left; margin:0 9px;}
.footer .footer-spalte-rechts {text-align:right; width:201px; float:left;}

.footer .facebook {position:absolute; right:17px; bottom:10px;}

.footer ul {float:right;}
.footer ul li {list-style:none; float:left;}
.footer ul li a, .footer ul li a:hover {margin:0 5px;}
.footer a, .footer a:hover {color:#FFF; text-decoration:none; }
.footer a:hover {text-decoration:underline;}

.footer .footer-spalte-mitte p {float:left; margin-right:50px;}






/***************************************************
SITEMAP **/

/* ebene 1 */
.content .main-content .navi {margin:0 12px 0 12px; padding:0 0 230px 0; font-size:1em; line-height:1em;}
.content .main-content .navi li {list-style:none; border-top:1px solid #d6d6d6;}
.content .main-content .navi li a, .content .main-content .navi li a:hover {color:#fff; text-decoration:none; padding:8px 17px 8px 28px; margin:2px 0; font-size:1em; line-height:1.3em; font-weight:normal; display:block; }
.content .main-content .navi li a:hover, .content .main-content .navi li .aktiv {background-color:#d6d6d6; background-image:url(../gfx/gui/link-pfeil-01-gross.png); background-position:3px 11px; background-repeat:no-repeat; color:#000;}

/* ebene 2 */
.content .main-content .navi ul {margin:0; border-top:1px solid #d6d6d6; padding:10px 0 12px 0; font-size:1em; line-height:1em;}
.content .main-content .navi ul li {border-top:none;}
.content .main-content .navi ul li a, .content .main-content .navi ul li a:hover {padding:3px 17px 3px 48px; margin:0; font-size:0.75em;}
.content .main-content .navi ul li a:hover, .content .main-content .navi ul li .aktiv {background-color:transparent; background-image:url(../gfx/gui/link-pfeil-01.png); background-position:31px 5px; background-repeat:no-repeat; color:#fff;}