html,body
{
	height: 100%;
	background-color: black;
	color: white;
}

iframe.iframe_a
{
	width: 100%;
	height: 100%;
}

div.main
{
	position: absolute;
}
  
/*img.map
{
}*/

img.sta_karin
{
	position: absolute;
	/*left: 688px;*/
	left: 637px;
	top: 303px;
}

img.one
{
	position: absolute;
	/*left: 688px;*/
	left: 648px;
	top: 463px;
}

img.helge_and
{
	position: absolute;
	/*left: 417px;*/
	left: 366px;
	top: 339px;
}

img.two
{
	position: absolute;
	/*left: 688px;*/
	left: 387px;
	top: 410px;
}

img.st_nicolai
{
	position: absolute;
	/*left: 279px;*/
	left: 229px;
	top: 299px;
}

img.three
{
	position: absolute;
	/*left: 688px;*/
	left: 253px;
	top: 400px;
}

button.start
{
	background-color: grey;
	border: none;
	text-decoration: none;
	width: 100px;
	font-size: 20px;
	border-radius: 13px;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

button.start:hover
{
	background-color: red;
    color: white;
}

div.map
{
	width: 1300px;
	padding: 10px;
	height: 900px;
	position: absolute;
	margin-top: -450px;
	margin-left: -650px;
	top: 50%;
	left: 50%;
	/*text-align: center;*/
	font-size: 24px;
}

div.title
{
	width: 800px;
	padding: 10px;
	height: 50px;
	position: absolute;
	margin-top: -25px;
	margin-left: -400px;
	top: 10%;
	left: 50%;
	text-align: center;
	font-size: 38px;
}

div.author
{
	text-align: center;
	font-size: 26px;
}

div.note
{
	text-align: center;
	font-size: 14px;
	width: 800px;
	padding: 10px;
	height: 50px;
	position: absolute;
	margin-bottom: -25px;
	margin-left: -400px;
	bottom: 10%;
	left: 50%;
}


div.start
{
	width: 800px;
	padding: 10px;
	height: 50px;
	position: absolute;
	margin-top: -25px;
	margin-left: -400px;
	top: 45%;
	left: 50%;
	text-align: center;
	font-size: 24px;
	color: red;
}

div.fullscreen_note
{
	text-align: center;
	font-size: 20px;
}

#fullscreenToggle
{
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 5px;
  /*background-color: rgb(103,115,131);
  background-color: rgba(103,115,131,0.8);*/
}

.mobile #fullscreenToggle
{
  width: 50px;
  height: 50px;
}

body.fullscreen-enabled #fullscreenToggle
{
  display: block;
}

#fullscreenToggle .icon
{
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
}

.mobile #fullscreenToggle .icon
{
  top: 10px;
  right: 10px;
}

#fullscreenToggle .icon.on
{
  display: none;
}

#fullscreenToggle .icon.off
{
  display: block;
}

#fullscreenToggle.enabled .icon.on
{
  display: block;
}

#fullscreenToggle.enabled .icon.off
{
  display: none;
}

@media screen and (max-width: 1000px)
{
	div.map
	{
		width: 100%;
		height: 100%;
		padding: 0px;
		margin-top: 0px;
		margin-left: 0px;
		top: 0%;
		left: 0%;
	}
	
	img.sta_karin
	{
		position: absolute;
		left: 628px;
		top: 293px;
	}

	img.helge_and
	{
		position: absolute;
		/*left: 417px;*/
		left: 356px;
		top: 329px;
	}

	img.st_nicolai
	{
		position: absolute;
		/*left: 279px;*/
		left: 219px;
		top: 289px;
	}
}