/**
 * Modern Template Basic Styles - Autrado Dealer Sites
 *
 * @author Cornelia Lange <lange@clkm.de>
 * @package Autrado
 *
 * Global element styles
 * Navigation
 * Fahreugcontainer
 * Schnellsuche
 * Fahrzeug Listenseite
 * Fahrzeug Detailseite
 * Rueckruf
 * Komponenten - Snippets
 * Meldungen
 * Forms
 * Helper classes

 *
 */

/* ===========================================================
	Global element styles
   =========================================================== */
body { font-size: 100%; }
caption, th, td { text-align: left; vertical-align: top; padding: 2px 5px; }
li a { text-decoration: none; }

/* ===========================================================
	Navigation
   =========================================================== */

 .nav a { text-decoration: none; }
 .nav { list-style: none; margin: 0; padding: 0; }
 .nav li { display: inline; }

 /* ===========================================================
	Fahrzeugcontainer
   =========================================================== */
ul.fahrzeugcontainer {
display: block;
width: 100%;
margin: 15px 0;
padding: 0;
zoom: 1;
}
ul.fahrzeugcontainer:after {
content: ".";
display: inline-table;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .fahrzeugcontainer {height: 1%;}
/* End hide from IE-mac */

ul.fahrzeugcontainer li {
display: inline;
margin: 0;
padding: 0;
background: transparent;
}
ul.fahrzeugcontainer li a {
display: block;
width: 100%;
min-height: 86px;
margin-bottom: 2px;
padding: 0;
line-height: 120%;
text-decoration: none;
    clear: both;
}
* html ul.fahrzeugcontainer li a {
height: 64px;
}
.aside ul.fahrzeugcontainer li a {
width: 100%;
}
.wimg {
display: block;
width: 86px;
height: 86px !important;
float: left;
overflow: hidden;
}

.wimg_alternativ {
    display: block;
    width: 272px;
    height: 262px !important;
    float: left;
    overflow: hidden;
}
.wtitle {
display: block;
font-weight: bold;
padding: 2px 2px 5px 2px;
margin-left: 88px;
}
.wpreis {
float: right;
white-space: nowrap;
text-align: right;
width: 6.5em;
}
.wdescr {
display: block;
padding: 2px;
margin-left: 88px;
}
.w50 .wdescr {
font-size: 12px;
font-size: 0.75rem;
}
.aside .wdescr {
clear: both;
margin: 0;
font-size: 12px;
font-size: 0.75rem;
}
ul.fahrzeugcontainer li.li0 a,
ul.fahrzeugcontainer.w50 li.li0.li0 a,
ul.fahrzeugcontainer.w50 li.li1.li1 a  {
background: rgba(170,170,170,0.16);
}
ul.fahrzeugcontainer li.li1 a,
ul.fahrzeugcontainer.w50 li.li0.li2 a,
ul.fahrzeugcontainer.w50 li.li1.li3 a {
background-color:rgba(170,170,170,0.30);
}
ul.fahrzeugcontainer li.li0 a:hover,
#right ul.fahrzeugcontainer li.li1 a:hover {
background-color:rgba(170,170,170,0.35);
}
ul.w50 li {
display: inline-block;
width: 286px;
margin-bottom: 5px;
vertical-align: top;
}
* html  ul.w50 li {
width: 282px;
}
ul.w50 li a {
min-height: 9em;
}
* html ul.w50 li a {
height: 9em;
}
ul.w50 li.li0 {
clear: left;
}
ul.w50 li.li1 {
margin-left: 20px;
}
.fahrzeugnummer {
font-size:13px;
font-size:0.8125rem;
font-weight: bold;
display:block;
width: 84px;
border: 1px solid black;
background-color: rgba(170,170,170,0.5);
text-align: center;
margin: 2px 0;
z-index: 100;
}
/* Fahrzeugcontainer in der rechten Spalte - Problemloesung fuer zu lange Titel */
.wtitle {
overflow: hidden;
text-overflow: ellipsis;
}

/* =================================================================
    Schnellsuche
==================================================================== */
table#suche {
width: 100%;
    border: 1px solid #ccc;
}
table#suche td {
	padding: 5px 10px;
	vertical-align: middle;
}
table#suche select.short {
    width: 70px;
}
table#suche select.middle {
    width: 100px;
}
table#suche select.long {
    width: 160px;
}
table.rows td.marke {
font-weight: bold;
}
table.rows td.vtop {
vertical-align: top;
}
/* Schnellsuche im Inhaltsbereich */
.schnellsuche a {
padding: 10px 0;
}

 /* ===========================================================
	Fahrzeug Listenseite
   =========================================================== */

/* Top-Pager - Zurueck-Button auf Detailansicht (zur Liste) und
 * Detail-Vor/Zurueck (jeweils zum naechsten Fahrzeug der Trefferliste)
 */
.pagertop {
width:100%;
}
.pagertop .backlink {
width: 50%;
float: left;
}
.pagertop .vehiclebrowser {
width: 50%;
float:right;
text-align: right;
}
.pagertop a {
text-decoration:none;
}
/**************** Fahrzeugliste *******************/
table.fahrzeugliste {
clear: left;
}
.fahrzeugliste tr.spacerline td {
padding: 0;
margin: 0;
}
.fahrzeugliste td.bildfahrzeugliste {
padding-left: 4px;
}
.fahrzeugliste td.bildfahrzeugliste img {
background-color: transparent;
margin-right: 2px;
}
.fahrzeugliste td .preis {
font-size:15px;
font-size:0.9375rem;
font-weight:bold;
margin-right: 4px;
}
.fahrzeugliste p.icons {
margin: 2px 4px 0 0;
}
/********** Fahrzeugliste: Sorter ***********/
.navsubsub {
    padding-top: 10px;
    clear:both !important;
}
.sorter {
    text-align: left;
    padding-top: 10px;
    width: 33.333333%;
    display: inline-block;
    padding-right: 5px;
    float: right;
    box-sizing: border-box;
}
.sorter select {
    width:100%;
}
/********** Pager - Seitenblaettern **********/
.pager {
    box-sizing: border-box;
display: inline-block;
width: 100%;
margin-top: 5px;
padding: 2px 5px;
border: 1px solid #ccc;
background: transparent;
}
.pager span, .pager div {
display: inline-block;
}
.pager span {
margin-right: 4px;
}
.pager .records, .pager .pages {
padding: 0 5px;
}
.pager .pages {
float: right;
}
.pager ul {
display: inline-block;
list-style: none;
margin: 5px;
}
.pager li {
display: inline;
}
.pager li a, .pager li span.akt {
display: inline-block;
font-weight: bold;
padding: 3px 6px;
margin: 0 2px;
font-size: 80%;
text-decoration: none;
}
.pager .desc {
font-size:10px;
font-size:0.625rem;
}
.pager select {
margin: 5px;
}

/********** Configurator **********/
/* Buttons fuer Hersteller-/Aufbautenwahl - configuratorstep */
#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-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;
}
.hersteller #auswahl li a:hover {
color: #000;
border: 1px solid #000;
}
/* diese Klasse kommt dann zum Tragen wenn es in den modern-Standard-Designs kein Wert für "Auszeichnungsfarbe" (.configurator) in der Administration
gestgelegt wurde (var/style.css) oder es ein Individual-Design gibt in dem diese Klasse auch nicht definiert wurde */
#stepmode .fal ul.i li.configurator, .fal ul.i li.configurator, .configurator {
    color: #ff0000;
}
/***** REGISTER *****/
h4.register {
color: #fff;
background: #3286c4;
}
table.registertop {
border-bottom: 2px solid #3286c4;
}
table.registerbot {
border-top: 2px solid #3286c4;
}

input.extrasregister {
color: #fff;
background: #3286c4;
}
input.extrasregisterakt, input:hover.extrasregister {
color: #fff;
background: #57a9df;
}

/* Preislistendesigner */
table.pld {
width: 100%;
}
table.pld td {
padding: 4px;
}
table.pld td.field {
width: 25%;
text-align: right;
}
table.pld td table.sorter {
width: 60%;
margin: 0;
}
table.pld td table.sorter th {
text-align: center;
}
table.pld td table.sorter td {
padding: 4px;
}
table.pldlist {
width: 100%;
}
table.pldlist td {
padding: 4px;
vertical-align: middle;
}

/* Negative Beträge */
.minus  {
color:#DF2111;
font-weight:bold;
}
td.ww_rotenummer {
text-align: center;
}

ul.haendlerangebotdaten {
margin: 3px 0px 0px 15px !important;
}
ul.haendlerangebotdaten li {
margin: 0 !important;
padding: 0 !important;
}

/* Farbauswahl: Liste */
.fal {
margin: 10px 0;
}
.fal .codecrumb {
margin-right: 10px !important;
/* vertical-align: top !important; cornelia */
}
.fal ul {
list-style-type: none;
}
.fal ul.a {
padding: 0 !important;
margin: 0 !important;
}
.fal ul.a li.a {
cursor: pointer;
margin: 0;
padding: 0;
opacity: 0.9; /* ACHTUNG, JS! */
vertical-align: middle;
}
.fal ul.a li.a div.content {
overflow: hidden;
padding: 5px;
}
.fal ul.a li.aopen {
opacity: 1.0 !important;  /* ACHTUNG, JS! */
}
.fal ul.a li.li0 {
background-color: #ddd;
}
.fal ul.a li.li1 {
background-color: #eee;
}
.fal ul.a li.a .left .inner {
display: inline-block;
vertical-align: top;
}
.fal ul.a li.a .left {
float: left;
}
.fal ul.a li.a .right {
float: right;
padding-right:5px;
}
.fal ul.a li.a:hover {
opacity: 1.0;
}
.fal ul.i {
margin: 5px 0px 5px 10px !important;
padding: 0 !important;
}
.fal ul.i li.i {
cursor: pointer;
overflow: hidden;
padding: 5px;
color: #555;
}
.fal ul.i li.i:hover {
color: #000;
}
.fal ul.i li.i0 {
background-color: #ddd;
}
.fal ul.i li.i1 {
background-color: #eee;
}

img.details {
background-color: transparent !important;
}
/* bonus-window in zus. preisgestaltung */
.kbonus .f,
.kbonus .v,
.kbonus .v img {
vertical-align: middle;
}
.kbonus .v {
padding-left: 10px !important;
}

/* bonus-dialog */
#preisrabatt_ask {
padding: 5px 10px 0px 10px;
}
#preisrabatt_ask .headerleft {
float: left;
width: 370px;
}
#preisrabatt_ask .headerleft h4 {
margin: 5px 0px 10px 0px;
}
#preisrabatt_ask .options {
width: 100%;
}
#preisrabatt_ask .options .opt .rabatte {
width: 64px;
background-color: #000000;
    padding: 5px;
}
#preisrabatt_ask .options .opt .rabatte label {
width: 64px;
    vertical-align: top;
}
#preisrabatt_ask .options .opt .rabatte label input{
    vertical-align: top;
}

#preisrabatt_ask .options .opt .name {
padding: 2px 6px;
}
#preisrabatt_ask .options .opt .name label {
font-size:16px;
font-weight: bold;
}
#preisrabatt_ask .options .opt .desc {
padding-left: 6px;
}

#preisrabatt_ask .options label {
cursor: pointer !important;
}
#preisrabatt_ask #dialog_button a {
    float: right;
    border: 1px solid #ccc;
    top: 10px;
    display: block;
    line-height: 3em;
    width: 184px;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 10px;
}

/* ===============================================================
	Rueckruf
   =============================================================== */
.rueckruf textarea.bemerkung {
width: 100%;
}
.rueckruf .nextstep {
margin: 10px 0;
}
img.icon_in_line_with_text {
    margin-right: 5px;
    vertical-align:middle;
}
.linkerrand20px {
    margin-left:20px;
}
.codenr {
    display: inline-block;
    background: #fff;
    min-width: 40px;
    vertical-align: middle;
    font-size: 10px !important;
    font-size: 0.625rem !important;
    text-align: center;
}

 /* ===========================================================
	Komponenten - Snippets
   =========================================================== */

/* Streifen fuer: Fahrzeuglistenseiten | Gaestebuch */
tr.td0fahrzeugliste, .guestbook_article_0 { background:rgba(170,170,170,0.2); }
tr.td1fahrzeugliste, .guestbook_article_1 { background:rgba(170,170,170,0.25); }
tr.td0fahrzeugliste:hover, .guestbook_article_0:hover { background:rgba(170,170,170,0.3); }
tr.td1fahrzeugliste:hover, .guestbook_article_1:hover { background:rgba(170,170,170,0.35); }

/********** KLAPPBOX **********/
.toggler {
display: inline-block;
width: 12px;
height: 12px;
padding-left: 5px;
}
.toggler.opened {
background: transparent url(../../../bilder/toggle_div_show.gif) 0 0 no-repeat;
}
.toggler.closed {
background: transparent url(../../../bilder/toggle_div_hide.gif) 0 0 no-repeat;
}


/********** Rechnung **********/
th.rechnung {
 border-bottom: 1px solid gray;
}
td.rechnung_netto {
 border-top: 1px solid gray;
}
td.rechnung_gesamt {
 border-top: 1px solid gray;
 border-bottom: 1px solid gray;
}
/* Fahrzeugname in Rechnung */
.fahrzeug {
font-size:12px;
font-size:0.75rem;
font-weight: bold;
}
img.tableiconr {
float:right;
margin-top:4px;
margin-left:3px;
}
td.preisfeld {
white-space:nowrap;
padding:1px;
}
/* Wird auf Eingabeseite Basis verwendet */
td.preiszelle {
width: 100px;
}

/********** Gaestebuch **********/
.guestbook_article_0,
.guestbook_article_1  {
margin: 10px 0;
padding: 10px;
}
.guestbook_article_head {
 font-weight:bold;
 padding: 5px;
 margin-bottom: 5px;
 background: #fff;
}

/********** Fahrzeugkonfigurator **********/
#content .subnav a,
.navsubsub a {
white-space: nowrap;
}

td.joblabel { vertical-align:top; padding-left:10px; padding-right:5px; font-weight:bold; }
td.jobfield { vertical-align:top; }

table.registertop {
width: 100%;
padding: 0;
margin: 10px 0 0 0;
border-collapse: collapse;
border-bottom: 2px solid #ccc;
}
table.registertop input {
margin: 0 4px -2px 0px;
}
table.registerbot {
width: 100%;
padding: 0;
margin: 0 0 10px 0;
border-collapse: collapse;
border-top: 2px solid #ccc;
}
table.registerbot input {
margin: -2px 0 0 0;
}
table.registertop input.extrasregister,
table.registertop input.extrasregisterakt,
table.registerbot input.extrasregister,
table.registerbot input.extrasregisterakt {
padding: 2px 4px;
border-width: 1px;
border-style: solid;
cursor: pointer;
overflow: visible;
}
table.registertop input.registerclassexport {
margin-left: 5px;
}
input.extrasregister,
input.extrasregisterakt {
padding: 2px 1px;
border-width: 1px;
border-style: solid;
}
input.extrasregister {
padding: 0 1px 0 1px;
}
input.extrasregisterakt {
color: #fff
}
h4.register {
margin: 10px 0 5px 0;
padding: 2px 4px;
}
h5.register {
margin: 5px 0;
text-align: left;
padding: 2px 4px;
}

/********** Tabelle geparkte Fahrzeuge **********/
table.geparkt {
    width: 100%;
}
tr.geparkte_geparkt0 > td, tr.geparkte_geparkt1 > td{
    padding:10px;
}
tr.geparkte_geparkt0 a, tr.geparkte_geparkt1 a{
    text-decoration:none;
}
tr.geparkte_geparkt0 ul, tr.geparkte_geparkt1 ul{
    margin-left:0px;
    margin-top:0px;
}
tr.geparkte_geparkt0 li, tr.geparkte_geparkt1 li{
    list-style-type:none;
}
tr.geparkte_geparkt0 img, tr.geparkte_geparkt1 img{
    margin-right:5px !important;
    border:1px solid #aaaaaa !important;
}
a.geparkt{
    text-decoration:none;
}
img.fahrzeugbildgeparkt{
    margin-right:2px;
    border:1px solid #aaaaaa;
}
img.iconsgeparkt{
    margin-right:3px;
}
/* ===============================================================
	Meldungen
   =============================================================== */
/* Duplicate classes: zu div.notice/div.success/div.error vereinheitlichen */
div.hinweis, .success, #content p.success, p.success, .notice, p.notice, #content p.notice,
.beschreibung, p.beschreibung, #content p.beschreibung,
p.error, #content p.error {
display: block;
padding: 15px 15px 15px 65px;
line-height: 140%;
margin: 20px 0;
color: #fff;
font-weight: bold;
clear: left;
text-align: left;
}
.popup div.hinweis,
.popup .success, .popup p.success, .popup #content p.success,
.popup .notice, .popup p.notice, .popup #content p.notice,
.popup .beschreibung, .popup p.beschreibung, .popup #content p.beschreibung,
.popup .error, .popup p.error, .popup #content p.error {
width: 80%;
width: auto;
}
p.success {
background: #66CC00 url(../images/meldungen/success.png) 15px 8px no-repeat;
}
.notice, p.notice, #content p.notice, div.hinweis,
.beschreibung, p.beschreibung, #content p.beschreibung {
color: #333;
background: #e3e3e6 url(../images/meldungen/notice.png) 15px 8px no-repeat;
}
p.error, #content p.error {
color: #2079ba;
background: #f5f5f5 url(../images/meldungen/error.png) 15px 8px no-repeat;
}

/* ===========================================================
	Forms
   =========================================================== */
fieldset textarea, fieldset input, fieldset select,
.guestbook textarea, .guestbook input, .guestbook select {
    display: inline-block;
    border: 1px solid #fff;
    background: #eaeaea;
    color: #000;
    padding: 4px;
}
fieldset input:focus, fieldset textarea:focus {
    border-color: #ccc;
    background: #fff;
}
input[disabled] {
    background-color: #EAEAEA;
    color: black;
}
input.disabled, textarea.disabled {
    color: #666;
    background: #fcc;
}
@media screen and (min-width: 1024px) {
    #googlemap {
        height: 325px;
    }
    /* Anfahrt Web.de Routenplaner */
    #anfahrt table {
        background: rgba(245, 245, 245, 0.75);
    }
    /* Kontaktformular */
    #kontakt form table td {
        padding: 4px 2px;
    }

    .datarow {
        padding: 2px 0;
    }
    fieldset label, .guestbook label {
        display: inline-block;
        padding: 5px 4px;
        margin-right: 4px;
    }
    fieldset, .guestbook {
        margin: 0 0 20px 0;
    }
    fieldset.personal-data label,
    fieldset.basic-data label {
        width: 120px;
    }
    .data-row {
        margin: 4px 0;
    }
    input.size300 {
        width: 300px;
    }
    input.size300short {
        width: 60px;
    }
    input.size300long {
        width: 228px;
    }
    input.size120 {
        width: 125px;
        margin-right: 20px;
    }
    input.size120short {
        width: 60px;
        margin-right: 85px;
    }
    fieldset.basic-data input.size-input-select {
        width: 60px;
    }
    fieldset.basic-data select.size-input-select {
        width: 62px;
        margin-right: 20px;
    }
    fieldset.equipment input[type="checkbox"] {
        margin-right: 4px;
    }
    fieldset.equipment label {
        width: 140px;
        padding: 4px;
    }
    fieldset.add-data label {
        width: 120px;
    }
    fieldset.add-data textarea {
        width: 360px;
        height: 100px;
    }
    fieldset.tip-a-friend label {
        width: 170px;
    }
    fieldset.tip-a-friend input,
    fieldset.tip-a-friend textarea {
        width: 300px;
    }
    fieldset.tip-a-friend textarea {
        height: 100px;
    }
    fieldset.haendlerlogin label {
        width: 70px;
    }
    fieldset.haendlerlogin label.fradio {
        width: 40px;
        text-align: right;
    }
    fieldset.kontakt.haendler label {
        width: 120px;
    }
    fieldset.haendlerlogin input[type="text"] {
        width: 170px;
    }
    fieldset.haendlerlogin .data-row input {
        margin-right: 20px;
    }
    fieldset.haendlerlogin label.fradio {
        width: 45px;
    }
    fieldset.haendlerlogin .data-row input[type="radio"] {
        margin-right: 10px;
    }
    fieldset.haendlerlogin select {
        width: 90px;
    }
    fieldset.haendlerlogin label.fselect {
        margin-left: 110px;
    }
    fieldset.kontakt label, .guestbook label {
        width: 100px;
    }
    fieldset.kontakt textarea, .guestbook textarea {
        box-sizing: border-box;
        width: 400px;
        height: 120px;
    }
    fieldset.kontakt input[type='text'], .guestbook input, fieldset.kontakt select {
        box-sizing: border-box;
        width: 400px;
    }
    fieldset.kontakt input.stnr_ustid {
        width: 200px;
    }
    input[type='checkbox'] {
        margin-right: 0px;
    }
}
@media screen and (max-width: 1024px) {
    fieldset input[type='text'],
    fieldset select,
    fieldset textarea,
    fieldset .submit,
    fieldset input[type='submit'] {
        box-sizing: border-box;
        width: 100%;
    }
}

/* ===========================================================
	Helper classes
   =========================================================== */


/* Grau- und Farbtöne für Hintergründe */

/* Verwendung z.B. in Farbmatrix */
.bg_grey_ef { background: rgba(170,170,170,0.10); }
.bg_grey_f8 { background: rgba(170,170,170,0.20); }

/* Hintergrundfarbe für EK in Fahrzeugliste */
.bg_grey_ea { background-color: #eaeaea; }

/* Hintergrundfarbe für unverbindliche Preisempfehlung (= VK) in Fahrzeugliste */
.bg_grey_f4 { background-color: #f4f4f4; }

/* Hintergrundfarbe für Händerlogin / Extravideo */
.bg_grey_f5 { background-color: #f5f5f5; }

/* Hintergrundfarbe für Preise in Fahrzeugdetails / Basis-Register */
.bg_grey_ff { background: rgba(170,170,170,0.05); }

/* Verwendung hauptsächlich in den Fahrzeugvorgaben */
.bg_grey_f0 { background-color: #f0f0f0; }
.bg_grey_e8 { background-color: #e8e8e8; }
.bg_grey_e0 { background-color: #e0e0e0; }
.bg_grey_d8 { background-color: #d8d8d8; }
.bg_grey_d0 { background-color: #d0d0d0; }
.bg_grey_c8 { background-color: #c8c8c8; }
.bg_grey_c0 { background-color: #c0c0c0; }
.bg_grey_b8 { background-color: #b8b8b8; }

/* Wird im Fahrzeugvergleich verwendet */
.bg_grey_ee { background: rgba(170,170,170,0.5); }

/* Hintergrundfarbe für die erste Zeile in der Bestandstabelle */
#bestand tr.bg_head { background-color: rgba(170,170,170,0.35); }
/* Hintergrundfarbe für Online-Spalte in Bestandstabelle (th + td !) */
#bestand .bg_col_online { background-color: #66cb00; }
/* Hintergrundfarbe für Vorbestellungs-Spalte in Bestandstabelle (th + td !) */
#bestand .bg_col_vorbestellung { background-color: #fa0; }
/* Hintergrundfarbe für Fahrzeugarten */
#bestand td.bg_col_art1 { background-color: rgba(170,170,170,0.30); }
/* Hintergrundfarbe für Fahrzeugarten */
#bestand td.bg_col_art2 { background-color: rgba(170,170,170,0.2); }

/* Hintergrundfarbe für Informationsbereich unter Bestandstabelle */
.bg_bestand_info { background-color: rgba(170,170,170,0.2); }
/* Hintergrundfarbe für online-spezifische Infos im Informationsbereich */
.bg_bestand_info_online { background-color: #66cb00; }

/* Hintergrundfarbe bei gehighlighteten Feldern im Kennwort vergessen Bereich */
.bg_kennwortvergessen { background-color: rgba(170,170,170,0.2); }

/**
 * Verfügbare Form-IDs:
 * - form_inzahlungnahme -> info/info_inzahlungnahme.php
 * - form_haendlerlogin  -> info/info_haendlerlogin.php
 * - form_guestbook      -> info/info_guestbook.php
 * - form_anfahrt        -> routing.php
 */
#form_inzahlungnahme table.captcha {
border: 1px solid rgba(170,170,170,0.35);
}
#form_inzahlungnahme table.captcha td {
padding: 3px;
}
form table tr td textarea.mceEditor {
float: right;
}
/* DAT-Leitfadenhinweis */
p.dat {
padding: 10px 0;
font-size:11px;
font-size:0.6875rem;
text-align: left;
}
.codecrumb {
background-color: #fff;
color: #000;
font-size:13px;
font-size:0.8125rem;
border: 1px solid #999;
margin-right: 3px;
/* CORNELIA! */
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
min-width: 40px;
_width: expression(this.currentStyle.getAttribute('minWidth'));
text-align: center;
margin-left:5px;
}
div.mastertext {
padding: 10px 0;
}

.grey   { color:rgba(170,170,170,0.45); }
.fehler { color:#FF0000; font-weight:bold; font-size: 16px; font-size: 1rem; }
.white  { color:#FFFFFF; }

.ersparnis {
color: #000;
background: #ff6;
}
.aright {
text-align: right;
padding-right: 5px;
}
.aleft {
text-align: left;
}
.center, .acenter {
text-align: center;
}
.amiddle {
vertical-align: middle;
}
.atop {
vertical-align: top;
}
.abottom {
vertical-align: bottom;
}
.nobr {
white-space: nowrap;
}
.cboth, .absatztrenner {
clear: both;
}
.cleft {
clear: left;
}
.cleftnav {
clear: left;
padding-top: 10px;
}
.cright {
clear: right;
}
.fleft, .bildlinks, #tinymce .fleft, #tinymce .bildlinks {
float: left;
}
.fright, .bildrechts, #tinymce .fright, #tinymce .bildrechts {
float: right;
}
.shell {
background-color: #f0f0f0;
}
.hell {
background-color: #e8e8e8;
}
.mittelhell {
background-color: #d8d8d8;
}
.mittel {
background-color: #d0d0d0;
}
.mitteldunkel {
background-color: #c0c0c0;
}
.pad10 {
padding: 10px 0;
}
.w450 {
width: 450px;
}
.nocolor {
background-color: transparent;
}
.nopm {
padding: 0;
margin: 0;
}
.close {
text-align: right;
padding: 0 0 3px 0;
}
.fehlerhafte_daten, #bestand td.fehlerhafte_daten {
background-color: #f99;
border-color: #c00;
}
/* Einige Felder in der Suche haben einen helleren Hintergrund und sind somit hervorgehoben */
.bg_suche {
background-color:rgba(170,170,170,0.25);
}

/* die naechsten 2 anweisungen sorgen dafuer, dass floatende elemente eingeschlossen werden */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
/* End hide from IE-mac */

.fahrzeugliste a strong {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;

}