@charset "UTF-8";
/* Rot: #9A1914; Dunkel-Grau: #575757; Schrift-Grau (etwas heller als dunkel): #7F7F7F; Hell-Grau: #C6C6C6; Dunkel-Grün: #006606; Hell-Grün: ; #02970D */

#weiter	{ position: absolute; right: 0; top: 50%; margin-top: -35px; width: 70px; height: 70px; background: transparent url(../images/weiter_50.png) top center no-repeat; background-size: 70px 140px; cursor: pointer; z-index: 200; }
#weiter:hover	{ background-position: bottom center; }

#zurueck	{ position: absolute; left: 0; top: 50%; margin-top: -35px; width: 70px; height: 70px; background: transparent url(../images/zurueck_50.png) top center no-repeat; background-size: 70px 140px; cursor: pointer; z-index: 210; }
#zurueck:hover	{ background-position: bottom center; }
#naviSlider	{ position: absolute; top: 84%; left: 50%; z-index: 220; }
	.panel	{ display: inline-block; width: 15px; height: 15px; background-color: #7F7F7F; border-radius: 50%; margin-right: 5px; }
	.panel:hover	{ background-color: #9A1914; }
	.selected { background: #9A1914; }


#wrapper {
	width:100%;
	height:100%;
	/*position:absolute; ALT*/
	position:relative;
	top:0;left:0;
	overflow:hidden;
}
	#mask {
		/*width:500%; ALT*/
		height:100%;
	}
	.item {
		width:20%;
		height:100%;
		float:left;
		text-align: center;
	}
	.item a { color: #7F7F7F; }
	.item h2	{ position: relative; font-size: 3em; font-weight: 200; top: 49%; }
	.content {
		width:100%;
		height:300px;
		top:20%;
		margin:0 auto;
		position:relative;
	}
	.clear {
		clear:both;
	}
#item1	{ background: transparent url(../images/plantypen/fluchtwegplaene.png) 90% 40px no-repeat; background-size: 210px 210px; }
#item2	{ background: transparent url(../images/plantypen/evakuationsplaene.png) 90% 40px no-repeat; background-size: 210px 210px; }
#item3	{ background: transparent url(../images/plantypen/brandschutzplaene.png) 90% 40px no-repeat; background-size: 210px 210px; }
#item4	{ background: transparent url(../images/plantypen/feuerwehreinsatzplaene.png) 90% 40px no-repeat; background-size: 210px 210px; }
#item5	{ background: transparent url(../images/plantypen/brandmeldeplaene.png) 90% 40px no-repeat; background-size: 210px 210px; }
#item6	{ background: transparent url(../images/plantypen/zonenplaene.png) 90% 40px no-repeat; background-size: 210px 210px; }
#item7	{ background: transparent url(../images/plantypen/liftrettungsplaene.png) 90% 40px no-repeat; background-size: 210px 210px; }
#item8	{ background: transparent url(../images/plantypen/kulturgueterschutzplaene.png) 90% 40px no-repeat; background-size: 210px 210px; }