body { 
	padding:			0;
	margin:				10px;
	background-color:	#FFFFFF;
	font-family:		Verdana,Geneva,Arial,sans-serif;
	font-size:			10pt;
	}
	
//	Sicher ist sicher:
div {
	margin:		0px;
	padding:	0px;
	}

#body {
	border: 1px solid black;
	}
		
/*
	margin-top:10px;
	margin-bottom:10px;
*/

h1	{
	font-size:			2em;
	color: 				#FFFFFF;
	background-color:	#60597B;
	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; }



#midRow {
/*	Definiert den Bereich des Menue-Blocks links und des eigentlichen Inhalts
	der Seite. Geht vom ganz linken bis zum ganz rechten Fensterrand.
	Beginnt direkt unterhalb des Headers, endet vor der Fusszeile.
*/
	position:			relative;
	left:				0;
	}


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:		11em;
	left:				0; // left: -11em;
	}	


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


div.menuBackground {
	background-color:	#FFFF99;
	}


#menuBlock {
/*	Befindet sich innerhalb von '#midrow'. Definiert den Bereich des
	Menue-Blocks links.
	('width' und 'left' werden Ÿber 'div.leftColumn' definiert)
*/
	position:			absolute;
	top:				0;
	}


#rightOfMenu {
/*	Befindet sich innerhalb von '#midrow'. Definiert den Bereich rechts
	vom Menue (also alles von '#midrow' mit Ausnahme des Menues).
*/
	background:		#fff;
	}


#pathbar {
/*	Befindet sich innerhalb von '#rightOfMenu', direkt am oberen Rand.
*/
	padding:		0.2em;
	padding-left:	0.5em;
	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;
	}


#baseline {
/*	Definiert den unteren Rand der Seite.
*/
	position:			relative;
	top:				0px;
	left:				0px;
	background-color:	#99CCFF;
	}

	
#logo {
/*	Befindet sich innerhalb von '#baseline' und definiert den Logo-Bereich.
	('width' und 'left' werden Ÿber 'div.leftColumn' definiert)
*/
	position:			absolute;
	top:				0;
	text-align:			center;
	}

#logo a:link 		{ color:#808080; text-decoration:none; }
#logo a:visited 	{ color:#808080; text-decoration:none; }
#logo a:hover 		{ color:#FF0000; text-decoration:none; }



#navbar {
/*	Befindet sich innerhalb von '#baseline'. Definiert den Bereich rechts vom Logo.
*/
	padding:			0.2em;
	background-color:	#60597B;
	color: 				#FFFFFF; 
	height:				1.2em;
	}


#navbar_prev {
/*	Befindet sich innerhalb von '#navbar'.
	Definiert den Bereich fŸr den Link auf die vorhergehende Seite.
*/
	float:			left;
	width:			30%;
	position:		relativ;
	}


#navbar_next {
/*	Befindet sich innerhalb von '#navbar'.
	Definiert den Bereich fŸr den Link auf die nachfolgende Seite.
*/
	float:			right;
	width:			30%;
	text-align:		right;
	position:		relativ;
	}


#navbar_top {
/*	Befindet sich innerhalb von '#navbar'.
	Definiert den Bereich fŸr den Link auf den Anfang der Seite.
*/
	text-align:		center;
	}


#navbar a:link 		{ color:#FFFFFF; text-decoration:none; }
#navbar a:visited 	{ color:#FFFFFF; text-decoration:none; }
#navbar a:hover 	{ color:#FFE701; text-decoration:none; }


/* 
a:link { color:#AA5522; text-decoration:underline; }
a:visited { color:#000000; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }
*/