html {
    padding: 0;
  }
 
  body {
    font-size: 100.01%; color:#FFFFE0;
    font-family: Comic Sans MS, Times New Roman, Arial;
    margin: 0; padding: 0; background: #404040;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

  #seite {
    position:absolute; top:50%; left:50%; width:45em; height:45em; margin-left:-22.5em; margin-top:-22.5em; z-index:1; padding: 0; background: #D0F0D4; border:0; text-align:center;
  }

  #text {
    position:absolute; top:50%; left:50%; width:6em; height:3em; margin-left:-3em; margin-top:-1.5em; z-index:3; padding: 0; background: #608080; border: 0; text-align:center; font-size: 1.3em;
  }
  
  #box0 {
    position:absolute; top:18.5em; left:18.5em; width:8em; height:8em; margin:0; z-index:4; padding: 0; background: #608080; border: 0; text-align:center;
  }

  #box1 {
    position:absolute; top:10em; left:13em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box2 {
    position:absolute; top:10em; left:21.5em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box3 {
    position:absolute; top:18.5em; left:27em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box4 {
    position:absolute; top:10em; left:30em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box5 {
    position:absolute; top:1.5em; left:8em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box6 {
    position:absolute; top:27em; left:15em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box7 {
    position:absolute; top:18.5em; left:10em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box8 {
    position:absolute; top:1.5em; left:16.5em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box9 {
    position:absolute; top:27em; left:6.5em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box10 {
    position:absolute; top:35.5em; left:11em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box11 {
    position:absolute; top:27em; left:23.5em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box12 {
    position:absolute; top:1.5em; left:25em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box13 {
    position:absolute; top:35.5em; left:19.5em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box14 {
    position:absolute; top:35.5em; left:28em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box15 {
    position:absolute; top:10em; left:4.5em; width:8em; height:8em; margin:0; z-index:4; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box16 {
    position:absolute; top:27em; left:32em; width:8em; height:8em; margin:0; z-index:4; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box17 {
    position:absolute; top:1.5em; left:33.5em; width:8em; height:8em; margin:0; z-index:4; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box18 {
    position:absolute; top:35.5em; left:36.5em; width:8em; height:8em; margin:0; z-index:4; padding: 0; background: #608080; border: 0; text-align:center;
  }
  #box19 {
    position:absolute; top:35.5em; left:2.5em; width:8em; height:8em; margin:0; z-index:4; padding: 0; background: #608080; border: 0; text-align:center;
  }
  
  #box20 {
    position:absolute; top:45.5em; left:8em; height:8em; margin-left:-9.25em; z-index:4; padding: 0; background: #404040; border: 0; text-align:center;
  }
  #box21 {
    position:absolute; top:18.5em; left:1.5em; width:8em; height:8em; margin:0; z-index:2; padding: 0; background: #608080; border: 0; text-align:center;
  }
 
  a {
    line-height:8em;
    vertical-align:middle;
    position: relative;
    text-align: center;
    color: #FFFFE0;
  }
  
  a:link {
    color: #FFFFE0;
  }
  a:visited {
    color: #FFFFE0;
  }
  a:hover {
    color: #FFFFE0;
  }
  a:active {
    color: #FFFFE0;
  }