/*
****************************************************************************************
* Dieses css-Stylesheet wird zur Formatierung der html-Seiten verwendet.               *
* Es definiert die Formatvorlagen fuer den Contentbereich.                             *
*                                                                                      *
* ACHTUNG: ALLE BEZEICHNER MUESSEN MIT BUCHSTABEN BEGINNEN, ANSONSTEN KANN NETSCAPE 4.7*
*           NICHTS FINDEN!!!                                                           *
*                                                                                      *
* Copyright (c) 2004 Statistisches Bundesamt                                           *
*                                                                                      *
* Datei: content.css                                                                   *
*                                                                                      *
* Aenderungshistorie:                                                                  *
*                                                                                      *
* Nr ! Datum    ! Name            ! Aenderungsgrund                                    *
* _____________________________________________________________________________
*  1 ! 06.10.09 ! Hollmann        ! Neu erstellt
*  2 ! 12.09.18 ! Rind-M          ! Ergänzung für Artemis 2250
*  3 ! 18.09.18 ! Rind-M          ! Ergänzung für Redesign Themenblöcke (Einsteller)
*  4 ! 19.09.18 ! Rind-M          ! Ergänzung für Redesign Anmeldeseite
*  5 ! 26.09.18 ! Rind-M          ! Ergänzung für Redesign Registrierungsarten
*  6 ! 26.09.18 ! Hollmann-D      ! Auskommentierte Zeilen ganz entfernt, Einrückungen vorgenommen
*  7 ! 01.10.18 ! Rind-M          ! Verlinkungen TopTabellen korrigiert, divs Nutzertypen gleich groß
*  8 ! 06.11.18 ! Rind-M          ! Button für Merkmalsauswahl/Ausprägungen
*  9 ! 12.12.18 ! Rind-M          ! Einarbeitung #1857
* 10 ! 17.12.18 ! Rind-M          ! Anpassungen Design Registrierung
* 11 ! 12.04.19 ! Hollmann-D      ! templates für GO-Hilfe-Video werden nicht mehr benötigt 
****************************************************************************************
*/
/* ++++++++++++++++++++++++ */
/* +    SEITENAUFBAU      + */
/* ++++++++++++++++++++++++ */

/*body{
background-color:       #FFFFFF;
color:                  #000000;
font-family:            arial,sans-serif;
font-style:             normal;
font-size:              0.75em;
margin:                 0px;
}*/
div.topNavigationBox
{
position:               absolute;
margin-top:             1em;
margin-left:            1em;
}
div.contentArea
{
position:               absolute;
margin-top:             9em;
margin-left:            17em;
margin-bottom:          0.0em;
}
/* #leftNavigationUndContentAreaContainer{height: 90%; }*/

#contentAreaContainer{
margin:                 0px 0px 0px 15.8em;
background-color:       #FFFFFF;
color:                  #000000;
}

#containerCenter {
border-right:           #fff 12px solid;
border-top:             #fff 6px solid;
border-left:            #fff 12px solid;
border-bottom:          #fff 6px solid;
background-color:       #fff;
color:                  #000000;
min-height:             750px;
}

* #containerCenter {
height:                 100%;
 }


/* ++++++++++++++++++++++++ */
/* +      ALLGEMEIN       + */
/* ++++++++++++++++++++++++ */
* H1{margin-bottom:     3px; }

* H2{margin-bottom:     3px; }

.buttondisabled{
width:                  12em;
background-color:       #CCCCCC;
color:                  #000000;
font-size:              1em;
}
.buttondisabledBITV{
background-color:       #CCCCCC;
color:                  #000000;
font-size:              1em;
}
.buttonkleindisabled{
width:                  1.7em;
height:                 1.7em;
background-color:       #CCCCCC;
color:                  #FFFFFF;
}

.buttonlink{
color:                  #FFFFFF;
background-color:       #3171A5;
width:                  1.7em;
height:                 1.3em;
}

.nobr {
    white-space:        nowrap;
}

img{
border:                 0px;
}
hr{
margin-right:           10px;
margin-top:             10px;
}
.Text{
background-color:       inherit;
color:                  #000000;
font-size:              100%;
}
.Text2{
background-color:       #FFFFFF;
color:                  #000000;
font-size:              100%;
}
.Code{
background-color:       #FFFFFF;
color:                  #000000;
font-family:            monospace;
font-size:              120%;
}
.langtextH1{
background-color:       #FFFFFF;
color:                  #000000;
margin-top:             0.7em;
margin-bottom:          0.4em;
font-family:            monospace;
font-weight:            bold;
font-size:              1.2em;
}
.langtext{
background-color:       #FFFFFF;
color:                  #000000;
margin-top:             0px;
margin-bottom:          0px;
font-family:            monospace;
font-size:              1.2em;
}
.styleTop {
margin-top:             0.5em;
}
.textBold {
font-weight:            bold;
}
table{
background-color:       #FFFFFF;
color:                  #000000;
font-size:              100%;
 }
tr{
background-color:       #FFFFFF;
color:                  #000000;
font-size:              1.0em;
}
th{
background-color:       #FFFFFF;
color:                  #000000;
font-size:              1.0em;
}
td{
background-color:       #FFFFFF;
color:                  #000000;
font-size:              1.0em;
}
.saeulenspalte{
width:                  13px;
}
.mbuttonspalte{
width:                  20px;
}
.buttonspalte{
width:                  145px;
}
.schmalespalte{
width:                  50px;
}
.mittlerespalte1{
width:                  75px;
}
.mittlerespalte2{
width:                  100px;
}
.mittlerespalte3{
width:                  80px;
}
.mittlerespalte4{
width:                  120px;
}
.breitespalte1{
width:                  150px;
}
.breitespalte2{
width:                  200px;
}
.sehrbreitespalte1{
width:                  250px;
}
.sehrbreitespalte2{
width:                  300px;
}
.breitestespalte{
width:                  450px;
}
.breitetabelle{
width:                  98%;
}
.halbetabelle{
width:                  48%;
}
form{
margin:                 0px;
font-size:              100%;
}
form.inline {
margin:                 0px;
font-size:              100%;
display:                inline;
}
div.inline {
margin:                 0px;
font-size:              100%;
display:                inline;
}
pre{
margin:                 0px;
font-size:              100%;
}
p.button {
margin:                 0px;
}
div.buttonRight{
margin-top:             0px;
margin-right:           0px;
vertical-align:         top;
text-align:             right;
}
div.buttonCenter{
float:                  left;
vertical-align:         top;
margin:                 0px 10px 10px 0px;
text-align:             right;
}
div.buttonLeft{
float:                  left;
}
li.mb        {
margin-top:             20px;
}
.blank{
background-color:       #FFFFFF;
color:                  #FFFFFE;
}
.emphasized{
font-weight:            bold;
}
.highlighted{
background-color:       inherit;
color:                  #FF0000;
}
.highEmph{
background-color:       inherit;
color:                  #FF0000;
font-weight:            bold;
}
.important{
background-color:       inherit;
color:                  #FF9900;
font-weight:            bold;
}

/* ++++++++++++++++++++++++ */
/* +      Seitenkopf      + */
/* ++++++++++++++++++++++++ */
div.einleitung{
font-size:              100%;
}
td.kopfBezeichnung {
background-color:       #FFFFFF;
vertical-align:         top;
font-size:              100%;
padding-left:           0px;
}
td.kopfText {
font-size:              100%;
padding-left:           5px;
}
td.kopfTextEmph {
font-weight:            bold;
font-size:              100%;
padding-left:           5px;
}
td.kopfTextHigh {
background-color:       inherit;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
padding-left:           5px;
}
/* ++++++++++++++++++++++++ */
/* +    Ueberschrift 1    + */
/* ++++++++++++++++++++++++ */
.U1Text{
    /*background-color: #FFFFFF;
color:                  #000000;
font-size:              1.0em;
}
.U1TextEmph{
background-color:       #FFFFFF;
color:                  #000000;
font-weight:            bold;
font-size:              100%;
}
.U1TextHigh{
background-color:       inherit;
color:                  #FF0000;
font-size:              100%;
}
.U1TextHighEmph{
background-color:       inherit;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;*/
}
/* ++++++++++++++++++++++++ */
/* +    Ueberschrift 2    + */
/* ++++++++++++++++++++++++ */
.U2Text{
margin-left:            1.3em;
background-color:       #FFFFFF;
color:                  #000000;
font-size:              1.0em;
}
.U2TextEmph{
background-color:       #FFFFFF;
color:                  #000000;
font-weight:            bold;
font-size:              100%;
}
.U2TextHigh{
background-color:       inherit;
color:                  #FF0000;
font-size:              100%;
}
.U2TextHighEmph{
background-color:       inherit;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
ul.bulletText_U2 {
margin-top:             0px;
margin-bottom:          0px;
margin-left:            0.6em;
padding-left:           1.0em;
list-style-type:        square;
}
/* ++++++++++++++++++++++++ */
/* +    Ueberschrift 3    + */
/* ++++++++++++++++++++++++ */
.U3Text{
margin-left:            1.3em;
background-color:       #FFFFFF;
color:                  #000000;
font-size:              100%;
}
.U3TextEmph{
background-color:       #FFFFFF;
color:                  #000000;
font-weight:            bold;
font-size:              100%;
}
.U3TextHigh{
background-color:       inherit;
color:                  #FF0000;
font-size:              100%;
}
.U3TextHighEmph{
background-color:       inherit;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
/* ++++++++++++++++++++++++ */
/* +       Listen         + */
/* ++++++++++++++++++++++++ */
th.listenTitel{
background-color:       #FFFFFF;
color:                  #000000;
font-weight:            bold;
font-size:              100%;
}
.listenText{
font-size:              100%;
}
.listenTextEmph{
font-weight:            bold;
font-size:              100%;
}
.listenTextHigh{
background-color:       inherit;
color:                  #FF0000;
font-size:              100%;
}
.listenTextHighEmph{
background-color:       inherit;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
/* ++++++++++++++++++++++++ */
/* +   Ergebnistabellen   + */
/* ++++++++++++++++++++++++ */
.ergebnistabelle {
margin-bottom:          10px;
margin-left:            1px;
margin-right:           10px;
border-collapse:        collapse;
line-height:            140%;
font-size:              100%;
}
/* ++++++++++++++++++++++++ */
/* +       Hinweis        + */
/* ++++++++++++++++++++++++ */
div.hinweisTitel{
background-color:       #FFFFFF;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
.hinweisText{
background-color:       #FFFFFF;
color:                  #FF0000;
font-size:              100%;
}
.hinweisTextEmph{
background-color:       #FFFFFF;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
.hinweisTextHigh{
background-color:       inherit;
color:                  #FF0000;
font-size:              100%;
}
.hinweisTextHighEmph{
background-color:       inherit;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
.hinweisTextFocused{
background-color:       #FFFFFF;
color:                  #FF0000;
font-weight:            bold;
text-decoration:        underline;
font-size:              100%;
}
/* ++++++++++++++++++++++++ */
/* +       Fehler         + */
/* ++++++++++++++++++++++++ */
div.fehlerTitel{
margin-left:            1.3em;
background-color:       #FFFFFF;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
.fehlerText{
margin-left:            1.3em;
background-color:       #FFFFFF;
color:                  #FF0000;
font-size:              100%;
}
.fehlerTextEmph{
background-color:       #FFFFFF;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
.fehlerTextHigh{
background-color:       inherit;
color:                  #FF0000;
font-size:              100%;
}
.fehlerTextHighEmph{
background-color:       inherit;
color:                  #FF0000;
font-weight:            bold;
font-size:              100%;
}
/* ++++++++++++++++++++++++ */
/* +      RECHERCHE       + */
/* ++++++++++++++++++++++++ */
.boxtreffers{
position:               relative;
margin-top:             1.0em;
margin-left:            1.3em;
margin-bottom:          20px;
}
.boxtreffer {
margin-right:           10px;
margin-bottom:          5px;
float:                  left;
width:                  145px;
}
.auswahlboxtitel{
margin-top:             1px;
margin-left:            1px;
background-color:       inherit;
color:                  #FFFFFF;
text-align:             left;
font-weight:            bold;
font-size:              100%;
float:                  left;
}
.auswahlboxbutton{
text-align:             right;
font-weight:            bold;
font-size:              100%;
}
.auswahlbox {
background-color:       inherit;
color:                  #FFFFFF;
text-align:             left;
font-weight:            bold;
font-size:              100%;
}
/* ++++++++++++++++++++++++ */
/* +    Formatierungen    + */
/* ++++++++++++++++++++++++ */
.spalte50{
width:                  50px;
}
.spalte75{
width:                  75px;
}
.spalte100{
width:                  100px;
}
.spalte125{
width:                  125px;
}
.spalte150{
width:                  150px;
}
.spalte175{
width:                  175px;
}
.spalte225{
width:                  225px;
}
.spalte300{
width:                  300px;
}
.spalte380{
width:                  380px;
}
.spalte532{
width:                  532px;
}

span.loginText{
text-align:             left;
float:                  left;
width:                  6.2em;
font-size:              100%;
margin:                 3px 0px 3px 0px;
}
.content{
text-align:             left;
}
.spacerklein{
margin-top:             0.8em;
position:               relative;
}
.spacersehrklein{
margin-top:             0.3em;
position:               relative;
}

#os_zr_senden_de {
width:                  3.7em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0em;
margin-right:           0px;
margin-bottom:          4px;
position:               relative;
font-family:            arial,sans-serif;
text-align:             left;
font-weight:            bold;
bottom:                 0px;
}
#os_zr_senden_en {
width:                  2.6em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 2px 0px;
margin-left:            0px;
margin-right:           0px;
margin-bottom:          4px;
position:               relative;
font-family:            arial,sans-serif;
font-weight:            bold;
bottom:                 0px;
}
#os_zr_speichern_de {
width:                  5em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0em;
margin-right:           0px;
margin-bottom:          4px;
position:               relative;
font-family:            arial,sans-serif;
text-align:             left;
font-weight:            bold;
bottom:                 0px;
}
#os_zr_speichern_en {
width:                  2.5em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0em;
margin-right:           0px;
margin-bottom:          4px;
position:               relative;
font-family:            arial,sans-serif;
text-align:             left;
font-weight:            bold;
bottom:                 0px;
}
#os_zr_berechnen_de {
width:                  5em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0em;
margin-right:           0px;
margin-bottom:          4px;
position:               relative;
font-family:            arial,sans-serif;
text-align:             left;
font-weight:            bold;
bottom:                 0px;
}
#os_zr_berechnen_en {
width:                  2em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0em;
margin-right:           0px;
margin-bottom:          4px;
position:               relative;
font-family:            arial,sans-serif;
text-align:             left;
font-weight:            bold;
bottom:                 0px;
}
*+html #os_zr_senden_de {
width:                  3.5em;
margin-left:            2px;
margin-bottom:          0px;
padding:                0px 0px 0px 0px;
bottom:                 -1px;
}
*+html #os_zr_senden_en {
width:                  2.6em;
margin-left:            2px;
margin-bottom:          0px;
padding:                0px 0px 0px 0px;
bottom:                 -1px;
}

#reg_nutzungsbedingungen_de {
width:                  11em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0px;
margin-right:           0px;
position:               relative;
bottom:                 -1px;
}

#reg_nutzungsbedingungen_en {
width:                  7em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0px;
margin-right:           0px;
position:               relative;
bottom:                -1px;
}
#reg_datenschutz_de {
width:                  15em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0px;
margin-right:           0px;
position:               relative;
bottom:                 -1px;
}

#reg_datenschutz_en {
width:                  11em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0px;
margin-right:           0px;
position:               relative;
bottom:                -1px;
}
#reg_rabatte_de {
width:                  3.8em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0px;
margin-right:           0px;
position:               relative;
bottom:                -1px;
}

#reg_rabatte_en {
width:                  4.5em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0px;
margin-right:           0px;
position:               relative;
bottom:                -1px;
}

*+html #reg_rabatte_de {
width:                  3.8em;
}

*+html #reg_rabatte_en {
width:                  4.5em;
}

#reg_kontakt {
width:                  12em;
font-size:              1em;
background-color:       #FFFFFF;
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0px;
margin-right:           0px;
position:               relative;
bottom:                 -1px;
}

*+html #reg_kontakt {
width:                  11.5em;
}

div.pr_footer {
display:                none;
visibility:             hidden;
}

.textbuttonwidth1{
width:                  5.5em;
background-color:       #FFFFFF;
color:                  #000000;
font-size:              1em;
border:                 0px;
text-decoration:        underline;
text-align:             left;
}
.textbuttonwidth2{
width:                  7.5em;
background-color:       #FFFFFF;
color:                  #000000;
font-size:              1em;
border:                 0px;
text-decoration:        underline;
}

.favoritesLink{
background-color:       #FFFFFF;
color:                  #000000;
font-family:            arial,sans-serif;
font-size:              90%;
float:                  right;
}
#LoginFormId {
width:                  25%;
margin:                 auto;
}

/* ++++++++++++++++++++++++ */
/* +      Willkommen      + */
/* ++++++++++++++++++++++++ */

#willkommen_Einleitung_Wrapper{
min-height:             95px;
background-color:       white;
overflow:               auto;
padding-bottom:         10px;
}
#willkommen_Einleitung_Wrapper #logo{
float:                  left;
}
#willkommen_Einleitung_Wrapper #text{

}
#willkommen_Einleitung_Wrapper #text{
}
#willkommen_Einleitung_Wrapper #text #link{
background-color:       inherit;
}
#willkommen_Einleitung_Wrapper #text #link #idZudenthemen{
font-family:            arial,sans-serif;
font-size:              1.5em;
text-decoration:        none;
color:                  #075083;
}
#willkommen_TagCloud_Wrapper{
text-align:             right;
}
#willkommen_TagCloud_Wrapper .Box{
float:                  right;
max-width:              300px;
margin-right:           200px;
text-align:             left;
}
#willkommen_NeueDaten_Wrapper{
background-color:       white;
clear:                  left;
}
#willkommen_TopTabellen_Wrapper{
min-width:              360px;
background-color:       white;
}

.linkToptabelle {
    display:inline-block;
}

.spanToptabellen {
    padding-right: 1em;
}

#willkommen_Aenderungen_Wrapper{
background-color:       white;
}

.seitenlaengeinput {
border:                 0px;
padding:                0px 0px 0px 0px;
margin-left:            0px;
text-align:             left;
background-color:       #FFFFFF;
font-size:              1.1em;
position:               relative;
top:                    -4px;
}
.seitenlaengeinput[disabled] {
color:                  #999999;
}
*+html .seitenlaengeinput {
padding:                0px 0px 2px 0px;
font-size:              1em;
top:                    0px;
}

.loading {
color:                  #777777;
font-size:              2em;
font-style:             italic;
vertical-align:         middle;
margin-top:             1em;
margin-left:            1em;
}
.spacer {
margin-left:            1em;
}
.text_fett {
font-weight:            bold;
}
.text_kursiv {
font-style:             italic;
}
.wikiH2 {
margin-top:             1.5em;
background-color:       #FFFFFF;
font-weight:            bold;
font-size:              100%;
}
.wikiH3 {
margin-top:             1.0em;
background-color:       #FFFFFF;
font-size:              100%;
}
.wikiH4 {
margin-top:             0.5em;
background-color:       #FFFFFF;
font-style:             italic;
font-size:              100%;
}
/* ++++++++++++++++++++++++ */
/* +       Tag-Cloud      + */
/* ++++++++++++++++++++++++ */
table.verzeichnis{
width:                  100%;
}

input.textfeld {
background-color:       #FFFFFF;
color:                  #000000;
/*border-top: none;
border-left: none;
border-right: none;
border-bottom-width:    1px;
border-bottom-style:    solid;*/
border-top-width:        1px;
border-right-width:        1px;
border-bottom-width:    1px;
border-left-width:        1px;
border-style:            solid;
font-family:            arial,sans-serif;
font-size:              100%;
/*height:                 2em;*/
height:                    1.6em;
}
 #textlogo {
position:               relative;
top:                    80px;
left:                   10px;
line-height:            0;
z-index:                10;
}

.U1Text table.admin{
}
table.admin th{
border-width:           0px;
background-color:       #CCCCCC;
margin:                 0px;
padding:                2px 2px 2px 4px;
}
table.admin tr{
border:                 1px solid #606060;
margin:                 0px;
padding:                2px 2px 2px 4px;
}
table.admin td{
border-width:           0px;
margin:                 0px;
padding:                2px 2px 2px 4px;
}
table.admin th.blank, table.admin td.blank{
background-color:       #FFFFFF;
border-top:             1px solid #FFFFFF;
border-right:           1px solid #606060;
border-bottom:          1px solid #FFFFFF;
border-left:            1px solid #606060;
padding:                0px;
}

/* ++++++++++++++++++++++++ */
/* +      Registrierung   + */
/* ++++++++++++++++++++++++ */

.rInfo {
padding-left:           2em;
}
.rTable {
display:                table;
width:                  auto;
border-spacing:         10px 0;
padding-left:           1em;
table-layout:           fixed;
margin-right:           auto;
margin-left:            auto;
}

.rTableHeading {
display:                table-header-group;
font-weight:            bold;
font-size:              150%;
}

.rTableHead {
display:                table-cell;
padding:                0 10px;
border-top:             1px solid black;
border-left:            1px solid black;
border-right:           1px solid black;
width:                  33%;
}

.rTableHead_2 {
    display:                table-cell;
    padding:                0 10px;
    border-top:             1px solid black;
    border-left:            1px solid black;
    border-right:           1px solid black;
    width:                  50%;
}

.rTableHead_1 {
    display:                table-cell;
    padding:                0 10px;
    border-top:             1px solid black;
    border-left:            1px solid black;
    border-right:           1px solid black;
}

.rTableCell {
display:                table-cell;
padding:                0 10px;
border-left:            1px solid black;
border-right:           1px solid black;

}

.rTableFooter {
display: table-cell;
padding: 0 10px;
border-left:            1px solid black;
border-right:           1px solid black;
border-bottom:          1px solid black;
}

.rTableBody {
display:                table-row-group;
}

.rTableRow {
display:                table-row;
}

.rTableFoot {
display:                table-footer-group;
}

.divTextHeader {
padding:                3px 10px 10px;
}

.divTextBody {
padding:                3px 10px;
}

.divTextBody li {
padding-left:           10px;
padding-top:            10px;
}

.divTextFooter {
padding:                3px 10px;
}

#buttonRegistrierenNutzer, #buttonRegistrierenReg, #buttonRegistrierenPrem {
width:                  100%;
}

/* ++++++++++++++++++++++++ */
/* +      Auswahl         + */
/* ++++++++++++++++++++++++ */

.optionBtn {
    background: url(../images/dropDown.png);
}

.optionBtnDisable {
    background: url(../images/dropDown.png);
    opacity:0.5;
}