/* start page */
.planetSchuleLogo{
    margin-right: 3%;
}

.swrLogo{
    margin-left: 3%;
}

/* difficulty page */
#difficultyPage, #startPage{
    background: url("../gfx/gerauesche_quiz_logo.png") no-repeat center 10px;
    padding-top: 160px;
    padding-bottom: 140px;
}

.impressumBtn{
    top: 10px;
    left: 10px;
}

.infoBtn{
    top: 10px;
    right: 10px;
}

.difficultyContent{
    background: url("../gfx/grid_background.png") no-repeat center;
    padding: 15px;
    text-align: center;
}

/* SWR and planet Schule logos */
.logoDiv {
    display: table;
    margin: 0 auto;
}

/* team select */
#teamSelectPage .fixedRatioBox2{
    background: url("../gfx/grid_background.png") no-repeat center -4px;
    background-size: auto 100%;
    padding-bottom: 10px;
}

.teamSelectIndicator{
    position: absolute;
    height: 50px;
    width: 50px;
}

.teamRot .teamSelectIndicator{
    top: 50px;
    right: 20%;
    height: 40px;
    width: 50px;
}
.teamGelb .teamSelectIndicator{
    top: 0;
    left: 50%;
}
.teamGruen .teamSelectIndicator{
    top: 0;
    left: 15%;
}
.teamBlau .teamSelectIndicator{
    top: 50px;
    right: 20%;
    height: 30px;
    width: 50px;
}

.teamOptionBox{
    height: 90px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    line-height: 90px;
    font-size: 25px;
    text-align: center;
    color: white;
    position: relative;
}

.teamOptionBox.teamRot{
    background-image: url("../gfx/winner_team_red_large.png");
}
.teamOptionBox.teamGelb{
    background-image: url("../gfx/winner_team_yellow_large.png");
}
.teamOptionBox.teamGruen{
    background-image: url("../gfx/winner_team_green_large.png");
}
.teamOptionBox.teamBlau{
    background-image: url("../gfx/winner_team_blue_large.png");
}

/* question select table */
.categoryHead{
    padding-top: 15px;
}

.categoryHead img{
    height: 50px;
}

.teamName{
    display: none;
}

.questionSelectCell a{
    font-size: 20px;
    line-height: 40px;
}

.activeTeamArrow{
    background-size: auto 25px;
    height: 25px;
    top: -20%;
}

/* question page */
.boardBg{
    background-size: auto auto;
    background-position: center top;
}

#questionHead, .questionHead {
    color: white;
    line-height: 80px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    font-size: 20px;
}

.questionImageBox{
    height: 170px;
    padding-top: 20px;
}

.questionImageBox img{
    height: 120px;
}

.questionAnswer input {
    width: 80%;
    text-align: center;
}

#questionHead.teamGelb{
    background-image: url("../gfx/team_yellow.png");
}
#questionHead.teamBlau{
    background-image: url("../gfx/team_blue.png");
}
#questionHead.teamRot{
    background-image: url("../gfx/team_red.png");
}
#questionHead.teamGruen{
    background-image: url("../gfx/team_green.png");
}

/* result page */
.resultCol.resultFillerCol{
    width: 0;
}

.resultCol{
    height: 80px;
    width:  50%;
}

#winnerText{
    width: 100%;
    padding: 0 10%;
    text-align: center;
    margin: auto;
}

/* info page */
#infoPage .boardBg, #impressumPage .boardBg, #startPage .boardBg{
    background-image: none;
    
}

#infoPage .boardHeadline, #impressumPage .boardHeadline, #startPage .boardHeadline{
    background: url("../gfx/board_background.png") no-repeat center top;
}

/* footer */
.buttonBottomRight, .buttonBottomLeft{
    font-size: 20px;
    width: 48%;
}

.buttonBottomRight{
    padding: 30px 10% 20px 10%;
}

.buttonBottomLeft{
    padding: 30px 10% 20px 10%;
}

/* fixed ratio boxes */
.fixedRatioBox, .fixedRatioBox2, .resultContent {
    width: 100%;
}

.fixedRatioBox2{
    background:none;
}

.fixedRatioBox:before{
    
}