#box0 { position:absolute; top:0px; left:2%; width:96%; height:800px; z-index:1; background-color: #000000; }
#box1 { position:absolute; top:0px; left:3%; width:94%; height:800px; z-index:1; background-color: #000000; }
#box2 { position:absolute; top:400px; left:10%; width:30%; height:150px; z-index:1; }
#box3 { position:absolute; top:110px; left:3%; width:94%; height:100%; z-index:2; }
#box4 { position:absolute; top:10px; left:25%; width:60%; height:100%; z-index:2; }
#box5 { position:absolute; top:460px; left:5%; width:500px; height:140px; z-index:2; }
#box6 { position:absolute; top:10px; left:5%; width:90%; height:800px; z-index:2; }
#box7 { position:absolute; top:120px; left:5%; width:90%; height:800px; z-index:2; }
#box8 { position:absolute; top:120px; left:5%; width:470px; height:800px; z-index:2; }
#box9 { position:absolute; top:420px; left:10%; width:30%; height:150px; z-index:1; }
#box10 { position:absolute; top:200px; left:10%; width:700px; height:150px; z-index:1; }

#box11 { position:absolute; top:600px; left:3%; width:700px; height:800px;z-index:2;}
#box12 { position:absolute; top:580px; left:3%; width:500px; height:800px;z-index:2;}
#box13 { position:absolute; top:1040px; left:5%; width:700px; height:800px;z-index:2;}
#box14 { position:absolute; top:650px; left:5%; width:700px; height:800px;z-index:2;}
#box15 { position:absolute; top:800px; left:5%; width:50%; height:800px;z-index:2;}
#box16 { position:absolute; top:550px; left:55%; width:45%; height:800px;z-index:2;}
#box17 { position:relative; top:700px; left:10px; width:600px; height:800px;z-index:2;}
#box18 { position:relative; top:750px; left:200px; width:600px; height:800px;z-index:2;}
#box19 { position:relative; top:400px; left:500px; width:400px;height:400px;z-index:2;}

#box20 { position:absolute; top:50px; left:10%; width:80%; height:100%; z-index:1; }
#box21 { position:absolute; top:1150px; left:3%; width:700px; height:800px;z-index:2; }

h1  { font-family: Lucida calligraphy, verdana,Arial,Helvetica; font-size: 30px; color: #ffffff; }
h2  { font-family: Lucida calligraphy, Verdana,Arial,Helvetica;  color: #ffffff; }
h3  { font-family: Verdana,Arial,Helvetica;  color: #ffffff; }
h4  { font-family: Verdana,Arial,Helvetica;  color: #ffffff; }
h5  { font-family: Verdana,Arial,Helvetica;  color: #ffffff; }

p { font-family: Verdana,Arial,Helvetica; font-size: 20px; color: #ffffff;}
p.eins { font-family: Lucida calligraphy; verdana; font-size: 14px; color:yellow; }
p.zwei { color:black;}
p.drei { font-family: Lucida calligraphy; verdana; font-size: 36px; color:yellow; }
p.vier { font-family: Lucida calligraphy; verdana; font-size: 16px; color:white; }
p.fuenf { font-family: Lucida calligraphy; verdana; font-size: 24px; color:white; }

A:link { text-decoration: none; color: yellow; }
A:visited { text-decoration: none; color: #ffffff; }
A:hover { text-decoration: underline; color: #ee0000; }
A:active { text-decoration: underline; color: #CCCC99; }