/* Zuerst wird html und body auf 100% Höhe gesetzt 
und eventuell vorhandene störende Abstände eliminiert. */
html, body
{
	height:100%;
	margin:0px;
	padding:0px;
	
	font:12px arial,verdana;
	color:#888;
	background:#fff;
}

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

#spacer
{
	/* sorgt dafür, dass wenn nötig Scrolleisten erscheinen */
	width:100%;        /* ganauso breit, wie der Anzeigebereich */
	height:100%;       /* ganauso hoch, wie der Anzeigebereich */

	/* jetzt werden die notwendigen oder gewünschten Mindestmaße definiert. */
	min-width:812px;   /* Breite von #center (+ ein paar Pixel Rand) */ 
	min-height:561px;   /* Höhe von #center (+ ein paar Pixel Rand) */
}

* html #ie-spacer
{
	/* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */ 
	width:812px;          /* Breite von #center (+ ein paar Pixel Rand) */ 
	height:561px;          /* Höhe von #center (+ ein paar Pixel Rand) */
}

#center
{
	/* ist das Element, welches zentriert werden soll */
	padding:0px;        /* 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:806px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
	min-height:555px;  /* Mindesthöhe insgesamt 300px (298px + 2 x 1px 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:-278px 0px 0px -403px; /* jeweils die Hälfte der Gesamthöhe und -breite */
}

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


#footer-links
{
	color:#888;
	font-size:11px;
	width:380px;
	height:80px;
	margin:20px 20px 0px 200px !important;
	margin:20px 20px 0px 98px;
	clear:both;
	float:left;
	text-align:right;
}
#footer-news
{
	color:#888;
	width:380px;
	height:80px;
	margin:20px 0px 0px 20px;
	float:left;
}



a:link, a:visited {
	color:#888;
	text-decoration:none;
}
a:hover, a:active {
	color:#888;
	text-decoration:underline;
}