#box1 { position:absolute; top:0px; left:3%; width:94%; height:110px; z-index:1; background-color: cadetblue; }
#box2 { position:absolute; top:110px; left:3%; width:94%; height:90px; z-index:1; background-color: cadetblue; padding-top:10px;}
#box3 { position:absolute; top:200px; left:3%; width:94%; height:840px; z-index:2; background-color: cadetblue;}
#box4 { position:absolute; top:260px; left:50%; width:40%; height:200px;  background-color: #dd00dd; z-index:3;}
#box5 { position:absolute; top:200px; left:3%; width:94%; z-index:2; background-color: cadetblue; height:2000px; z-index:3;}
#box6 { position:absolute; top:60px; left:50px; width:90px; height:90px; z-index:-1; }
#box7 { position:relative; top:20px; left:10%; width:80%; background-color: #ffffff; z-index:4; }
#box8 { position:relative; top:10px; background-color: #ffffff; z-index:1; height:50px; width:100%;}

#box15 { position:relative; top:5px; left:5%; right:5%; bottom:10px; background-color: #ffffff; width:90%; z-index:2; height:1900px;}
#box16 { position:relative; top:5px; left:5%; right:5%; bottom:10px; background-color: #ffffff; width:90%; z-index:2; height:1000px;}


#box31 { position:absolute; top:170px; left:3%; width:94%; height:100%; z-index:2; background-color: cadetblue;}
#box32 { position:absolute; top:370px; left:3%; width:94%; height:100%; z-index:2; background-color: cadetblue;}
#box33 { position:absolute; top:670px; left:3%; width:94%; height:100%; z-index:2; background-color: cadetblue;}
#box34 { position:absolute; top:870px; left:3%; width:94%; height:100%; z-index:2; background-color: cadetblue;}

#box35 { position:absolute; top:120px; left:13%; width:34%; height:600px; z-index:2; background-color: cadetblue;}
#box36 { position:absolute; top:160px; left:55%; width:34%; height:100px; z-index:2; background-color: cadetblue;}
#box37 { position:absolute; top:105px; left:52%; width:34%; height:700px; padding:10px; z-index:2; background-color: white;}

#box45 { position:absolute; top:550px; left:13%; width:34%; height:100px; z-index:2; background-color: cadetblue;}
#box46 { position:absolute; top:550px; left:55%; width:34%; height:100px; z-index:2; background-color: cadetblue;}
#box47 { position:absolute; top:705px; left:55%; width:34%; height:100px; z-index:2; background-color: cadetblue;}

#box54 { position:absolute; top:970px; left:3%; width:94%; height:100%; z-index:2; background-color: cadetblue;}
#box55 { position:absolute; top:1220px; left:3%; width:94%; height:100%; z-index:2; background-color: cadetblue;}

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

p { font-family: Verdana,Arial,Helvetica; font-size: 20px; color: #ffffff;}
p.eins { font-family: Verdana,Arial,Helvetica; font-size: 14px; color: #ffffff; font-weight:bold; }
p.zwei { font-family: Verdana,Arial,Helvetica; font-size: 16px; color: #777777; font-weight:normal; }
p.drei { font-family: Verdana,Arial,Helvetica; font-size: 14px; color: #ffffff; padding-left:10%; padding-right:10%; font-weight:bold; }
p.vier { font-family: Verdana,Arial,Helvetica; line-height:20px; font-size:12px;  font-weight:bold; padding-left:20%; width:500px; }
p.fuenf { font-family: Verdana,Arial,Helvetica; line-height:20px; font-size:12px;  font-weight:bold; color: #ffffff; padding-left:10%; padding-right:10%;}
p.sechs { font-family: Verdana,Arial,Helvetica; font-size: 16px; color: #777777; font-weight:normal; }

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

#a2 { color: gold;}
#d1 { padding-right: 20px; padding-left: 80px; padding-top: 0px; padding-bottom: 0px;
      position:absolute; top:0px; z-index:3;}
#d2 { padding-right: 20px; padding-left: 80px; padding-top: 0px; padding-bottom: 0px;
      position:absolute; top:0px; z-index:3;}     
#a1 { font-size: 9px; color: black;}
#d3 { padding-left: 40px; }



span.text1
{
font-size: 12px;
color: #cccc99;
line-height: 18px;
font-family: Verdana,Arial,Helvetica;
}

span.text
{
font-size: 14px;
color: #ffffff;
line-height: 21px;
font-family: Verdana,Arial,Helvetica;
}

span.text2
{
font-size: 14px;
font-weight:bold;
color: #000000;
line-height: 21px;
font-family:Verdana;
}

table.1
{ background-color:#ffffcc;
font-family:Arial;
font-size: 12px;
}

tr.1
{ background-color:#ffffcc;
font-family:Arial;
font-size: 14px;
font-weight:normal;
}

tr.2
{ background-color:#dddddd;
font-family:Arial;
font-size: 14px;
font-weight:normal;
}


span.sub
{
font-size: 11px;
color: #CCCC99;
line-height: 21px;
font-family: Verdana,Arial,Helvetica;
}


span.text4
{
font-size: 11px;
color: #663333;
line-height: 20px;
font-family: Verdana,Arial,Helvetica;
}

span.css
{
font-size: 12px;
color: #000000;
line-height: 21px;
font-family: Verdana,Arial,Helvetica;
}

.sb {scrollbar-3dlight-color:#FFFF00;
           scrollbar-arrow-color:#FFFF00;
           scrollbar-base-color:#336699;
           scrollbar-darkshadow-color:#FFFF00;
           scrollbar-face-color:#336699;
           scrollbar-highlight-color:#336699;
           scrollbar-shadow-color:}