@charset "UTF-8";

/*
    font:400  14px 'Source Sans Pro', sans-serif;
    font:600  14px 'Source Sans Pro', sans-serif;
    font:700  14px 'Source Sans Pro', sans-serif;
*/


*{
    margin: 0;
    padding: 0;
    font:400  14px 'Source Sans Pro', sans-serif;
    color: #434d1f;
}
html, body{
    width: 100%;
    height: 100%;
    background-color: #f2fece;
}
#svgLoader{
    position: fixed;
    width: 70px;
    height: 20px;
    left: 50%;
    margin-left: -35px;
    top: 150px;
    text-align: center;
}
.loadertext{
    font:400  14px 'Source Sans Pro', sans-serif;  
    width: 300px;
    margin-left: -115px;
    text-align: center;
}
#bg{
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 50%;
    height: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#logo{
    position: fixed;
    width: 100%;
    max-width: 1200px;
    margin-left: 50%;
    background-color: #f2fece;
    text-align: center;
    height: 80px;
    z-index: 998;
}
#logo img{
    width: 210px;
    margin-top: 10px;
    float: left;
    margin-left: 30px;
}
#logo h1{
    float: right;
    margin: 50px 1.25% 0 0 ;
    font:600  16px 'Source Sans Pro', sans-serif;
    color: #434d1f;
}
#container{
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin:0 auto;
}
#pages{
    position: absolute;
    top: 80%;
    width: 100%;
    background-color: #f2fece;
    height: auto;
}
#menu{
    position: sticky;
    position: -webkit-sticky;  /* for Safari */
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0px;
    width: 100%;
    height: 100px;
    max-width: 1200px;
    z-index: 999;
    -webkit-box-shadow: 0px 9px 22px -2px rgba(67,77,31,0.8);
    -moz-box-shadow: 0px 9px 22px -2px rgba(67,77,31,0.8);
    box-shadow: 0px 9px 22px -2px rgba(67,77,31,0.8);
    overflow: hidden;
    padding: 0;
    background-color: #f2fece;
}
#menubt{
    position: fixed;
    top: 55px;
    right: 5px;
    width: 20px;
    height: 20px;
    z-index: 9999;
    display: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bt{
    position: relative;
    height: 95%;
    width: 20%;
    margin: 0 2.5%;
    float: left;
}
.bt img{
    width: 100%;
    top: 30px;
    position: absolute;
    overflow: hidden;
}
.bt h1{
    position: absolute;
    top: 5px;
    width: 100%;
    font:700  18px 'Source Sans Pro', sans-serif;
    text-align: center;
    color: #434d1f;
}
#footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 25px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 5px 0;
    left: 0;
    right: 0;
    z-index: 9998;
    background-color: #434d1f;
    border-top: 1px solid #f2fece;
}
#footer p{
    color: #f2fece;
}
.footertxt0 h2{
    font:600  14px 'Source Sans Pro', sans-serif;
    color: #f2fece;
    width: 30%;
    float: left;
    margin: 0 2.5%;
}
.footertxt1{
    font:700  18px 'Source Sans Pro', sans-serif;
    width: 30%;
    float: left;
    margin: 0 1%;
    text-align: center;
}
.footertxt2{
    width: 30%;
    float: left;
    margin: 0 1%;
    text-align: right;
}
.footertxt2 a{
    color: #f2fece;
}
#pagecontainer{
    position: relative;
    width: 100%;
    margin-top: 40px;
    background-color: #f2fece;
}
.page{
    position: relative;
    width: 90%;
    padding: 20px 5%;
    top: 0px;
    background-color: #f2fece;
    display: none;
    height: 500px;
}
.pageItem{
    width: 100%;
    float: left;
    position: relative;
    height: auto;
    padding-bottom: 50px;
}
.pageItem:last-child{
    padding-bottom: 100px;
}
.pageItem ul{
  list-style-position: outside;
  margin-left: 25px;
  list-style-type: circle;
  list-style-image: url('https://www.casanavicella.com/css/list-style-image.png');
}
.pageItem p{
    text-align: justify;
    text-align: left;
}
.wraprechts{
    width: 60%;
    float: right;
    margin: 5px 0 10px 10px;
}
.wraplinks{
    width: 60%;
    float: left;
    margin: 5px 10px 10px 0px;
}
h1{
    font:600  16px 'Source Sans Pro', sans-serif;
    margin: 0 0 10px 0;
}
h2{
    font:600  14px 'Source Sans Pro', sans-serif;
    margin: 0 0 10px 0;
}
.page p{
    min-height: 10px;
}
#submenu{
    clear: both;
    position: relative;
    top: 20px;
    margin: 0 15% 30px 15%;
    height: 190px;
    width: 70%;
    max-width: 1200px;
    z-index: 997;
    -webkit-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.6);
    box-shadow: 0px 9px 22px -2px rgba(0,0,0,0.6);
    padding: 0;
}
#submenu .bt{
    position: relative;
    width: 28%;
    margin: 0px 2.66% 40px 2.66%;
    float: left;
    display: inline-block;
}
#submenu  img{
    width: 100%;
    top: 25px;
    left: 0;
    margin-left: 0;
    position: absolute;
}
#submenu  h1{
    position: absolute;
    top: 0px;
    margin-top: 0;
    width: 100%;
    font:700  18px 'Source Sans Pro', sans-serif;
    text-align: center;
}
/*KALENDER*/

.kalender{
    float: left;
    width: 63%;
    margin: 0px 0 0px 0%;
    z-index: 997;
    margin-bottom: 30px;
}
.kalTitel{
    position: relative;
}

.kalender h1{
    width: 100%;
    font:700  14px 'Source Sans Pro', sans-serif;
    text-align: center;
}
.kalender p{
    text-align: center;
    width: 12.5%;
    height: 21px;
}
.restr{
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.legenda{
    float: left;
    bottom: 0;
    width: 60%;
    height: 20px;
}
.legendaR{
    float: left;
    margin-left: 15px;
    width: 15px;
    height: 15px;
    background-color: #fabcb9;
}
.legendaO{
    float: left;
    margin-left: 15px;
    width: 15px;
    height: 15px;
    background-color: #efc400;
}
.legendaG{
    float: left;
    margin-left: 15px;
    width: 15px;
    height: 15px;
    background-color: #caffaf;
}
.legendaT{
    float: left;
    margin-left: 5px;
    height: 15px;

}
.showWn{
    float: right;
    margin-left: 15px;
    width: 30%;
    height: 20px;
    cursor: pointer;
}
.showWn p{
    text-align: left;
    width: 100%;

}
.maand{
    width: 29%;
    height: 205px;
    display: inline-block;
    border: 1px solid grey;
    margin-bottom: 20px;
    margin: 10px 0% 10px 3%;
}
.beschikbaarheid .maand{
    width: 14.3%;
    height: 200px;
    display: inline-block;
    border: 1px solid grey;
    margin-bottom: 200px;
    margin-right: 2px;
    margin: 10px 1% 10px 1%;
}
.dagen{
    position: relative;
    width: 100%;
    float: left;
    border-top: 1px solid grey;
}
.dag{
    position: absolute;
    pointer-events: none;
}
.week{
    position: relative;
    width: 100%;
    height: 21px;
    margin-top: 5px;
    cursor: pointer;
    background-image: url('https://www.casanavicella.com/css/geel1d.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #caffaf;
}
.wdag{
    position: relative;
    display: inline-block;
    color: #434d1f;
}
.p1{left: 0%;}
.p2{left: 14.3%;}
.p3{left: 28.6%;}
.p4{left: 42.9%;}
.p5{left: 57.2%;}
.p6{left: 71.6%;}
.p7{left: 86%;}
.v1{top: 23px;}
.v2{top: 46px;}
.v3{top: 69px;}
.v4{top: 92px;}
.v5{top: 115px;}
.v6{top: 137px;}
.wk{
    margin-left: -10%;
    font:400  9px 'Source Sans Pro', sans-serif;
    margin-top:5px;
    display: none;
}
.beschikbaarheid .nodisplay, .nodisplay{
    display: none;
}
.v1{
    background-image: url('https://www.casanavicella.com/css/lgroen1d.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.eersteweek{
    background-image: url('https://www.casanavicella.com/css/geel1d.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.laatsteweek{
    pointer-events: none;
    background-color: transparent;
    background-image: url('https://www.casanavicella.com/css/lgroen1d.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.laatsteweek .dag{
    color:#c9dd8d;
}
.laatsteweek .p1{
    color:#434d1f;
}
.non{
    pointer-events: none;
    background-color: transparent;
    background-image: none;
}
.non .dag{
    color:#c9dd8d;
}
.geklikt1d{
    background-image: url('https://www.casanavicella.com/css/groen1d.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.geklikt{
    background-color: #04c666;
}
.verhuurd1d{
    background-image: url('https://www.casanavicella.com/css/rood1d.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gereserveerd1d{
    background-image: url('https://www.casanavicella.com/css/oranje1d.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gereserveerd{
    background-color: #efc400;
    pointer-events: none;
}
.verhuurd{
    background-color: #fabcb9;
    pointer-events: none;
}
.voorbij{
    cursor: auto;
    pointer-events: none;
}
.voorbij .dag{
    color:#c9dd8d;
}
.newm {
    background-image: url('https://www.casanavicella.com/css/geel1d.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
}
.tooltip{
    position: absolute;
    background-color: red;
    padding: 5px;
    width: 200px;
    display: none;
    pointer-events: none;
    z-index: 9999;
    margin-left: 0;
}
.tooltip p{
    width: 100%;
    color :white;
}
.beschikbaarheid{
    clear: both;
    position: relative;
    margin-top: 20px;
    top: 20px;
    width: 100%;
    max-width: 1200px;
    z-index: 997;
    padding: 0;
    margin-bottom: 200px;
}
.beschikbaarheid .week{
    pointer-events: none;
    height: 12px; 
}
.beschikbaarheid .maand{
    pointer-events: none;
    height: 150px;
}
.kalTitel{
    position: relative;
}
.beschikbaarheid h1{
    width: 100%;
    font:700  14px 'Source Sans Pro', sans-serif;
    text-align: center;
}
.beschikbaarheid p{
    text-align: center;
    width: 14.3%;
    font:400  11px 'Source Sans Pro', sans-serif;
    margin: 0;
}
/*EIND KALENDER*/

/*FORMULIER*/

.resform{
    float: left;
    margin-left: 0%;
    width:35%;
    padding:0 ;
    margin-top: 33px;
    height: auto;
}
#formdiv h1{
    width: 100%;
    font:600  14px 'Source Sans Pro', sans-serif;
    color:#434d1f;
    text-align: left;
}
#formdiv p{
    width: 100%;
    font:400  14px 'Source Sans Pro', sans-serif;
    color:#434d1f;
    text-align:left;
}
input{
    width:100%;
    margin:1px 0;
}
/* Change the white to any color ;) */
/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 0px white inset;
}
input.submit{
    width:100%;
    margin:1px 15px 1px 0;
    color:#434d1f;
    background-color:#ff654a;
    pointer-events: none;
    cursor: pointer;
    z-index: 9999;
}
textarea{
    width:98%;
    margin:1px 0;
    padding:5px;
    border:none;
}
input.error{
    background-color: rgba(255,0,0,.2);
    border: 1px solid grey;
}
input#vterms {
    width: 20px;
}
label.error{
    border: none;
    background-color: rgba(255,0,0,.2);;
}
option:first {
    color: #999;
}
#formdiv h2{
    width:100%;
    font:400  14px 'Source Sans Pro', sans-serif;
    color:#434d1f;
}
.restext{
    margin: 0;
}
/*IMAGE VIEWER*/

.swiper-holder{ /* ALLEEN OP APPPAGE */
    width: 70%;
    float: right;
    margin: 0px 0 10px 10px;
}
.swiper-container {
    width: 100%;
    height: 500px;
}
.fotopage .swiper-container {
    width: 70%;
    max-width: 750px;
    height: 550px;
}
.fotopage p {
    position: absolute;
    padding-top: 10px;
    width: 70%;
    left: 15%;
    text-align: center;
}
.swiper-wrapper{
    position: absolute;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
    width: 100%;
    top: 0;
}
.swiper-button-next, .swiper-button-prev{
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 200px;
    margin-left: 97%;
    width: 26px;
    height: 26px;
    background-color: rgba(255,255,255,.5);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}



.swiper-button-next{
    background-image: url('https://www.casanavicella.com/css/narrow.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.swiper-button-prev{
    background-image: url(https://www.casanavicella.com/css/parrow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 0%;
    left: 0;
}
.fotopage  .swiper-button-prev{
    margin-left: 0%;
}
.sessieverlopen{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.5);
    z-index: 99999;
    text-align: center;
}
.sessieverlopen h1{
    position: absolute;
    width: 90%;
    top: 40%;
    background-color: white;
    padding: 5%;
    pointer-events: auto;
}
#map{
    clear: both;
    position: relative;
    width: 100%;
    height: 500px;
    margin-bottom: 100px;
}
.xtraspace{
    position: relative;
    width: 100%;
    height: 200px;
}
#mapz{ /*ZIEN EN DOEN*/
    clear: both;
    position: relative;
    width: 100%;
    height: 500px;
    margin-bottom: 0px;
}
.gMapBt{
    margin-top: 10px;
    color: blue;
    cursor: pointer;
}
#cookies{ 
    position: fixed;
    z-index: 9999;
    bottom: 50px;
    width: 100%;
    height: 75px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 5px 0;
    left: 0;
    right: 0;
    background-color: #434d1f;
    border-bottom: 1px solid #f2fece;
    display: none;
}
#cookies p{
    position: relative;
    font:400  14px 'Source Sans Pro', sans-serif;
    color: #f2fece;
    text-align: center;
}
#cookies .bt{
    position: relative;
    color: #f2fece;   
    height: 30px;
    width: 30%;
    padding: 6px 0 0 0;
    top: 10px  ;
    text-align: center;   
    float: left;
    text-decoration: none;
    margin: 0 0 0 15%;
    background-color: #f2fece;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;

}
#cookies .bt p{
    font:700  13px 'Source Sans Pro', sans-serif;
    color: #434d1f;   
}
#cookies .okbt{
    position: relative;
    height: 30px;
    width: 30%;
    text-align: center;
    padding: 6px 0 0 0;
    color: #f2fece;   
    cursor: pointer;
    float: left;
    font:700  13px 'Source Sans Pro', sans-serif;
    margin: 10px 0 0 10%;
    background-color: #f2fece;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    color: #434d1f;   
}


/*//////////// RESPONSIVE         */




/*  desktop or other large screens like large tablets */

@media (min-width: 1200px) {
    .page{
        position: relative;
        width: 80%;
        padding: 20px 10%;
        top: 0px;
        background-color: #f2fece;
        display: none;
        height: auto;
    }
    #menu{ /* menu is sticky at the bottom of the logo at 80px */
        height: 145px;
        top: 80px;
    }
    #menu .bt{
        height: 145px;
        overflow: hidden;
    }
    #submenu{
        height: 200px;
        width: 100%;
        margin: 0 0 30px 0;
    }
    #submenu .bt{
        height: 190px;
        overflow: hidden;
    }
    .swiper-container {
        width: 100%;
        height: 500px;
    }
    .fotopage .swiper-container {
        width: 80%;
        height: 550px;
    }
    .fotopage p {
        width: 80%;
        left: 10%;
    }
}
/* Portrait tablets */
@media (min-width: 661px) and (max-width: 1199px) and (orientation: portrait) {   
    #logo{
        height: 80px;
    }
    #logo h1{
        float: right;
        max-width: 55%;
        margin: 30px 1.25% 0 0 ;
    }
    #menu{  /* menu is sticky at the bottom of the logo */
        height: 115px;
        top: 80px;
    }
    #menu .bt{
        height: 105px;
        overflow: hidden;
    }
    #submenu{
        margin: 0 5% 30px 5%;
        width: 90%;
        height: 170px;
        overflow: hidden;
    }
    #submenu .bt{
        height: 160px;
        overflow: hidden;
    }
    .kalender{
        width: 100%;
        clear: both;
    }
    .legenda{
        clear: both;
        width: 100%;
        display: block;
    }
    .page{
        width: 90%;
        padding: 20px 5%;
        height: 100%;
    }
    .pageItem{
        clear: both;
        display: block;
    }
    .resform{
        clear: both;
        width: 100%;
    }
    .ft{
        width: 100%;
        height: 20px;
        font:600  14px 'Source Sans Pro', sans-serif;
        color:#434d1f;
        text-align: left;
        border-top: 1px solid  #434d1f;
    }
    .beschikbaarheid{
        width: 100%;
        left: 0%;
        margin-top: 20px;
    }
    .swiper-container {
        width: 100%;
        height: 380px;
    }
    .fotopage .swiper-container {
        width: 100%;
        height: 500px;
    }
    .fotopage p {
        width: 90%;
        left: 5%;
    }
    .swiper-button-next, .swiper-button-prev{
        margin-top: 225px;
    }
    .resform{   
        margin-bottom: 50px;        
    }
    #cookies{ 
        height: 100px;
    }
    .xtraspace{
        position: relative;
        width: 100%;
        height: 600px;
    }
}
/* Overlapt met bovenstaande media query: beperk de breedte van de page en albumviewer voor VERY LARGE portrait tablets */
@media (min-width: 950px) and (max-width: 1199px) and (orientation: portrait) {   
    .page{
        width: 80%;
        padding: 20px 10%;
        height: 100%;
    }
    .swiper-container {
        width: 100%;
        height: 400px;
    }
    .fotopage .swiper-container {
        width: 80%;
        height: 500px;
    }
    .fotopage p {
        width: 80%;
        left: 10%;
    }
}
/* Landscape tablets */
@media (min-width: 901px) and (max-width: 1199px) and (orientation: landscape) {   
    .page{
        width: 90%;
        padding: 20px 5%;
        height: 100%;
    }
    #menu{
        height: 130px;
        overflow: hidden;
    }
    #menu .bt{
        height: 120px;
        overflow: hidden;
    }
    #submenu{
        height: 160px;
        width: 80%;
        margin: 0 10% 30px 10%;
        overflow: hidden;
    }
    #submenu .bt{
        height: 150px;
        overflow: hidden;
    }
    .swiper-container {
        width: 100%;
        height: 480px;
    }
    .fotopage .swiper-container {
        width: 90%;
        height: 550px;
    }
    .fotopage p {
        width: 90%;
        left: 5%;
    }
    .xtraspace{
        position: relative;
        width: 100%;
        height: 600px;
    }

}
/* Overlapt met bovenstaande media query: beperk de breedte van de page en albumviewer voor VERY LARGE landscape tablets */
@media (min-width: 1050px) and (max-width: 1199px) and (orientation: landscape) {   
    .page{
        width: 80%;
        padding: 20px 10%;
        height: 100%;
    }
    .swiper-container {
        width: 100%;
        height: 500px;
    }
    .fotopage .swiper-container {
        width: 90%;
        height: 550px;
    }
    .fotopage p {
        width: 90%;
        left: 5%;
    }
}
/* Landscape phones and down */
@media (max-width: 900px) and (orientation: landscape) {
    #logo h1{
        float: right;
        max-width: 45%;
        margin: 30px 5% 0 0 ;
    }
    #cookies{ 
        height: 100px;
    }
    #menubt{
        display: block;  
    }
    #pagecontainer{
        margin-top: 0;
    }
    #menu{
        height: 80px;
        overflow: hidden;
    }
    #menu .bt{
        height: 70px;
        overflow: hidden;
    }
    #submenu{
        height: 120px;
        width: 100%;
        margin: 0 0% 30px 0%;
        overflow: hidden;
    }
    #submenu .bt{
        height: 110px;
        overflow: hidden;
    }
    .kalender{
        width: 100%;
        clear: both;
    }
    .legenda{
        clear: both;
        width: 100%;
        display: block;
    }
    .page{
        width: 90%;
        padding: 20px 5%;
    }
    .pageItem{
        clear: both;
        display: block;
    }
    .resform{
        clear: both;
        width: 100%;
    }
    .ft{
        width: 100%;
        height: 20px;
        font:600  14px 'Source Sans Pro', sans-serif;
        color:#434d1f;
        text-align: left;
        border-top: 1px solid  #434d1f;
    }
    .beschikbaarheid{
        width: 80%;
        left: 10%;
    }
    .beschikbaarheid .maand{
        width: 30%;
    }
    .swiper-holder{ /* ALLEEN OP APPPAGE */
        width: 70%;
        float: right;
        margin: 5px 0 10px 10px;
    }
    .swiper-container {
        height:310px;
    }
    .fotopage .swiper-container {
        width: 75%;
        height: 335px;
    }
    .fotopage p {
        width: 75%;
        left: 12.5%;
    }
    .swiper-button-next, .swiper-button-prev{
        margin-top: 150px;
    }
    .swiper-button-prev{
        margin-left: 0%;
    }
    #map{
        height: 250px;
    }
    .xtraspace{
        position: relative;
        width: 100%;
        height: 200px;
    }
    #mapz{ /*ZIEN EN DOEN*/        
        height: 250px;
    }
}

/* Portrait phones or fablets and down */
@media (max-width: 660px) and (orientation: portrait) {
    #logo{
        height: 120px;
    }
    #logo h1{
        margin: 10px 1.25% 0 0 ;
        max-width: 100%;
    }
    #menu{
        height: 160px;
        overflow: hidden;
    }
    #pagecontainer{
        margin-top: 0;
    }
    #menu .bt{
        height: 70px;
        width: 45%;
        overflow: hidden;
    }
    .bt h1{
        font:700  14px 'Source Sans Pro', sans-serif;
    }
    #submenu{
        height: 100px;
        width: 100%;
        margin: 0 0% 30px 0%;
    }
    #submenu .bt{
        height: 90px;
        overflow: hidden;
    }
    #submenu  h1{
        font:700  14px 'Source Sans Pro', sans-serif;
    }
    .page{
        width: 90%;
        padding: 20px 5%;
    }
    .pageItem{
        clear: both;
        display: block;
    }
    .wraprechts{
        margin: 5px 0px 10px 0px;
        width: 100%;
    }
    .wraplinks{
        margin: 5px 0px 10px 0px;
        width: 100%;
    }
    .beschikbaarheid{
        width: 90%;
        left: 5%;
    }
    .beschikbaarheid .maand{
        width: 45%;
    }
    .kalender{
        width: 100%;
        clear: both;
    }
    .legenda{
        clear: both;
        width: 100%;
        display: block;
    }
    .kalender .maand{
        min-width: 45%;
    }
    .showWn{
        width: 100%;
    }
    .showWn p{
        margin-left: 15px;
    }
    .resform{
        clear: both;
        width: 100%;
        margin-bottom: 50px;        
    }
    #footer{
        height: 55px;
    }
    .footertxt0 h2{
       width: 100%;
       text-align: center;
    }
    .footertxt1{
       width: 100%;
       text-align: center;
    }
    .footertxt2{
       width: 100%;
       text-align: center;
    }
    .swiper-holder{ /* ALLEEN OP APPPAGE */
        width: 100%;
        float: right;
        margin: 0px 0 10px 0px;
    }
    .swiper-container {
        height:265px;
    }
    .fotopage .swiper-container {
        width: 100%;
        height: 265px;
    }
    .fotopage p {
        width: 100%;
        left: 0%;
    }
    .swiper-button-next, .swiper-button-prev{
        margin-top: 130px;
    }
    .swiper-button-prev{
        margin-left: 0%;
    }

    #cookies .bt{
        height: 30px;
        width: 40%;
        margin: 0 0 0 5%;
    }
    #cookies .okbt{
        height: 30px;
        width: 45%;
        margin: 10px 0 0 5%;
    }
    #cookies{ 
        height: 105px;
        bottom: 60px;
    }
    #map{
        position: relative;
        height: 350px;
    }
    .xtraspace{
        position: relative;
        width: 100%;
        height: 300px;
    }
    #mapz{ /*ZIEN EN DOEN*/
        height: 400px;
    }
}