/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 1220 PX *******************************************/
/******************************************************************************/
@media screen and (max-width: 1220px) {
	#container .blok.tekstpagina #text {width:100%;padding:0 40px 40px}
	#kolom .blok .item{padding:40px}
	#kolom .blok.afbeelding{height:300px}
	/*#menu ul li:last-of-type a{margin-right:30px}
	#menu ul li a{padding:0 16px;margin:0 4px}
	*/
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 1120 PX *******************************************/
/******************************************************************************/
@media screen and (max-width: 1120px) {
	/*#header .wrapper{width:340px;}
	#header .wrapper h2{font-size:21px;margin:5px 0 10px 0}
	#header .wrapper .openingstijden {overflow:hidden;height:100%;text-align:center}
	#header .wrapper .openingstijden table, #header .wrapper .openingstijden table.contact{display:inline-block;text-align:left;margin:3px 20px}
	
	
	#afbeeldingen iframe{margin-top:-250px;opacity:0.8}
	
	#afbeeldingen, #header .tekst, #header .wrapper{height:295px}
	#header .tekst h3{margin-top:112px}
	
	#container #content{margin-top:429px;padding:30px 20px} */
	
	form{max-width:98%}
	form .interesses{width:100%;max-width:360px;}
	form .interesses .cb-item{float:left;width:120px}
	form .bericht{width:100%;margin-left:0;max-width:335px;float:none}
	form button{float:none;}
}

@media screen and (max-width: 1024px) {
    /***** MENU *****************************************************************/
	#menu{position:absolute;top:0;left:0;width:100%;padding-bottom:4px}
	#btn_menu_mobiel{display:block;position:absolute;top:0;right:0;padding:10px 15px;width:62px;height:56px;cursor:pointer}
	#btn_menu_mobiel span{width:32px;height:3px;display:block;overflow:hidden;background:#fff;margin:7px 0;}
	
	#menu ul{transition:0s;display:none;background:#000;text-align:right;width:100%;list-style:none;box-shadow:0 0 5px #666;margin:0;padding:50px 0 20px 0}
	#menu ul li{display:block;max-width:200px;text-align:left;margin-left:calc(100% - 200px)}
	#menu ul li.uitklap i{display:none}
	#menu ul li a{padding:10px;color:#fff;line-height:unset}
	#menu ul li a:hover{border:none}
	#menu ul li #submenu{display:block;position:relative;top:auto;left:auto;margin:0 40px 20px;box-shadow:none;padding:0;background:none;}
	#menu ul li #submenu li a{color:#fff}
	#menu ul li #submenu li:first-of-type{padding:0}
	
	#menu .social_media{left:20px}
}
    
    
@media screen and (max-width: 1080px) {
	#popup{width:98%;max-width:600px}
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 960 PX ********************************************/
/******************************************************************************/
@media screen and (max-width: 960px) {
	
	#footer h2, #footer #activiteiten h2{font-size:20px}
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 830 PX ********************************************/
/******************************************************************************/
@media screen and (max-width: 760px) {
	
	 a.anker{padding-top:160px} 
	
	#afbeeldingen.home, #afbeeldingen, #activiteiten, #activiteiten ul, #activiteiten.home ul, #activiteiten.home{height:350px}
	#afbeeldingen{top:385px;width:100%;}
	#activiteiten{top:385px;}
	#activiteiten.home ul, #activiteiten ul{padding:10px 20px}
	#activiteiten ul li a{line-height:30px;height:30px}
	#activiteiten ul h2{margin-bottom:5px}
	
	#activiteiten .zeshoek{width:90px;bottom:-38px}
	
	h1{font-size:32px;line-height:32px;margin-bottom:15px}
	
	#container{padding-top:735px}
	#container.home {padding-top:786px;}
	#container .blok.tekstpagina{padding:30px 10px}
	#container .blok.tekstpagina #text{padding:0 10px}
	
	#header{width:100%}
	#logolinks{max-width:90%}
	
	#activiteiten{right:0;width:200px}
	#activiteiten ul{padding:20px}
	#activiteiten ul h2{font-size:22px}
	
	#header .wrapper .quote{font-size:21px}

	
	
	
	#container{display: flex;flex-wrap: wrap;}
	#header{order:1}
	.blok.tekstpagina{order:2}
	.blok.afbeelding{order:3;height:300px}
	.blok.reizen{order:4}
	.blok.reisfoto{order:5}
	.blok.contact{order:6}
	.blok.nieuwsbrief{order:7}
	.blok.sto{order:8}
	/* */

	#kolom{width:100%}
	#kolom.rechts .blok .item, .blok .item, .blok.sto .item{float:none;margin:0 auto;padding:20px}
	.blok.sto img{margin-top:0;max-height:76px;margin-bottom:20px}
	#container .blok.tekstpagina #text, .blok .item{max-width:unset}
	
	/* nieuws */
	#nieuws .item .blok{width:100%;float:none}
	#nieuws .blok .tekst, #nieuws .blok.links .tekst{padding:10px;float:none}
	#nieuws .meer, .blok.nieuws .item .meer{position:relative;left:auto;padding:0 10px;width:calc(100% + 20px);margin-left:-10px}
	#nieuws .leesmeer, #nieuws .leesminder, .blok.nieuws .item .leesmeer, .blok.nieuws .item .leesminder{float:none;padding-bottom:10px;text-align:right;width:100%}
	
	/* footer */
	#footer .kolom, #footer .kolom.hoogte, #footer .kolom.kolom-logo{width:100%;text-align:center;margin-bottom:40px;height:auto}
	#footer .logo{margin-bottom:0}
	#footer #activiteiten{width:100%}
	#footer #activiteiten ul{text-align:center;}
	#footer .gegevens{padding:10px 20px}
	#footer .gegevens .scheiding{display:block;font-size:0;line-height:0}
	#footer .gegevens .scheiding:first-of-type{font-size:14px;display:inline}
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 550 PX ********************************************/
/******************************************************************************/
@media screen and (max-width: 680px) {
	#header .wrapper .logo{margin-bottom:20px}
	
	.blok .item.reis h1{font-size:30px}
	.routeregel{min-width:360px}
	.blok .item.reis .routeregel span{width:100px;overflow:hidden}
	.blok .item.reis .routeregel span.van{display:none}
	.blok .item.reis .aanvullend ul{padding-left:14px}
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 570 PX ********************************************/
/******************************************************************************/
@media screen and (max-width: 525px) {
	#menu{position:fixed}
	
	#header{width:100%}
	#activiteiten ul{display:none}
	#activiteiten{width:100%}
	#activiteiten .zeshoek{left:auto;right:10px;}
	#footer #activiteiten ul{display:block}
	
	.blok.reisfoto{height:300px}
	
	
}


/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 470 PX ********************************************/
/******************************************************************************/
@media screen and (max-width: 470px) {
	
}

/******************************************************************************/
/******************************************************************************/
/***** SCHERMEN KLEINER DAN 400 PX ********************************************/
/******************************************************************************/
@media screen and (max-width: 400px) {
	#afbeeldingen.home, #afbeeldingen, #activiteiten{top:375px;height:230px}
	#container, #container.home {padding-top: 605px;}
	form{width:100%;text-align:center}
	form .onderdeel.aanhef, form .interesses .cb-item{float:none;margin: 0 auto}
	form .interesses .cb-item{width:166px}
}