body {
	margin: 0;
	border: 0;
	background: #47AD68;
	overflow: hidden;
}


	/* Preloader */
	#preloader {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#47AD68; /* change if the mask should have another color then white */
		background-color: black;
		z-index:200; /* makes sure it stays on top */
	}

	#status {
		width:40vw;
		height:30vw;
		position:absolute;
		left:50%; /* centers the loading animation horizontally one the screen */
		top:50%; /* centers the loading animation vertically one the screen */
		background-repeat:no-repeat;
		background-position:center;
		background-size: contain;
		margin-left: -20vw;
		margin-top: -15vw;
	}
	
	h1 {
		background-color: white;
		text-align: center;
		font-family: "courier";
	}
	

div {
	position: absolute;
}

#container {
	position: relative;
	background-image: url('gif/hintergrundwiese.png');
	/*background-image: url('gif/hintergrundtanz.gif');*/
	/*background: #CCCCCC;*/
	width: 100vw;
	height: 56vw;
	overflow: hidden;
	background-size: contain;
}

#tanzbuttons {
	display: none;
	z-index: 200;
	position: absolute;
	background: black;
	width: 26vw;
	height: 10vw;
	top: 1vw;
	left: 50%;
	margin-left: -15vw;
	border-radius: 1vw;
}


#button1 {
	position: absolute;
	width: 10vw;
	height: 10vw;
	margin-left: 2vw;
	margin-top: 0;
}

#button2 {
	position: absolute;
	width: 13vw;
	height: 10vw;
	margin-left: 12vw;
	margin-top: 0;
}

img {
	width: 100%;
	border: 0;
}

#vorhang {
	display: none;
	/*background: black;*/
	background-image: url('gif/hintergrundwiese.png');
	background-size: contain;
	z-index: 50;
	width: 100vw;
	height: 56vw;
	top: 0;
	left: 0;
}

/* FIRST - ab hier START */

/*#start {
	z-index: 100;
}

#tot {
	z-index: 40;
}

*/
[id*="sprech-"] {
	z-index: 0;
}

#ani-chrigi {
	margin-top: 25vw;
	margin-left: 70vw;
	width: 4vw;
}

#ani-chrigi #tanz {
	width: 15vw;
	margin-top: -5vw;
	margin-left: -70vw;
}

#sprech-chrigi {
	display: none;
	margin-top: 14vw;
	margin-left: 30vw;
	width: 35vw;
}

#ani-clood-fass {
	margin-top: 33vw;
	margin-left: 85vw;
	width: 5vw;
}

#ani-clood-fass #tot {
	margin-top: 0vw;
	margin-left: 0vw;
	width: 12vw;
}

#ani-clood-fass #tanz {
	margin-top: 12vw;
	margin-left: -15vw;
	width: 33vw;
}

#ani-clood-fress {
	margin-top: 33vw;
	margin-left: -3vw;
	width: 20vw;
}

#sprech-clood-fress {
	display: none;
	margin-top: -26vw;
	margin-left: 58.8vw;
	width: 35vw;
}

#ani-clood-geburt {
	margin-top: 35vw;
	margin-left: 35vw;
	width: 12vw;
}

#ani-clood-geburt #tanz {
	margin-top: -35vw;
	margin-left: 30vw;
	width: 40vw;
}

#ani-inez-horn {
	margin-top: 25vw;
	margin-left: 10vw;
	width: 9vw;
}

#ani-inez-horn #tanz {
	margin-top: 9vw;
	margin-left: 18vw;
	width: 15vw;
	transform: rotate(8deg);
}

#sprech-inez-horn {
	display: none;
	margin-top: -10.4vw;
	margin-left: 41.5vw;
	width: 23vw;
}

#ani-inez-radio {
	margin-top: 28vw;
	margin-left: 30vw;
	width: 9vw;
}

#sprech-inez-radio {
	display: none;
	margin-top: -10vw;
	margin-left: 21vw;
	width: 32vw;
}

#ani-inez-radio #tot {
	width: 12vw;
}

#ani-inez-radio #tanz {
	margin-top: -7vw;
	margin-left: -18vw;
	width: 25vw;
	transform: rotate(-3deg);
}

#ani-janis-jumo {
	margin-top: 24vw;
	margin-left: 24vw;
	width: 7vw;
}

#ani-janis-jumo #tanz {
	margin-top: 20vw;
	transform: rotate(-5deg);
	width: 15vw;
}

#ani-janis-pistole {
	margin-top: 29vw;
	margin-left: 23vw;
	width: 9vw;
}

#ani-janis-pistole #tot {
	width: 7vw;
}

#ani-janis-pistole #tanz {
	z-index: 20;
	margin-top: 13vw;
	margin-left: 30vw;
	width: 25vw;
	transform: rotate(-20deg);
}

#ani-julia {
	margin-top: 27vw;
	margin-left: 80vw;
	width: 5vw;
}

#sprech-julia {
	display: none;
	margin-top: -25vw;
	margin-left: -35vw;
	width: 50vw;
}

#ani-julia #tanz {
	margin-top: 10vw;
	margin-left: -65vw;
	width: 10vw;
}

#ani-levin {
	margin-top: 20vw;
	margin-left: 40vw;
	width: 5vw;
}

#sprech-levin {
	display: none;
	margin-top: -20vw;
	margin-left: -20vw;
	width: 70vw;
}

#ani-levin #tanz {
	margin-top: -6vw;
	margin-left: 22vw;
	width: 28vw;
}

#ani-martina {
	margin-top: 18vw;
	margin-left: 56vw;
	width: 11vw;
}

#ani-martina #tanz {
	margin-top: -5vw;
}

#ani-nicu {
	margin-top: 46vw;
	margin-left: 17vw;
	width: 18vw;
}

#sprech-nicu {
	display: none;
	margin-top: -27.3vw;
	margin-left: 15.5vw;
	width: 23.5vw;
}

#ani-nicu #tot {
	margin-top: 3vw;
	margin-left: 10vw;
	width: 7vw;
}

#ani-nicu #tanz {
	margin-top: -3vw;
	margin-left: 20vw;
	width: 20vw;
}

#ani-pasci {
	margin-top: 40vw;
	margin-left: 75vw;
	width: 14vw;
}

#ani-pasci #tot {
	margin-top: 6vw;
	margin-left: 3vw;
	width: 6vw;
}

#ani-pasci #tanz {
	margin-top: -12vw;
	margin-left: -33vw;
	width: 20vw;
	transform: rotate(-7deg);
}

#sprech-pasci {
	display: none;
	margin-top: -22vw;
	margin-left: -10vw;
	width: 28vw;
}

#ani-ramu {
	margin-top: 22vw;
	margin-left: 84vw;
	width: 7vw;
}

#ani-ramu #tanz {
	margin-top: -10vw;
	margin-left: -57vw;
	width: 22vw;
}

#ani-taro {
	margin-top: 5vw;
	margin-left: 10vw;
	width: 4vw;
}

#sprech-test {
	margin-top: 5vw;
	margin-left: 30vw;
	width: 40vw;
}


#ani-taro #tanz {
	margin-top: -10vw;
	width: 18vw;
}

#sprech-taro {
	display: none;
	margin-top: 2.5vw;
	margin-left: 12.3vw;
	width: 45vw;
}

/* SECOND - ab hier STERBEN */

#second {
	display: none;
	cursor: pointer;
}

#third {
	display: none;
	cursor: help;
}

#fourth {
	display: none;
	cursor: default;
}	

#fifth {
	display: none;
	cursor: default;
}


/*#container {
	background-image: url('gif/hintergrundtanz.gif');
}*/

#starlet {
	display: none;
	z-index: 70;
	width: 80vw;
	margin-left: -160vw;
}

#black {
	display: none;
	background: url('gif/starlet/bg-klein.gif');
	width: 100vw;
	height: 100vh
}