body {
	color: #000000;
	}
	
#oben {
	position: absolute;
	top: 10px;
	left: 50%;	
	font-family: arial;
	font-size: 1.2em;
	}
	
a:link {
	text-decoration: none;
	color: #000000; 
	}

a:visited {
	text-decoration: none;
	color: #000000; 
	}

/*animationslinks*/

#lili {
	cursor: pointer;	
	}

#erstens {
	position: absolute;
	left: 500px;
	top: 900px;	
	}

#zweitens {
	position: absolute;
	left: 59px;
	top: 700px;	
	}

#drittens {
		position: absolute;
	left: 345px;
	top: 84px;	
	}

#viertens {
		position: absolute;
	left: 1308px;
	top: 130px;	
	}

#fuenftens {
		position: absolute;
	left: 24px;
	top: 567px;	
	}

#sechstens {
		position: absolute;
	left: 809px;
	top: 200px;	
	}
	
#siebentes {
	position: absolute;
	left: 1000px;
	top: 750px;	
	}

/* animiierte Objekte */

#gezacktes {
	position: absolute;
	top: 700px;
	left: 400px;
	visibility: hidden;
	transition-property: left, top, visibility;
	transition-duration: 2s, 2s, 0s;
    -moz-transition-property: left, top, visibility;
   -moz-transition-duration: 2s, 2s, 0s;
   -webkit-transition-property: left, top, visibility;
   -webkit-transition-duration: 2s, 2s, 0s;
   -o-transition-property: left, top, visibility;
   -o-transition-duration: 2s, 2s, 0s;
}

	
#gezacktes.danach {
	top: 400px;
	left: 1300px;
	visibility: visible;
	}

#runterfallendes {
	position: absolute;
	top: 300px;
	left: 500px;
	visibility: hidden;
	transition-property: left, top, visibility;
	transition-duration: 2s, 2s, 0s;
	-moz-transition-property: left, top, visibility;
    -moz-transition-duration: 2s, 2s, 0s;
    -webkit-transition-property: left, top, visibility;
   -webkit-transition-duration: 2s, 2s, 0s;
    -o-transition-property: left, top, visibility;
     -o-transition-duration: 2s, 2s;
	}
	
#runterfallendes.danach {
	top: 900px;
	visibility: visible;
	}
	
#cschuh {
	position: absolute;
	top: 800px;
	left: 1200px;
	visibility:	hidden;
	transition-property: left, top, visibility;
	transition-duration: 2s, 2s, 0s;
	-moz-transition-property: left, top, visibility;
    -moz-transition-duration: 2s, 2s, 0s;
    -webkit-transition-property: left, top, visibility;
    -webkit-transition-duration: 2s, 2s, 0s;
    -o-transition-property: left, top, visibility;
    -o-transition-duration: 2s, 2s, 0s;
	}
	
#cschuh.danach {
	top: 200px;
	left: 1500px;
	visibility: visible;
	}
	
#fliegendes {
	position: absolute;
	top: 400px;
	left: 20px;
	visibility:	hidden;
	transition-property: left, top, visibility;
	transition-duration: 6s, 2s, 0s;
    -moz-transition-property: left, top, visibility;
    -moz-transition-duration: 6s, 2s, 0s;
    -webkit-transition-property: left, top, visibility;
    -webkit-transition-duration: 6s, 2s, 0s;
    -o-transition-property: left, top, visibility;
    -o-transition-duration: 6s, 2s, 0s;
	}
	
#fliegendes.danach {
	top: 10px;
	left: 300px;
	visibility: visible;
	}
	
#schwarz {
	position: absolute;
	top: 500px;
	left: 700px;
	background-color: #000000;
	width: 50px;
	height: 50px;
	visibility: hidden;
	}	
	
#schwarz.danach {
	visibility: visible;
	}	
		
/* leere Links */

#das {
		position: absolute;
	left: 145px;
	top: 900px;	
	}

#ist {
		position: absolute;
	left: 504px;
	top: 400px;	
	}

#einer{
		position: absolute;
	left: 40px;
	top: 900px;	
	}

#von {
			position: absolute;
	left: 800px;
	top: 300px;	
	}

#vielen {
			position: absolute;
	left: 600px;
	top: 200px;	
	}

#leeren {
			position: absolute;
	left: 403px;
	top: 200px;	
	}

#links {
			position: absolute;
	left: 1300px;
	top: 700px;	
	}