body{background-color:#3E6A0F;font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;font-size:15px;margin:auto}
#container{clear:left;overflow:hidden;background-color:#FFFFFF;padding:10px;padding-top:0px}
#container .column{position:relative;float:left;padding-bottom:20010px;margin-bottom:-20000px}
#container .column h1,#container .column h2,#container .column h3{font-family: "Gabriola", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;color:#052f17}
#container .column h1{font-size:186%}
#container .column h2{font-size:157%}




#center{width:100%;background-color:#FFFFFF;margin-top:0px}
#navboven{z-index:100}


* html body{overflow:hidden}

.afl{font-size:106%;font-weight:bolder;color:#2655c1;text-decoration:underline}
.afl2{font-size:125%;font-weight:bolder;color:#2655c1;text-decoration:none}
.nivoSlider{position:relative;background:url(../nivo-slider/themes/default/loading.gif) no-repeat 50% 50%}
.nivoSlider img{position:absolute;top:0;left:0;display:none}
.nivoSlider a{border:0;display:block}

.refresh{background-color:#3E6A0F;color:#fff}
.refresh:hover{background-color:#bb2e33}

.acpag2 img,.ban img{border:0}
.acpag a:hover,.acpag2 a:hover,a.afl:hover,a.afl2:hover,a.aflgroot:hover,a.aflnatuur:hover,.cred a:hover,a.stad:hover,#container div.wegroot a:hover{color:#ff6709}



#container h1.head {
font-size:249%;color:#BB2E33; 
	
}

#container h2.head {
font-size:200%;
	color:#406D10

	
}




#container .column .head2 {
	font-size:200%;
	color:#406D10
	
}

#container .terug {
	font-size:150%;color:#BB2E33;font-weight:bold;
	font-family: "Gabriola", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif
}


.error {
	font-size:20px;
}

@media all and (max-width:600px) {

.error {
	font-size:14px;
}

}

.note {
background-image:url('../icon-ster.jpg');
float:left;
width:20px;
height:20px;
margin-right:5px
	
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
 
  
/* flexbox navigatie */

#navboven {text-align:center;padding-top:10px;
background-color:#3E6A0F;
display:flex;
height:300px;
background-image:url('../header-test31.jpg');background-repeat:no-repeat;width:100%;
flex-wrap:wrap;
}



#navboven a {
font-family: "Gabriola", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
font-size:30px;
font-weight:bold;
color:#FFFFFF;text-decoration:none;
border-bottom:2px solid #FFFFFF;
padding:5px 10px 10px 10px;
background-color:#3E6A0F;
border-radius: 5px;

}


#navboven a:hover {
color:#FFFFFF;
border:2px solid #FFFFFF;
background-color:#3E6A0F;
border-radius: 5px;

}

@media all and (min-width:501px) and (max-width:1000px) {
#navboven {text-align:center;padding-top:10px;
background-color:#3E6A0F;
display:flex;
height:300px;
background-image:url('../header-test-middel2.jpg');background-repeat:no-repeat;width:100%;
flex-wrap:wrap;

}
}



@media all and (max-width:500px) {
#navboven {text-align:center;padding-top:10px;
background-color:#3E6A0F;
display:flex;
height:300px;
background-image:url('../header-test-klein3.jpg');background-repeat:no-repeat;width:100%;
flex-wrap:wrap;


}

#navboven a {
font-size:20px;
font-weight:bold;
color:#FFFFFF;text-decoration:none;
border-bottom:2px solid #FFFFFF;
padding:5px 10px 10px 10px;
background-color:#3E6A0F;
border-radius: 5px;

}


}



/*

@media all and (max-width:600px) {

#navboven a {
font-size:22px;
font-weight:bold;
color:#FFFFFF;text-decoration:none;
border-bottom:2px solid #FFFFFF;
padding:5px 10px 10px 10px;
border-radius: 5px;
background-color:transparent;

}
}	

*/



#navboven > div {
flex: 1 1 300px;
padding:10px;
text-align:center;

}



#navboven .home a {
padding-left:-10px;
border:0px;
background-color:transparent;
		
}


#navboven .home img{
min-width:240px;margin-top:-7px;
border-radius:5px;

}

#navboven .zoek {
margin-top:-7px;

}


#navboven .zoek a {
font-size:14px;
color:#285899;text-decoration:none;
background-color:#FFFFFF;
border:0px

}



/* centreren tekst zoekbalk */



#navboven > .zoek > input{
width:240px; height:40px;
text-align:center;
		
}




/* flexbox navigatie footer*/


#footer-wrapper{
background-color:#3E6A0F;
display:flex;
flex-wrap:wrap;
	
}

#footer a {
font-size:18px;
color:#FFFFFF;text-decoration:none;
font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;color:#fff;font-weight:lighter;
padding:10px;
white-space: nowrap;
}

#footer a:hover {

text-decoration:underline;

}



#footer-wrapper > div {
flex: 1;
padding:10px;
text-align:center;

}

.statement{
	text-align:center;
	font-size:120%;color:#fff;
	margin:auto;
	margin-bottom:40px
	
	}	


@media all and (max-width:1000px) {

.statement{
	text-align:center;
	font-size:110%;color:#fff;
	margin:auto;
	margin-bottom:40px;
	margin-top:20px
	
	}
	
	}

#footer-wrapper .land {
	font-size:150%;color:#fff;

}




/* flexbox buttons bestemmingen*/

.button-wrapper {

display:flex;
flex-wrap:wrap;
justify-content:space-around;
	
}

.button-wrapper > a > img {
flex: 1;
margin:5px;

}

@media all and (max-width:1000px) {

.button-wrapper > .placehold {
	display:none
	
}

}


.accbox  {
display:flex;
flex:no-wrap;
}


.accfoto  {
flex:1 1 636px;
margin-right:5px;

}

.accfoto2  {
flex:1 1 299px
}


/*navigatie bij kleinere schermen */


@media all and (max-width:600px) {
	#navboven, #footer-wrapper {flex-wrap: wrap;
	}
	
	#navboven > div, #footer-wrapper > div {flex: 1 1 50%;
	
	}
	
		.ster {max-height:20px

}

	
}




@media all and (max-width:400px) {
	#navboven, #footer-wrapper {flex-wrap: wrap;
	}
	
	#navboven > div, #footer-wrapper > div {flex: 1 1 100%;
	}

}





/* automatisch resizen van foto */

img {
  max-width: 100%;
  height: auto;
}



/* div van hotelbutton + foto op bestemmingspagina en fotobox2 voor profielfoto */

.fotobox {
  max-width:100%;
  height:auto;
  float:right;
  margin-left:20px
  
}


.fotobox2 {
  max-width:100%;
  height:auto;
  float:right;
  margin-left:20px
  
}

.fotobox3 {
  max-width:100%;
  height:auto;
  float:left;
  margin-right:20px
  
}




/* resizen van iframekaarten */


.kaart {
	
overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    
    }
    

.kaart iframekaart {
	left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.legenda {
margin-top:-15px;


}




/* laten wegvallen van booking kaart */

@media only screen and (max-width: 1000px) {


.kaartbooking {
	display:none


}






}



@media only screen and (max-width: 900px) {

 .fotobox {
  max-width:40%;
  height:auto;
  

}


 .fotobox2 {
  max-width:30%;
  height:auto;
  

}




}


@media only screen and (max-width: 600px) {

 .fotobox {
  max-width:100%;
  height:auto;
  margin-left:0px;
  margin-bottom:-20px;
}


.fotovert {
	display:none;
	
}



.kaart {
	display:none;
	
}

.legenda {
	display:none


}


.note {
	display:none;
}


}


@media only screen and (max-width: 800px) {

#container h1.head {
	font-size:23px;
}

#container .column #tabs h2 { 
      font-size:18px;
   }




#tabs {
	font-size:16px
}

#container #tabs a {
	font-size:14px
}

}



@media only screen and (max-width: 400px) {

#container h1.head {
	font-size:16px;
}

#container #tabs a {
	font-size:11px
}

#container #tabs {
	font-size:12px
}

#container .afl2 {
	font-size:20px;
}


}



         


@media all and (min-width:1000px) {
	#container {width:1000px;margin:auto;margin-bottom:50px;
}

/* actie2 is foto zonder link */

.actiebox > .actie2  {
flex: 1 1 400px;
margin-top:-18px;
margin-right:8px;

}

}




/* lettergrootte voor klein scherm */

@media only screen and (max-width: 500px) {

  #container .column h1 { 
      font-size:18px;
   }

#container .column #tabs h2 { 
      font-size:16px;
   }


#container .column #tabs li { 
      font-size:13px;
      

   }

#tabs li a {
background-image:none;
}



.actiebox > .actie2 {
display:none;
	
}


.actiebox > .actieklein {
display:none;
	
}

}


/* twee linkfoto's die als columns onder elkaar komen bij klein scherm */


@media only screen and (max-width: 420px) {


#container .column .actiebox { 
      display:flex;
      flexwrap:wrap;
      flex-direction:column;
     
      
   }
   
#container .column .actiebox .actie { 
      margin-bottom:-190px;     
      
   }
   
}


@media only screen and (max-width: 350px) {


#container .column .actiebox { 
      display:flex;
      flexwrap:wrap;
      flex-direction:column;
     
      
   }
   
#container .column .actiebox .actie { 
      margin-bottom:-220px;     
      
   }
   
}



/* lettergrootte voor klein scherm */

#container .column .actiebox { 
      display:flex;
      flexwrap:wrap;
         
   }
   
   
/* actie is foto met link en actie2 foto zonder link */

   
.actiebox > div > img {
width:100%;
height:100%;
object-fit:scale-down;

	
}

.actiebox > .actie {
padding:2px;
	
}



.actiebox > .actie, .actiebox > .actie2 {
flex: 1 1 400px;
	
}


.actiebox > .actieklein {
flex: 1 1 110px;

	
}






/* firefox ruimte tussen regels aanpassen */

@-moz-document url-prefix() {
  p {
    line-height:120%;
  }