/******************************************************************************
 * Diese Zeilen müssen hierher, damit die Seiten auch im Firefox gut aussehen.
 ******************************************************************************/
@media screen {

body {
	margin: 0px; 
	height: 100%; 
}

/*
 * kleiner Fix: setzt alle bereits besuchten Links in der Navigations-Leiste
 * auf weiß, weil sie sonst im Internet Explorer grau angezeigt werden
 */
.navigation a:visited {
	color: #FFFFFF;
}

.navigation li a:visited {
	color: #FFFFFF;
}

.navigation p a:visited {
	color: #FFFFFF;
}

/************************************
 * Der Container für die Navigation *
 ************************************/

.navigation {
	background-image: url('backgr.jpg');
	background-repeat: repeat-y;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 140px;
	padding: 0px 13px 0px 13px;
}

.navigation p a {/*alle Wörter in der Navi sind weiß*/
	color: #FFFFFF;
}

.navigation li a {
	color: #FFFFFF;
}

.navigation p a:hover {/*gelb*/
	color: orange;
}

.navigation li a:hover {
	color: orange;
}

.navigation p {
    margin-top : 0px;
	margin-bottom: 14px;/*Bereich unter jedem p ist 14 Pixel hoch*/
    margin-left: 0px;
	color: #FFFFFF;
}

.navigation li {/*alle Listenelemente, die in der Navi vorkommen sollen weiter vorn stehen als üblich*/
    margin-left: -10px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 80%;/*Schriftgröße soll 80% der Normalgröße sein*/
}

.navigation ul {/*das Aufzählungszeichen in der Navi ist weiß*/
	color: #FFFFFF;
	margin-top: -8px;
}

.navigation p.zentriert {
	margin-left: -3px;
	font-size: 79%;
	font-weight: bold;
	text-align: center;
}

.navigation ul.active {
	font-weight: bold;
}

.navigation p.active {
	font-weight: bold;
}

.navigation p {
	margin-top: 0px; ;
}

.navigation ul li.active {
	font-weight: bold;
}

/********************************
 * Der Container für den Inhalt *
 ********************************/

.inhalt {
	margin-left: 184px;
	margin-right: 6px;
        margin-top: 6px;
	font-size: 103%;
}

.kapitaelchen {
	font-size: 85%;
}

.inhalt a:link { color: #5555AA; font-weight: bold}

.inhalt a:visited { color: #5555AA; font-weight: bold }

.inhalt a:hover { color: #990000; font-weight: bold}

.inhalt a:active { color: #990000; font-weight: bold}

/***************************************************************
 * Globale Tags (gilt sowohl in Inhalt als auch in Navigation) *
 ***************************************************************/

p {
	margin-top: 15px; margin-left: 10px; margin-bottom: 2px; 
}

li {
    margin-left: 0px;
	margin-top: 1em;  /*Abstand zwischen den Absätzen 1 m*/
}

.inhalt p {
	font-size: 103%;
	margin-left: 10px;
}

.inhalt p.information {
	font-size: 103%;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 32px;
	margin-right: 12px;
	border-style: none;
	border-width: 1px;
	border-color: #000080;
	padding-top: 0px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:4px;
}

.inhalt ul.information {
	list-style-type:circle;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 12px;
	margin-right: 12px;
	border-style: none;
	border-width: 1px;
	border-color: #000080;
	padding-left: 36px;
	padding-top: 0px;
	padding-bottom:4px;
	padding-right:4px;
}

.inhalt ul.information li {
	/*Aufzählungen mit Rahmenhaben 0 m Abstand zueinander*/
   margin-top: 0em;
}

ul li { margin-top: 0.15em; }

.inhalt h4.information {
	margin-left: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #000080;
	padding-left: 0px;
	margin-top: 0em;
}

table {
	border-width: 0px;
}

.inhalt table tr td{
	font-size: 103%;
}


.inhalt table tr td a{
	font-size: 103%;
}


.inhalt ul li{
	font-size: 103%;
}


.inhalt ul li a{ 
	font-size: 103%;
}

td h3 { 
 margin-bottom: 0px;
 padding-bottom: 0px;
 bottom: 0px;
}

td h2 { 
 margin-bottom: 0px;
 padding-bottom: 0px;
 bottom: 0px;
}

td h1 { 
 margin-bottom: 0px;
 padding-bottom: 0px;
 bottom: 0px;
}

/***************************************/
/* Informationszeile am Ende der Seite */
/***************************************/

.ende {
  text-align: center;
  margin-top: 30px;
  margin-left: 0px;
  border-top:1px solid #AAAAAA; font-size: x-small;
}

.ende p {
  font-size: x-small; color:#888888;
  margin-top: 0px;
  margin-left: -8px;
  text-decoration: none;
}

.ende a {/*grau*/
  font-size: x-small; color:#888888;
  margin-top: 0px;
  text-decoration: none;
}

.ende a:hover {
  color: #990000;
}

}

@media print {
 /* auf einem Ausdruck der Seite soll die Navigation nicht erscheinen */
 .navigation { display: none; }
}