body,html{
    background-color:#cecece;
}
.bar{
    margin-bottom:40px;
    border:2px solid #999;

    height:80px;
    /* background-image: url("/img/bunteBar_reverse.jpg"); */
    background-size: 100%;
    border-radius:10px;
    overflow:hidden;
    
}
.barInside{
    background-color:#cecece;
    
    border:3p solid black;
    width:100%;
    height:100%;
    float:left;
    /* border-radius: 0px 10px 10px 0px; */
    
    /* -webkit-transition: width 5s ease-in-out; */
    /* -moz-transition: width 5s ease-in-out; */
    /* -o-transition: width 5s ease-in-out; */
    /* transition: width 5s ease-in-out; */
    transition: all 1.2s ease-in-out;
    /* margin-left:1px; */

}

.schuleWrapper{
    padding:10px;
    background-color:#cecece;
    height:100%;
    overflow:hidden;
}

.green{
    background-color:#176d27;
}
.yellow{
    background-color:#f6f31a;
}
.orange1{
    background-color:#f6961a;
}
.orange2{
    background-color:#f6581a;
}
.red{
    background-color:#ff0000;;
}


.schuelerpic{
    margin-top:0px;
    height:80px;
    width:80px;
    border-radius:40px;
    cursor:pointer;
}