/* 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 .ndp{display:none}

h1{font-size:46px;}
#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{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:28px}


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

.foto1{width:802px;height:768px;margin-left:-33px;}
.foto2{width:585px;height:890px;margin-left:-61px;margin-top:-5px}
.foto3{width:768px;height:721px;margin-left:0px;margin-top:-74px}
.foto4{width:921px;height:865px;margin-left:0px;margin-top:-215px}
.foto5{width:929px;height:872px;margin-left:-161px;margin-top:-114px}
.foto6{width:533px;height:800px;margin-left:-21px;margin-top:-133px}
.foto7{width:766px;height:1149px;margin-left:-145px;margin-top:-339px}
.foto8{width:804px;height:768px;margin-left:223px}

#grenswacht{margin:30px 20px 0 0;height:216px;}
#brugtekst{width:335px}
#plus1{top:520px;left:227px}
#plus2{top:80px;left:738px}

@media only screen and (max-width:1022px) {
		
		#plus1{top:730px;left:20px}
		#plus2{top:226px;left:690px;z-index:105}
		
		#familiediv{padding-left:10px}
		#familie1{padding:0;margin-top:40px !important}
		#grenswacht{width:226px !important;overflow:hidden;position:absolute !important;top:0px;left:20px}
		#grenswachtertekst{margin-top:236px}
		
		.foto8{margin-left:-36px}
		#brugtekst{width:768px}
		#brugtekst .v-col1{width:52%}
		#brugfoto {bottom:266px;}
		#brugfoto img{box-shadow:50px -30px 40px 0 black}
	
		.v-col0{width:100%;margin:0}
		.v-mt10{margin-top:10px}
		.v-ndp{display:none}
		.v-pt30{padding-top:30px !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}
.plus{width:60px;height:60px;background-image:url(/graph/plus-yellow.png);background-size:52px 52px;}
.map{background-image:url(/graph/map-yellow.png);background-size:102px 102px;top:-10px;}



/* 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;
}
p.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:25px;
	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;
}
h1.para-style-override-1 {
	font-size:42px;
}
p.para-style-override-2 {
	font-size:17px;
}
p.para-style-override-3 {
	color:#ffffff;
}
p.para-style-override-4 {
	color:#ffff66;
}
span.char-style-override-1 {
	font-size:25px;
}
span.char-style-override-2 {
	font-size:26px;
}
span.char-style-override-3 {
	color:#ffff66;
	font-size:56px;
}
span.char-style-override-4 {
	font-size:56px;
}
span.char-style-override-5 {
	font-size:23px;
}
span.char-style-override-6 {
	font-size:18px;
}
img.frame-1 {
	height:768px;
	width:768px;
}
div.frame-2 {
	margin:0px auto 0px auto;
	text-align:center;
}
img.frame-3 {
	height:256px;
	width:256px;
}
img.frame-4 {
	height:768px;
	width:511px;
}
img.frame-5 {
	height:512px;
	width:768px;
}
img.frame-6 {
	height:256px;
	width:512px;
}
img.frame-7 {
	height:512px;
	width:512px;
}
img.frame-8 {
	height:472px;
	width:481px;
}
img.frame-9 {
	height:472px;
	width:482px;
}
img.frame-10 {
	height:236px;
	width:236px;
}
img.frame-11 {
	height:128px;
	width:154px;
}
img.frame-12 {
	height:180px;
	width:127px;
}
img.frame-13 {
	height:768px;
	width:256px;
}
img.frame-14 {
	height:768px;
	width:1024px;
}



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

  .textframe-light.transp, #auteur {background:#ffff66 !important}
  #auteur{padding:0;text-align:right !important}
  .textframe-dark.transp, .laatste, .grijs{background:#333333 !important}
  
  #pages h1 {font-size: 21px !important; font-size: 5.3vw !important;margin-top:5px !important;}
  #pages h2.subheader {font-size: 15px !important; font-size: 5vw !important}
  
  #taal {top: auto !important;bottom:75px !important}
  #logo span.char-style-override-4{font-size:42px}
  
  #pages > #sliderinner > div img.foto1{width:120% !important;margin-bottom:-10% !important}
  #pages > #sliderinner > div img.foto2{margin-bottom:-25% !important}
  #pages > #sliderinner > div img.foto3{margin-bottom:-10% !important}
  #pages > #sliderinner > div img.foto4{width:130% !important;margin:-20% 0 -20% 0 !important}
  #pages > #sliderinner > div img.foto5{margin-top:-20% !important}
  #pages > #sliderinner > div img.foto6{width:105% !important;margin:-26% 0 -35% -5% !important}
  #familiediv, #familiediv div{padding:0;margin:0}
  #pages > #sliderinner > div img.foto7{width:150% !important;margin:-80% 0 -75% -30% !important}
  #pages > #sliderinner > div img.foto8{margin-bottom:-10% !important}
  #pages > #sliderinner > div img.frame-11.dpn{display:block !important;top:-10px}
  #pages > #sliderinner > div img.frame-13{width:150% !important;margin-left:-20% !important}
  
  #plus1, #plus2{display:none}
  #brugfoto{padding-top:0 !important;}
  #brugfoto img {box-shadow:none !important}
  #pages > #sliderinner > div span.v-ndp{display:inline !important}
  
}