/* 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 .ndp{display:none}
#pages .w384{width:384px}
#pages .flcol{float:left;width:31%;margin-right:2%}
#pages .blacktransp{background:rgba(31,39,43,0.7) !important}

h1{font-size:49px;}
#logo{text-shadow:0px 0px 15px black}

.textframe-light, #gevel{background:rgb(202,228,203);color:#333333;}
.textframe-dark, #ruine, #pages .laatste {background:rgb(80,93,89);color:white;}
.textframe-dark h2, .textframe-dark h3, #pages .subheader{color:rgb(202,228,203)}
#pages .textframe-light a{border-color:#333333}
#pages .textframe-dark a{border-color:white}
#pages #begin{background:rgb(190,216,190);}


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


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

#foto1930{width:1153px;height:830px;margin-left:-250px;margin-top:-168px}
#gevel, #gevel img{height:300px}
#hal{width:777px;height:548px;margin-left:-9px}
#nept{width:560px;height:780px;margin-left:-25px;margin-top:-11px}

#ruimte{display:none}
@media only screen and (max-width:1022px) {
		
		#westerkadehuys, #westerkadehuys .lighttext-small, #westerkadehuys h3{background:rgb(202,228,203);color:#333333;}
		#loos{left:0;top:inherit;bottom:10px !important;background-color:rgb(80,93,89) !important;}
		#ruine img{margin-left:-210px}
		#bom1{width:380px !important}
		#bom2, #bom3{position:absolute;top:788px;left:20px}
		#bom3{left:384px}
		#speeltuin{right:0px;bottom:0px}
		
		.v-col0{width:100%;margin:0}
		.v-mt10{margin-top:10px}
		.v-ndp{display:none}
}

.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}

.map{background-image:url(/graph/map-mint2.png);background-size:102px 102px;top:-10px;}
.photos{background-image:url(/graph/photos-mint2.png);background-size:127px 127px;top:-10px;}
.plus{width:60px;height:60px;background-image:url(/graph/plus-mint2.png);background-size:52px 52px;position:relative}


/* 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;
}
li.lighttext-medium, p.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:#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{
	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;
}
p.para-style-override-1 {
	color:#cae4cb;
	font-size:30px;
}
p.para-style-override-2 {
	font-style:normal;
	font-weight:normal;
}
h2.para-style-override-3, p.para-style-override-3 {
	text-align:right;
}
span.char-style-override-1 {
	font-size:49px;
}
span.char-style-override-2 {
	color:#cae4cb;
	font-size:56px;
}
span.char-style-override-3 {
	font-size:56px;
}
span.char-style-override-4 {
	font-size:23px;
}
span.char-style-override-5 {
	font-size:18px;
}
span.char-style-override-6 {
	font-style:italic;
	font-weight:normal;
}
span.char-style-override-7 {
	font-style:normal;
	font-weight:bold;
}
span.char-style-override-8 {
	color:#cae4cb;
}
span.char-style-override-9 {
	color:#000000;
	font-style:normal;
	font-weight:bold;
}
img.frame-1 {
	height:732px;
	width:1125px;
	margin-left:-158px;
	margin-top:-39px;
}
div.frame-2 {
	margin:0px auto 0px auto;
	text-align:center;
}
img.frame-3 {
	height:768px;
	width:512px;
}
img.frame-4 {
	height:256px;
	width:256px;
}
img.frame-5 {
	height:256px;
	width:768px;
}
img.frame-6 {
	height:512px;
	width:768px;
}
img.frame-7 {
	height:256px;
	width:512px;
}
img.frame-8 {

	height:710px;
	width:1186px;
	margin-left:-4px;
	margin-top:-63px;
	
}
img.frame-9 {
	height:284px;
	width:767px;
}
img.frame-10 {
	height:256px;
	width:389px;
}
img.frame-11 {
	height:771px;
	width:1024px;
	margin-left:-104px;
	margin-top:-3px;
}
img.frame-12 {
	height:768px;
	width:1024px;
}
img.frame-13 {
	height:427px;
	width:280px;
}
img.frame-14 {
	height:818px;
	width:544px;
	margin-left:-13px;
	margin-top:-19px;
}
img.frame-15 {
	height:512px;
	width:512px;
}


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

  #pages>#sliderinner>div {background:rgba(80, 93, 89,0.7) !important;}
    #pages h1 {font-size: 28px !important; font-size: 6.2vw !important;margin-top:0px !important;}
  .textframe-light.transp, #auteur {background: rgb(202,228,203) !important}
  
  #pages #sliderinner img.frame-1 {width:150% !important;margin:-10% 0 0 -19% !important}
  #pages #sliderinner img.frame-5 {width:130% !important;margin-left:-10% !important}
  #pages #sliderinner img.frame-3 {margin-top:-30% !important}
  #pages #sliderinner img.frame-8 {width:150% !important;margin-left:-10% !important}
  #pages #sliderinner img#foto1930 {width:150% !important;margin:-15% 0 0 -30% !important}
  #pages #sliderinner img.frame-11 {width:150% !important;}
  #pages #sliderinner img#hal {width:130% !important;margin-left:-10% !important}
  #pages #sliderinner img.frame-12 {width:150% !important;margin:-15% 0 0 -35% !important}
}