/* 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:128px;white-space: nowrap;color:rgb(175,0,0);margin-top: -15px !important;letter-spacing: 1px}
#pages h2.subheader{font-size:38px;white-space: nowrap;margin-left:10px}
#logo{text-shadow:none}

.hhalf{height:384px}

.textframe-light{background:rgb(255,233,102);color:#233141;}
.textframe-dark {background:rgb(175,0,0);color:white !important;}
h2.subheader, #maand p.lighttext-small{color:#233141 !important;}

#kop{overflow:hidden;padding:30px 20px;}
#logo, #maand{bottom:0px !important;}
#maand p{margin-bottom:0px !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%;}

span.re {color:rgb(175,0,0);font-size:56px;}
span.tours {font-size:56px;color:#233141!important;}
span.maand {font-size:18px !important;}


#rood{display: none}
#Mlogo1,#Mlogo2{background:rgb(175,0,0);position:absolute !important;top:230px;right:35px;width:191px !important;height:260px !important;}
#Mlogo2.fadein{ -webkit-transition-duration: 3s; -moz-transition-duration: 3s;transition-duration: 3s;
-webkit-transition-delay: 2s; -moz-transition-delay: 2s; transition-delay: 2s; }


#taal{left: inherit;box-shadow: none;left: auto !important;left: -70px !important;top: 400px;}
#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;}
.map{background-image:url(/graph/map-white.svg);background-size:102px 102px;top:-10px;}
.play{background-image:url(/graph/play-white.svg);background-size:70px 70px;top:-10px;width:70px;height:70px;}
#plus1{left:auto;top:auto;}


#plus1 {right:20px;top:30px;}
#play1 {left:420px;top:-35px;}


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

		#plus1 {right:auto;left:20px;top:20px;}
		#play1 {left:170px;top:-35px;}

		#rood{display: block}
		#Mlogo1,#Mlogo2{top:788px;right:auto;left:286px;width:158px !important;height:216px !important;}

		#itemr024 img {height:auto !important;margin-top: -18%}

		.hhalf.v-h1{height:256px}
		.hhalf.v-h3{height:768px}

		#pages .v-pnom p{margin-bottom:0px !important;}

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

		#logo, #maand{bottom:-10px !important;}
		#auteur{text-align:right;left:auto;right:0px;margin-bottom:-10px !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) {


   #itemr008 p{display:inline;}

   #pages > #sliderinner > div #Mlogo1,  #pages > #sliderinner > div #Mlogo2{background:none;padding:4% 8%;top:auto;bottom:0px !important;right:0px;left:auto;width:35% !important;height:auto!important;}

  .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(175,0,0) !important}

  #auteur {padding:5px 0 !important;text-align:right !important;top:-10px;}
  #pages h1 {text-align:left !important;font-size: 42px !important; font-size: 14vw !important;margin-top:0px !important;}
  #pages h2.subheader {text-align:left !important;font-size: 21px !important; font-size: 6vw !important}

  #pages>#sliderinner>div #kop{position: absolute !important; background:transparent !important;}

  #pages>#sliderinner>div #logo{left:auto !important; right:0 !important;text-align:right !important}

  #taal {top: auto !important;bottom: 30% !important;}
  span.re, span.tours  {font-size:40px;}
  #logo .lighttext-small, span.maand {font-size:15px !important;text-align:right}

  #pages>#sliderinner>div .v-ndp{display:inherit !important;}


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

  #pages .v-pnom p{margin-bottom:10px !important;}

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



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