html, body{height: 100%;margin: 0;}

body{background-color:#000000;text-align:center;padding:0;}

#top {float: left;width: 1px; height: 50%;margin-bottom: -250px;}

a:link{color:#ffffff;text-decoration:none}
a:visited{color:#ffffff;text-decoration:none}
a:active{color:#ff0000;text-decoration:none}
a:hover{color:#ffffff;text-decoration:none;background-color:#ff0000;}

.maincontainer{clear:left;margin-left:auto;margin-right:auto;position:relative;text-align:left;width:920px;top:0px;z-index:1}
.subcontainer{margin:auto;position:relative;margin-top:auto;width:835px;height:900px;text-align:left;background-color:#000000;}
.content{text-align:left;position:absolute;}

.feld11{text-align:left;position:absolute;top:0px;left:0px;width:115px;height:115px;background-color:#666666;}
.feld12{text-align:left;position:absolute;top:0px;left:120px;width:115px;height:115px;background-color:#666666;}
.feld13{text-align:left;position:absolute;top:0px;left:240px;width:115px;height:115px;background-color:#ffff00;}
.feld14{text-align:left;position:absolute;top:0px;left:360px;width:115px;height:115px;background-color:#666666;}
.feld15{text-align:left;position:absolute;top:0px;left:480px;width:115px;height:115px;background-color:#00ff00;}
.feld16{text-align:left;position:absolute;top:0px;left:600px;width:115px;height:115px;background-color:#666666;}
.feld17{text-align:left;position:absolute;top:0px;left:720px;width:115px;height:115px;background-color:#0000ff;}

.feld21{text-align:left;position:absolute;top:120px;left:0px;width:115px;height:115px;background-color:#666666;}
.feld31{text-align:left;position:absolute;top:240px;left:0px;width:115px;height:115px;background-color:#ff0000;}
.feld41{text-align:left;position:absolute;top:360px;left:0px;width:115px;height:115px;background-color:#666666;}
.feld51{text-align:left;position:absolute;top:480px;left:0px;width:115px;height:115px;background-color:#ffff00;}
.feld61{text-align:left;position:absolute;top:600px;left:0px;width:115px;height:115px;background-color:#666666;}
.feld71{text-align:left;position:absolute;top:720px;left:0px;width:115px;height:115px;background-color:#00ff00;}
.feld81{text-align:left;position:absolute;top:840px;left:0px;width:115px;height:115px;background-color:#666666;}

.liste{text-align:left;position:absolute;top:120px;left:120px;width:695px;height:815px;padding-top:20px;padding-left:20px;background-color:#666666;}

.titel{text-align:left;margin-left:20px;margin-top:70px;font-family:Arial,Helvetica,Sans-Serif;font-size:12pt;font-weight:bold;color:#ffffff;}

.navi1zlg{text-align:center;margin-top:70px;font-family:Arial,Helvetica,Sans-Serif;font-size:12pt;font-weight:normal;color:#ffffff;}
.navi2zlg{text-align:center;margin-top:50px;font-family:Arial,Helvetica,Sans-Serif;font-size:12pt;font-weight:normal;color:#ffffff;}

.titelbild{position:absolute;top:10px;left:10px;width:180px;text-align:left;}
.navigation{position:absolute;top:200px;left:220px;width:500px;text-align:left;font-family:Arial,Helvetica,Sans-Serif;font-size:24pt;font-weight:normal;line-height:50pt;}
.counter{position:absolute;top:525px;left:10px;width:180px;text-align:left;font-family:Arial,Helvetica,Sans-Serif;font-size:12pt;font-weight:normal;color:#ffffff;}

.normal10{text-align:left;font-family:Arial,Helvetica,Sans-Serif;font-size:10pt;font-weight:normal;color:#ffffff}