body {
	background-color: #000000;
}

#wekka {
width: 720px;
height: 726px;
position: absolute;
z-index: 1;
left: 50%;
right: 50%;
top:  50%;
bottom: 50%;
margin: -363px 0 0 -360px;
}

#martin {
	position: absolute;
	z-index: 2;
	left: 50%;
	right: 50%;
	top:  50%;
	bottom: 50%;
	width: 100px;
	height: 160px;
	margin: 50px 0 0 -115px;
}

#leon {
	position: absolute;
	z-index: 2;
	left: 50%;
	right: 50%;
	top:  50%;
	bottom: 50%;
	width: 150px;
	height: 110px;
	margin: -180px 0 0 -60px ;
}

#lukas {
	position: absolute;
	z-index: 2;
	left: 50%;
	right: 50%;
	top:  50%;
	bottom: 50%;
	width: 110px;
	height: 140px;
	margin: 60px 0 0 50px;
	transition: width 1s;
	-moz-transition: width 1s; /* Firefox 4 */
	-webkit-transition: width 1s; /* Safari and Chrome */
	-o-transition: width 1s; /* Opera */
}
#veranstaltungen {
	position: absolute;
	z-index: 2;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: 39.75px;
	height: 138px;
	margin: -45px 0 0 223px;
}
#musik {
	position: absolute;
	z-index: 2;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: 30.25px;
	height: 94.5px;
	margin: -35px 0 0 -232px;
}
#info{
	position: absolute;
	z-index: 2;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: 62.5px;
	height: 26.75px;
	margin: -243px 0 0 -20px;
}

#kontakt{
	position: absolute;
	z-index: 2;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: 89.75px;
	height: 22.5px;
	margin: 243px 0 0 -22px;
}