.mapNavigationContainer{
	position: absolute;
	left:0;
	top:0;
	width:1920px;
	height: 1080px;
	pointer-events: none;
	z-index:25;
}

.mapNavigatieButton{
	position:absolute;
	width:60px;
    height:60px;
    margin-top:-30px;
    margin-left:-30px; 
    border-radius: 50%;
	pointer-events: all;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    background-color: transparent;
}

#mapTop{
	left:50%;
	top:60px;
	transform: rotate(90deg);
}

#mapRight{
	right:30px;
	top:50%;
	transform: rotate(180deg);
}

#mapLeft{
	left:60px;
	top:50%;
}

#mapBottom{
	left:50%;
	bottom:30px;
	transform: rotate(-90deg);
}

.main_arrow{
	background-image:url('../images/mapArrowWhite.png');
	background-size: contain;
}

.sub_arrow{
	background-image:url('../images/mapArrowBlue.png');
	background-size: contain;
}