/* eigen CSS specifiek */

.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{top:390px}

.frame-7b{display:none}

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


#broch{bottom:-60px;top:auto;left:60px;width:220px;height:360px}

@media only screen and (max-width:1022px) {
	  .w52{width:52%}
	  #maritime-col{width:auto !important}
	  .v-stat{position:static !important;}
	  .frame-7a{display:none}
	  .frame-7b{display:block}
	  img.frame-8{height:206px !important;width:auto !important}
}

.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-yellow.png);background-size:151px 151px;top:246px;height:512px}
.map{background-image:url(/graph/map-yellow.png);background-size:102px 102px;top:-10px;}
.browse{background-image:url(/graph/browse-yellow.png);background-size:102px 102px;top:-10px;}
.play{background-image:url(/graph/play-yellow.png);background-size:75px 75px;top:-5px;}
.plus{width:60px;height:60px;background-image:url(/graph/plus-yellow.png);background-size:52px 52px;}


/* 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;
}
p.para-style-override-1 {
	font-size:17px; padding-right:20px; padding-bottom:15px;
}
h1.para-style-override-2 {
	font-size:55px;
}
p.para-style-override-3 {
	color:#ffffff;
}
li.para-style-override-4 {
	margin-left:18px;
	text-indent:-18px;
}
p.para-style-override-5 {
	color:#ffff66;
	font-size:51px;
	font-style:normal;
	font-weight:bold;
	text-align:center;
}
span.char-style-override-1 {
	color:#ffff66;
	font-size:56px;
}
span.char-style-override-2 {
	font-size:56px;
}
span.char-style-override-3 {
	font-size:23px;
}
span.char-style-override-4 {
	font-size:18px;
}
span.char-style-override-5 {
	font-size:24px;
}
span.char-style-override-6 {
	font-style:italic;
	font-weight:normal;
}
span.char-style-override-7, em.char-style-override-7 {
	color:#ffffff;
}
span.char-style-override-8 {
	color:#ffff66;
}
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:1212px;
	width:768px;
	margin-top:-210px;
}
img.frame-1b {
	height:788px;
	width:825px;
	margin-top:-20px;
	margin-left:-10px
}
div.frame-2 {
	margin:0px auto 0px auto;
	text-align:center;
}
img.frame-3 {
	height:590px;
	width:917px;
	margin-left:-15px;
	margin-top:10px;
}
img.frame-4 {
	height:256px;
	width:256px;
}
img.frame-5 {
	height:975px;
	width:630px;
	margin-left:-115px;
	margin-top:-80px;
}
img.frame-6 {
	height:180px;
	width:216px;
}
img.frame-7a {
	height:768px;
	width:256px;
}
img.frame-7b {
	height:256px;
	width:768px;
}
img.frame-8 {
	height:330px;
	width:216px;
}
img.frame-9 {
	height:256px;
	width:256px;
}
img.frame-10 {
	height:569px;
	width:768px;
	margin-top:-35px;
}
img.frame-11 {
	height:216px;
	width:216px;
	margin-top:-5px;
	padding-right:20px;
}
div.frame-12{
	height:512px;
	width:216px;
	margin-bottom:20px;
}
.frame-12 img{
	height:512px;
	width:384px;
	margin-left:-47px;
}
@media only screen and (max-width:1022px) {
div.frame-12{
	height:216px;
	width:512px;
	margin-right:20px;
}
.frame-12 img{
	height:683px;
	width:512px;
	margin-top:-286px;
	margin-left:0;
}
}

img.frame-13 {
	height:768px;
	width:804px;
	margin-left:-145px
}
img.frame-13b {
	height:768px;
	width:804px;
	margin-left:-35px
}

img.frame-14 {
	height:308px;
	width:244px;
}
img.frame-15 {
	height:340px;
	width:299px;
}
img.frame-16 {
	width:588px;height:812px;margin-left:-41px
}
img.frame-17 {
	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}

  #pages h1 {font-size: 28px !important; font-size: 8vw !important;margin-top:0px !important;}
  #pages h2.subheader {font-size: 16px !important; font-size: 5.5vw !important}

  #taal {top: auto !important;bottom:75px !important}
  #logo p.override span{font-size:42px !important}
  #pages > #sliderinner > div .tar{text-align:left !important}
  #pages > #sliderinner > div .pb20.frame-12{padding-bottom:0px !important}
  #pages > #sliderinner > div .v-pl100{padding-left:20px;padding-right:0 !important}

  #pages > #sliderinner > div #fotochroom{padding:0 !important}
  #pages > #sliderinner > div #fvideo{float:right !important;padding-bottom:10px !important;margin-left:20px !important}
  
  #pages > #sliderinner > div #garepano{top:0px;height:300px}
  #pages > #sliderinner > div #panodiv{height:300px !important;background:url(image/Gare-de-Lyon-hall_fmt.jpeg) center;background-size:cover}

  #pages > #sliderinner > div img#foto1{margin: -20% 0 !important}
  #pages > #sliderinner > div img#foto2{margin: -30% 0 -20% 0 !important}
  #pages > #sliderinner > div img#foto3{width:125% !important}
  #pages > #sliderinner > div img#foto4{width:135% !important;margin-left:-35% !important;margin-top:-10% !important}
  #pages > #sliderinner > div img#foto5{margin-top:-20% !important;height:300px !important;width:auto !important}
  #pages > #sliderinner > div img#foto6{margin-bottom: -15% !important} 
  #pages > #sliderinner > div img#foto7{margin-top:-45% !important}
  #pages > #sliderinner > div img#foto8{width:120% !important;margin:-10% !important}
  #pages > #sliderinner > div img#coll{width:120% !important}
  
  
}