@charset "utf-8";
/* CSS Document */

body {
	/* Grundschriftart definieren */
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	text-align:left;
}

/* Damit nach <form> im IE kein Abstand kommt */
form {
	display: inline;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8f0000;
}

h1 {
	font-size: 16px;

}

h2, h3 {
	font-size: 14px;
}

h4 {
	color: #000000;
	background-color: #FFCC00;
	font-size: 1.0em;
	height:15px;
	width: auto;
	padding: 3px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: bold;
	text-align: left;
}
a {
	color: #990000;
	font-style: normal;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


#navigation a {
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: underline;
}


/* Schoenere Loesung, leider noch kein IE6 */
h1+p, h2+p, h3+p {
	text-indent: 0em;
}


/* Viele Elemente haben browserabhängig vordefinierte Abstände nach außen und nach innen, mit dieser Anweisung wollen wir diese entfernen. */




/* Dieses Element umschließt die gesamte Seite, um sie auf eine bestimmte Breite zu bringen. Block-Elemente wie dieses nehmen automatisch die volle zur Verfügung stehende Breite an, die wir hier aber durch Minimum- und Maximum einschränken wollen. */
div#page {
	min-width: 700px;
	max-width: 1000px;
	/* Der Abstand von 10 Pixel gilt für oben und unten, "auto" für links und rechts - dadurch wird das Element horizontal zentriert. */
	margin: 10px auto;
	--background-color: lightgrey;
}
/* Der Header beinhält zumeist den Titel der Website und ist hier nur der Vollständigkeit halber aufgeführt. */
div#header {
	height: 90px;
	--background-color: yellow;
	margin-bottom: 15px;
	text-align: center;
}
/* Das äußere Wrapper-Element enhält Content, Navigation und Sidebar. Außerdem hält es Abstand zu den Seiten, um dort für Navigation und Sidebar Platz zu schaffen. */
div#outerwrapper {
	/* Breite der Navigation. */
	margin-left: 205px;
	/* Breite der Sidebar. */
	margin-right: 175px;
}
/* Das innere Wrapper-Element enthält Content und Navigation. Es floatet neben der Sidebar (in die entgegengesetzte Richtung) und nimmt den vollen Platz innerhalb des äußeren Wrappers ein. */
div#innerwrapper {
	float: left;
	width: 100%;
}
/* Der Inhalt hat eine Breite von 100% und nimmt damit den gesamten Platz vom inneren Wrapper-Element ein. */
div#content {
	float: right;
	width: 100%;
	line-height: 20px;
	margin-bottom: 25px;
	--background-color: navy;
 }
 
 /* Der linke Ad-Block */
 #contentleft {
 	float: left;
 }
 
 /* Der rechte Ad-Block */
 #contentright {
 	width: 300px;
 	height: 270px;
 	margin-top: -26px;
 	position:absolute;right:5px;top:5px;border-style:none;
}
 
/* Die Navigation ist ebenfalls im inneren Wrapper und floatet zur anderen Seite, so dass die Navigation neben dem Inhalt am Rand des Wrappers liegen könnte (wenn man die Breite des Inhalts mal außer acht lässt). */
div#navigation {
	float: left;
	/* Der negative Abstand nach links befördert die Navigation aus beiden Wrappern hinaus. */
	margin-left: -205px;
	width: 190px;
 	--background-color: maroon;
	margin-right: 15px;
}
/* Die Sidebar ist neben dem inneren Wrapper und floatet zur anderen Seite, um ähnlich wie die Navigation am Rand des Elternelelements zu liegen. */
div#sidebar {
	float: right;
	/* Der negative Abstand nach rechts befördert die Sidebar aus dem Wrapper hinaus. */
	margin-right: -175px;
	width: 160px;
 	--background-color: green;
	margin-left: 15px;
	text-align: center;
}

/* Der Footer hat wie der Header eher Vollständigkeits-Charakter. Wichtig ist hier aber das "clear", damit er auf jeden Fall erst unter Navigation und Sidebar erscheint, sollte der Content mal kürzer sein als eines von beidem. */
div#footer {
	clear: both;
	height: 20px;
	background-color: #FFCC00;
	text-align: center;
	padding-top: 5px;
	--background-color: orange;
}

.footernetwork {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#logo {
	width: 190px;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
}


ul {
	margin: 0px;
	padding: 0px;
	padding-left: 19px;
}

li {
	margin: 0px;
	padding: 0px;
	--padding: auto;
	--margin-left: 20px;
	list-style: disc;
	padding-left: 0px;
	--border: 1px solid red;
}

.navzeile {
	display: block;
	background-color: #FFEFAE;
 	background-image: url(/images/doppelpfeil.gif);
 	background-repeat: no-repeat;
 	background-position: 5px;
 	padding-left: 17px;
 	line-height:20px;
 	margin-bottom: 1px;
}

.navboxcontent {
	background-color: #FFEFAE;
	padding: 3px;
}

.navboxcontentvorne {
	height: 21px;
	width: 110px;
	padding-top: 4px;
}

.submitbutton {
	width: 90%;
	margin: auto;
}


.block {
	display: block;
}
.left {
	float: left;
}
.right {
	float: right;
}
.lefttext {
	text-align: left;
}
.righttext {
	text-align: right;
}
.centertext {
	text-align: center;
}
.toptext {
	vertical-align: top;
}
.middletext {
	vertical-align: middle;
}
.bottomtext {
	vertical-align: bottom;
}
.clear {
	clear: both;
}
.ab05 {
	margin-top: 0.5em;
}
.ab10 {
	margin-top: 1em;
}
.ab20 {
	margin-top: 2em;
}
.label {
	height: 210px;
	text-align: center;
}
b.wichtig {
	font-weight: normal;
	font-size: 1em;
}