/* Basis-Einstellung für verwendete Elemente, z.T. im Sinne eines Reset */
body
{
	margin: 0 auto;			/* zentriert die Seite mit Rand 0 */
	max-width: 80em;		/* bei großen Monitoren nie über die gesamte Bildschirmbreite gehen , von IE 8 ignoriert */
	font-size: 80%; 
	font-family: arial, verdana; 
	color: #000088;
	/*background: #E4E4E4; 	 Hintergrund der gesamten Seite, d.h. des unbenutzten Bereichs */
	/* da der graue Rand nicht gut angekommen ist, Hintergrundfarbe wie im benutzten Bereich 
	setzen, s. auch footer */
	background: #BBCCFF;
}

h2	/* Standardüberschrift im Inhaltsbereich */
{
	text-align: center;
	font-weight: bold;		/* dürfte Browser-Standard sein */
	margin: 0px;
	margin-bottom: 1em;
	padding: 0px;			/* dürfte Browser-Standard sein */
}

p
{
	margin: 0px;
	padding: 0px;			/* dürfte Browser-Standard sein */
}

table
{
	font-size: 100%; 		/* nötig, damit Schrift in Tabelle nicht größer als im normalen Text; warum? */
}

div
{
	background-color: #BBCCFF; /* einheitliche Hintergrundfarbe des benutztens Bereichs *//*#E3E3FF helles Bläulichgrau*/;
}

/* Kopfbereich */
header
{
	min-height: 100px;
}

#logo
{
	float: left;
	width: 16em;
	height: 100px;
	text-align: center;
	vertical-align: middle;		/* warum wirkungslos? */
}

#title h1
{
	margin: 0px;				/* > 0 vergrößert grauen Bereich von body */
	padding-top: 1em;
	padding-bottom: 0.5em;
	text-align: center;
}

#navi_top
{
	text-align: right;
	padding-right: 1em;
}

/* Inhalt */
#container
{
	width: 100%;
	float: right;
	margin-left: -16em;
}

#content
{
	margin-left: 16em;
	min-height: 38em;		/* das ist für 15'' ein ganz brauchbares Maß, um die Fußzeile etwa am unteren Rand zu haben */
}

#content h3
{
	margin-left: 1em;		/* damit der Text nicht am Menü klebt */
	margin-bottom: 0.5em;
}

#content p
{
	margin-left: 1em;		/* damit der Text nicht am Menü klebt */
	margin-bottom: 0.5em;
}

#content table
{
	margin: 0.5em auto;		/* oben/unten, rechts/links, letzteres bewirkt Zentrierung */
	border-spacing: 0.3em;
}

#content td
{
	vertical-align: top;
	padding-bottom: 1em;		/* lockert die Ansicht in Aktuelles auf */
}

/* Menü */
#navi_left
{
	/* einheitliche Hintergrundfarbe wird in container definiert */
	width:16em;
	float:left;
	min-height: 16em;
}

#navi_left ul
{
	list-style: none;
	margin: 0;
	padding: 0.4em;
	display: block;
	background-color: #DD2222;
	color: white;
}

#navi_left li
{
	border-top: 1px solid white;	/* bei Def. in Hauptklasse Trennlinie nur bei Beginn einer Unterliste */
	padding: 0.4em;
}

#navi_left li a
{
	color: white;					/* muss wiederholt werden, da Links i.a. blau sind */
	text-decoration: none;
}

#navi_left li a:hover/*,
#navi_left li a:focus */
{
 	font-weight: bold;
}

#navi_left .selected					/* ausgewählter Menüeintrag */
{
 	font-weight: bold;
}

/* Fußbereich */
footer
{
	margin-top: 1em;
	/* background-color: #E4E4E4;	s. body */
	background: #BBCCFF;
	clear: both;
	font-size: 80%; 
}

footer table
{
	width: 100%;
	font-size: 80%; 
}

footer td
{
	width: 25%;
	padding-left: 2em;
	padding-right: 2em;
	text-align: center;
}

footer .leftcol
{
	text-align: left;
}

footer .rightcol
{
	text-align: right;
}