/* CSS für die Belegungsanzeige eines Zimmers */
.belegungskalender {
    width:705px;
    background:#e6f0f8;
    margin:10px auto;
}
.belegungskalender .bk_head {
    text-align:center;
    font-family:verdana;
    font-size:14px;
    font-weight:bold;
}
.belegungskalender .bk_calendar {
    width:585px;
    height:215px;
    float:left;
}
.belegungskalender .bk_prev, .belegungskalender .bk_next {
    text-align:center;
    vertical-align:middle;
    font-size:40px;
    font-weight:bold;
    background:#c4d0d6;
    float:left;
    text-decoration:none;
    color:black;
    height:50px;
    width:50px;
    margin:82px 5px;
}
.belegungskalender .bk_error {
    text-align:center;
    font-family:verdana;
    font-size:14px;
    color:#c31111;
    margin:30px 10px;
}


/* CSS für ein Kalender-Monat */
.calendar {
    width:175px;
    font-family:verdana;
    font-size:12px;
    float:left;
    margin:10px;
}
* html .calendar,
* + html .calendar {
    width:177px;
}
.calendar .day {
    float:left;
    width:25px;
    height:25px;
    line-height: 25px;
    text-align: center;
    outline:1px solid white;
    border-collapse:collapse;
}
.calendar .day.headline {
    outline-style:none;
}
.calendar .day.normal {
    background: #c4dbed;
    color: black;
}
.calendar .day.free {
    background: #739c20;
    color: white;
}
.calendar .day.current {
    font-weight:bold;
}
.calendar .day.before,.calendar .day.after {
    color:gray;
}
.calendar .day.empty {
    outline-color:#e6f0f8;
}
.calendar .pagination {
    text-align: center;
    line-height:20px;
    font-weight: bold;
}
.clear {
    clear:both;
}