body{
    background-color: grey;
}

.hidden{
/*    width: 0 !important;
    height: 0 !important;*/
    overflow: hidden !important;
    display: none !important;
}

#DisplayWrapper{
    width: 1280px;
    height: 720px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/basic/backgroundDB.png");
    overflow:hidden;
}

.blueLink{
    color: #6495ED;
    text-decoration: underline;
}


/* ------------------- SPLASH SCREEN ------------------- */

#div_splash_screen{
    width: 1280px;
    height: 720px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/basic/Ladescreen.gif");
}


/* ------------------- BASIC DIVS ------------------- */

#div_content{
    width: 1152px;
    height: 577px;
    position: absolute;
    right: 64px;
    bottom: 37px;
}

#div_video{
    width: 1152px;
    height: 577px;
    position: absolute;
    right: 64px;
    bottom: 37px;
}

#div_right_content{
    position: absolute;
    bottom: 0;
    right: 0;
}

    #DisplayWrapper.size1 #div_right_content{
        width: 764px;
        height: 577px;
    }
    
    #DisplayWrapper.size2 #div_right_content{
        width: 694px;
        height: 577px;
    }
    
    #DisplayWrapper.size3 #div_right_content{
        width: 694px;
        height: 577px;
    }
    
#div_right_video{
    position: absolute;
    top:0;
    right:0;
    width: 510px;
    height: 514px;
}

#div_left_content{
    position: absolute;
    left: 0;
    bottom:0;
}

   #DisplayWrapper.size1 #div_left_content{
        width: 360px;
        height: 577px;
    }
    
    #DisplayWrapper.size2 #div_left_content{
        width: 430px;
        height: 577px;
    }
    
    #DisplayWrapper.size3 #div_left_content{
        width: 430px;
        height: 577px;
    }
    
#div_left_video{
    position: absolute;
    left:0;
    bottom:0;
    width: 614px;
    height: 577px;
}
    


/* ------------------- CATEGORIES ------------------- */
#categories{
    position: absolute;
    top: 70px;
    left:0;
}

    #DisplayWrapper.size1 #categories{
        width: 360px;
        height: 440px;
    }
    
    #DisplayWrapper.size2 #categories{
        width: 430px;
        height: 440px;
    }
    
    #DisplayWrapper.size3 #categories{
        width: 430px;
        height: 440px;
    }
    
    


.categoryItems{
    display: block;
    position: absolute;
    border-bottom: 1px solid #7a7a7a;
    color: #FFFFFF;
    font-family: 'Playfair Display', serif;
/*    font-family: Georgia;*/
    left:0;
}

    #DisplayWrapper.size1 .categoryItems{
        width: 340px;
        height: 49px;   
        padding-left:20px;
        line-height: 49px;
    }
    
    #DisplayWrapper.size2 .categoryItems{
        width: 410px;
        height: 49px;   
        padding-left:20px;
        line-height: 49px;
    }
    
    #DisplayWrapper.size3 .categoryItems{
        width: 410px;
        height: 49px;   
        padding-left:20px;
        line-height: 49px;
    }

#start{
    height: 60px !important;
    top:0;
}

.categoryItems.focusCls{
    color: #ff7100 !important;
    border-color: #ff7100 !important;
}

.categoryItems.activeCls{
    color: #ff7100 !important;
    background-image: url("../img/basic/pfeil.png");
    background-position: 0px 50%;
    background-repeat: no-repeat;
}

#start.categoryItems.activeCls{
    background-position: 0px 40% !important;
}

#impressum.categoryItems.activeCls{
    background-position: 0px 70% !important;
}


#parlament{
    top:61px;
}

#plenum{
    top:111px;
}

#ausschusse{
    top:161px;
}

#sonder{
    top:211px;
}

#interviews{
    top:261px;
}

#filme{
    top:311px;
}

#impressum{
    top:361px;
    height: 60px !important;
    border-bottom: 0px solid !important;
    line-height: 75px !important;
}

h2{
    line-height: 100% !important;
}

h4{
    line-height: 100% !important;
}

.colorButtons{
    height: 31px;
    width: 360px;
    position: absolute;
    bottom:0;
    left:0;
}

.colorBtn{
    width: 82px;
    height: 31px;
    position: absolute;
    border: 1px solid black;
}

.green{
    background-color: #009900;
    width:21px;
    height:31px;
    float:left;
}

.red{
    background-color: #e32b00;
    width:21px;
    height:31px;
    float:left;
}

.blue{
    background-color: #009cff;
    width:21px;
    height:31px;
    float:left;
}

.yellow{
    background-color: #ffde00;
    width:21px;
    height:31px;
    float:left;
}

.grey{
    background-image: url("../img/basic/colorBtns.png");
    width:21px;
    height:31px;
    float:left;
    border-right: 1px solid black;
    text-align: center;
    color:white;
    line-height: 31px !important;
}

.colorTextBtn{
    width:61px;
    height: 31px;
    float:right;
    background-image: url("../img/basic/colorBtns.png");
    line-height: 31px !important;
    color:white;
    text-align: center;
}

.greenBtn{
    bottom:0;
    left: 91px;
}

.redBtn{
    bottom:0;
    left:0;
}

.blueBtn{
    bottom:0;
    left: 182px;
}

.yellowBtn{
    bottom:0;
    left: 273px;
    width: 128px !important;
}

.zuruckBtn{
    bottom:0;
    right: 0px;
    width: 177px !important;
}

.weiterBtn{
    bottom:0;
    left: 273px;
    width: 157px !important;
}


.yellowBtn .colorTextBtn{
    width: 107px;
}

.zuruckBtn .colorTextBtn{
    width: 155px;
}


.weiterBtn .colorTextBtn{
    width: 135px;
}

.buttonAsmall{
    
}

    #DisplayWrapper.size1 .buttonAsmall{
        font-size: 12px !important;
    }
    
    #DisplayWrapper.size2 .buttonAsmall{
        font-size: 16px !important;
    }
    #DisplayWrapper.size3 .buttonAsmall{
        font-size: 20px !important;
    }
    

.buttonAmiddle{
    
}

    #DisplayWrapper.size1 .buttonAmiddle{
        font-size: 14px !important;
    }
    
    #DisplayWrapper.size2 .buttonAmiddle{
        font-size: 18px !important;
    }
     #DisplayWrapper.size3 .buttonAmiddle{
        font-size: 22px !important;
    }
    

.buttonAbig{
    
}

    #DisplayWrapper.size1 .buttonAbig{
        font-size: 16px !important;
    }
    
    #DisplayWrapper.size2 .buttonAbig{
        font-size: 20px !important;
    }
    
    #DisplayWrapper.size3 .buttonAbig{
        font-size: 24px !important;
    }
    
    
#loadingIcon{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 310px;
    left: 590px;
    background-image: url("../img/basic/loadingIcon.gif");
}