body {
	background-image: url(background.jpg);
	background-repeat: no-repeat;
}

/*#navigation-container {
	vertical-align: top;
}*/
/*diese id-Definition wurde deaktiviert, da im html-code für die entsprechende
table-data der wert valign="top" explizit gesetzt wurde. Dies war notwendig, da Opera
css-Definition für vertical-align nicht umsetzen konnte*/

#navigation ul {
	margin-top: 15px;
}

#navigation li {
	list-style-type: none;
	width: 170px; /* geändert wegen aktiver menüpunkte, war zuvor zu knapp; vorher 165px*/
	padding: 2px; /*setzt die Listenpunkte auseinander*/
}

#navigation li a {
	background-color: Silver;
	display: block;
	text-decoration: none;
	color: Blue;
	padding-left: 5px;
	line-height: 24px;
	border-left: 16px solid black;
	text-align: left;
}

#navigation li a:hover {
	color: white;
	background-color: black;
	border-left: 16px solid background;
}

#content-container {
	background: #BEE7FC;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

#navigation li a#current {
	background: background;
	color: black;
	font-weight: bold;
}
/* mit der hier erstmals definierten id=current wird die normale listen-id "navigation"
quasi überschrieben, und der mit der id=current versehene Navi-Punkt kann extra definiert 
werden. So ist es möglich den Navigationspunkt für die gerade aktuelle Seite dauerhaft
farbig hervorzuheben (so dass sichtbar wird, auf welcher Seite man sich gerade befindet)
Beispiellink: http://css.maxdesign.com.au/listamatic/horizontal08.htm#
*/

#navigation li a:hover#current {
	border-left: 16px solid black;
}
/*diese Angabe stellt sicher, das beim hovern des gerade aktiven Listenpunktes links 
der schwarze Rand schwarz bleibt und sich nicht wie sonst in der id=navigation definiert
beim hovern blau färbt. Die restlichen nichtaktiven Navigationspunkte bleiben aber 
davon unberührt, so dass sie weiterhin farbig gehovert werden und lediglich der
aktuelle Menüpunkt farbig auch beim hovern unverändert bleibt */

a {
	text-decoration: none;
	color: blue;
}

h4 {
	text-align: center;
	font-size: 18px;
}

/* Definition einzelner Klassen*/
.content-zentriert-fett {
	text-align: center;
	font-weight: bold;
}

.content-blocksatz-fett {
	text-align: justify;
	font-weight: bold;
}