@charset "UTF-8";
/* CSS Document */

#container{
	position:absolute;
	height: 708px; width: 774px;
	left:0px;
	top:60px;
	background-color:#fff;	
	}
#info{
	position:absolute;
	height: 708px; 
	width: 341px;
	right:0px;
	top: 0px;
	background-color:#efefef;	
	}
#infoFoto img{
	width: 100%;
	margin: 0 0 10px 0;	
	}
#infoIcons{
	height:50px;	
	}
#infoIcons img{
	float:left;	
	}

#info #infoText{
	height: auto;
	background-color:#efefef;
	margin:0;
	width: 341px;
	padding-bottom: 30px;
	}

#info #textScrollcontainer{
	height: 708px;
	margin:0;
	position:absolute;
	left: 0px;
	width: 341px;
}

#info #infoText h1{
	font-size: 22px;
	margin: 0 10px;	
	padding-top:15px;
	color: #333;
	}
#info #infoText h2{
	font-size: 18px;
	margin: 10px;	
	color: #333;
	}
#info #infoText p{
	font-size: 15px;
	margin: 10px;	
	color: #000;
	padding-bottom: 15px;
	}

#karte {
	position: relative;
	width: 3500px;
	height: 2843px;	
}

#karte img {
	width: 1750px;
	height: 1421px;	
	-webkit-transform:translate3d(0,0,0);
	position: absolute;
	top: 0;
	left: 0;
}

#karte .map-02 {
	left: 1750px;
}

#karte .map-03 {
	top: 1421px;
}

#karte .map-04 {
	top: 1421px;
	left: 1750px;
}

.punkt{
	position:absolute;
	cursor:pointer;	
	}
#slider{
	height: 100px !important;
	width: 719px !important;
	left: 5px !important;
	background-color:#fff;
	/*box-shadow: 1px 1px 2px #333;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	-o-box-shadow: 1px 1px 2px #333;*/
	bottom: 10px;
	}
#icons{
	position:absolute;
	bottom: 15px;
	left:15px;
	}
.iconContainer{
	width: 140px;
	height: 50px;
	float: left;
	background-color: #fff;
	margin: 0 1px;
	box-shadow: 1px 1px 2px #333;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	-o-box-shadow: 1px 1px 2px #333;
	padding: 10px;
	cursor: pointer;
	border: 1px solid #efefef;
	}
.gebaeudeClass, .protesteClass, .toteClass{
	display: none;	
	}
.orangeBg{
	background-color: #E48318;	
	}

#farbe{
	margin:10px 0 0 635px;
	}
	
img {
		float: left;
}
	
.box {
	margin:0px 0 0 12px;
	float: left;
}
	
.fausticon {
	z-index: 100;
	-moz-animation: poiAnimation 2s infinite;
    -webkit-animation: poiAnimation 2s infinite;
    -o-animation: poiAnimation 2s infinite;
    -ms-animation: poiAnimation 2s infinite;
    animation: poiAnimation 2s infinite;
	cursor: pointer;
}

.faust {
	margin-right: 3px;
	display: none;
}

.feuer {
	margin-right: 3px;
	display: none;
}

.tote {
	margin-right: 3px;
	display: none;
}

.usmil {
	margin-right: 3px;
	display: none;
}

.mainstyle {
	-moz-animation: poiAnimation 2s infinite;
    -webkit-animation: poiAnimation 2s infinite;
    -o-animation: poiAnimation 2s infinite;
    -ms-animation: poiAnimation 2s infinite;
    animation: poiAnimation 2s infinite;
}

.icons2 {
	display: none;
}

.iconsfill {
	margin: 0 10px;
	width: 321px;
	height: 20px;
}
.iconsfill img {
	margin-right: 5px;
}