/* eigen CSS specifiek */
html,body, #pages p{-webkit-hyphens: manual !important;hyphens: manual !important;-epub-hyphens: manual !important;}
#pages .undl{border:0;text-decoration:underline}
#pages .undl2{border-bottom-style:solid}

#pages h1 { color:white;font-size:46px;}
#pages h1{margin:0 !important;position:relative;top:-6px;}
#pages h2.subheader{position:relative;top:-4px;color:rgb(246,249,148);font-size: 30px;}

#pages .blacktransp, #pages > #sliderinner > div .abs.m-blacktransp{background:rgba(173,220,242,0.5) !important;}
.lighttext{color:white}
.textframe-light{background:rgb(246,249,148);color:rgb(36,50,65);}

.textframe-dark {background:rgb(64,77,93);color:white;}
.textframe-dark h3{color:white}
#pages .textframe-light a{border-color:#333333}
#pages .textframe-dark a{border-color:white}
#pages p.lighttext-medium, li.lighttext-medium{font-size:15px}

#logo{left:auto;right:0;}
#logo p{color:white;text-align:right;}
span.re {color:rgb(246,249,148);font-size:56px;}
span.tours {font-size:56px;}
span.maand {font-size:18px;}


#pages div.laatste{padding:120px}
#pages div.laatste .subheader{margin-bottom:10px;font-size:23px;color:white}

#pages div img{width:100%;height:100%;}

#taal {
box-shadow: none;
left: -71px;
top: 450px;
}

#pages #auteur, #pages #maand p{font-size:17px !important;}
#maand{bottom:0 !important;}
#pages #auteur{text-align:right;}
#pages #kop{height:130px; overflow:hidden;}

.picto{background-position:center center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;z-index:99;left:0;top:0px;border:0 !important;filter: grayscale(25%); -webkit-filter: grayscale(25%);}
.play{background-image:url(/graph/play-yellow.png);background-size:51px 51px;width:51px;height:51px;}
.plus{background-image:url(/graph/plus-yellow.png);background-size:52px 52px;width:52px;height:52px;}
.map{background-image:url(/graph/map-yellow.png);background-size:102px 102px;top:-10px;}

#video1{top:-38px;left:673px}


#introimg{height:639px !important;bottom:0;}
#ele{width:50% !important;}

#plus1{top:180px;left:-25px;}
#video1{top:15px;left:228px;}

#clickfix{width:70px;height:63px;position:absolute;bottom:0;right:200px;z-index:999;display:none;}

@media only screen and (max-width:1022px) {
		.v-dp{display:inline !important;}
		.v-b0l0{top:auto !important}
		.v-ha{height:276px !important;}
		.v-pt30{padding-top:20px;}
		.v-nobr{white-space:nowrap}
		.v-cols{-moz-column-gap: 13px;-webkit-column-gap: 13px;-ms-column-gap: 13px; column-gap: 13px;}

		#plus1{top:190px;}

		.item19{top:256px;left:0;}
		#nasleep{width:50% !important;}
		#nsp{bottom:auto;top:20px;}


		#plus3{float:right;position:static;margin-left:10px}		
	
		#auteur{display:none;}
		#logo{margin-top:-10px !important}
}


/* InDesign CSS: */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}
body {
	font-size:12px;
	-epub-hyphens:auto;
}
p.darktext-medium {
	-epub-hyphens:none;
	
	font-family:FuturaMedium, sans-serif;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	line-height:1.5;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	text-indent:0px;
}
p.darktext-small {
	-epub-hyphens:none;
	
	font-family:FuturaCondensedMedium, sans-serif;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	line-height:1.5;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	text-indent:0px;
}
p.lighttext-medium,li.lighttext-medium {
	-epub-hyphens:none;
	color:#ffffff;
	font-family:FuturaMedium, sans-serif;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	line-height:1.5;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	text-indent:0px;
}
p.lighttext-small {
	-epub-hyphens:none;
	color:#ffffff;
	font-family:FuturaCondensedMedium, sans-serif;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	line-height:1.5;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	text-indent:0px;
}
p.darktext-smallheading {
	-epub-hyphens:none;
	color:#970000;
	font-family:FuturaCondensedExtraBold, sans-serif;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:800;
	line-height:1.5;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	text-indent:0px;
}
#pages .subheader {
	color:white;
	font-family:FuturaCondensedMedium, sans-serif;
	font-size:28px;
	font-style:normal;
	font-variant:normal;
	font-weight:500;
	line-height:1.2;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	text-indent:0px;
}




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

  .textframe-light.transp {background:transparent !important;color:white !important;}
  #auteur.down{padding:0 !important;margin:0 !important;}

  #pages > #sliderinner > div {background:rgb(64,77,93) !important}
  
  #pages h1 {font-size: 28px !important; font-size: 7.5vw !important;}
 
  #pages h2.subheader {font-size: 16px !important; font-size: 4.5vw !important;}
  #pages > #sliderinner > div div{overflow:hidden;}
 	
  #pages > #sliderinner > div #h1wrap{position:absolute !important;top:0px;left:0;z-index:99;padding:10px 20px;}
  #pages h2.subheader span{display:none}
  #pages > #sliderinner > div  #headblok{background:rgb(190,216,199) !important;padding:12px 20px 5px 20px !important;}

#introimg{padding: 0 !important;margin:0 !important;}
  #pages > #sliderinner > div #kop{padding-bottom:7px !important;}
  #pages > #sliderinner > div .item30 img{margin:-7% 0 -4% 0 !important}
  #pages > #sliderinner > div .item39 img{margin:-6% 0 0 0 !important}
    #pages > #sliderinner > div .item40 img{margin:-2% 0 -3% 0 !important}


  #taal {top: auto !important;bottom:115px !important}

  #pages > #sliderinner > div #maand, #pages > #sliderinner > div #logo{ position:relative !important;margin-top:-70px !important;float:left; 
  	width:auto !important;padding-bottom:0 !important;top:15px !important;}
  #pages > #sliderinner > div #logo{text-shadow:none;float:right}
  #logo #logotext, span.re, span.tours {font-size:42px !important}

  #pages > #sliderinner > div span.v-ndp{display:inline !important}
  
  #video1{position:static !important;float:right !important;margin-left:10px !important}

  #plus1 {top:0 !important}
   #plus2{position:static !important;display:block;float:right;}

  .m-show {display:inline !important}

  #clickfix{display:none !important;width:0px !important;}

  
}