body{

    margin:0;
    padding: 0;
}

.bg_top{
    background: url("images/bg_top.jpg") no-repeat;
    position: relative;
    float: left;
    width: 100%;
    background-size: 100%;

}

.content{
    height: 100%;
    background: url('images/bg.jpg')  repeat-y;
    background-size: 100%;
    position: relative;
    float: left;
    width: 100%;
    margin: -5px 0;
}

.bg_bottom{
    background: url("images/bg_bottom.jpg") no-repeat bottom;
    position: relative;
    float: left;
    width: 100%;
    background-size: 100%;


}


.reglink{
    background: url("images/bt_reg.png") no-repeat;
    width:195px;
    height: 49px;
    display: block;

}
.reglink.pwlink{
    background: url("images/bt_pw.png") no-repeat;
    width:196px;
    height: 49px;
    display: block;

}


.tf{
    margin-right: 20px;
}
.bt.login{
    background: url("images/bt_login.png") no-repeat;
    width:100%;
    height: 49px;
    display: block;
}

.logo{
    background:url("images/logo.png") no-repeat 50% 0;

    width:100%;
    height: 300px;
    bottom: 0px;
    max-width: 580px;
    z-index: 0;
}
.headline{
    background:url("images/headline.png") no-repeat 50% 0;

    width:100%;
    height: 45px;
    bottom: 0px;
    max-width: 580px;
    z-index: 0;
}
.icon.hover{
    background:url("images/check.png") no-repeat !important;
    width:41px;
    height:41px;
    float:left;
    opacity: 1;
}


.answerbox .correct{
    background:url("images/correct.png") no-repeat !important;
    width:61px;
    height:61px;
    position:absolute;
    margin: -9px 0 0 -9px;
    display:none;
}

.answerbox .icon{
    background:url("images/wrong.png") no-repeat;
}

.menue p a{
    background-image: url("images/button_inactive.png");
    background-repeat:no-repeat;
    height: 30px;
    padding-bottom: 4px;

}

.menue p a:hover{
    background-image: url("images/button_active.png");


}

.button{
    background-image: url("images/button_inactive.png");
    background-repeat:no-repeat;
    height: 28px;
    padding: 5px 50px;
    margin-bottom: 5px;
    background-color: rgba(0,0,0,0.71);
    border: 1px solid white;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.button a{
    color: white;

}

input.button{
    height: 38px;
}

.button:hover, .button_active{
    background-image: url("images/button_active.png");
}
.nobg{
    background-image: none !important;
    display: none;
    cursor: default;
    text-align: center;
    padding-top:4px;
    padding:0;
}

#beenden_box{
    margin-top: 30px;
}

#einstellung_box a{
    background-image: url("images/button_inactive.png");
    cursor: pointer;
    background-repeat:no-repeat;
    height: 38px;
    padding: 5px 50px;
    width: 80px;
    margin-bottom: 5px;
}

#einstellung_box a:hover{
    background-image: url("images/button_active.png");
}

.logout a{
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
}

.logout a:hover{
    text-decoration: underline;
}

.logout img{
    margin: 0 0 -6px 4px;
}



.user, #meinePunkte{
    font-size: 23px;
    color:#c9d602;
    text-align: center;
    width: 100%;
    display: block;
}

#meinePunkte{
    text-transform: uppercase;
    color: #fff;

}