/* Horizontale und vertikale Zentrierung der Seiteninhalte
   Die Lösung ist deshalb so kompliziert, damit die Zentrierung mit (fast) allen Browsern funktioniert.
   Mit Stylesheets ist es nämlich nicht einfach möglich, Inhalte einer ganzen Seite vertikal zu zentrieren. */

/* Zuerst werden html und body auf 100% Höhe und die Randabstände auf 0 gesetzt. */
html, body {
	height:100%;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

/* Weil folgende Eigenschaften für beide Elemente identisch sind, werden diese gemeinsam definiert. */ 
#spacer, #center {
  position:absolute;
  margin:0;
  padding:0;
}

#spacer {
  /* Sorgt für das Einblenden von Scrollleisten, falls erforderlich. */
  width:100%; /* Genauso breit, wie der Anzeigebereich */
  height:100%; /* Genauso hoch, wie der Anzeigebereich */

  /* Hier werden die notwendigen bzw. gewünschten Mindestmaße definiert. */
  min-width:679px; /* Breite von #center (Falls gewünscht, mit zusätzlichem Abstand zu den Inhalten.) */ 
  min-height:370px; /* Höhe von #center (Falls gewünscht, mit zusätzlichem Abstand zu den Inhalten.) */
}

* html #IEspacer {
  /* Sorgt dafür, dass die Zentrierung im Internet Explorer auch bei deaktiviertem Javascript funktioniert. */ 
  width:679px; /* Breite von #center (Falls gewünscht, mit zusätzlichem Abstand zu den Inhalten.) */ 
  height:370px; /* Höhe von #center (Falls gewünscht, mit zusätzlichem Abstand zu den Inhalten.) */
}

#center {
  /* Dies ist der Seiteninhalt, welcher 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. */

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width:679px; /* Tatsächliche Breite des zu zentrierenden Inhaltes */
  min-height:370px; /* Tatsächliche Höhe des zu zentrierenden Inhaltes. Bei genau dieser Höhe funktioniert die vertikale Zentrierung. */
  
  /* Hier wird die linke obere Ecke des Seiteninhaltes vertikal und horizontal zentriert. */
  position:absolute;
  left:50%;
  top:50%;
  
  /* Durch negative margins wird nun die linke obere Ecke um jeweils die Hälfte der Inhaltsbreite und Inhaltshöhe nach links und oben verschoben. */
  /* Jeweils die Hälfte der tatsächlichen Breite und Höhe des zu zentrierenden Seiteninhaltes */
  margin-left:-340px;
  margin-top:-185px;
}

/* min-height für den Internet Explorer */
* html #center {
  height:370px; /* Hier das selbe Maß wie oben bei min-height einsetzen. */
}

/* Ende horizontale und vertikale Zentrierung der Seiteninhalte */

#container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 679px;
	height: 370px;
}

#skipintro {
	position: absolute;
	left: 265px;
	top: 400px;
	width: auto;
	height: 60px;
}

#statistik {
	position: absolute;
	left: 0px;
	top: 0px;
	width: auto;
	height: auto;
}

a:link {
	color: #666666;
	text-decoration: none;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #D57100;
	text-decoration: none;
}

a:active {
	color: #D57100;
	text-decoration: none;
}