body {
    background-color : #CBBCA7;
    background-image : url('images/bg.jpg');
    background-position : top left;
    background-repeat : repeat-x;
    min-height : 500px;
    -o-background-size : 100%;
    -webkit-background-size : 100%;
    -khtml-background-size : 100%;
    font-family : Arial, Verdana, Helvetica, sans-serif;
    margin: 0px;
    border: 0px;
  }

#cover {
    background:transparent url('images/bg.jpg');
    z-index:250;
    height:100%;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
}
#cover table {
    width:100%;
    height:100%;
}
#cover button {
    background:transparent;
    border:none;
}

#cover img {
    border:0px;
}

h1 {
    letter-spacing: 0.06em;
    color : #000000;
    font-size : 32px;
    font-weight : 600;
    margin-bottom : 0px;
    margin-left : 12px;
    margin-right : 0px;
    margin-top : 0px;
  }


#heading {
    background-color : #DACDBC;
    position : absolute;
    left : 50px;
    top : 10px;
    width : 600px;

  }
#heading_text {
    color:  white;
    font-weight:100;
    font-size: 24px;
}

#head_logo {
    background-color : transparent;
    background-position : top left;
    background-repeat : no-repeat;
    position : absolute;
    left : 1px;
    top : 0px;
    width : 250px;
    height : 104px;
  }


#modus {
    left : 0%;
    line-height : 1.5em;
    min-width : 200px;
    position : absolute;
    top : 63px;
    left : 660px;   

  }
#schalter1 {
    border: white 1px solid;
    width: 100px;
    float:left;
    color: white;
    background-color: #2C1E1D;
    text-align: center;
}

#schalter1aktiv {
    border: white 1px solid;
    width: 100px;
    float:left;
    color: white;
    background-color: #524C4C;
    text-align: center;
}

#schalter2 {
    border: white 1px solid;
    width: 100px;
    float: right;
    color: white;
    background-color: #2C1E1D;
    text-align: center;
    font-weight: 100;
}

#schalter2aktiv {
    border: white 1px solid;
    width: 100px;
    float: right;
    color: white;
    background-color: #524C4C;
    text-align: center;
    
}

#schalterlink1 {
    text-decoration: none;
    color: white;
    font-weight: 100;
    }

#schalterlink2 {
    text-decoration: none;
    color: white;
    font-weight: 100;
}

#modus p {
    color : #000000;
    background-color: #2C1E1D;
    font-size : 15px;
    letter-spacing : 0.06em;
    margin-bottom : 0px;
    margin-left : 10px;
    margin-right : 0px;
    margin-top : 0px;
    font-weight: 600;
  }

#modus p a,#modus p a:visited,#modus p a:active {
    color : #000000;
    text-transform : none;
    text-decoration: none;
    border: solid white 1px;
    width: 100px;
  }

#modus p a:hover {
    text-decoration: underline;
  }

#modus p a.active,#modus p a.active:hover,#modus p a.active:visited,#modus p a.active:active {
    color : #ffffff;
    cursor : default;
    text-transform : none;
    text-decoration: none;
  }


#fragen_bg {
    background-color : #DACDBC;
    background-image : url('images/bg_white.png');
    height : 300px;
    width : 88%;
    left : 50px;
    top : 100px;
    position : absolute;
    border: solid white 4px;
  }

#fragen_bg h2 {
    padding-left: 112px;
    color : #000000;
    font-size : 16px;
    font-weight : 100;
    letter-spacing: 0.06em;
    text-indent: -100px;
    width : 75%;
  }

#fragen_bg li {
    min-height : 25px;
    color : #000000;
    font-size : 16px;
    font-weight : 500;
    margin-top : 6px;
    margin-bottom : 2px;
    list-style : none;
  }

#fragen_bg li a {
    background-image : url('images/antwort.png');
    background-position : 0px 1px;
    background-repeat : no-repeat;
    padding : 0px 5px 0px 30px;
    display : block;
    line-height : 23px;
    color : #000000;
    text-decoration : none;
  }

#fragen_bg li a:hover {
    background-image : url('images/antwort-hover.png');
    background-position : 0px 1px;
    text-decoration : underline;
  }

#fragen_bg li a.geantwortet {
    background-image : url('images/antwort-hover.png');
    background-position : 0px 1px;
  }

#fragen_bg li a.korrekt {
  }

#fragen_bg ul.statistik li {
    color : #000000;
    background : none;
    font-size : 16px;
    font-weight : 500;
    padding : 0px;
    margin-top : 10px;
    list-style : circle;
  }

#frage {
    position : relative;
    z-index : 1;
    width : 100%;
    height : auto;
}

#antworten {
    position : relative;
    z-index : 1;
    width : 100%;
    height : auto;
}

#fragen_bild {
    background-color : transparent;
    position : absolute;
    left : 75%;
    top : 30%;
    z-index : 0;
}

/*
 top : 345px;
 padding-left : 35px;
 border: black 1px solid;
 */
 
#erklaerung {
    background-color : transparent;
    height : 150px;
    width: 740px;
    left : 50px;
    top : 390px;
    padding-right : 70px;
    position : absolute;
    overflow : auto;  
  }

#erklaerung p {
    padding-top: 5px;
    padding-left: 45px;
    color : #000000;
    font-size : 16px;
    font-weight : 100;
    letter-spacing: 0.06em;
    padding-right:  0px;
  }

  #copyright {
    background-color : transparent;
    height : auto;
    width : auto;
    left : 5px;
    bottom : 55px;
    padding-left : 0px;
    position : absolute;
    overflow : auto;
  }

  #copyright p {
    padding-left: 50px;
    color : #000000;
    font-size : 11px;
    font-weight : normal;
    display: none;
  }


#footer {
    background-color : #2C1E1D;
    border-top-color : #FFFFFF;
    border-top-style : solid;
    border-top-width : 3px;
    top : 600px;
    left : 0px;
    height : 50px;
    position : absolute;
    width : 100%;
  }


#footer table {
    padding-left: 27px;
    padding-right: 70px;
    height : 100%;
    margin-left : 2%;
    vertical-align : middle;
    width : 100%;
    color : #ffffff;
    font-size : 14px;
    letter-spacing : 0.1em;
  }

#footer img {
    vertical-align : middle;
  }

.button_end {
    background-image : url('images/beenden_ds.png');
    background-position : 0px 3px;
    background-repeat : no-repeat;
    padding : 1px 0px 2px 20px;
    line-height : 20px;
    text-decoration : none;
    color : #ffffff;
    font-size : 14px;
    letter-spacing : 0.1em;
}

.button_end:hover {
    background-image : url('images/beenden_ds.png');
    background-position : 0px -32px;
    text-decoration : underline;
    color : #ffffff;
    font-size : 14px;
    letter-spacing : 0.1em;
}

#buttons {
    width:170px;
    text-align:left;
}

#button_zurueck {
    display : inline;
    float : left;
}

#button_zurueck a {
    background-image : url('images/links_ds.png');
    background-repeat : no-repeat;
    background-position : 100% 1px;
    padding : 1px 23px 2px 0px;
    line-height : 20px;
    text-decoration : none;
    color : #ffffff;
    font-size : 14px;
    letter-spacing : 0.1em;
}

#button_zurueck a:hover {
    background-image : url('images/links_ds.png');
    text-decoration : underline;
    background-position : 100% -30px;
    color : #ffffff;
    font-size : 14px;
    letter-spacing : 0.1em;
}

#button_weiter {
    display : inline;
    float : right;
}

#button_weiter a {
    background-image : url('images/rechts_ds.png');
    background-position : 0px 1px;
    background-repeat : no-repeat;
    padding : 1px 0px 2px 23px;
    line-height : 20px;
    text-decoration : none;
    color : #ffffff;
    font-size : 14px;
    letter-spacing : 0.1em;
}

#button_weiter a:hover {
    background-image : url('images/rechts_ds.png');
    background-position : 0px -30px;
    text-decoration : underline;
    color : #ffffff;
    font-size : 14px;
    letter-spacing : 0.1em;
}