/* 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:11px 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:881px;   /* Breite von #center (+ ein paar Pixel Rand) */ 
	min-height:524px;   /* Höhe von #center (+ ein paar Pixel Rand) */
}

* html #ie-spacer
{
	/* sorgt dafür, dass es im IE auch bei deaktiviertem Javascript funktioniert */ 
	width:881px;          /* Breite von #center (+ ein paar Pixel Rand) */ 
	height:524px;          /* 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:875px;      /* Breite insgesamt 450px (448px + 2 x 1px Border) */
	min-height:518px;  /* 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:-258px 0px 0px -437px;
}

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

form, img
{
	border:0px;
	margin:0px;
	padding:0px;
}

#start-random
{
	width:875px;
	height:288px;
}
#start-navi
{
	margin-top:5px;
	width:875px;
	height:170px;
}

#start-bottom
{
	margin-top:5px;
	width:875px;
	height:90px;
}
#bottom-ticker
{
	float:left;
	margin-top:5px;
	width:388px;
	height:35px;
}
#bottom-navi
{
	float:right;
	width:494px;
	height:20px;
	text-align:left;
	margin:8px 38px 0px 0px;
}

p, h1, h2
{
	padding:0px;
	margin:0px;
}
h1
{
	font-size:1.5em;
}
h2
{
	font-size:1.1em;
}

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