/* eigen CSS specifiek */

.textframe-light{background:rgb(178,211,195);color:#333333;}
.textframe-dark{background:#333333;color:white;}
.textframe-dark h2, .textframe-dark h3, #pages h2.subheader, #re{color:rgb(178,211,195);}
#pages .textframe-light a{border-color:#333333}
#pages .textframe-dark a{border-color:white}

#pages div.laatste{padding:120px;padding-left:260px}
#pages div.laatste .subheader{margin-bottom:10px;font-size:26px;color:rgb(178,211,195);}

h1{color:white;font-size:53px;white-space: normal !important}
#pages h2.subheader{font-size:27px}
#logo p{text-align:right !important}
#re{text-shadow:0 0 15px black}

#taal{left:inherit;box-shadow:none;left:inherit;right:-69px;top:350px}
#auteur{font-size:17px;}
#inktpot{padding-right:15px}
#hengelo{width:300px;top:0;left:100px}
#zonnecellentekst{bottom:0}

@media only screen and (max-width:1022px) {
	  .w52{width:52%}
	  #auteur{text-align:right;margin-right:20px}
	  #vooruitgang{width:41%;height:250px}
	  #kappen{height:270px}
	  #inktpot{padding-right:30px}
	  #golfplaat{margin-left:256px;width:460px}
	  #golfplaatje{bottom:25px}
	  #cuypers{top:10px;left:472px}
	  #hengelo{left:135px}
	  #stand{width:210px !important}
	  #ov{width:270px}
	  #zonnecellenfoto{width:498px;}
	  #zonnecellentekst{width:498px;bottom:85px;margin-left:20px}
	  #pages div.laatste{padding-left:120px}
}

.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}
.rotate{background-image:url(/graph/rotate-mint.png);background-size:151px 151px;height:512px}
.map{background-image:url(/graph/map-mint.png);background-size:102px 102px;top:-10px;}
.photos{background-image:url(/graph/photos-mint2.png);background-size:127px 127px;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, li.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: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;
}
#pages .subheader {
	color:#ffff66;
	font-family:FuturaCondensedMedium, sans-serif;
	font-size:24px;
	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;
}

img.frame-1 {
	height:768px;
	width:768px;
}
img.frame-1b {
	height:876px;
	width:882px;
	margin-top:-25px
}
div.frame-2 {
	margin:0px auto 0px auto;
	text-align:center;
}
img.frame-3 {
	height:256px;
	width:256px;
}
img.frame-4 {
	height:534px;
	width:853px;
	margin-left:-33px
}
img.frame-4b {
width:768px;height:575px;margin-top:-31px
}
img.frame-4c {
	height:670px;
	width:1064px;
	margin-left:-284px;
	margin-top:-63px
}

img.frame-5 {
	height:768px;
	width:512px;
}
img.frame-6 {
	height:256px;
	width:256px;
}
img.frame-7 {
	height:256px;
	width:768px;
}
img.frame-8 {
	height:478px;
	width:768px;
}
a.frame-9 {
	height:318px;
	width:389px;
	bottom:0;
	border:0 !important;
	background-color:rgba(0,0,0,0)
}
img.frame-10 {
	height:207px;
	width:256px;
	bottom:69px;
}
img.frame-11 {
	height:636px;
	width:874px;
	margin:-2px 0 0 -15px;
}
img.frame-12 {
	height:768px;
	width:1023px;
}
img.frame-13 {
	height:768px;
	width:1024px;
}
img.frame-14 {
	height:486px;
	width:768px;
}
img.frame-15 {
	height:216px;
	width:216px;
}
img.frame-16 {
	height:256px;
	width:1024px;
}
img.frame-17 {
	height:512px;
	width:512px;
}

@media only screen and (max-width:750px) {
  #pages h2.subheader {font-size: 14px !important; font-size: 4.6vw !important}
  #logo p.override span{font-size:42px !important}
  .textframe-light.transp, #auteur {background: rgb(178,211,195) !important}
  #pages #sliderinner h2{text-shadow:none !important}
  #pages #sliderinner img#foto1{margin-bottom:-10% !important}
  #pages #sliderinner img.frame-4 {margin-bottom:-10% !important;margin-left: -15% !important;width: 115% !important;}
  #pages #sliderinner img.frame-5 {margin:-10% 0 !important}
  #pages #sliderinner  a#besteklink{position:absolute !important;width:35% !important}
  #pages #sliderinner img#golfplaatje{padding: 0 !important;margin-left: -20px !important;width: 80% !important;}
  #pages #sliderinner img.frame-1b {margin-bottom:-16% !important}
  #pages #sliderinner #slooppano{height:220px !important;background:url(image/panorama.jpg) center; background-size:cover;}
  #pages #sliderinner #slooppano .rotate{height:220px !important}
  #pages #sliderinner img.frame-15 {width:50% !important;padding-bottom:0 !important;padding-right:20px !important}
  #pages #sliderinner img.frame-16 {width:135% !important;margin-left:-25% !important}
  #pages #sliderinner img.frame-17 {margin-bottom:-23% !important}
}

