@charset "utf-8";
/* CSS Document */
html, body {
	/*font-family: 'Roboto', sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;	
	background-color:#ccc;
	min-width:630px;
}


div, header, section, article, footer, nav{box-sizing:border-box;}
#overlay{position:fixed; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.4); display:none;}	



#header{background-color:#444; height:80px; color:#fff; position:fixed;z-index:6; width:100%;}
#header_inner{max-width:1250px; margin:0 auto; padding:10px;}
#header h1{font-weight:normal; font-size:300%; margin:0; padding:0; display:inline-block; margin-right:50px;}
#header h2{font-weight:normal; font-size:250%; margin:0; padding:0; display:inline-block}

#blockje{display:inline-block; font-size:140%; margin-left:100px; margin-top:-7px; font-style:italic;}
#blockje h3{display:inline-block; margin-right:8px; font-weight:normal;}


#flags{float:right; }
#flags_mob_txt{display:none;}
#flags img{border:solid 1px #aaa; height:20px;  margin-bottom:3px;cursor:pointer; margin-left:10px;transition:0.4s;}
#flags img:hover:not(.flag_sel){ mix-blend-mode: color-dodge;}
.flag_sel{border:solid 1px #fff!important; box-shadow:0 0 10px #fff;}

#mob_menu, #mob_menu_opener, #mob_flag_opener{display:none;}
#menu{position:fixed; top:80px; width:200px; height:Calc(100% - 80px);  z-index:5; background-color:#fff; overflow-y:auto; border-right:solid 1px #ccc; }
#menu_header{display:none;}
.menu_item{ padding:5px 0 5px 15px; font-size:130%;  cursor:default;transition:0.4s; }
.menu_item:not(#link_voorstellingen):hover{color:#c00; background-color:#ddd; cursor:pointer;}

#sub_menu{position:absolute;z-index:10; top:155px;  width:100%; background-color:#444; color:#fff; text-align:center; padding-bottom:20px; padding-top:20px;display:none;}
/*#sub_menu_inner{max-width:1200px; margin:0 auto; background-color:#444; color:#fff; text-align:center; padding-bottom:20px;}*/
.sub_menu_item{padding:4px 20px 4px 40px; transition:0.4s;}

.sub_menu_item:hover{color:#c00; cursor:pointer;background-color:#eee;}

#container{ max-width:1250px;margin:0 auto; background-color:#fff; padding-top:90px;}

.voorstelling{display:inline-table; margin-left:225px; max-width:Calc(100% - 250px); width:100%;margin-bottom:10px; background-color:#fff; padding:10px; padding-bottom:0;border:solid 1px #fff; border-radius:5px; transition:0.4s}
.voorstelling:hover{background-color:#eee; cursor:pointer; border:solid 1px #ccc;}

.img_holder{ width:100%; margin-right:20px;}
.img_holder img{width:100%; display:table-cell; border-radius:5px;transition:0.4s; }
.img_holder img:hover{}

.mob_voorstelling_header{position:absolute;font-size:250%; margin:0; padding:10px 20px; color:#fff; margin-top:10px; margin-left:20px; font-weight:normal;}

.voorstelling_txt{  padding:10px 100px; white-space:pre-line; text-align:center; }

.voorstelling_txt p{margin:0; padding:0}
.voorstelling_txt h2{margin:0; padding:0; font-weight:normal; font-size:100%;}



.voorstelling_txt:hover{color:#069;}

/*.lees_meer_holder{max-width:1500px;margin:0 auto;}
.lees_meer_holder div{ font-size:120%; padding:3px 20px;  border-radius:8px; display:inline-block; background-color:#f00; color:#fff; margin-top:10px; margin-left:20px; transition:0.4s; cursor:pointer;}
.lees_meer_holder div:hover{background-color:#c00;}*/

#footer{margin-left:190px;background-color:#888; color:#fff;  text-align:center; font-size:small; padding:20px 10px 10px 10px; line-height:1.4; white-space:pre-line;}
#footer #f_txt{font-size:120%;}
#footer #sm{margin:4px 0 4px 0;}
#footer #rechten{margin:6px 0 6px 0; }
#footer a{ text-decoration:none; color:#fff;}
#footer a:hover{color:#ddd; cursor:pointer;}



/*@media only screen and (max-width : 1117px){
	#blockje{margin-left:30px;}
	
}
@media only screen and (max-width : 1050px){
	#blockje {float:right}
	#blockje h3{;display:block; font-size:90%; margin-top:0; margin-bottom:0;}
}*/



/*----------------------------------------------IPAD--------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){
	
#header{background-color:#444; }
#header_inner{width:100%; margin:0 auto; padding:10px;}

#header h1{font-weight:normal; font-size:250%; margin:0; padding:0; display:inline-block; margin-right:20px;}
#header h2{font-weight:normal; font-size:200%; margin:0; padding:0; display:inline-block}


.slide_out{left:-100%;}
.slide_in{left:0;}

#mob_menu_opener{display:block; float:left; margin-right:20px; }
#menu{position:fixed; top:0; z-index:10; width:300px; height:100%; background-color:#444; color:#fff; transition:0.4s; display:block;}
#menu_header{display:block;text-align:right; padding:10px; background-color:#f00;}
.menu_item{display:block; font-weight:bold; border-bottom:solid 1px #ccc;font-size:110%; padding: 10px;}
.sub_menu_item{display:block; padding:10px 40px;border-bottom:solid 1px #ccc;}

/*#flags{display:none;}
#flags img{height:25px;}*/

#container{ max-width:none;width:100%; margin:0 auto; background-color:#fff; }
.img_holder img{border-radius:0; }

.mob_voorstelling_header{position:absolute;font-size:300%; margin:0; padding:10px 20px; color:#fff; margin-top:10px; margin-left:20px;}

.voorstelling{display:inline-table; margin-left:0; max-width:none;margin-bottom:0; padding:10px 0;}
.voorstelling:hover{background-color:#fff; cursor:pointer;}



.voorstelling_txt{padding:10px 50px; white-space:pre-line; text-align:center; }

.voorstelling_txt p{margin:0; padding:0;}
.voorstelling_txt p:nth-child(1){font-size:250%;line-height:1;}
.voorstelling_txt p:nth-child(2){font-size:180%; margin-top:-15px;}
.voorstelling_txt p:nth-child(3){font-size:110%; margin-top:-15px;}


#footer{width:100%; margin-left:0; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
	#header{background-color:#444; height:67px;}
	#blockje{position:absolute; right:200px; top:15px;font-size:110%;}
	#blockje h3{display:inline-block; font-weight:normal; }
	#header h1{margin-top:0;}
	#header h2#sub_title{font-size:200%;}
	
	#container{ padding-top:56px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
	#header{background-color:#444; height:72px;}
	#header h1{margin-top:10px;}
	#header h2#sub_title {; font-size:170%;   }
	#blockje{position:absolute; right:10px; top:30px }
	#blockje h3{display:inline-block; font-size:80%; }
	
	#flags{margin-top:0}
	#flags img{}
	#container{ padding-top:61px; margin-top:0;}
}



/*----------------------------------------------PHONE--------------------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 667px) {
html, body {min-width:0;}

#header{background-color:#444; height:77px; color:#fff; }
#header_inner{width:100%; margin:0;  padding:10px; }
#header h1{font-weight:normal; font-size:140%; margin:0; display:block; margin-top:-5px;}
#header h2{font-weight:normal; font-size:120%; margin:0;  float:left; margin-top:-2px;}	

#blockje{position:absolute; margin-left:0; left:85px; top:45px; font-size:75%; line-height:1.1;}
#blockje h3{display:inline-block;}

.slide_out{left:-100%;}
.slide_in{left:0;}

#menu{position:fixed; top:0; z-index:10; width:100%; height:100%; background-color:#444; color:#fff; transition:0.4s; display:block;}
#menu_header{display:block;text-align:right; padding:10px; background-color:#c00;}
.menu_item{display:block; font-weight:bold; border-bottom:solid 1px #ccc; font-size:110%; padding: 10px;}
.sub_menu_item{display:block; padding:10px 40px;border-bottom:solid 1px #ccc;}

#mob_menu_opener{display:block; background-color:#444; margin-top:3px;float:left; margin-right:20px;}

#flags{position:absolute;z-index:6; left:0; top:0; padding:10px 10px 20px 10px; background-color:#444; width:100%; text-align:center; color:#fff; font-size:small; border-bottom:solid 1px #ccc; display:none;}
#flags img{border:solid 1px #ccc;  display:inline-block; height:40px; margin:0 10px; cursor:pointer}
#flags_mob_txt{display:block; margin-bottom:15px;}
#mob_flag_opener{display:block; position:absolute;right:0; top:13px; padding-bottom:20px; padding-left:20px; padding-right:10px;}
#mob_flag_select{float:right; padding:10px; background-color:#fff;}

#container{ max-width:none;width:100%; margin:0 auto; background-color:#fff; padding-top:76px;}

.img_holder{float:none; width:100%;min-width:0; margin-right:0;}
.img_holder img{border-radius:0; }

.voorstelling{display:inline-table; margin-left:0; max-width:none;margin-bottom:0; padding:0;}
.voorstelling:hover{background-color:#fff; cursor:pointer;}

.mob_voorstelling_header{ font-size:150%; margin:0; padding:10px; font-weight:normal; color:#000;position:static; background-color:#eee; line-height:0.9}

.voorstelling_txt{padding:10px; white-space:pre-line; text-align:center; }
.voorstelling_txt p{margin:0; padding:0}
.voorstelling_txt p:nth-child(1){font-size:160%;line-height:1;}
.voorstelling_txt p:nth-child(2){font-size:140%; margin-top:-15px;}
.voorstelling_txt p:nth-child(3){font-size:100%; margin-top:-15px;}

#footer{width:100%; margin-left:0; padding-top:10px;}
}