body {
	background-color:		#e0f0ff;
	}


h1	{
	font-size:			2em;
	color: 				#FFE701;
	background-color:	#000099;
	font-weight: 		bold;
	font-style:			italic;
	text-align:			center;
	padding:			0.5em;
	margin:				0em;
	}


h2	{
	font-size:			1.4em;
	font-weight:		bold;
	text-align:			center;
	}


h3 { font-size:12pt; }

h4 { font-size:10pt; }

div, span, p, tr, td { font-size:10pt; }



.menuBackground {
	background-color:	#FFFF99;
	}
	

div.leftColumn {
/*	Legt die Breite und Position der linken Spalte fest.
	Dies kšnnte auch in '#menuBlock' und '#logo' geschehen,
	aber da diese beiden immer gleich sein mźssen ist es
	einfacher, dafźr eine gemeinsame Klasse zu definieren.
	Anm.:
	IE6 positioniert leider falsch (Bug), nŠmlich zu weit nach rechts.
	Deshalb der Kommentar hinter der left-Angabe: Auf Grund eines
	weiteren Bugs ignoriert IE6 die Kommentarzeichen, und nimmt die -11
	als left-Angabe - und damit stimmt die Positionierung wieder.
*/
	width:				13em;
	left:				0; // left: -13em;
	}	


div.rightOfLeftColumn {
/*	Legt fest, wo der rechts vom Menź befindliche Bereich beginnt.
	(Siehe auf 'div.leftColumn')
*/
	margin-left:		13em;	
	}




#pathbar {
/*	Befindet sich innerhalb von '#rightOfMenu', direkt am oberen Rand.
*/
	background-color:	#99CCFF;
	}


#content {
/*	Befindet sich innerhalb von '#rightOfMenu', direkt hinter '#pathbar'.
	EnthŠlt den HTML-Code des eigentlichen Seiteninhaltes.
*/
	background-color:	#F8F8F8;
	padding:			8px;
	color:					#6c5d34;
	}


#baseline {
/*	Definiert den unteren Rand der Seite.
*/
	background-color:	#99CCFF;
	}

	
#navbar {
/*	Befindet sich innerhalb von '#baseline'. Definiert den Bereich rechts vom Logo.
*/
	background-color:	#000099;
	color: 				#FFFFFF; 
	}


.story dt {
	padding:		1em;
	font-weight:	bold;
	}


dt img {
	float:			right;
	padding-left:	1em;
	}