/* generelle formate für die gesamte seite:
   serifenlose, weiße schrift
*/
body{
	font-family: sans-serif;
	color: #ffffff;
	background-color: #6e6e6e;
}
div{
	/* standardmäßig ist der hintergrund dunkelgrau */
	background: #6e6e6e;
}
#no-scroll{
	/* die definition für einen content-bereich, der keine scrollbalken
	   erhalten soll.
	   achtung - nur anwenden, wenn wirklich wenig inhalt vorhanden ist!
	*/
	overflow: hidden;
}
#scroll{
	/* definition für einen content-bereich, der scrollbalken anzeigen soll.
	   dies ist die voreinstellung.
	*/
	overflow: scroll;
}

/***** formate des content-bereiches ****/
.content{
	/* generell: 12 punkt schrift in dunklem grau auf weißem hintergrund */
	color: #6e6e6e;
	font-size: 12pt;
	background: #ffffff;
	overflow: scroll;
}

.content h1{
	/* überschriften erster ordnung im content-bereich in 16 punkt schrift
	   fett und nicht unterstrichen
	*/
	font-size: 16pt;
	font-weight: bold;
	text-decoration: none;
}

.content h2{
	/* unterüberschriften (überschriften zweiter ordnung) in 14 punkt schrift,
	   nicht fett, dafür kursiv und nicht unterstrichen
	*/
	font-size: 14pt;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}

.content div{
	/* eingebettete div-bereiche werden ebenfalls mit weißem hintergrund
	   dargestellt
	*/
	background: #ffffff;
}

.content a:link{
	/* normale links im selben grau wie der rest des textes, aber fett und
	   nicht unterstrichen
	*/
	color: #6e6e6e;
	font-weight: bold;
	text-decoration: none;
}
.content a:visited{
	/* besuchte links werden wie normale dargestellt, nur heller */
	font-weight: bold;
	text-decoration: none;
	color: #a0a0a0;
}
.content a:hover{
	/* beim überfahren eines links mit der maus wird er zusätzlich durch
	   eine unterstreichung hervorgehoben
	*/
	font-weight: bold;
	text-decoration: underline;
	color: #6e6e6e;
}

.anchors {
	width: 99%;
	margin-bottom: 30px;
}

.anchors a {
	text-align: left;
	margin-right: 20%;
	white-space: nowrap;
}

/**** formate für den oberen navigationsbereich ****/
.head-navigation{
	/* text wird zentriert und mit 10 punkt schrift dargestellt */
	text-align: center;
	font-size: 10pt;
	background: #c80a0a;
	border-color: #ffffff;
}
.head-navigation a:link{
	/* normale links sind weiß, fett und
	   nicht unterstrichen
	*/
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.head-navigation a:visited{
	/* besuchte links werden wie normale dargestellt */
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
.head-navigation a:hover{
	/* beim überfahren eines links mit der maus wird er zusätzlich durch
	   eine unterstreichung hervorgehoben
	*/
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}
.head-navigation #news{
	text-decoration: underline;
}

/**** formate für die kopfzeile ****/
.header{
	/* alle elemente werden zentriert, die textgröße beträgt 14 punkt */
	text-align: center;
	font-size: 14pt;
}

.header img{
	/* bilder werden mit 90% der größe des headers dargestellt, die breite
	   wird automatisch proportional angepasst. das bild hat nach oben einen
	   geringen abstand, der abstand nach rechts beträgt 10 Pixel.
	   der nachfolgende text wird zentriert am bild ausgerichtet
	*/
	width:auto; 
	height: 90%; 
	margin-top:0.1%; 
	margin-right:10px; 
	vertical-align:middle;
}

/**** formate für die rote fußzeile ****/
.foot-stripe{
	/* roter hintergrund, der rahmen wird weiß dargestellt */
	background: #c80a0a;
	border-color: #ffffff;
}

/**** formate für die seitliche navigation ****/
.side-navigation {
	/* hintergrundfarbe für die seitennavigation auf weiß setzten, da sonst
	   firefox und opera bei bestimmten fensterbreiten probleme bekommen und 
	   einen dünnen grauen streifen rechts anzeigen
	*/
	background: #ffffff;
}

.side-navigation #links{
	/* hintergrund des link-bereiches aus obigem grund wieder zurück auf grau
	   stellen.
	*/
	background: #6e6e6e;
}

.side-navigation #fade{
	/* der bereich mit der id 'fade' wird mit weißem hintergrund dargestellt,
	   hintergrundbilder werden nur in y-richtung wiederholt
	*/
	background: #ffffff url(../bilder/back_fade.png) repeat-y;	
}

.side-navigation a:link{
	/* normale links sind weiß, fett und
	   nicht unterstrichen
	*/
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.side-navigation a:visited{
	/* besuchte links werden wie normale dargestellt */
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
.side-navigation a:hover{
	/* beim überfahren eines links mit der maus wird er zusätzlich durch
	   eine unterstreichung hervorgehoben
	*/
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

.side-navigation ul{
	/* listen werden mit einem kreis vor jedem listenpunkt dargestellt */
	list-style-type: circle;
}

/**** formate für die fußzeile ****/
.footer div{
	/* in div-bereiche eingebettete elemente werden zentriert */
	text-align: center;
}

.footer img{
	/* bilder werden so hoch dargestellt, wie das elternelement, die breite
	   wird automatisch angepasst. falls die bilder verlinkt sind, soll kein
	   rahmen angezeigt werden.
	*/
	height: 100%;
	width: auto;
	border: 0px;
}