/* 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:49px;}
#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:808px;height:774px;margin-left:-35px;margin-top:-10px}
#foto2{width:553px;height:835px;margin-left:-12px;margin-top:-5px}
#foto3{width:877px;height:838px;margin-left:-5px}
#foto4{width:853px;height:838px;margin-left:-40px;margin-top:-11px}
#foto5{width:363px;height:557px;margin-left:-37px}
#foto6{width:818px;height:841px;margin-left:-40px}
#foto7{width:768px;height:768px;margin-top:-10px}
#foto8{width:865px;height:552px;margin-top:-10px}
#foto9{width:512px;height:512px;margin-left:-256px;}
#foto10{width:591px;height:922px;margin-top:-15px}
#foto11{width:582px;height:556px;margin-left:-60px;margin-top:3px}
#foto12{width:512px;height:326px;margin-top:-43px}
#foto13{width:862px;height:785px;margin-left:-146px;margin-top:-1px}

#bon{position:absolute !important;bottom:10px;left:220px;width:425px;height:454px;z-index:99;}
#courier{float:right !important;margin-left:20px}
#video1{top:650px;left:728px}
#video2{top:218px;left:345px}
#video3{top:168px;left:728px}

#ruimte{display:none}
@media only screen and (max-width:1022px) {
		
		#video1{top:730px;left:660px}
		#video2{top:345px;left:345px}
		#video3{top:668px;left:668px}

		#foto5{width:512px;height:auto;margin-left:0;margin-top:-480px}
		#bon{left:-20px;}
		#foto9{width:512px;height:512px;margin-left:0px;margin-top:-100px}
		#foto13{margin-top:9px}
		#foto1, #foto4, #foto8{margin-top:0}
	
		#ansaldo{height:216px;width:auto;margin-right:20px}
		#don{float:right;position:relative;text-align:right}
		#don img{height:216px;width:auto;margin-right:20px;float:right !important}
		#courier{float:none !important;margin:-20px 0 0 -20px;}
		#courier img{padding-bottom:20px}
		img.frame-20{margin-top:-60px}
		
		.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-yellow.png);background-size:102px 102px;top:-10px;}
.play{background-image:url(/graph/play-yellow.png);background-size:75px 75px;top:-5px;width:75px;height:75px;}
.rotate{background-image:url(/graph/rotate-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;
}
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;
	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: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 {
	font-size:17px;
}
p.para-style-override-2 {
	color:#ffffff;
}
h3.para-style-override-4 {
	margin-top:8px;
}
h2.para-style-override-5 {
	color:#ffff66;
	text-align:right;
}
p.para-style-override-6 {
	text-align:right;
}
li.para-style-override-9 {
	margin-left:18px;
	text-indent:-18px;
}
span.char-style-override-1 {
	font-size:49px;
}
span.char-style-override-2 {
	color:#ffff66;
	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:#ffffff;
}
span.char-style-override-7 {
	color:#ffff66;
}
span.char-style-override-8 {
	font-style:normal;
	font-weight:bold;
}
span.char-style-override-9 {
	display:inline-block;
	text-indent:0;
	white-space:pre-wrap;
	width:18px;
}
span.char-style-override-10 {
	color:#ffffff;
	text-decoration:underline;
}
img.frame-1 {
	height:768px;
	width:768px;
}
div.frame-2 {
	margin:0px auto 0px auto;
	text-align:center;
}
img.frame-3 {
	height:768px;
	width:767px;
}
img.frame-4 {
	height:315px;
	width:216px;
}
img.frame-5 {
	height:768px;
	width:512px;
}
img.frame-6 {
	height:256px;
	width:256px;
}
img.frame-7 {
	height:512px;
	width:768px;
}
img.frame-8 {
	height:512px;
	width:256px;
}
img.frame-9 {
	height:344px;
	width:215px;
}
img.frame-10 {
	height:255px;
	width:256px;
}
img.frame-11 {
	height:738px;
	width:480px;
}
img.frame-12 {
	height:256px;
	width:1024px;
}
img.frame-13 {
	height:512px;
	width:512px;
}
img.frame-14 {
	height:226px;
	width:241px;
}
img.frame-15 {
	height:256px;
	width:255px;
}
img.frame-16 {
	height:256px;
	width:511px;
}
img.frame-17 {
	height:392px;
	width:256px;
}
img.frame-18 {
	height:511px;
	width:768px;
}
img.frame-19 {
	height:248px;
	width:216px;
}
img.frame-20 {
	height:768px;
	width:256px;
}
img.frame-21 {
	height:256px;
	width:512px;
}


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

  .textframe-light.transp, #auteur {background:#ffff66 !important}
  .textframe-dark.transp, .laatste{background:#333 !important}
  
  #taal {top: auto !important;bottom:75px !important}
  
  #pages > #sliderinner > div #domotekst{margin-top:-70px !important}
  #pages > #sliderinner > div img#ansaldo{width:60% !important}
   
  #pages #sliderinner div#bave2 {width:50% !important;float:right}  
  #pages > #sliderinner > div #bave{float:right}
  #video1{z-index: 99 !important; left: 100%; top:0; margin: 20px 0 0 -85px}
  #video2{position: relative !important; float: right; margin-top: 10px; z-index: 99 !important; top: 0; left: 0;}
  #pages > #sliderinner > div  #don{width:50% !important;margin:0 0 0 15px;padding-bottom:0 !important}
  img.frame9{width:100%}
  #pages > #sliderinner > div img#foto3{margin-bottom:-15% !important}
  #pages > #sliderinner > div img#foto5{margin-top:-35% !important;margin-bottom:-20% !important}
  #pages > #sliderinner > div img#bon{width:60% !important; height:auto !important;bottom:0 !important}
  #pages > #sliderinner > div img.frame-12{width:130% !important}
  #pages > #sliderinner > div img#foto10{margin-bottom:-25% !important}
  #pages > #sliderinner > div #courier{width:60% !important}
  #pages > #sliderinner > div img.frame-20{width:50% !important}
  #c5{display:none}
  #pages > #sliderinner > div img#foto13{width:150% !important;margin:-25% -25% !important}
  .rotate{top:0 !important}
  
}