/* Style sheet belegungsplan */
.bp_single{height:187px;float:left;margin-right:13px;}
.bp_calendar{background-color:#fff;border-top:2px solid #fff;border-left:1px solid #cfff;}
.bp_days{background-color:#999999;font-weight:normal;color:#ffffff;}
.bp_calendar td{width:20px;height:22px;text-align:center;vertical-align:middle;border-right:2px solid #ffffff;font-size:12px;border-bottom:2px solid #ffffff;}
.bp_free{background:url("free.gif") left top repeat;}
.bp_full{background:url("full.gif") left top repeat;}
.bp_start{background:url("start.gif") left top no-repeat;background-size: 100% 100%;}
.bp_stop{background:url("stop.gif") left top no-repeat;background-size: 100% 100%;}
.monthName{background-color:#ffffff;border-left:2px solid #ffffff;font-weight:bold;color:#840025;}


@media only screen and (max-width: 480px){
.bp_single {
    float: left;
    height: 200px;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
}
.bp_calendar {
    background-color: #fff;
    border-top: 2px solid #fff;
    width: 100%;
}
}