@charset "UTF-8";
body {
	margin: 0; 
	background: #6D767A;
}

#aspectratio {
position: relative;
width: 100%; 
height: 100%;
max-width: 1000px; 
max-height: 700px;
margin:auto;
}

.panzoom {
	text-align:center;
}

.popup {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.popupcont {
	width: 100%; 
	position: absolute; 
	bottom: 0;
}

.popupcont2 {
	width: 100%;
	height: 250px; 
	position: absolute; 
	bottom: 0;
}
.clickable {
	height: 100%; 
	width: 100%; 
	left: 0; 
	top: 0; 
	position: absolute; 
	z-index: 1;
}

.sf {
	position:absolute;
	cursor:pointer;
	background: url(img/t01.png);
}

#sf_plus {
	position:absolute;
	top:44px;
	left:5px;
	width:50px;
	height:50px;
	cursor:pointer;
	background: url(img/t01.png);
}

#sf_minus {
	position:absolute;
	top:44px;
	left:60px;
	width:50px;
	height:50px;
	cursor:pointer;
	background: url(img/t01.png);
}

#sf_reset {
	position:absolute;
	top:44px;
	left:115px;
	width:50px;
	height:50px;
	cursor:pointer;
	background: url(img/t01.png);
}

#sf_info {
	position:absolute;
	top:44px;
	left:170px;
	width:50px;
	height:50px;
	cursor:pointer;
	background: url(img/t01.png);
}

#info {
	position:absolute;
	top:105px;
	left:153px;
	display:none;
	cursor:pointer;
}

#menue1 {
	position:absolute;
	top:0px;
	left:0px;
}

#menue2 {
	position:absolute;
	top:0px;
	right:0px;
	z-index: 3;
	cursor:pointer;
}

#menue2b {
	position:absolute;
	top:0px;
	right:0px;
	z-index: 1;
	cursor:pointer;
}

#menue3 {
	position:absolute;
	bottom:0px;
	right:0px;
	cursor:pointer;
	height: 34px;
}

#menue3b {
	position:absolute;
	bottom:0px;
	right:0px;
	display:none;
	height: 158px;
}

#karte {
	margin-left: auto;
	min-width: 1000px;
	margin-right:auto;
}

#abstand {
	margin-left: auto;
	width: 100%;
	height: 10px;
	max-width: 1000px;
	margin-right:auto;
}

#container {
	position: absolute;
    top: 2%;
    left: 0%;
    bottom: 0%;
    right:0%;
	background: #C7CCCF;
	-webkit-box-shadow: 0px 5px 12px black;
	-moz-box-shadow: 0px 5px 12px black;
	box-shadow: 0px 5px 12px black;}