@charset "UTF-8";

* {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}
	
body {
	background-color:#000
	}

div#bildcontainer {
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	bottom:82px;
	width:100%;
	/*height:100%;*/
	background-repeat:no-repeat;
	background-position:center;
	
	background-size: contain;
	}
	
div#fortschritt {
	z-index:100;
	width: 1%;
	height:2px;
	background-image:url(/grafiken/fortschritt.png);
	position:absolute;
	bottom:80px;
	left:0px;
	}
	
div#bottom {
	z-index:100;
	width: 100%;
	height:80px;
	/*background-image:url(/grafiken/bg_transparent.png);*/
	background-color:#000;
	position:absolute;
	bottom:0px;
	left:0px;
	}
	
div#counter {
	z-index:100;
	width: 100%;
	height:20px;
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	display:none;
	/*background-image:url(/grafiken/bg_transparent.png);*/
	text-align:center;
	color:#F00;
	}

div#preload {
	z-index:200;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #f00;
	display:none;
	}
	

div#kontaktlayer {
	position:absolute;
	z-index:110;
	top:50%;
	margin-top:-100px;
	left:50%;
	margin-left:-200px;
	width: 400px;
	height:200px;
	background-image:url(/grafiken/bg_transparent_85.png);
	display:none;
	text-align: center;
	padding:20px;
	}

div#impressumlayer, div#datenschutzlayer {
	position:absolute;
	z-index:110;
	top:25px;
	left:25px;
	bottom:25px;
	right: 25px;
	background-image:url(/grafiken/bg_transparent_85.png);
	display:none;
	text-align: left;
	padding:20px;
	overflow: auto;
	}

div#impressumlayer h1, div#impressumlayer h2, div#impressumlayer h3, div#impressumlayer p  {
	margin-top:15px;
	}

div#datenschutzlayer h1, div#datenschutzlayer h2, div#datenschutzlayer h3, div#datenschutzlayer p  {
	margin-top:15px;
	}


div#logo {
	z-index:100;
	width: 400px;
	height:100px;
	background-image:url(/grafiken/logo_transparent.png);
	background-size: cover;
	position:absolute;
	bottom:0px;
	left:10px;
	color:white;
	}

.navigationspunkt {
	float:left;
	cursor:pointer;
	margin-right:15px;
	}
	
div#modus {
	z-index:101;
	width:200px;
	height: 20px;
	position:absolute;
	bottom:10px;
	right:10px;
	cursor:pointer;
	color:#fff;
	font-size:9px;
	}

div#links {
	z-index:101;
	width: 15%;
	position:absolute;
	top:20px;
	left:0px;
	bottom:100px;
	color:white;
	vertical-align:middle;
	text-align:left;
	display:table-cell;
	}
	
#linksvertzent {
	height:100px;
	width:50px;
	display:block;
	position:absolute;
	top: 50%;
	bottom:50%;
	left:0px;
	margin: auto 0px auto 0px;
	}
	
div#rechts {
	z-index:101;
	width: 15%;
	position:absolute;
	top:20px;
	right:0px;
	bottom:100px;
	color:white;
	vertical-align:middle;
	text-align:right;
	display:table-cell;

	}

div#rechtsvertzent {
	height:100px;
	width:50px;
	display:block;
	position:absolute;
	top: 50%;
	bottom:50%;
	right:0px;
	margin: auto 0px auto 0px;
	}

div#navi {
	z-index:100;
	width: auto;
	height:20px;
	position:absolute;
	bottom:15px;
	left:420px;
	color:#fff;
	}

ul#alben {
	width:200px;
	position:absolute;
	z-index:120;
	bottom:30px;
	color:#000;
	}
	
div#navi ul {
	list-style-image:none;
	background-image:url(/grafiken/bg_transparent_75.png);
	}

div#navi li {
	
	margin: 5px 5px;
	list-style:none;
}	

div#navi li:hover {
	
	font-weight:bold;
}	

div.closebutton {
	float:right;
	font-weight:bold;
	cursor:pointer;
	}
	
div#playpause {
	position: relative;
	z-index:102;
	width: 50px;
	height:50px;
	margin-left:auto;
	margin-right: auto;
	margin-top:30px;
	cursor:pointer;
	padding:10px;
	display:none;
	}

img#playpausebutton {
	margin: 5px;
	}
	
.aktiv {
	color:black;
	font-weight:bold;
	}