/* Zuerst wird html und body auf 100% Höhe gesetzt 
und eventuell vorhandene störende Abstände eliminiert. */
html, body{
  height:100%;
  margin:0;
  padding:0;
  background-color:#000000;
}

#center {
  /* ist das Element, welches zentriert werden soll */
  padding:0;        /* es sind auch andere Angaben möglich, die dann 
  allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */ 
  border:1px solid #ffffff; /* für die Zentrierung selbst nicht nötig */ 

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:800px;      /* Breite insgesamt 800px (800px + 2 x 0px Border) */
  min-height:500px; /* Mindesthöhe insgesamt 500px (500px + 2 x 0px Border),
  bei genau dieser Höhe funktioniert die vertikale Zentrierung */
  
  /* jetzt wird die linke obere Ecke vertikal und horizontal zentriert */
  position:absolute;
  top:50%;                  
  left:50%;
  
  /* durch negative margins wird es jetzt um die Hälfte von Höhe und 
  Breite nach oben und links verschoben */
  margin:-250px 0 0 -400px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

/* min-height für den IE */
* html #center {
  height:500px;             /* das selbe Maß wie oben bei min-height */
}

/* Die folgenden Angaben haben nichts mit der Zentrierung zu tun, sie
betreffen nur die Inhalte die darin angezeigt werden sollen. */
p, h1 {
  padding:0.5em;
  margin:0;
}
ul {
 margin-top:0; 
}
h1 {
  font-size:1.2em;
}