/* 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:40px;}
#logo{text-shadow:0px 0px 20px black}

.textframe-light{background:#ffff66;color:#333333;}
.textframe-dark{background:#333333;color:white;}
.textframe-dark h2, .textframe-dark h3, .geel{color:#ffff66}
#pages .textframe-light a{border-color:#333333}
#pages .textframe-dark a{border-color:white}

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

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

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

span.re {color:#ffff66;font-size:56px;}
span.tours {font-size:56px;}
span.maand {font-size:18px;}
#auteur {font-size:16px;}




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

.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}
.play{background-image:url(/graph/play-yellow.png);top:-5px;background-size:60px 60px;width:60px;height:60px;}
.plus{background-image:url(/graph/plus-yellow.png);background-size:50px 50px;top:-5px;width:50px;height:50px;left:20px;}
.rotate{background-image:url(/graph/rotate-yellow.png);background-size:102px 102px;top:-10px;}
.map{background-image:url(/graph/map-yellow.png);background-size:102px 102px;top:-10px;}
#plus1{position:relative;float:right;margin:5px 0 0 0;left:0;top:0;}
#plus2{position:relative;float:right;left:0;top:0;left:0;margin-top:-25px;}
#video1{left:222px;top:482px;}
#video2{position:relative;float:right;top:0;left:0;margin-left:2px;}



@media only screen and (min-width:1022px) {
	#gray {
		filter: grayscale(100%); -webkit-filter: grayscale(100%);
	    backface-visibility: hidden; -webkit-backface-visibility: hidden;
	}
	.current #gray{
	    filter: grayscale(0%); -webkit-filter: grayscale(0%);
	    transition: all 10s ease-in-out; -webkit-transition: all 5s ease-in-out;
	}
	#gathering h2{color:white !important;}
}
@media only screen and (max-width:1022px) and (min-width:750px) {

		#shildon {
			filter: grayscale(100%); -webkit-filter: grayscale(100%);
	    	backface-visibility: hidden; -webkit-backface-visibility: hidden;
		}
		.current #shildon{
		    filter: grayscale(0%); -webkit-filter: grayscale(0%);
		    transition: all 10s ease-in-out; -webkit-transition: all 5s ease-in-out;
		}
}



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

		.item1 .v-col1 {margin-bottom:30px;}
		#kapper{top:512px;left:0;}
		.item32 .t0l0{padding-top:30px;}
		.item44 .item3{margin-left:-90px;}
		#video1{left:482px;top:226px;}
		#gathering{top:auto;bottom:0; background:#ffff66 !important;padding-right: 150px !important}
		#gathering h2.lighttext-heading, #gathering p.lighttext-medium{color:#333333 !important;}

		#pages #sinclair2{display:inline !important}
		#pages #sinclair2:after{ content: 'Perfect Family'}

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


/* 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;
	color:#333333;
	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:34px;
	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-light.transp, #auteur {background:#ffff66 !important}
  .textframe-dark.transp, .laatste{background:#333333 !important}
   #pages>#sliderinner>div .v-ndp{display:none !important}
   #pages>#sliderinner>div div {overflow:hidden;}

  #auteur {padding:10px 0 !important}
  #pages h1 {font-size: 21px !important; font-size: 5.6vw !important;margin-top:10px !important;}
  #pages h2.subheader {font-size: 16px !important; font-size: 4.6vw !important}
  
  #taal {top: auto !important;bottom:75px !important}
  span.re, span.tours  {font-size:40px;}
  #logo .lighttext-small, span.maand {font-size:15px !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 a.picto.rotate{position:absolute !important;margin-top:10px;}

  #video1{margin-top: 10px !important}
  #plus2{margin-top: 0}

  #pages > #sliderinner > div #rok {margin-bottom:-10% !important}
  #pages > #sliderinner > div #card {margin-top:-2% !important}
  #pages > #sliderinner > div #gang {margin-top:-40% !important}
  #pages > #sliderinner > div #incor {margin-top:-35% !important}
  #pages > #sliderinner > div #bijloc {margin-top:-14% !important}
  #pages > #sliderinner > div #shildon {width:130% !important;margin:-10% 0 -5% -20% !important;}

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