body {
  background: #FFFFFF url(../img/bg_main.gif) repeat-x; /* Hier sollte man, auch wenn man ein Bild als Hintergrund hat, nicht vergessen die Hintergrundfarbe zu setzen. Es könnte nämlich sein dass man aus versehen für den Text die gleiche Farbe hat wie für den Hintergrund wobei die Leute mit ausgeschalteten Bildern nichts erkennen können. */
  color: #000000;
  margin: 0;
  padding: 1%; /* Ein wenig Abstand, damit der Anschein eines Blattes auf der Wand immer erhalten bleibt. */
  min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen. */
  font-size: 1em; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: Arial, Helvetica, sans-serif;
}
a { color: #0B4D8C; text-decoration: underline; } /* Alle unbesuchten Links bekommen eine leicht bläuliche Farbe und werden unterstrichen, damit man Sie gleich im Text erkennt. */
a:visited { color: black; } /* Besuchte Links werden schwarz, bleiben dennoch unterstrichen. Somit erkennt man wo man sich schon befunden hat. */
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 {
	font-size: 2.3em;
	font-weight: normal;
	line-height: 0.8em;
	padding: 0.6em 0 0.2em 1px;
	margin: 0;
	border-bottom: 1px dashed #688597;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;

}
h2, h3, h4 {
	font-weight: normal;
	color: #333333;
}
h1, h2, h3, h4, h5, h6 {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
}
img { /* Alle Bilder bekommen einen schönen Rahmen. */
  max-width: 95%; /* Gute Browser machen ein zu großes Bild, welches das Design sprengen würde, entsprechend kleiner. Funktioniert beim IE leider nicht. */
}
.fleft { /* Sachen, an denen der Text vorbeifließen soll, wierden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen, sonst kleben die Sachen so am Text. */
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}
}
.cl {
  clear: right;
}

/* -- Layoutspezifisches -- */
#container {
	font-size: 0.8em;
	max-width: 70em;
	margin: auto;
	background: #FFFFFF url(../img/bg_main.gif) repeat-x;
}



#footer {
  clear: both; /* Damit #main mindestens so hoch ausgedehnt wird wie #subnav, falls #subnav länger sein sollte. */
  padding: 0 20px;
}


/* - Kopf - */
#head {
	height: 72px;
	padding: 0px 20px 0;
	overflow: hidden;
	margin: 0;
	background-image: url(../img/bg_topmenu.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}




/* - Logo - */
#logo {
	height: 287px;
	padding: 0px 20px 0;
	overflow: hidden;
	margin: 0;
	background-image: url(../img/bg_top_animiert.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;

}


/* - Menü - */
#menu {
	text-align: left;
	color: #FFFF00;
	margin: 1em 1% 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	float: left;
	padding-left: 5px;
	position: relative;
	z-index: 2;
}



#menu li {
	font-size: 0.9em;
	list-style-type: none;
	padding: 7px 5px 0;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
	width: 150px;
	margin-top: 5px;
	height: 20px;
	background-color: #6699CC;
	text-align: left;
	line-height: 1.1em;

}


#menu li a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 140px;
	height: 20px;
}

#menu li a:hover {
	color: #336699;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	width: 140px;
	height: 20px;

}


/* - Der Hauptinhaltsteil - */
#main {
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	position: relative;
	color: #333333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 25%;
	left: -3px;
	min-height: 750px;
	z-index: 1;
	top: 1px;
}


#balken {

	height: 35px;
	padding: 0px;
	overflow: hidden;
	margin: 0;
	background-color: #688597;
}


#inhalt {
	z-index: 3;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}


.imgno {
	max-width: 95%;
	border: 1px solid #688597;
	padding: 1px;
	float: right;
	margin-left: 5px;
	margin-top: 5px;
}


.li {
	list-style-position: outside;
	list-style-type: square;
}


.imgnolinks {
	max-width: 95%;
	border: 1px solid #688597;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding-right: 1px;
	padding-left: 2px;



}