/* 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}

.textframe-light, .light{background:rgb(173,220,242);color:rgb(41,27,13);}
.textframe-dark, .dark, #pages .laatste{background:rgb(41,27,13);color:white;}
.textframe-dark h2, .textframe-dark h3{color:rgb(173,220,242)}
#pages .textframe-light a{border-color:rgb(41,27,13);}
#pages .textframe-dark a{border-color:white}
#pages .blacktransp, #pages > #sliderinner > div .abs.m-blacktransp{background:rgba(41,27,13,0.5) !important;}

#pages div.laatste{padding:120px}
#pages div.laatste .subheader{margin-bottom:10px;font-size:28px;color:rgb(173,220,242)}

#taal{top:570px}

#folders{margin:10px 0 0 20px}
#folders a{float:left;margin:22px 20px 0 0;width:165px;height:75px;border:0 !important;background-color:rgba(0,0,0,0)}
#folders a.groot{width:350px;height:615px;}

#foto1{width:802px;height:768px;margin-left:-34px;margin-top:-8px}

.b128{float:left;width:128px;height:128px; border: none !important; background-color:rgba(0,0,0,0)}

#spinner{width:298px}
#international{height:408px}
#stationsklok .textframe-light{background:white;height:206px;top:70px;right:60px}
@media only screen and (max-width:1022px) {
		#auteur{text-align:right;padding-right:20px;}
		.frame-6{margin-top:-196px}
		#snel{left:0;bottom:10px;padding-bottom:0px;}
		#baumberger{margin-top:10px;height:266px;} #baumberger div.v-h1{height:266px;}
		#folderstekst{height:266px;}
		#folders{margin-top:-10px}
		#reber{padding-left:0;padding-right:30px}
		#spinner{width:768px;padding-left:276px}
		#international{height:768px}
		#international .col1{width:100%;margin:0}
		#stationsklok .frame-21{margin-left:-100px;margin-top:-55px;}
		#stationsklok .textframe-light{height:256px;top:0;right:0}
		.v-ndp{display:none}
		.frame-18{height:216px !important;width:auto !important}
		#pages .laatste .textframe-dark{padding-left:0}
}

.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-blue.png);background-size:102px 102px;top:-10px;}

.gap10{-moz-column-gap: 5px;-webkit-column-gap: 5px;-ms-column-gap: 5px; column-gap: 5px;}

.mb20{margin-bottom:20px}


/* 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;
	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;
}
p.darktext-smallheading {
	-epub-hyphens:none;-
	font-family:FuturaCondensedExtraBold, 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:#addcf2;
}
h1.para-style-override-2 {
	font-size:32px;
}
p.para-style-override-3 {
	color:#291b0d;
}
p.para-style-override-4 {
	font-style:italic;
	font-weight:normal;
}
p.para-style-override-5 {
	font-size:15px;
}
span.char-style-override-1 {
	font-style:italic;
	font-weight:normal;
}
span.char-style-override-2 {
	color:#addcf2;
	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 {
	color:#291b0d;
}
span.char-style-override-7 {
	font-size:15px;
}
img.frame-1 {
	width:1077px;
	height:811px;
	margin-left:-159px;
	margin-top:-20px
}
div.frame-2 {
	margin:0px auto 0px auto;
	text-align:center;
}
img.frame-3 {
	height:768px;
	width:512px;
}
img.frame-4 {
	height:349px;
	width:256px;
}
img.frame-5 {
	height:512px;
	width:768px;
}
img.frame-6 {
	height:453px;
	width:256px;
}
img.frame-7 {
	height:708px;
	width:446px;
}
img.frame-8 {
	height:708px;
	width:444px;
}
img.frame-9 {
	height:634px;
	width:356px;
}
img.frame-10 {
	height:75px;
	width:192px;
}
img.frame-11 {
	height:75px;
	width:164px;
}
img.frame-12 {
	height:635px;
	width:344px;
}
img.frame-13 {
	height:75px;
	width:166px;
}
img.frame-14 {
	height:708px;
	width:429px;
}
img.frame-15 {
	height:512px;
	width:256px;
	margin-top:5px
}
img.frame-16 {
	height:748px;
	width:470px;
}
.frame-17 {
	height:401px;
	width:258px;
}
.frame-17 img {
	height:412px;
	width:268px;
	margin-left:-6px;margin-top:-4px
}
img.frame-18 {
	width:203px;height:389px
}
img.frame-19 {
	height:480px;
	width:326px;
}
img.frame-20 {
	height:480px;
	width:346px;
}
img.frame-21 {
	height:360px;
	width:1024px;
}
img.frame-22 {
	height:408px;
	width:256px;
}
img.frame-23 {
	height:408px;
	width:256px;
}




@media only screen and (max-width:750px) {
  #pages>#sliderinner>div {background:rgb(41,27,13) !important;}
  #auteur{font-size:17px}
  
  #pages h2.subheader {font-size: 16px !important; font-size: 5vw !important}
 
 
  #pages > #sliderinner > div div#col{overflow:hidden !important}
  #pages > #sliderinner > div div#col img.frame-1{width:150% !important;margin:0 0 -10% -20% !important}
  #pages > #sliderinner > div img.frame-3{margin-bottom:-10px !important}
  #pages > #sliderinner > div div.frame-17{margin-right:20px !important}
  #pages > #sliderinner > div img.frame-20{margin-top:20px !important}
  #pages > #sliderinner > div img.frame-21{width:120% !important;margin:0 0 -4% -10% !important}
  
  #pages > #sliderinner > div #folders {position: absolute !important;}
  #pages > #sliderinner > div #folders a {margin:0 !important}
  #pages > #sliderinner > div #folders a.groot {width: 50% !important;}
  
  .rotate{top:0 !important}
  
}