/* 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}
.bb1{border-bottom: 1px solid white !important}
#pages .ndp{display:none}

h1{font-size:66px;white-space: nowrap;}
#pages h2.subheader{font-size:32px;white-space: nowrap;}
#logo{text-shadow:none}


.textframe-light{background:rgb(255,255,255);color:rgb(64,77,93);}
.textframe-dark{background:rgb(64,77,93);color:white !important;}
h1, h2.subheader, #maand p.lighttext-small{color:rgb(64,77,93) !important;}
#maand{bottom:0 !important;}
#maand p{margin-bottom:0 !important;}
.textframe-dark h3, p.lighttext-small, .subheader{color:white !important;}
#pages .textframe-light a{border-color:rgb(64,77,93)}
#pages .textframe-dark a{border-color:white}
#pages .textframe-dark p img{width:216px !important;}

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

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

#pages div #titelblokje{padding-bottom:10px;}

span.re {color:rgb(64,77,93);font-size:56px;}
span.tours {font-size:56px;color:white !important;}
span.maand {font-size:18px !important;}





#taal{left: inherit;box-shadow: none;left: auto !important;right: -70px !important;top: 270px;}
#auteur{font-size:17px;position:absolute;left:0;bottom:10px;z-index:101;padding:20px}


.picto{background-position:center center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;z-index:50;left:0;top:0px;border:0 !important}
.plus{background-image:url(/graph/plus-white.svg);background-size:50px 50px;top:-5px;width:50px;height:50px;left:20px;}
.play{background-image:url(/graph/play-white.svg);top:-5px;background-size:60px 60px;width:60px;height:60px;}
.map{background-image:url(/graph/map-white.svg);background-size:102px 102px;top:-10px;}
#plus1{left:auto;top:auto;bottom:80px;right:-26px;}
#video1, #video2{left:692px;top:-30px;}

#plus1 {left:-25px;top:180px;}
#plus2 {left:-24px;top:-60px;}


#item006 {width:666px;height:486px;left:50px;top:184px}
#item081{bottom:0;left:256px;}


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

		#plus2 {left:auto;right:20px;top:90px;}

		.v-w3 img{width:1024px !important;margin-left:-156px;}
		#item046 img{margin-left:-256px;}
		#item052 img{margin-left:0px;}
		#item074 img{width:100% !important;margin-left:0px;}

		#item047{top:512px;left:0;}
		#item053{top:768px;left:256px;}
		#item054{top:768px;left:0}
		#item061{top:768px;left:0}

		#item081{left:0;}

		#auteur{text-align:right;left:auto;right:0px;margin-bottom:0 !important;}
		#datum{bottom:0 !important;}

		.downdiv{bottom:auto;top:0;width:400px;padding-top:20px !important}
		#laatste{margin-top:256px}
		.v-pr256{padding-right:256px !important}
		.v-pl256{padding-left:256px !important}
		.v-pr512{padding-right:512px !important}
		.v-col0{width:100%;margin:0}
		.v-mt10{margin-top:10px}
		.v-ndp{display:none}
		.v-ha{height:auto}

		.v-b0r0 {bottom:0px;}
		.v-b0l0 {bottom:0px;}
		
}


/* 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;
}
td, th {
	border-style:solid;
	border-width:1px;
}
table {
	border-collapse:collapse;
}
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;
	color:#333333;
	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:white;
	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;
}
.darktext-smallheading {
	-epub-hyphens:none;
	color:#333333;
	font-family:FuturaCondensedMedium, 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:#ffff66;
	font-family:FuturaCondensedMedium, sans-serif;
	font-size:30px;
	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) {

  .m-flr{float:right !important}
  .textframe-dark.transp, .laatste{background:#333333 !important}
   #pages>#sliderinner>div .v-ndp{display:none !important}
   #pages>#sliderinner>div div {overflow:hidden;}

   #pages>#sliderinner>div{background:rgb(64,77,93) !important}
   #pages>#sliderinner>div #kop{position: absolute !important; background:transparent !important;}

  #auteur {padding:5px 0 !important;text-align:right !important;}
  #pages h1 {font-size: 32px !important; font-size: 8.2vw !important;margin-top:0px !important;}
  #pages h2.subheader {font-size: 16px !important; font-size: 4vw !important}
  
  #taal {top: auto !important;bottom: 50% !important;}
  span.re, span.tours  {font-size:40px;}
  #logo .lighttext-small, span.maand {font-size:15px !important;}

  #video1, #video2{margin-top:8px !important;}
  #pages > #sliderinner > div p.down{position:relative !important;bottom:auto !important;padding-bottom:20px !important;width:100% !important}
  #pages > #sliderinner > div a.picto{position:static !important;display:block;float:right;margin-left:10px !important}

  #pages > #sliderinner > div .item15 img {margin:-100% 0 0 0 !important}

  #pages > #sliderinner > div #kop, #pages > #sliderinner > div #item006{position: absolute !important;}

  #pages > #sliderinner > div #maand{position:absolute !important;background:none !important; top:auto !important; bottom:-10px !important; padding: 0 20px 0px 20px !important;}
  #pages > #sliderinner > div #maand p,  #pages > #sliderinner > div #maand p span.maand{font-size:18px !important;}

  #pages > #sliderinner > div #item006{top:17% !important;padding:8% !important;}

  #pages>#sliderinner>div>div .v-w3 img{width:150% !important;margin-left:-50% !important;}
  #pages>#sliderinner>div>div #item023 img{margin-left:-10% !important;}
  #pages>#sliderinner>div>div #item031 img{margin-left:-25% !important;}
  #pages>#sliderinner>div>div #item038 img{margin-left:-40% !important;}
  #pages>#sliderinner>div>div #item052 img{margin-left:-8% !important;}

  #pages > #sliderinner > div img.m-half{width:50% !important;}
  
}