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:#ff0000;text-decoration:none;font-weight:bold}

.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:415px;height:415px;text-align:left;background-color:#000000;}
.content{text-align:left;position:absolute;}

.feld11{text-align:left;position:absolute;top:0px;left:0px;width:100px;height:100px;background-color:#666666;}
.feld12{text-align:left;position:absolute;top:0px;left:105px;width:100px;height:100px;background-color:#666666;}
.feld13{text-align:left;position:absolute;top:0px;left:210px;width:100px;height:100px;background-color:#666666;}
.feld14{text-align:left;position:absolute;top:0px;left:315px;width:100px;height:100px;background-color:#666666;}
.feld21{text-align:left;position:absolute;top:105px;left:0px;width:100px;height:100px;background-color:#666666;}
.feld22{text-align:left;position:absolute;top:105px;left:105px;width:100px;height:100px;background-color:#666666;}
.feld23{text-align:left;position:absolute;top:105px;left:210px;width:100px;height:100px;background-color:#666666;}
.feld24{text-align:left;position:absolute;top:105px;left:315px;width:100px;height:100px;background-color:#00ff00;}
.feld31{text-align:left;position:absolute;top:210px;left:0px;width:100px;height:100px;background-color:#666666;}
.feld32{text-align:left;position:absolute;top:210px;left:105px;width:100px;height:100px;background-color:#0000ff;}
.feld33{text-align:left;position:absolute;top:210px;left:210px;width:100px;height:100px;background-color:#666666;}
.feld34{text-align:left;position:absolute;top:210px;left:315px;width:100px;height:100px;background-color:#666666;}
.feld41{text-align:left;position:absolute;top:315px;left:0px;width:100px;height:100px;background-color:#ffff00;}
.feld42{text-align:left;position:absolute;top:315px;left:105px;width:100px;height:100px;background-color:#666666;}
.feld43{text-align:left;position:absolute;top:315px;left:210px;width:100px;height:100px;background-color:#ff0000;}
.feld44{text-align:left;position:absolute;top:315px;left:315px;width:100px;height:100px;background-color:#666666;}

.fotoliste{text-align:left;position:absolute;top:120px;left:0px;padding-top:10px;width:475px;height:225px;background-color:#666666;}




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

.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;}