/* 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 h1{font-size:36px;margin-bottom:0 !important}
#pages #enkop h1{font-size:45px}
#pages .overr1{font-size:56px}
#pages .overr2{font-size:18px;}

#pages .blacktransp, #pages > #sliderinner > div .abs.m-blacktransp{background:rgba(61,61,48,0.66) !important;}

.lighttext{color:rgb(255,244,202)}
.textframe-light{background:rgb(255,244,202);color:#333333;}
.textframe-dark{background:#333333;color:rgb(255,244,202);}
#pages h1, .textframe-dark h2, .textframe-dark h3{color:rgb(255,244,202)}
#pages .textframe-light a{border-color:#333333}
#pages .textframe-dark a{border-color:rgb(255,244,202)}

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

#taal {
left: inherit;
box-shadow: none;
left: auto !important;
right: -70px !important;
top: 270px;
}

#rijtuig{height:236px !important}
#excursies{width:340px !important;height:255px !important}
#pages .pb0{padding-bottom:0 !important}
#cuneo{width:295px !important;height:295px !important;color:white !important}
#cuneo, #cuneo h3{color:white !important}
#Arlbergbahn{width:297px !important;height:403px !important}
#oorlog{padding-right:256px;}

#irma{left:356px;top:486px;top:-25px;}


@media only screen and (max-width:1022px) {
		#auteur{position:absolute;bottom:20px;right:0;text-align:right;padding-right:20px !important;margin:0 !important}
		#logo{margin-top:-10px !important}
		.v-pt30{padding-top:30px}
		.v-pl200{padding-left:200px}
		
		#rijtuigen{margin-top:246px !important}
		#rijtuig{left:0;top:10px}
		
		#Tauernbahn{height:216px !important;width:auto !important;margin-right:20px !important}
		#spanningen{height:276px}
		#stoomschepen {background:#333333;color:rgb(255,244,202);}
		
		#play1{left:auto;right:20px;top:231px}
		#plus2{left:20px;top:231px}
		#plus3{left:20px;top:231px}
		#plus4{left:auto;right:20px;top:241px}
		.v-tar, .v-tar p, .v-tar h3{text-align:right !important}
		.v-notdown{position:static !important;padding:0 !important;padding-left:135px !important}
		#Restaurant .v-notdown{padding-left:256px !important}
}

.picto{background-position:center center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;z-index:99;left:0;top:0px;border:0 !important}

.map{background-image:url(/graph/map-creme.png);background-size:102px 102px;top:-10px;}
.plus{background-image:url(/graph/plus-creme.png);background-size:50px 50px;top:-5px;width:50px;height:50px;}



/* 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;
}
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;
}
.lighttext-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.lighttext-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;
}
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;
}
#pages .subheader {
	color:white;
	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;
}
#pages #enkop .subheader {
	font-size:32px;
}
img.frame-1 {
	height:768px;
	width:768px;
}
div.frame-2 {
	margin:0px auto 0px 0px;
	text-align:left;
}
img.frame-3 {
	height:768px;
	width:512px;
}
img.frame-4 {
	height:256px;
	width:256px;
}
img.frame-5 {
	height:511px;
	width:768px;
}
img.frame-6 {
	height:256px;
	width:1024px;
}
img.frame-7 {
	height:767px;
	width:768px;
}
img.frame-8 {
	height:512px;
	width:768px;
}
img.frame-9 {
	height:176px;
	width:768px;
}
img.frame-10 {
	height:768px;
	width:768px;
}
img.frame-11 {
	height:768px;
	width:512px;
}
img.frame-12 {
	height:256px;
	width:256px;
}
img.frame-13 {
	height:335px;
	width:216px;
}
img.frame-14 {
	height:256px;
	width:512px;
}
img.frame-15 {
	height:256px;
	width:512px;
}



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

  .textframe-light.transp, #auteur {background:rgb(255,244,202) !important}
  #auteur{padding:0;text-align:right !important}
  .textframe-dark.transp, .laatste, .grijs{background:#333333 !important}
  
  #pages h1 {font-size: 21px !important; font-size: 4.5vw !important;margin-top:5px !important;}
  #pages #enkop h1 {font-size: 26px !important; font-size: 5.8vw !important;}
  #pages h2.subheader {font-size: 15px !important; font-size: 4vw !important}
  #pages #enkop .subheader {font-size: 17px !important; font-size: 4.5vw !important}
  
  #taal {top: auto !important;bottom:75px !important}
  #logo #logotext{font-size:42px !important}
  
  #pages > #sliderinner > div img.foto1{width:120% !important;margin-bottom:-10% !important}
 
  #pages > #sliderinner > div .frame-2{overflow:hidden}
  #pages > #sliderinner > div img.frame-3{margin-top:-15% !important}
  #pages > #sliderinner > div img#WL{width:140% !important;margin:-10% 0 !important}
  #pages > #sliderinner > div img#brug{margin-bottom:-15% !important}
  #pages > #sliderinner > div img#FS{width:108% !important;margin-left:-8% !important}
 
  .tar, .v-tar, .v-tar p, .v-tar h3{text-align:left !important}
  #Restaurant .v-notdown,  .v-notdown{padding-left:0px !important}
 #pages > #sliderinner > div img#CCAR{position:absolute !important;padding:0 !important}
  #pages > #sliderinner > div span.v-ndp{display:inline !important}
  
  #irma{position:static !important;float:right !important;margin-left:20px !important}
  
}