body,html{
  margin:0;
  padding:0;
  overflow: hidden;

}

.wandelingAsset{
  background-size: cover;
  background-repeat: no-repeat
}

.scroll{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow-x: scroll;
  /*pointer-events:none;*/

  /*-webkit-overflow-scrolling: touch;*/

  z-index:10000;
  /*background-color: rgba(0,0,0,0.1);*/
}

.wandeling_window{
  width: 100%;
  position: absolute;
  overflow-x: scroll;
  overflow-y: hidden !important;
}

.wandelingAsset{
  pointer-events:none;
  /*-moz-transform: scale(1.0) rotate(3.02deg);*/

}


/**********************************
 * Achtergrond
 **********************************/

.achtergrond{
  position: absolute;
  top:0;
  left:0;

}



/**********************************
 * VIDEOS
 **********************************/

.wandelingVideo{
  -webkit-box-shadow: 0px 0px 180px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    0px 0px 180px 0px rgba(0, 0, 0, 1);
  box-shadow:         0px 0px 180px 0px rgba(0, 0, 0, 1);
}


.videocontainer{
  height:100%;

}

.wandelingVideo .links, .wandelingVideo .still, .wandelingVideo .rechts{
  height:100%;
  width:auto;  
  float:left;
}

.wandelingVideo .still{
  overflow:hidden;
}
.wandelingVideo .still img{
  height:100%;
}


.wandelingVideo .tekst{
  position: absolute;
  left:10%;
  width: 40%;
  max-width:511px;
  font-family: 'Zona Pro';
  top:10%;
}
.wandelingVideo .tekst .functie{
  font-family: 'Zona Pro Bold';
  padding:5px 10px;
  background-color: #fff;
  display:inline-block;
  color: #000;
  font-size:0.8rem;
}
.wandelingVideo .tekst .quote{
  margin-top:1%;
  font-family: 'Zona Pro Light';
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  /*font-size:2rem;*/
    font-size:1.3rem;

}

.wandelingVideo .tekst .quote::before{
  background-image: url(../images/general/walk_quote_top_shadow.png);
  width: 100%;
  content: "";
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:3%;
  display: block;
  background-position: bottom left;
}

.wandelingVideo .tekst .quote::after{
  background-image: url(../images/general/walk_quote_bottom_shadow.png);
  width: 100%;
  content: "";
  height: 46px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top:3%;
  display: block;

}

.wandelingVideo.fatma{
   position: absolute;
  left: 3711px;
  z-index: 900;
  height:100%;
}

.wandelingVideo.layer1_CC422djv20140426035{
  position: absolute;
  left: 11407px;
  z-index: 900;
  height:100%;
}

.wandelingVideo.CC422djv20140425045{
  position: absolute;
  left: 26815px;
  z-index: 900;
  height:100%;
}
.wandelingVideo.djv20140430109{
  position: absolute;
  left: 17264px;
  z-index: 900;
  height:100%;
}

.wandelingVideo.bruidsmeisjes{
  position: absolute;
  left: 23666px;
  z-index: 900;
  height:100%;
}

.wandelingVideo.djv20140426046{
  position: absolute;
  left: 41910px;
  z-index: 900;
  height:100%;
}


.wandelingVideo.CC422djv20140501009{
  position: absolute;
  left: 36350px;
  z-index: 900;
  height:100%;
}


/**********************************
 * Tentradio
 **********************************/

.wandelingTentradio{
  -webkit-box-shadow: 0px 0px 180px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    0px 0px 180px 0px rgba(0, 0, 0, 1);
  box-shadow:         0px 0px 180px 0px rgba(0, 0, 0, 1);
}


.videocontainer{
  height:100%;

}

.wandelingTentradio .links, .wandelingVideo .still, .wandelingVideo .rechts{
  height:100%;
  width:auto;  
  float:left;
}

.wandelingTentradio .still{
  overflow:hidden;
}
.wandelingTentradio .still img{
  height:100%;
}


.video-js .vjs-subtitles{
}

.wandelingTentradio .video-js .vjs-text-track {
  display: none;
  font-size:2.5rem !important;
  font-family: 'Zona Pro';
  text-align: center;
  margin-bottom: 2rem;
  text-shadow: 3px 3px 0px rgba(0, 0, 0, 1);
  background: none !important;
}



.wandelingTentradio .tekst{
  position: absolute;
  left:10%;
  width: 40%;
    max-width:511px;

  font-family: 'Zona Pro';
  top:10%;
}
.wandelingTentradio .tekst .functie{
  font-family: 'Zona Pro Bold';
  padding:5px 10px;
  background-color: #fff;
  display:inline-block;
  color: #000;
  font-size:0.8rem;
}
.wandelingTentradio .tekst .quote{
  margin-top:1%;
  font-family: 'Zona Pro Light';
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  font-size:1.3rem;
}

.wandelingTentradio .tekst .quote::before{
  background-image: url(../images/general/walk_quote_top_shadow.png);
  width: 100%;
  content: "";
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:3%;
  display: block;
  background-position: bottom left;
}

.wandelingTentradio .tekst .quote::after{
  background-image: url(../images/general/walk_quote_bottom_shadow.png);
  width: 100%;
  content: "";
  height: 46px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top:3%;
  display: block;

}
.wandelingTentradio.layer1_tentr1{
  position: absolute;
  left: 14745px;
  z-index: 900;
  height:100%;
}

.wandelingTentradio.Zainab{
  position: absolute;
  left: 10065px;
  z-index: 900;
  height:100%;
}


.wandelingTentradio.Ibrahimali{
  position: absolute;
  left: 40412px;
  z-index: 900;
  height:100%;
}

.wandelingTentradio.Suliman{
  position: absolute;
  left: 10562px;
  z-index: 900;
  height:100%;
}

.wandelingTentradio.Rezan{
  position: absolute;
  left: 10586px;
  z-index: 900;
  height:100%;
}


.wandelingTentradio.Lamaan{
  position: absolute;
  left: 30145px;
  z-index: 900;
  height:100%;
}


/**********************************
 * VERHAAL
 **********************************/

.wandelingVerhaal{
  -webkit-box-shadow: 0px 0px 180px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    0px 0px 180px 0px rgba(0, 0, 0, 1);
  box-shadow:         0px 0px 180px 0px rgba(0, 0, 0, 1);
  background-size:contain;
}


.videocontainer{
  height:100%;

}

.wandelingVerhaal .links, .wandelingVerhaal .still, .wandelingVerhaal .rechts{
  height:100%;
  width:auto;  
  float:left;
}

.wandelingVerhaal .still{
  overflow:hidden;
}
.wandelingVerhaal .still img{
  height:100%;
}

.wandelingVerhaal .startknop{
  position: absolute;
  z-index:10;
  bottom:9px;
  left:50%;
  text-align: center;
  line-height: 30px;
  font-family: 'Zona Pro';
  font-size:20px;
  width: 164px;
  margin-left:-82px;
  cursor:pointer;
  text-transform: uppercase;
  
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.wandelingVerhaal .startknop img{
  vertical-align: bottom;
}

.wandelingVerhaal .storypreloadknob{
  
  display:none;
  z-index:180;
  position: absolute;
  bottom: 9px;
  left: 50%;
  padding-top:10px;
  text-align:center;
  background-image: url(../images/general/preload_down.png);
  height:65px;
  margin-left:-207px;
  width: 414px;
}



.scrollVerhaalContainer{
  width: 100%;
  height: 100%;
  position: absolute;
  left:0;
  font-family: 'Zona Pro';

  top:0;
  z-index:20000;
  display:none;
}

.scrollVerhaalContainer .links{
  width: 40%;
  left:10%;
}
.scrollVerhaalContainer .rechts{
  width: 40%;
  right:10%;
  text-align:right;
}

.wandelingVerhaal .tekst{
  position: absolute;
  left:10%;
  width: 40%;
  max-width:511px;
  font-family: 'Zona Pro';
  top:20%;
}
.wandelingVerhaal .tekst .functie{
  font-family: 'Zona Pro Bold';
  padding:5px 10px;
  background-color: #fff;
  display:inline-block;
  color: #000;
  font-size:0.8rem;
}
.wandelingVerhaal .tekst .quote{
  margin-top:1%;
  font-family: 'Zona Pro Light';
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  /*font-size:2rem;*/
  font-size:1.3rem;
}

.wandelingVerhaal .tekst .quote::before{
  background-image: url(../images/general/walk_quote_top_shadow.png);
  width: 100%;
  content: "";
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:3%;
  display: block;
  background-position: bottom left;
}

.wandelingVerhaal .tekst .quote::after{
  background-image: url(../images/general/walk_quote_bottom_shadow.png);
  width: 100%;
  content: "";
  height: 46px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top:3%;
  display: block;

}




/**********************************
 * VERHALEN
 **********************************/


.wandelingVerhaal.layer1_chauffeur{
  position: absolute;
  left: 19768px;
  z-index: 900;
  height:100%;
}
.wandelingVerhaal.layer1_moneyman{
  position: absolute;
  left: 30184px;
  z-index: 900;
  height:100%;
}



.wandelingVerhaal.layer1_garage{
  position: absolute;
  left: 27093px;
  z-index: 900;
  height:100%;
}

.wandelingVerhaal.layer1_bakkerij{
  position: absolute;
  left: 6652px;
  z-index: 900;
  height:100%;
}



.wandelingVerhaal.layer1_school {
  /*background-image: url("layer1_grijs3.png");*/
  position: absolute;
  left: 18979px;
  top: -51px;
  width: 2004px;
  height: 1190px;
  z-index: 94;
}

.wandelingVerhaal.layer1_ahmed {
  /*background-image: url("layer1_grijs3.png");*/
  position: absolute;
  left: 32658px;
  top: -51px;
  width: 2004px;
  height: 1190px;
  z-index: 94;
}


.wandelingVerhaal.layer1_vakantie {
  /*background-image: url("layer1_grijs3.png");*/
  position: absolute;
  left: 3708px;
  top: 0px;
  width: 1920px;
  height: 1080px;
  z-index: 94;
}


.wandelingVerhaal.layer1_snijder {
  /*background-image: url("layer1_grijs3.png");*/
  position: absolute;
  left: 36312px;
  top: 0px;
  width: 1920px;
  height: 1080px;
  z-index: 94;
}


.wandelingVerhaal.layer1_bouwmarkt {
  /*background-image: url("layer1_grijs3.png");*/
  position: absolute;
  left: 3723px;
  top: 0px;
  width: 1920px;
  height: 1080px;
  z-index: 94;
}

.wandelingVerhaal.layer1_evolutie {
  /*background-image: url("layer1_grijs3.png");*/
  position: absolute;
  left: 17255px;
  top: 0px;
  width: 1920px;
  height: 1080px;
  z-index: 94;
}

.wandelingVerhaal.layer1_distri {
  /*background-image: url("layer1_grijs3.png");*/
  position: absolute;
  left: 23617px;
  top: 0px;
  width: 1920px;
  height: 1080px;
  z-index: 94;
}




.closethescroll{
  position: fixed;
  display:none;
  bottom:5%;
  z-index:1000;
  left:50%;
  margin-left:-25px;
  cursor:pointer;
}




.splash{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
}

.splash .preloadknob{
  width: 200px;
  height:200px;
  position: absolute;
  top:50%;
  margin-top:20px;
  left:50%;
  margin-left:-100px;
  z-index:1000000;
}

.splash .titel{
  position: absolute;
  bottom:50%;

  left:0;
  width:100%;
  text-align: center;
}

.splash .titel .titelbeeld{
  max-width: 1000px;
  width: 70%;
  height:auto;
}

.scrollLeftButton, .scrollRightButton{
  position: absolute;
  top:50%;
  font-size:100px;
  width: 29px;
  cursor:pointer;
  height:164px;
  z-index:1000;
  margin-top:-82px;
  left:0px;
  display:none;
  color:#000;
}
.scrollRightButton{
  right:0px;
  left:auto;
}

.storyCloseButton{
  font-size:100px;
  width: 100px;
  height:50px;
  z-index:100000;
  position: absolute;
  right:2%;
  top:2%;
  display:none;
  cursor:pointer;
}
.storyDownButton, .storyUpButton{
  /*font-size:100px;*/
  width: 164px;
  height:29px;
  cursor:pointer;
  z-index:100000;
  position: absolute;
  bottom:0%;
  left:50%;
  margin-left:-50px;
  display:none;
}
 .storyUpButton{
  bottom:auto;  
  top:0px;

}
.storyDownButton img{
  vertical-align: bottom;
}

.storyUpButton img{
  vertical-align: top;
  top:0;
}





.element.type_html{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.scrollpage{
  position: relative;
}

.htmlContainer.links{
  width: 30% !important;
  left:10% !important;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}



.htmlContainer div.boven{
  top:20% !important;
}

.htmlContainer div.onder{
  bottom:20% !important;
}

.htmlContainer.rechts{
  width: 30% !important;
  margin-left:60%;
  /*right:10% !important;*/
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  /*position: absolute;*/
  /*display:block;*/
}

.htmlContainer div{
  position: absolute !important;
  display:block !important;
}
.htmlContainer.lager{
 margin-top:10%; 
}





.htmlContainer{
  margin-top:45%;
  width: 35% !important;
  margin-left:7%;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.htmlContainer.links{

}
.htmlContainer.titel{
  font-size:75px;
  font-family: 'Zona Pro Bold';


}


.wandelingVerhaal.layer1_alan {
  /*background-image: url("layer1_grijs3.png");*/
  position: absolute;
  left: 48286px;
  top: 0px;
  width: 1920px;
  height: 1080px;
  z-index: 94;
}




/**********************************
 * EINDE
 **********************************/

.layer1_eindewandeling{
  font-size:45px;
  font-family: 'Zona Pro';
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  width: 700px;
  position: absolute;
  top: 60%;
  cursor:pointer;
  z-index:100000;
  margin-top:-100px;
  left:28200px;

}
.wandeling_scroll{
  /*position: absolute;*/
}

a, a:active, a:visited, a:hover{
  color:#000;
  text-decoration:none;
}


.layer5_bergen_09_jpg {
  background-image: url("layer5_bergen_09.jpg-60%.png");
  position: absolute;
  left: 16348px;
  top: 711px;
  width: 1932px;
  height: 324px;
  z-index: 12;
}

.w3tekening{
  -webkit-box-shadow: 0px 0px 180px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    0px 0px 180px 0px rgba(0, 0, 0, 1);
  box-shadow:         0px 0px 180px 0px rgba(0, 0, 0, 1);
  position: absolute;
  left: 30140px;
  z-index: 900;
  width:1920px;
  height:1080px;
}

.layer1_toektoektekening{
  -webkit-box-shadow: 0px 0px 180px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    0px 0px 180px 0px rgba(0, 0, 0, 1);
  box-shadow:         0px 0px 180px 0px rgba(0, 0, 0, 1);
  position: absolute;
  left: 23161px;
  z-index: 900;
  width:1920px;
  height:1080px;
}

.wandelingTekening.layer1_theartist{
  -webkit-box-shadow: 0px 0px 180px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    0px 0px 180px 0px rgba(0, 0, 0, 1);
  box-shadow:         0px 0px 180px 0px rgba(0, 0, 0, 1);
  position: absolute;
  left: 41952px;
  z-index: 900;
  width:1920px;
  height:1080px;
}
.wandelingTekening.layer1_nestdrang{
  -webkit-box-shadow: 0px 0px 180px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow:    0px 0px 180px 0px rgba(0, 0, 0, 1);
  box-shadow:         0px 0px 180px 0px rgba(0, 0, 0, 1);
  position: absolute;
  left: 30170px;
  z-index: 900;
  width:1920px;
  background-image: url(../images/general/blauwe_achtergrond_nestdrang.jpg);
  background-size: cover;
  height:1080px;
}
.wandelingTekening.layer1_nestdrang .leaflet-container{
  background-color: transparent;
}
.wandelingTekening  img{
  height:100%;
}

.wandelingTekening .startknop{
  position: absolute;
  right:10%;
  bottom:10%;
  z-index:100001;
}

.wandelingTekening .zoomtekening{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:100000;
}


.wandelingTekening .leaflet-container{
  background-color: #fff;
}

/* ZOOM CONYTROLS */
.leaflet-control-attribution{
  display:none;
}

.leaflet-container{
  background-color: #fff;
}


.leaflet-bar{
  	-webkit-border-top-left-radius: 0px;
	        border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	        border-top-right-radius: 0px;
  	-webkit-border-bottom-left-radius: 0px;
	        border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	        border-bottom-right-radius: 0px;
box-shadow: 0 0 0;  
}

.leaflet-bar a.leaflet-control-zoom-out{
  font-size:0;
  background-image: url(../images/general/zoomuit.png);
  /*background-size: cover;*/
  background-repeat: no-repeat;
  width: 45px;
  height:45px;
  border:0;
  background-color: transparent;
  	-webkit-border-top-left-radius: 0px;
	        border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	        border-top-right-radius: 0px;
  	-webkit-border-bottom-left-radius: 0px;
	        border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	        border-bottom-right-radius: 0px;
}

.leaflet-bar a.leaflet-control-zoom-in{
  font-size:0;
  background-image: url(../images/general/zoomin.png);
  /*background-size: cover;*/
  background-repeat: no-repeat;
  width: 45px;
  height:45px;
  border:0;
  background-color: transparent;
  	-webkit-border-top-left-radius: 0px;
	        border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	        border-top-right-radius: 0px;
  	-webkit-border-bottom-left-radius: 0px;
	        border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	        border-bottom-right-radius: 0px;
}

.controlsshadow {
    -webkit-filter: drop-shadow( -5px -5px 5px #000 );
            filter: drop-shadow( -5px -5px 5px #000 ); /* Same syntax as box-shadow */
}

.leaflet-bottom .leaflet-control{
  margin-bottom:110px;
}



/**********************************
 * VOORTGANG
 **********************************/

.scrollVoortgangContainer{
  height:88px;
  background-color: #777;
  position: absolute;
  transition:all 0.5s ease-out;
  bottom:-79px;
  width:100%;
  z-index:2000;
  background-image: url(../images/general/skyline.png);
  background-position: 0px 15px;
  background-repeat: repeat-x;
}

.scrollVoortgangElementen{
  width:100%;
}

.wandelingItemIcon{
  height: 70px;
  width:124px;
  position: absolute;
  overflow: hidden;
  top:9px;
  cursor:pointer;
  left:0;
}

.wandelingItemIcon img{
  width:100%;
  heigth:100%;
}

.scrollVoortgangVlak{
  pointer-events: none;
  background-color: rgba(255,255,255,0.5);
  height:100%;
  width:0;
  /*z-index:1000000000000;*/
  position: absolute;
  left:0;
  top:0;
}



/* UITZONDERINGEN */
.element_4906{
  z-index:-1;
}

.scrollpage.leaflet-container{
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffffff 20%, #ededed 51%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(20%,#ffffff), color-stop(51%,#ededed), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 20%,#ededed 51%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 20%,#ededed 51%,#333333 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 20%,#ededed 51%,#333333 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 0%,#ffffff 20%,#ededed 51%,#333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#333333',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}


.instructie_scroll{
  position: absolute;
  z-index:10000000;
  left:50px;
  bottom:50px;
  display:none;
}

.backtomap{
  position: absolute;
  z-index:20;
  left:50px;
  top:50px;
  display:none;
  cursor:pointer;
}

.layer5_debergen {
  background-image: url("../images/general/bergen.gif");
  position: absolute;
  left: 0px;
  top: 304px;
  width: 33130px;
  height: 97px;
  z-index: 20;
}


.welkominstructie{
  position: absolute;
  display:none;
  top: 50%;
  height:60px;
  text-align: center;
  z-index:10000000;
  margin-top:-30px;
  padding: 20px;
   -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:    0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  box-shadow:         0px 0px 40px 0px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  color:#000;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  left:50%;
  margin-left:-300px;
  width: 600px;
  
}

.welkominstructie img{
  cursor:pointer;
  position: absolute;
  right:-20px;
  top:-20px;
}


.wandeling_window .wandelingAsset.layer5_bergen_fix{
  width: 40000px;
  height:275px;
  background-size: initial;
  background-repeat: repeat-x;
    position: absolute;
  left: 0px;
  top: 274px;
  z-index: 2;
}
.walk_1 .wandeling_window .wandelingAsset.layer5_bergen_fix{
width: 13095px;

}
.walk_2 .wandeling_window .wandelingAsset.layer5_bergen_fix{
  top: 354px;
width: 17695px;
/*width: 16695px;*/
}
.walk_3 .wandeling_window .wandelingAsset.layer5_bergen_fix{
  top: 334px;
width: 18095px;

}
.walk_4 .wandeling_window .wandelingAsset.layer5_bergen_fix{
width: 18095px;
  top: 374px;

}