.submap{
    position: absolute;
    width:1920px;
    height: 1080px;
    display:none;
}

.mapImageDragArea{
    position: absolute;
  	top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
}

.mapContainer{
	position:absolute;
	left:0px;
	top:0px;
	width:9500px;
	height:7000px;
	background-image:url('../images/sub_map_0.jpg');
	transition: filter 500ms ease;  
}

.mapContainerAnimateMove{
	transition: left 500ms ease, top 500ms ease;   
}

.subMapIcon{
    position:absolute;
    left:0;
    top:0;
    width:58px;
    height: 65px;
    margin-left:-29px;
    margin-top:-58px;
    background-image:url('../images/map_icon_0.png');
    background-size:contain;
    background-repeat: no-repeat;
    z-index:10;
}

.subMapIcon_active{
    z-index:15;
}

.subMapLocation{
    position: absolute;
    left:0;
    top:0;
    width:200px;
    height:10px;
    color:white;
    font-family: firaSansBold;
    font-size:18px; 
    text-transform: uppercase;
    text-shadow: 0px 0px 5px black;
    z-index:5;
}

.subMapFacility{
    position: absolute;
    left:0;
    top:0;
    width:32px;
    height:32px;
    margin-left:-16px;
    margin-top:-16px;
    background-image:url('../images/facilities_0.png');
    background-size:contain;
    background-repeat: no-repeat;
    z-index:5;
}

.sub_map_backbutton{
    position: absolute;
    right:-180px;
    bottom:38px;
    width:170px;
    height: 170px;
    border-radius: 50%;
    background-image:url('../images/sub_backbutton_image.png');
    background-size: contain;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    z-index:25;
    transition: right 500ms ease-out;
}

.backButtonActive{
    right:38px;
}

.spin_container{
    position: absolute;
    right:-420px;
    top:40px;
    width:405px;
    height: 122px;
    z-index:25;
    display:none;
    transition: right 500ms ease-out;
}

.spinActive{
    right:40px;
}
.spin_box{
    position: absolute;
    left:0;
    top:23px;
    width:345px;
    height: 75px;
    background-color:white;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

.spin_buttonback{
    position: absolute;
    right:0px;
    top:0px;
    width:122px;
    height: 122px;
    border-radius: 50%;
    background-image:url('../images/spin_buttonback.png');
    background-size: contain;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

.spin_button{
    position: absolute;
    left:31px;
    top:31px;
    width:60px;
    height: 60px;
    border-radius: 50%;
    background-image:url('../images/spin_button.png');
    font-family: firaSansBold;
    font-size: 14px;
    text-align: center;
    line-height: 60px;
    color:white;
    text-shadow: 0 0 5px black;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-size:contain;
}

.spin_choicecontainer{
    position: absolute;
    top: 8px;
    left: 8px;
    height: 60px;
    width: 270px;
    overflow: hidden;
}

.spin_icon{
    position:absolute;
    left:0px;
    top:0;
    width:52px;
    height:28px;  
    background-image:url('../images/spin_icon_0.png');
    background-size:contain;
}

#spinIcon_0{
    top:-12px;
}

#spinIcon_1{
    top:16px;
}

#spinIcon_2{
    top:44px;
}

.spin_item{
    position:absolute;
    left:60px;
    top:0;
    width:208px;
    height:28px;
    font-family: firaSansBold;
    font-size: 13px;
    line-height: 29px;
    padding-left: 4px;
 
}

#spinItem_0{
    top:-12px;
    opacity:0.7;
}

#spinItem_1{
    top:16px;
}

#spinItem_2{
    top:44px;
    opacity:0.7;
}

.spin_anim{
    position:absolute;
    left:0px;
    top:0;
    width:52px;
    height:60px;  
    background-image:url('../images/spinner.gif');
    background-size:contain;
    display:none;
}

.spin_text_anim{
    position:absolute;
    left:60px;
    top:0;
    width:208px;
    height:60px;  
    background-image:url('../images/text_spinner.gif');
    background-size:contain;
    display:none;
}

.spinner_frame{
    position:absolute;
    left:60px;
    top:0;
    width:208px;
    height:60px;  
    background-image:url('../images/spinner_frame.png');
    background-size:contain;
}

.spin_gradient{
    position:absolute;
    left:8px;
    top:8px;
    width:268px;
    height:60px;
    background-image:url('../images/spin_gradient.png');
    background-size: contain;
    pointer-events: none;
}

.bekijk_button{
    position: absolute;
    left:222px;
    top:15px;
    width:45px;
    height:45px;
    font-family: firaSansRegular;
    font-size: 9px;
    text-align: center;
    line-height: 46px;
    color:white;
    text-shadow: 0 0 5px black;
    background-image:url('../images/bekijk_button.png');
    background-size: contain;
}