body.reserveren .components__site-header__top {
    background-color: #FFFFFF;
    background-image: url('/modules/p60custom/img/reserveringbackground.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    z-index: auto;
    background-position: center center;
}
body.reserveren .components__site-header__logo {
background: url('/themes/p60theme/p60subtheme/img/p60-outline-white.svg');
background-repeat: no-repeat;
}
body.reserveren .components__site-header__logo img {
    visibility: hidden;
}

#calendar {
    width:100%;
}
#calendar table{

    color: white;
    background: #774cf3;
    background: #343766;
}
.monthPre{
    color: gray;
    text-align: center;
}
.monthNow{
   /* color: #774cf3;*/
    text-align: center;
}
.countdate.active {
    border: 2px solid white;
}
.countdate.disabled {
    text-decoration: line-through;
}
.dayNow{
    /*border: 2px solid black;*/
   /* color: #ffffff;*/
    text-align: center;
    background: #774cf3;
}
.calendar td{
    htmlContent: 2px;
    width: 40px;
}
.monthNow th{
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
}
.dayNames{
    background: #e9494f;
    color: #FFFFFF;
    text-align: center;
}