@charset "UTF-8";


/***************************************************************************************************************************/
/* * :: Die HTML Elemente, die Seitenuebergreifend immer gueltig sind.                                               */

/* {paragraphs} :: Die Eigenschaften aller Absatz erzeugenden Objekte und im Spezielen deren Abstand zum Folgeelement.     */

h1, /* headline1 */
h2, /* headline2 */
h3, /* headline3 */
h4, /* headline4 */
h5, /* headline5 */
h6, /* headline6 */
p, /* paragraph */
hr, /* stripline */
ul, /* Aufzaehlungsliste */
ol, /* Nummerierte Liste */
dl, /* Definitionsliste */
.p /* ein beliebiges Element als Absatz */ {
    /* margin: 0 0 .5em 0; top right bottom left */
    margin: 0 0 10px 0;
}

.pDuo { margin: 0 0 20px 0; }
.m16p { margin-bottom: 16px; }
.m20p { margin-bottom: 20px; }
.m32p { margin-bottom: 32px; }


/***************************************************************************************************************************/
/* h[1-6] :: Die Ueberschriften auf Billiger-Mietwagen.                                                                    */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

h1 {
    font-size: 12pt;
    line-height: 14pt;
    color: #005030;
}

h2 {
    font-size: 10pt;
    line-height: 12pt;
    color: #085838;
}

h3 {
    font-size: 9pt;
    line-height: 11pt;
    color: #106040;
}

h4 {
    font-size: 8pt;
    line-height: 10pt;
    color: #186848;
}

h5 {
    font-size: 8pt;
    line-height: 10pt;
    /*color: #207050;*/
    color: #1b1b1b;
}

h6 {
    font-size: 8pt;
    line-height: 10pt;
    /*color: #287858;*/
    color: #005e34;
}


/* error h[1-6] :: Ueberschriften im Zusammenhang mit Fehlern werden nicht eingefaerbt.                                    */

.error h1,
.error h2,
.error h3,
.error h4,
.error h5,
.error h6 {
    color: #1b1b1b;
}


/***************************************************************************************************************************/
/* paragraph :: Fliessender Text als Absatz                                                                                */

p {
    /* font: normal normal normal 9pt/11pt "bitstream vera sans", "trebuchet ms", verdana, tahoma, arial, sans-serif; */
    /* font: normal normal normal 1em/1.2em "bitstream vera sans", "trebuchet ms", verdana, tahoma, arial, sans-serif; */
    color: #1b1b1b;
}


/* Paragraphen nach einer ueberschrift...                                                                                  */
/* h2 + p {                                                                                                                */
/*     margin-left: 10px;                                                                                                  */
/* }                                                                                                                       */

b, strong { font-weight: bold; }

i, italic { font-style: italic; }

.noGuarantee { font-style: italic; }


/***************************************************************************************************************************/
/* a* :: Links ohne besondere dekoration                                                                                   */

a:link,
a:visited,
a:active {
    color: #1b1b1b;
    text-decoration: underline;
}

a:hover {
    color: #00543E;
    text-decoration: none;
}

a.atext,
a.internal,
a.external {
    padding: 1px 1px 0px 2px; /* top right bottom left */
    text-decoration: none;
    white-space: nowrap;
    color: #1b1b1b;
}

a.atext:link,
a.internal:link,
a.external:link {
    text-decoration: none;
    color: #1b1b1b;
    border-bottom: 1px dotted #d70;
}

a.atext:visited,
a.internal:visited,
a.external:visited {
    text-decoration: none;
    color: #1b1b1b;
    border-bottom: 1px dotted #ccc;
}

a.atext:hover,
a.internal:hover,
a.external:hover {
    text-decoration: none;
    color: #00543E;
    border-bottom: none;
}

a.atext:visited:after {
    content: "\00A0\221A"; /* Anzeige, dass der Link bereits besucht wurde */
}

a.atext:active,
a.internal:active,
a.external:active {
    text-decoration: none;
    color: red;
}


/* explain :: Text oder Links, die zur Erklaerungen gepunktet unterstrichen sind.                                          */

.explain,
.explain:link,
.explain:visited,
.explain:active {
    /* font-size: 8pt; */
    cursor: pointer;
    color: #1b1b1b;
    text-decoration: none;
    border-bottom: 1px dotted #000000;
}

.explain:hover {
    color: #00543E;
    border-bottom: 1px dotted #005E34;
}

.error .explain,
.error .explain:link,
.error .explain:visited,
.error .explain:active {
    color: red;
    border-bottom: 1px dotted red;
}

.error .explain:hover {
    color: #F55;
    border-bottom: 1px dotted #F55;
}


/* a* :: Links mit PDF als Referenz                                                                                        */

a.pdf {
    padding: 2px 18px 2px 0px; /* top right bottom left */
    white-space: nowrap;
    color: #00543E;
    background:transparent url(/framework/graphics/bm/icon_pdf.gif) no-repeat scroll right center;
}

* html a.pdf { height: 16px; }


/* html :: Eine Seite als Referenz für den Link.                                                                           */

a.html {
    /* margin-left:2px; */
    /* height: 31px; */
    padding: 2px 18px 2px 0px; /* top right bottom left */
    /* line-height: 32px; */
    white-space: nowrap;
    color: #00543E;
    background: transparent url(/framework/graphics/bm/icon_popup.gif) no-repeat scroll right center;
}


/* a* :: Links die ein Popup oeffenen.                                                                                      */

a.popup {
    /* margin-left:2px; */
    /* height: 31px; */
    padding: 2px 18px 2px 0px; /* top right bottom left */
    /* line-height:32px; */
    white-space:nowrap;
    color: #00543E;
    background: transparent url(/framework/graphics/bm/icon_popup.gif) no-repeat scroll right center;
}


/* a* :: Links mit Pfeil fuer vor und zurueck                                                                              */

a.forward {
    padding: 4px 15px 6px 1px; /* top right bottom left */
    white-space: nowrap;
    background: transparent url(../icons/arrow_right_black.gif) scroll no-repeat center right;
}

a.backward {
    padding: 4px 1px 6px 15px; /* top right bottom left */
    white-space: nowrap;
    background: transparent url(../icons/arrow_left_black.gif) scroll no-repeat center left;
}

.optionLink {
    color:#005E34;
    font-weight:bold;
    cursor: pointer;
}

a.optionLink {
    color:#005E34 !important;
}

.optionLinkExplain {
    color:#005E34;
    cursor: pointer;
    font-weight:bold;
    text-decoration: none;
    border-bottom: 1px dotted #005E34;
}

span.centervalign * {
    vertical-align: middle;
}

/* a* img :: Bilder innerhalb von Links haben keine Dekoration!                                                            */

a img,
a:link img,
a:visited img,
a:active img {
    text-decoration: none;
    border: none;
}


/***************************************************************************************************************************/
/* input* :: Inputfelder mit Pfeil fuer vor und zurueck                                                                    */

input.forward {
    padding: 4px 15px 6px 1px; /* top right bottom left */
    font-size: 9pt;
    white-space: nowrap;
    background: transparent url(../icons/arrow_right_black.gif) scroll no-repeat right center;
}

* html input.backward {
    padding: 4px 15px 6px 1px; /* top right bottom left */
    text-align: right;
}

*+html input.backward {
    padding: 4px 15px 6px 1px; /* top right bottom left */
    text-align: right;
}

input.backward {
    padding: 4px 1px 6px 15px; /* top right bottom left */
    white-space: nowrap;
    border: none;
    font-size: 9pt;
    text-decoration: underline;
    text-align: left;
    cursor: pointer;
    background: transparent url(../icons/arrow_left_black.gif) scroll no-repeat left center;
}

* html input.backward {
    padding: 4px 1px 6px 15px; /* top right bottom left */
    text-align: left;
}

*+html input.backward {
    padding: 4px 1px 6px 15px; /* top right bottom left */
    text-align: left;
}

input.backward:hover {
    color: #005e34;
    white-space: nowrap;
    border: none;
    text-decoration: none;
    background: transparent url(../icons/arrow_left_black.gif) scroll no-repeat left center;
}


/***************************************************************************************************************************/
/* img :: Bilder, die eingebunden werden, sollen Grundsaetzlich ohne Rahmen Angezeigt werden.                              */

img,
a img {
    /* border: 0 none transparent; */
    /* border-style: none; */
    border: none;
    text-decoration: none;
}


/* hr :: Trennline                                                                                                         */

hr {
    margin: 10px 5px 10px 5px; /* top right bottom left */
}

.divider {
    margin: 15px 0;
    height: 4px;
    padding: 0;
    background-color: #C7D9A2;
}

* html .divider {
    font-size: 0px;
    line-height: 0px;
}


/* ratingBeam :: Bereich zur Anzeigen einer Bewertungsbalkens, der mit Inline-Style dann von 0 bis 50 Punkten waechst.     */

.ratingArea {
    width: 50px;
    border: 1px solid #b3d0a9;
    background-color: #f8fae7;
}

* html .ratingArea {
    font-size: 0px;
    line-height: 0px;
}

.ratingBeam {
    height: 10px;
    background: transparent url(../images/image_provider_rating.gif) scroll top left repeat;
}


/***************************************************************************************************************************/
/* ol :: ordered list :: nummerierte Liste                                                                                 */
/* ol li :: list item :: Listeneintrag                                                                                     */

ol,
ul {
    /* font: normal normal normal 9pt/11pt "bitstream vera sans", "trebuchet ms", verdana, tahoma, arial, sans-serif; */
    /* font: normal normal normal 1em/1.2em "bitstream vera sans", "trebuchet ms", verdana, tahoma, arial, sans-serif; */
    color: #1b1b1b;
}

ol {
    padding-left: 20px;
    list-style-type: decimal;
    list-style-position: outside;
}

ol ol {
    margin-top: 5px;
    margin-bottom: 0; /* top right bottom left */
}

ol li {
    padding-bottom: .5em; /* top right bottom left */
}

ol li:last-child {
    padding-bottom: 0;
}


/* ul :: unordered list :: unsortierte Liste                                                                               */
/* ul li :: list item :: Listeneintrag                                                                                     */

ul {
    /* margin-left: 0.7em; */
    /* margin-top: 0.2em; */
    /* margin-bottom: 0.4em; */
    padding-left: 20px;
    /* font-size: 12px; */
    /* line-height: 14px; */
    list-style-type: disc;
    list-style-position: outside;
}

ul ul {
    margin-top: 5px;
    margin-bottom: 0; /* top right bottom left */
}

ul li {
    /* padding-bottom: .5em; top right bottom left */
    /* font-family: "bitstream vera sans", "trebuchet ms", verdana, tahoma, arial, sans-serif; */
    /* font-size: 10px; */
    /* line-height: 12px; */
    /* line-height: 1.2em; */
    /* color: #333; */
}

ul li:last-child {
    padding-bottom: 0;
}


/* dl :: definition list :: Definitionsliste                                                                               */
/* dt :: definition (list) term :: Ausdruck in der Definitionsliste).                                                      */
/* dd :: definition (list) definition :: Definition in der Definitionsliste                                                */


/* dir :: directory :: Verzeichnis                                                                                         */
/* dir li :: list item :: Listeneintrag                                                                                    */
/* menu :: Menueleiste                                                                                                     */
/* menu li :: list item :: Listeneintrag                                                                                   */

ol.notype,
ul.notype {
    list-style-type: none;
}

ul.listPlain,
ol.listPlain {
    padding-left: 0;
    list-style-type: none;
}


/***************************************************************************************************************************/
/* unorderd lists with own list-style-image...                                                                             */

ul.listChecked {
    margin: 0 0 0 18px; /* top right bottom left */
    padding: 0;
}

ul.listChecked li,
ul li.listChecked {
    padding: 0;
    padding-bottom: 2px;
    list-style-image: url(../icons/icon_arrow_checked.gif);
}

ul.listGreen,
ul.listPaleGreenOLD,
ul.listOrange {
    /* float: left; */
    margin-left: 0px;
    /* padding-left: 12px; */
}

ul.listGreen li,
ul.listPaleGreenOLD li,
ul.listOrange li {
    margin-left: 0px;
    padding-left: 0px;
    padding-bottom: 2px;
    /* font-size: 8pt; */
    font-size: inherit;
}

ul.listGreen li {
    list-style-image: url(../icons/icon_listpoint_green.gif);
}

ul.listPaleGreenOLD li {
    list-style-image: url(../icons/icon_listpoint_pale-green_pl.gif);
}

ul.listOrange li {
    list-style-image: url(../icons/icon_listpoint_orange.gif);
}

ul li.noStyle {
    list-style: none;
    list-style-image: none;
}


/* ul.listPaleGreen :: Eine neue Loesung um die Abstaenge der Listenelemente.                                              */

ul.listPaleGreen {
    float: left;
    display: inline;
    margin: 0; /* top right bottom left */
    padding: 0; /* top right bottom left */
}

* html ul.listPaleGreen { margin-left: 2px; }

ul.listPaleGreen li {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 2px 10px; /* top right bottom left */
    background: transparent url(../icons/icon_listpoint_pale-green.gif) scroll no-repeat 0px 2px ;
}


/***************************************************************************************************************************/
/* checkForm :: Eine Definitionsliste zur verwendung als ein Formular mir Checkboxen auf der linken und der Beschreibung   */
/*              auf der rechten Seite.                                                                                     */

dl.checkForm {
    clear: both;
    margin: 0;
    padding: 0;
}

*+html dl.checkForm {
    display: inline;
}

* html dl.checkForm {
    display: inline;
}

dl.checkForm dt {
    float: left;
    width: 20px;
    padding-bottom: 4px;
    /* height: 10pt; */
    /* line-height: 9pt; */
    vertical-align: top;
    /* background-color: yellow; */
}

dl.checkForm dd {
    display: inline;
    float: left;
    margin-left: 5px;
    width: auto;
    padding-bottom: 4px;
    /* height: 20px; */
    /* line-height: 20px; */
    vertical-align: top;
    /* background-color: orange; */
}


/***************************************************************************************************************************/
/* table :: Das grundsaetzliche Aussehen von Tabellen und deren Inhalten.                                                  */

table th,
table td {
    text-align: left;
    vertical-align: top;
}

form table th {
    font-weight: bold;
    color: #005E34;
}

table tr.error th,
table tr.error td {
    color: red;
}

table.error {
    border: 1px solid #FF4500;
}

table.error a {
    color: red;
}


/***************************************************************************************************************************/
/* infotable :: Tabelle zur Darstellung von Daten, die ggf. ueber mehrere Spalten und Zeilen aufgeteilt sind.              */

table.infotable {
    /* table-layout: fixed; */
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 8pt;
    width: 100%;
}

table.infotable td {
    vertical-align: top;
    /* border: 1px solid black; */
    /* padding: 2px; top right bottom left */
}

* html table.infotable td { /* IE7 can not handle border-collapse */
    padding: 1px 6px 6px 0px; /* top right bottom left */
}

*+html table.infotable td { /* IE7 can not handle border-collapse */
    padding: 1px 6px 6px 0px; /* top right bottom left */
}

table.infotable td.dualLeft,
table.infotable td.quadLeft {
    font-weight: bold;
    color: #085838;
}

table.infotable td.dualLeft {
    width: 35%;
}

table.infotable td.dualRight {
    width: 65%;
}

table.infotable td.quadLeft {
    width: 19%;
}

table.infotable td.quadRight {
    width: 31%;
}

table.infotable .priceBevor {
    padding-top: 0px;
}

table.infotable td.price {
    padding-top: 0px;
}

table.infotable td.price .price {
    /* font-weight: bold; */
    color: #005e34;
    font-weight: normal;
    font-size: 16pt;
}

table.priceCalculation .separator .price {
    padding-top: 4px;
}

.round-tables {
    margin-bottom: 15px;
}

.round-tables caption {
    display: none;
}

.round-tables thead th {
    font-weight: bold;
    padding: 4px;
    border-left: #C0DBB2 1px solid;
    border-bottom: #C0DBB2 1px solid;
    background: url(/framework/de-de/images/box_table-rounded_headline_w_520px.gif) -4px 0 repeat-x;
}

.round-tables .td-center td {
    text-align: center;
}

.round-tables .td-center td strong {
    float: left;
}

.round-tables thead .first {
    border-left: none;
    background: url(/framework/de-de/images/box_table-rounded_headline_w_520px.gif) top left no-repeat;
}

.round-tables thead .last {
    background: url(/framework/de-de/images/box_table-rounded_headline_w_520px.gif) top right no-repeat;
}

.round-tables tbody td,
.round-tables tbody th {
    border-left: #C0DBB2 1px solid;
    border-bottom: #C0DBB2 1px solid;
    padding: 4px;
}

.round-tables tbody .last {
    border-right: #C0DBB2 1px solid;
}

.round-tables tbody td {
    background-color: #FFF;
}

.round-tables tbody th {
    background-color: #fafcf1;
}

.round-tables tbody th strong {
    color: #005E34
}

.round-tables tbody strong.more-info {
    position: relative;
    display: inline-block;
    cursor: help;
    border-bottom: 1px dotted #000;
}

.round-tables tbody span.more-info {
    position: absolute;
    bottom: -3px;
    right: -17px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background: url(/framework/de-de/icons/icon_question-mark.png) center center no-repeat;
}

.round-tables tfoot td {
    padding: 4px;
    border-left: #C0DBB2 1px solid;
    background: url(/framework/de-de/images/box_table-rounded_footer_v.gif) -4px bottom no-repeat;
}

.round-tables tfoot .first {
    border-left: none;
    background: url(/framework/de-de/images/box_table-rounded_footer_v.gif) bottom left no-repeat;
}

.round-tables tfoot .last {
    background: url(/framework/de-de/images/box_table-rounded_footer_v.gif) bottom right no-repeat;
}

.round-tables tfoot.round-green td {
    background: url(/framework/de-de/images/box_table-rounded_footer_green_v.gif) -4px bottom no-repeat;
}

.round-tables tfoot.round-green .first {
    background: url(/framework/de-de/images/box_table-rounded_footer_green_v.gif) bottom left no-repeat;
}

.round-tables tfoot.round-green .last {
    background: url(/framework/de-de/images/box_table-rounded_footer_green_v.gif) bottom right no-repeat;
}

/***************************************************************************************************************************/
/* code :: deklaration von Code, fliessend im Text und als eigenstaendige Code-Box                                         */

code {
    font-family: "Bitstream Vera Sans Mono", veramo, monospace, fixed;
    color: #C15300;
    background-color:#FFF4AD;
}

pre.code {
    position: relative;
    margin: 0px 5px 10px 5px; /* top right bottom left */
    padding: 5px; /* top right bottom left */
    white-space: pre;
    font-family: "Bitstream Vera Sans Mono", veramo, monospace, fixed;
    /* font-size: 10pt; */
    font-size: 1em;
    /* line-height: 14pt; */
    color: #C15300;
    border: 1px dotted #68838D;
    background-color:#FFF4AD;
}

pre.shell {
    position: relative;
    margin: 0px 5px 10px 5px; /* top right bottom left */
    padding: 5px; /* top right bottom left */
    height: auto;
    overflow: auto;
    white-space: pre;
    cursor: text;
    font-family: "Bitstream Vera Sans Mono", veramo, monospace, fixed;
    /* font-size: 10pt; */
    font-size: 1em;
    /* line-height: 14pt; */
    color: rgb(153, 153, 153);
    background-color: rgb(0, 0, 0);
}


/***************************************************************************************************************************/
/* globals :: Eigene Styles, die immer angewendet werden koennen.                                                          */

.invisible {
    display: none;
}


/* bildet das aus html bekannte <nobr>...</nobr> nach                                                                      */

.nobr { white-space: nowrap; }


/* element hat keine abstände                                                                                              */

.nop {
    margin: 0px; /* top right bottom left */
    padding: 0px; /* top right bottom left */
}


/* indent :: Ein Tabstop simulierendes Element als Einrueckung des Inhalts.                                                */

div.indentl {
    margin-left: 10px;
}


/* {position} :: Positionierung bzw. Ausrichtung von Elementen                                                             */

.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }


/* {float}[left|right] :: links oder rechts fliessend                                                                      */

.fleft { float: left; display: inline; }
.fright { float: right; display: inline; }


/* clear :: Element zum Aufloesen des Flusses in einer float Umgebung                                                      */

.clear { clear: both; }


/* lspacer & rspacer :: Aussenabstand nach links oder rechts                                                               */

.lspacer, .lmargin { margin: 0px 0px 0px 5px; /* top right bottom left */ }
.rspacer, .rmargin { margin: 0px 5px 0px 0px; /* top right bottom left */ }


/* lspacer & rspacer :: Innenabstand nach links oder rechts                                                                */

.lpadding { padding: 0px 0px 0px 5px; /* top right bottom left */ }
.rpadding { padding: 0px 5px 0px 0px; /* top right bottom left */ }


/* bold :: Fett geschrieber Text                                                                                           */

.bold, .b { font-weight:bold; }


/* italic :: Kursiv geschrieber Text                                                                                       */

i, em { font-style: italic; }


/* crossedOut :: durchgestrichener Text                                                                                    */

.crossedOut { text-decoration:line-through; }


/* pt{SIZE} :: Schriftgroesse in Punkten (= 1/72 inches), zur Vermeidung von Inline-Angaben.                               */

.pt7 { font-size: 7pt; }
.pt8 { font-size: 8pt; }
.pt9 { font-size: 9pt; }
.pt10 { font-size: 10pt; }
.pt11 { font-size: 11pt; }
.pt12 { font-size: 12pt; }


/* p{SIZE} :: Proportionale aenderung der Schriftgroesse                                                                   */

.p80 { font-size: 80%; line-height: 1.25em; }
.p85 { font-size: 85%; line-height: 1.25em; }
.p90 { font-size: 90%; line-height: 1.25em; }
.p95 { font-size: 95%; line-height: 1.25em; }
.p98 { font-size: 98%; line-height: 1.25em; }
.p99 { font-size: 99%; line-height: 1.25em; }
.p105 { font-size: 105%; line-height: 1.25em; }
.p107 { font-size: 107%; line-height: 1.25em; }
.p110 { font-size: 110%; line-height: 1.25em; }
.p112 { font-size: 112%; line-height: 1.25em; }
.p114 { font-size: 114%; line-height: 1.25em; }
.p116 { font-size: 116%; line-height: 1.25em; }
.p118 { font-size: 118%; line-height: 1.25em; }
.p120 { font-size: 120%; line-height: 1.25em; }
.p121 { font-size: 121%; line-height: 1.25em; }
.p122 { font-size: 122%; line-height: 1.25em; }
.p124 { font-size: 124%; line-height: 1.25em; }
.p125 { font-size: 125%; line-height: 1.25em; }
.p130 { font-size: 130%; line-height: 1.25em; }
.p140 { font-size: 140%; line-height: 1.25em; }
.p150 { font-size: 150%; line-height: 1.25em; }
.p160 { font-size: 160%; line-height: 1.25em; }
.p170 { font-size: 170%; line-height: 1.25em; }

/* .p80 { font-size: 80%; line-height: 80%; } */
/* .p85 { font-size: 85%; line-height: 85%; } */
/* .p90 { font-size: 90%; line-height: 90%; } */
/* .p95 { font-size: 95%; line-height: 95%; } */
/* .p105 { font-size: 105%; line-height: 105%; } */
/* .p107 { font-size: 107%; line-height: 107%; } */
/* .p110 { font-size: 110%; line-height: 110%; } */
/* .p112 { font-size: 112%; line-height: 112%; } */
/* .p114 { font-size: 114%; line-height: 114%; } */
/* .p116 { font-size: 116%; line-height: 116%; } */
/* .p118 { font-size: 118%; line-height: 118%; } */
/* .p120 { font-size: 120%; line-height: 120%; } */
/* .p121 { font-size: 121%; line-height: 121%; } */
/* .p122 { font-size: 122%; line-height: 122%; } */
/* .p124 { font-size: 124%; line-height: 124%; } */
/* .p125 { font-size: 125%; line-height: 125%; } */
/* .p130 { font-size: 130%; line-height: 130%; } */
/* .p140 { font-size: 140%; line-height: 140%; } */
/* .p150 { font-size: 150%; line-height: 150%; } */
/* .p160 { font-size: 160%; line-height: 160%; } */
/* .p170 { font-size: 170%; line-height: 170%; } */


/* {colors} :: Farben der wichtigsten globalen Objekte                                                                     */

.black { color: #1b1b1b; }

.bmwGreen { color: #429453; }

.bmw, .bmwGreenDark { color: #085838; }

.light50 { color: #9c9e9f; }
.light60 { color: #87888a; }
.light70 { color: #707173; }
.light80 { color: #58585a; }
.light90 { color: #3e3d40; }

.error { color: #dd1100; }
.red { color: red; }

.green, .success { color: #2aaa20; }
.orange { color: orange; }

.req { color: #FF4500; /* orangered */ font-weight: normal; }

.noProvider { color: red; font-weight: bold; }

#couponCodeError { color: black; }

.displacement {
    margin: 0;
    height: 8px;
    padding: 0;
    line-height: 0px;
    font-size: 0px;
}

* html .displacement {
    height: 0px;
}


/***************************************************************************************************************************/
/* tooltip :: Die gobale Definition des Aussehens der Tooltips.                                                            */

.tooltip {
    text-align: left;
    display: none;
    position: absolute;
    padding: 10px;
    min-height: 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 4px #888;
    -webkit-box-shadow: 0 0 4px #888;
    box-shadow: 0 0 4px #888;
    background-color: #fff;
    z-index: 100002;
    border: 1px solid #888\9;
}

.tooltipGradient40px {
    background: #C4DC6E url(../images/gradient_tooltip_40px.png) scroll repeat-x left top !important;
    background: #C4DC6E url(../images/gradient_tooltip_40px.gif) scroll repeat-x left top;
}

.tooltipGradient115px {
    background: #C4DC6E url(../images/gradient_tooltip_115px.png) scroll repeat-x left top !important;
    background: #C4DC6E url(../images/gradient_tooltip_115px.gif) scroll repeat-x left top;
}

.tooltipGradient200px {
    background: #C4DC6E url(../images/gradient_tooltip_200px.png) scroll repeat-x left top !important;
    background: #C4DC6E url(../images/gradient_tooltip_200px.gif) scroll repeat-x left top;
}

.tooltipGradient300px {
    background: #C4DC6E url(../images/gradient_tooltip_300px.png) scroll repeat-x left top !important;
    background: #C4DC6E url(../images/gradient_tooltip_300px.gif) scroll repeat-x left top;
}

.tooltipGradient400px {
    background: #C4DC6E url(../images/gradient_tooltip_400px.png) scroll repeat-x left top !important;
    background: #C4DC6E url(../images/gradient_tooltip_400px.gif) scroll repeat-x left top;
}

/* Google AB Test */
.tooltipGradient800px {
    width: 589px!important;
    background: #C4DC6E url(../images/gradient_tooltip_400px.png) scroll repeat-x left top !important;
    background: #C4DC6E url(../images/gradient_tooltip_400px.gif) scroll repeat-x left top;
}

* html .tooltipGradient800px {
    width: 615px!important;
    background: #C4DC6E url(../images/gradient_tooltip_400px.png) scroll repeat-x left top !important;
    background: #C4DC6E url(../images/gradient_tooltip_400px.gif) scroll repeat-x left top;
}
/* /Google AB Test */

.tooltip * {
    /* font-size: 8pt; */
}

.tooltip h1,
.tooltip h2,
.tooltip h3,
.tooltip h4,
.tooltip h5,
.tooltip h6 {
    margin-bottom: 6px;
    /* font-size: 8pt; */
    /* font-size: inherit; */
    /* letter-spacing: -0.05em; */
}

.tooltip h4,
.tooltip h5,
.tooltip h6 {
    color: #1b1b1b;
}

.tooltip p {
    margin-bottom: 4px;
}

div.tooltip .boxContent {
    text-align: left;
}

div.tooltip .footline {
    margin-top: 8px; width : 275px;
    text-align: right;
    width: 275px;
}

.tooltip p label {
    float: left;
}

.tooltip .underline {
    border-bottom: 1px solid #005E34;
}

.tooltip .ratingStars {
    color: #005E34;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: underline;
    vertical-align: middle;
}

/* .boxTooltip181px, */
/* .boxTooltip274px, */
/* .boxTooltip370px, */
/* .boxTooltipHighlight370px { */
/*     margin: 0px auto 8px auto !important; top right bottom left */
/*     margin: 0px auto 2px auto; top right bottom left */
/*     text-align: left; */
/* } */

.mTooltipLeft {
    margin-left: 8px !important;
    margin-left: 4px;
}


/* Extra Tooltips */

.openingTime {
    width: 320px;
    font-size: 8pt;
}

.insuranceRating {
    /* width: 320px; */
    width: 298px;
    /* font-size: 7pt; */
}


/***************************************************************************************************************************/
/* tableRounded :: Tabelle mit abegrundeten Ecken im Kopf als auch im Fuß.                                                 */

table.tableRounded275px  {
    width: 275px;
    border-collapse: separate;
    border-spacing: 0px;
}

table.tableRounded293px {
    width: 293px;
    border-collapse: separate;
    border-spacing: 0px;
}

table.tableRounded375px {
    width: 375px;
    border-collapse: separate;
    border-spacing: 0px;
}

table.tableRounded275px tbody,
table.tableRounded293px tbody,
table.tableRounded375px tbody {
    background: #FFFACE url(../images/gradient_table-rounded_400px.png) scroll repeat-x left top !important;
    background: #FFFACE url(../images/gradient_table-rounded_400px.gif) scroll repeat-x left top;
}

table.tableRounded275px tr.headline {
    background: transparent url(../images/box_table-rounded_headline_275px.png) scroll no-repeat left top !important;
    background: transparent url(../images/box_table-rounded_headline_275px.gif) scroll no-repeat left top;
}

table.tableRounded293px tr.headline {
    background: transparent url(../images/box_table-rounded_headline_293px.png) scroll no-repeat left top !important;
    background: transparent url(../images/box_table-rounded_headline_293px.gif) scroll no-repeat left top;
}

table.tableRounded375px tr.headline {
    background: transparent url(../images/box_table-rounded_headline_375px.png) scroll no-repeat left top !important;
    background: transparent url(../images/box_table-rounded_headline_375px.gif) scroll no-repeat left top;
}

table.tableRounded275px tr.interline {
    background: transparent url(../images/box_table-rounded_interline_275px.png) scroll no-repeat left center !important;
    background: transparent url(../images/box_table-rounded_interline_275px.gif) scroll no-repeat left center;
}

table.tableRounded293px tr.interline {
    background: transparent url(../images/box_table-rounded_interline_293px.png) scroll no-repeat left center !important;
    background: transparent url(../images/box_table-rounded_interline_293px.gif) scroll no-repeat left center;
}

table.tableRounded375px tr.interline {
    background: transparent url(../images/box_table-rounded_interline_375px.png) scroll no-repeat left center !important;
    background: transparent url(../images/box_table-rounded_interline_375px.gif) scroll no-repeat left center;
}

table.tableRounded275px tr td,
table.tableRounded275px tr th,
table.tableRounded293px tr td,
table.tableRounded293px tr th,
table.tableRounded375px tr td,
table.tableRounded375px tr th {
    padding: 3px 6px; /* top right bottom left */
}

#insurance_rating table.tableRounded293px tr td.cellR {
padding: 3px 2px 3px 2px;
}

table.tableRounded275px tr.headline th,
table.tableRounded275px tr.interline th,
table.tableRounded275px tr.footer th,
table.tableRounded293px tr.headline th,
table.tableRounded293px tr.interline th,
table.tableRounded293px tr.footer th,
table.tableRounded375px tr.headline th,
table.tableRounded375px tr.interline th,
table.tableRounded375px tr.footer th {
    padding: 0;
}

table.tableRounded275px tr.headline th,
table.tableRounded275px tr.interline th,
table.tableRounded275px tr.footer th,
table.tableRounded293px tr.headline th,
table.tableRounded293px tr.interline th,
table.tableRounded293px tr.footer th,
table.tableRounded375px tr.headline th,
table.tableRounded375px tr.interline th,
table.tableRounded375px tr.footer th {
    /* nothing */

}

table.tableRounded275px tr.headline th,
table.tableRounded275px tr.interline th,
table.tableRounded293px tr.headline th,
table.tableRounded293px tr.interline th,
table.tableRounded375px tr.headline th,
table.tableRounded375px tr.interline th {
    height: 21px;
    padding-top: 1px;
    padding-left: 8px;
    vertical-align: middle;
    font-size: 8pt;
    font-weight: bold;
    color: #1b1b1b;
}

table.tableRounded275px tr.footer,
table.tableRounded293px tr.footer,
table.tableRounded375px tr.footer {
    height: 5px;
    /* font-size: 0; unter Linux wird hierdurch die Zeile aufgedrueckt */
    line-height: 0;
    background: transparent none;
}

table.tableRounded275px tr.footer th.cellL {
    border: 0px none transparent;
    border-right: 1px solid #C0DBB2;
    background: transparent url(../images/box_table-rounded_footer_275px.png) scroll no-repeat left bottom !important;
    background: transparent url(../images/box_table-rounded_footer_275px.gif) scroll no-repeat left bottom;
}

table.tableRounded275px tr.footer th.cellR {
    border: 0px none transparent;
    background: transparent url(../images/box_table-rounded_footer_275px.png) scroll no-repeat right bottom !important;
    background: transparent url(../images/box_table-rounded_footer_275px.gif) scroll no-repeat right bottom;
}

table.tableRounded293px tr.footer th.cellL {
    border: 0px none transparent;
    border-right: 1px solid #C0DBB2;
    background: transparent url(../images/box_table-rounded_footer_293px.png) scroll no-repeat left bottom !important;
    background: transparent url(../images/box_table-rounded_footer_293px.gif) scroll no-repeat left bottom;
}

table.tableRounded293px tr.footer th.cellR {
    border: 0px none transparent;
    background: transparent url(../images/box_table-rounded_footer_293px.png) scroll no-repeat right bottom !important;
    background: transparent url(../images/box_table-rounded_footer_293px.gif) scroll no-repeat right bottom;
}

table.tableRounded375px tr.footer th.cellL {
    border: 0px none transparent;
    border-right: 1px solid #C0DBB2;
    background: transparent url(../images/box_table-rounded_footer_375px.png) scroll no-repeat left bottom !important;
    background: transparent url(../images/box_table-rounded_footer_375px.gif) scroll no-repeat left bottom;
}

table.tableRounded375px tr.footer th.cellR {
    border: 0px none transparent;
    background: transparent url(../images/box_table-rounded_footer_375px.png) scroll no-repeat right bottom !important;
    background: transparent url(../images/box_table-rounded_footer_375px.gif) scroll no-repeat right bottom;
}


/* table cells :: Definition der Tabellen-Zellen */

table.tableRounded275px tr td.label {
    width: 176px;
}

table.tableRounded293px tr td.label {
    width: 193px;
    padding:3px!important;
}

.insuranceRating table.tableRounded293px tr td.cellR {
width: 72px;
}

table.tableRounded375px tr td.label {
    width: 170px;
}

table.tableRounded275px tr th.cellL,
table.tableRounded293px tr th.cellL,
table.tableRounded375px tr td.cellL {
    padding-left: 8px;
}

table.tableRounded275px tr th.cellR,
table.tableRounded293px tr th.cellR,
table.tableRounded375px tr td.cellR {
    padding-left: 4px;
}


/* table borders :: Rahmen der Tabellen-Zellen */

table.tableRounded275px .b,
table.tableRounded293px .b,
table.tableRounded375px .b {
    border: 1px solid #C0DBB2;
}

table.tableRounded275px .bT,
table.tableRounded293px .bT,
table.tableRounded375px .bT {
    border-top: 1px solid #C0DBB2;
}

table.tableRounded275px .bTB,
table.tableRounded293px .bTB,
table.tableRounded375px .bTB {
    border-top: 1px solid #C0DBB2;
    border-bottom: 1px solid #C0DBB2;
}

table.tableRounded275px .bTL,
table.tableRounded293px .bTL,
table.tableRounded375px .bTL {
    border-top: 1px solid #C0DBB2;
    border-left: 1px solid #C0DBB2;
}

table.tableRounded275px .bTR,
table.tableRounded293px .bTR,
table.tableRounded375px .bTR {
    border-top: 1px solid #C0DBB2;
    border-right: 1px solid #C0DBB2;
}

table.tableRounded275px .bTRL,
table.tableRounded293px .bTRL,
table.tableRounded375px .bTRL {
    border-top: 1px solid #C0DBB2;
    border-right: 1px solid #C0DBB2;
    border-left: 1px solid #C0DBB2;
}

table.tableRounded275px .bRL,
table.tableRounded293px .bRL,
table.tableRounded375px .bRL {
    border-left: 1px solid #C0DBB2;
    border-right: 1px solid #C0DBB2;
}

table.tableRounded275px .bL,
table.tableRounded293px .bL,
table.tableRounded375px .bL {
    border-left: 1px solid #C0DBB2;
}

table.tableRounded275px .bR,
table.tableRounded293px .bR,
table.tableRounded375px .bR {
    border-right: 1px solid #C0DBB2;
}


/* content elements :: Elemente des Inhalts innerhalb der Popup und Tooltip Struktur */

table.tableRounded275px tr td.stars,
table.tableRounded293px tr td.stars,
table.tableRounded375px tr td.stars {
    line-height: 13px;
}


/***************************************************************************************************************************/
/* tooltip1 :: Die erste Generation der Tooltips auf Basis der alten Tooltips.                                             */

.tooltip1 {
    z-index: 99;
    display: none;
    visibility: hidden;
    position: absolute;
    margin: 0px;
    width: 280px;
    border: 1px solid #005E34;
    padding: 10px 8px 10px 8px; /* top right bottom left */
    color: #000;
    text-align: left;
    /* background-color:#FFFFFF !important; */
    background-color: #FFFFFF;
}

*+html .tooltip1 {
    padding: 10px; /* top right bottom left */
}

* html .tooltip1 {
    padding: 10px; /* top right bottom left */
}

.tooltip1 * {
    font-size: 8pt;
}


/***************************************************************************************************************************/
/* tooltip2 :: Die zweite Generation der Tooltips, nun auch IE6 Kompatibel.                                                */

.tooltip2 {
    z-index: 1099;
    /* display: none; */ /* visibility: hidden; */ /* position: absolute; */
    margin: 0px;
    width: 280px;
    border: 2px solid #86B396;
    padding: 8px; /* top right bottom left */
    color: #1b1b1b;
    text-align: left;
    font-size: 7pt;
    background: #C4DC6E url(../images/gradient_tooltip_background_400px.gif) scroll repeat-x left top;
}

.tooltip2 p {
    margin-bottom: 4px;
}


/***************************************************************************************************************************/
/* raster[25|50|75] :: Die globalen Raster zur Strukturierung von Inhalten.                                                */

.raster25 {
    float: left;
    margin 0;
    width: 25%;
    padding: 0;
    /* background-color: yellowgreen; */
}

.raster50 {
    float: left;
    margin: 0px;
    width: 50%;
    padding: 0;
    /* background-color: yellowgreen; */
}

.raster75 {
    float: left;
    margin 0;
    width: 75%;
    padding: 0;
    /* background-color: yellowgreen; */
}


/***************************************************************************************************************************/
/* even / odd ::  color change effects for tables etc                                                                      */

.even {
    background-color:#CEE285 !important;
}

.odd {
    background-color:#D8E89F !important;
}


/***************************************************************************************************************************/
/* loader waiting :: Ein Fenster zur Anzeige von ladevorgaengen.                                                           */

#waiting p {
    text-align: center;
}


/***************************************************************************************************************************/

.boxContent .headline1,
.boxContent .headline2,
.boxContent .headline3,
.boxContent .headline4 {
    margin: 0px;
    height: 20px !important;
    height: 25px;
    padding-left: 30px;
    padding-top: 5px;
    vertical-align: middle;
}

.boxContent .headlineWarning {
    color: #000000;
    height: 25px !important;
    margin: 0;
    padding-left: 30px;
    padding-top: 3px;
    vertical-align: middle;
}

.boxContent .headline1 { background: transparent url(../icons/number-orange_one.gif) no-repeat scroll left top; }
.boxContent .headline2 { background: transparent url(../icons/number-orange_two.gif) no-repeat scroll left top; }
.boxContent .headline3 { background: transparent url(../icons/number-orange_three.gif) no-repeat scroll left top; }
.boxContent .headline4 { background: transparent url(../icons/number-orange_four.gif) no-repeat scroll left top; }

.boxContent .headlineWarning { background: transparent url(../icons/icon_warning-triangle2.gif) no-repeat scroll left top; }

.boxContent .indentCount {
    padding-left: 30px;
}


/***************************************************************************************************************************/
/* layover :: Layout für Ueberblendungen, die sich ueber die ganze Seite legen. Siehe: _lightbox.html                      */

.layoverBackground {

    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}


* html .layoverBackground {
    position: absolute;
    top: expression( ( 0 + ( ignoreMe1 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    width: expression( ( 0 + (ignoreMe3 = document.body.clientWidth ? document.body.clientWidth : document.body.offsetWidth) ) + 'px');
    height: expression( ( 0 + (ignoreMe4 = document.body.clientHeight ? document.body.clientHeight : this.clientHeight) ) + 'px');
}

.layoverContent {
    display: none;
    position: fixed;
    top: 25%;
    left: 50%;
    margin-left: -295px;
    /* width: 50%; */
    width: 590px;
    /* height: 50%; */
    padding: 0px;
    /* border: 16px solid orange; */
    /* background-color: white; */
    z-index:1002;
    /* overflow: auto; */
    cursor: pointer;
}

* html .layoverContent {
    position: absolute;
    /* Mit this.clientHeight orientiert sich die Position an der Höhe des Objekts. Um aber Fehlverhalten zu vermeinden werden die Abstände der oberen und unteren Box-Rahmen ( - 14px + 14px ) abgezogen! */
    /* top: expression( ( 0 + ( ignoreMe1 = document.documentElement.scrollTop ? document.documentElement.scrollTop + ((documentElement.clientHeight - this.clientHeight - 28) / 2) : document.body.scrollTop + ((document.body.clientHeight - this.clientHeight - 28) / 2))) + 'px' ); */
    top: expression( ( 0 + ( ignoreMe1 = document.documentElement.scrollTop ? document.documentElement.scrollTop + ((documentElement.clientHeight - this.clientHeight - 28) / 2) : document.body.scrollTop + ((document.body.clientHeight - this.clientHeight - 28) / 2))) - 200 + 'px' );
    /* Voraussetzung für die Berechnung des Zentrums ist die Box-Beite von 590px / 2 = 295px! */
    /* left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft + ((document.body.clientWidth / 2) - 295) : document.body.scrollLeft + ((document.body.offsetWidth / 2) - 295) ) ) + 'px' ); */
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft + ((document.body.clientWidth / 2)) : document.body.scrollLeft + ((document.body.offsetWidth / 2)))) + 'px' );
}

/* Die Layover-Box ist die Alternative-Normal und erhält in diesem Kontext einen Pointer! */
.layoverContent .boxAlternativeNormal590px {
    cursor: pointer;
}

div.hint_info {
    color:#085838;
    font-weight:bold;
    padding-bottom: 5px;
}

#ageInfo {
    position: fixed;
    top: 25%;
    left: 50%;
    padding: 4px;
    z-index:1002;
    height: 350px;
    width: 367px;
    margin-left: -190px;
    background: url(../images/box_minimum_age.png) no-repeat;
}

* html #ageInfo {
    position: absolute;
    width: 375px;
    /* Mit this.clientHeight orientiert sich die Position an der Höhe des Objekts. Um aber Fehlverhalten zu vermeinden werden die Abstände der oberen und unteren Box-Rahmen ( - 14px + 14px ) abgezogen! */
    /* top: expression( ( 0 + ( ignoreMe1 = document.documentElement.scrollTop ? document.documentElement.scrollTop + ((documentElement.clientHeight - this.clientHeight - 28) / 2) : document.body.scrollTop + ((document.body.clientHeight - this.clientHeight - 28) / 2))) + 'px' ); */
    top: expression( ( 0 + ( ignoreMe1 = document.documentElement.scrollTop ? document.documentElement.scrollTop + ((documentElement.clientHeight - this.clientHeight - 28) / 2) : document.body.scrollTop + ((document.body.clientHeight - this.clientHeight - 28) / 2))) - 200 + 'px' );
    /* Voraussetzung für die Berechnung des Zentrums ist die Box-Beite von 590px / 2 = 295px! */
    /* left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft + ((document.body.clientWidth / 2) - 295) : document.body.scrollLeft + ((document.body.offsetWidth / 2) - 295) ) ) + 'px' ); */
    left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft + ((document.body.clientWidth / 2)) : document.body.scrollLeft + ((document.body.offsetWidth / 2)))) + 'px' );
}

#ageInfo h2 {
    font-size: 14px;
    text-align: center;
    padding: 13px 20px 10px 20px;
}

#ageInfo p {
    padding: 23px 70px 5px 80px;
    border-top: #C4DC6D 1px solid;
}

#ageInfo img {
    cursor: pointer;
    margin: 0 0 20px 80px
}

/***************************************************************************************************************************/
/* clearfix :: This clearing technique was developed by Tony Aslett, of csscreator.com The earliest known mention of the   */
/*             basic :after idea is found on: http://lists.w3.org/Archives/Public/www-style/2002Aug/0134.html              */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

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


/***************************************************************************************************************************/
/* basic headline for hint information                                                                                     */
/*                                                                                                                         */


div.hint_info {
    color:#085838;
    font-weight:bold;
    padding-bottom: 5px;
}

/***************************************************************************************************************************/

ul.certifications-sem, ul.certifications-sem-new-grid {
  float: left;
  padding-top: 7px;
  width: 445px;

}

ul.certifications-sem  li, ul.certifications-sem-new-grid li {
  display: inline;
  list-style-type: none;
  padding-right: 35px;
}

ul.certifications-sem-new-grid li {
  padding-right: 22px;
}





.jobsPopup {
    height: 83px !important;
    height: 332px;
    padding-top: 249px;
    margin: 15px 8px 0px 8px;
}

.jobsText {
    text-align: left;
    margin-left: 9px;
}

.jobsText h1{
    margin-bottom: 3px !important;
}

.jobsText p {
    padding-left: 5px;
    padding-right: 5px;
}

/************ Spezielle Headlines ****************/
.ohneAbstand {
    margin: 0;
}