* {
    margin: 0;
    padding: 0;

}
body {
    text-align: center;
    font:normal 14pt/1.2em Ubuntu, sans-serif;
    color: black;
    background-color: #E17900;
    background-image: url(sternchen.svg), -webkit-linear-gradient(top, #EFBA6C, #E17900 66%);
    background-image: url(sternchen.svg), -moz-linear-gradient(top, #EFBA6C, #E17900 66%);
    background-image: -o-linear-gradient(top, #EFBA6C, #E17900 66%);
    background-image: url(sternchen.svg), linear-gradient(to bottom, #EFBA6C, #E17900 66%);
    background-attachment: fixed;

}
body>div {
    background-color: white;
}
#content {
    width: 880px;
    margin: 2em auto 1em auto;
    padding: 1em;
    background-color: white;
    background-color: rgba(255,255,255,.7);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
}
h1 {
    font:bold 25pt/1.2em Ubuntu, sans-serif;
    margin-bottom: 25pt;
    text-align:left;
}
h2, h3, p {
    margin: .5em 0;
}
a {
    color: #E17900;
    text-decoration: underline;
}


.lists
{
        text-align:left;
        font:normal 11pt/12pt Ubuntu, sans-serif;
}
.ans
{
        text-align:left;
        font:normal 11pt/12pt Ubuntu, sans-serif;
        text-align:justify;
        margin:10pt;

}
.listenBox2 {
    position:absolute;
    left:50%;
    margin-left:-408px;
    top:60;
    width: 780px;
    height:100px;

    padding: 1em;
    background-color: white;
    background-color: rgba(255,255,255,.95);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    border:2px solid black;
 }
.listenBox {
    position:absolute;
    left:50%;
    margin-left:-408px;
    top:60;
    width: 780px;

    padding: 1em;
    background-color: white;
    background-color: rgba(255,255,255,.95);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    border:2px solid black;
 }

 .HintBox {
    position:absolute;
    padding: 1em;
    background-color: white;
    background-color: rgba(255,255,255,.3);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    border:1px solid black;
 }

 .naviButtons {    /* KIT-Hack*/
        border-color: #aaaaaa;
        border-width: 1px;
        border-style: solid;
        border-radius: 5px;
        box-shadow:0px 2px 2px #666;
        padding:7px;
        margin:0pt 2pt 2pt 2pt;
        text-align: center;
         font: bold 13pt/110% Ubuntu, sans-serif;
        background-color:rgba(200,200,200);
        cursor:pointer;
}

#overlay {
        text-align:left;
        padding:0px;
        overflow:hidden;
        display:none;
        position: absolute;
        width:600px;
        height: 700px;
        margin-top:-400px;
        margin-left:-300px;
        left:50%;
        top:50%;
        background-color:blue;
        background-color: rgb(255,255,255);
        box-shadow:0px 4px 4px #666;
        -moz-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        border: 2px solid #808080;
        padding:20px;
        overflow-y:scroll;
}
#overlay > div {text-align:left; }