BODY {
	margin: 0px;
	padding: 0px;
	background: #a09e9f url(../images/pbk.gif) repeat-y; /* Hintergrund für die gesamte Webseite, bestehend aus Farbe und der Grafik pic_back.gif im Design-Ordner */
}

#logo { /* Kopfgrafik(Header) am obersten Rand der Website */
	position: absolute;
	left: 50px;  /* Abstand vom linken Rand der Website */
	top: 0px;  /* Abstand vom oberen Rand der Website */
	width: 900px; /* Breite der Grafik */
	height: 80px;  /* Höhe der Grafik */
	background: url(../images/plg.gif) no-repeat; /* Hintergrund für die Kopfgrafik falls diese kleiner ist als 900 x 80, wird erstellt aus dem Bild pic_logo.gif im Design-Ordner */
}

/* Beginn der Anzahl, Benennung und Position der Blickfanggrafik(Eyecatcher) unterhalb des Headers */
 #eyecatcher1, #eyecatcher2, #eyecatcher3, #eyecatcher4, #eyecatcher5, #eyecatcher6, #eyecatcher7, #eyecatcher8 { 
	position: 		absolute;
	left: 			250px;  /* Abstand vom linken Rand der Website */
	top: 			145px;  /* Abstand vom oberen Rand der Website */
	width: 			700px;  /* Breite der Grafik */
	height: 		150px;  /* Höhe der Grafik */
}
#eyecatcher1 { 
	background:		url(../images/peye1.jpg) no-repeat;  /* Aufruf des Eyecatchers1 Bild aus dem Design-Ordner */
} 
#eyecatcher2 { 
	background:		url(../images/peye2.jpg) no-repeat; 
} 
#eyecatcher3 { 
	background:		url(../images/peye3.jpg) no-repeat; 
} 
#eyecatcher4 { 
	background:		url(../images/peye4.jpg) no-repeat; 
} 
#eyecatcher5 { 
	background:		url(../images/peye5.jpg) no-repeat; 
} 
#eyecatcher6 { 
	background:		url(../images/peye6.jpg) no-repeat; 
} 
#eyecatcher7 { 
	background:		url(../images/peye7.jpg) no-repeat; 
} 
#eyecatcher8 { 
	background:		url(../images/) no-repeat; 
} 

 #maintopic {position: absolute; /* Definition des horizontalen Haupt-Menüs */ 
	left: 50px;
	top: 80px;
	width: 900px;
	height: 30px;
	border-top: 1px solid #cdcdcd;
	background: url(../images/pmt.gif) repeat-x;
	overflow: hidden;
	}

#plaintext { /* Position für den Link "Für sehgeschwächte Besucher"(Barrierefreie Webseite) */
	position: absolute;
	left: 750px;
	top: 86px;
	width: 195px;
	height: 30px;
	text-align: right; /* Ausrichtung der Textes, in diesem Fall 'rechts'*/
	z-index: 100; /* Schichtebenen-Position, je höher die Zahl um so weiter vorne wird der Text angezeigt */
}

#plaintext a {
	color: #888888; /* Farbe für den angeklickten Link "Für sehgeschwächte Besucher"(Barrierefreie Webseite) */
	text-decoration: none; /* der angeklickte Link "Für sehgeschwächte Besucher"(Barrierefreie Webseite) erhält keinen Unterstrich */
}


#youarehere { /* Position für die Ausgabe auf welcher Seite sich der Besucher gerade befindet(Startseite > ) */
	position: absolute;
	left: 50px;
	top: 111px;
	width: 900px;
	height: 30px;
}

#youarehere a {
	display: block;
	float: left; /* hier wird festgelegt das die einzelnen angzeigten Seiten immer links angesetzt weden */
	height: 30px;
	padding: 0px 10px 0px 23px;
	line-height: 30px; /* die Höhe der Linien für die Ausgabe wird begrenzt */
 	color: #888888;  /* Schriftfarbe */
	text-decoration: none;
	font-size: 11px; /* Schriftgröße */
	background : url(../images/pmr.gif) no-repeat; /* zwischen jedem Seitennamen wird eine Grafik eingesetzt aus dem Design-Ordener mit dem Namen pic_more.gif */
}

#youarehere a:hover { /* Farbwechsel beim überfahren mit der Maus auf der Besucherseitenanzeige */
	color: #50617C;
	background : url(../images/pmra.gif) no-repeat;
}


#maintopic a { /* Definition des angeklickten horizontalen Haupt-Menüs */ 
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #ededed;
	text-decoration: none;
	text-transform: uppercase; /*hier wird festgelegt das nur Großbuchstaben verwendet werden */
	font-size: 10px; /* Schriftgröße */
	letter-spacing : 2px; /* Buchstabenabstand wird festgelegt */
	background : url(../images/pln.gif) no-repeat right;
}

#maintopic a:hover {  /* Farbwechsel beim überfahren mit der Maus im Hauptmenue*/
	background: url(../images/pmta.gif) repeat-x;
	color: #757575;
}

#maintopic a.active {  /* Farbe des Menuepunktes wenn der Besucher auf der Seite ist im Hauptmenue*/
	background: url(../images/pmta.gif) repeat-x;
	color: #757575;
	font-weight: bold !important;
	font-size: 11px;
}


#topic { /* Position des vertikalen Seitenmenues auf der linken Seite */
	position: absolute;
	left: 50px;
	top: 145px;
	width: 199px;
	background-color: #a09e9f;
}

#topic a {
	display: block;
	color: #ededed;
	text-decoration: none;
	border-bottom: 1px solid #a09e9f;
	padding: 0px;
	margin: 3px 20px 3px 20px;
	text-transform: uppercase;
	font-size: 10px;
}

#topic p {
	text-align: center;
}

#topic p a {
	border-bottom: none !important;	
}

#topic a:hover, #topic a.active {
	color: #505050;
}

#topic h1 { /* Beschriftungsvorgaben für das linke Seitenmenue */
	padding: 9px 20px 9px 20px;
	background-color: ffffff;
	font-size: 100%;
	font-weight: bold;
	color: #ededed;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
}

#eyecatcher {  /* Position des Eyecatchers */
	position: absolute;
	left: 250px;
	top: 145px;
	width: 700px;
	height: 150px;
	background: url(../images/) no-repeat;
}

#content {  /* Position für die Hauptinanzeige der Webseite */
	position: absolute;
	left: 270px;
	top: 315px;
	width: 460px;
	padding: 0px;
	margin: 0px;
	color: #ededed;
}

#sidebar { /* Position der Kontextspalte */
	position: absolute;
	top: 296px;
	left: 750px;
	width: 200px;
	background-color: #666666;
	color: #00000;
}

form.search { /* Position für eine Sucheingabe auf der Hompage*/
	position: absolute;
	top: 28px;
	left: 780px;
	width: 160px;
}

form.search input {  /* Position für das Eingabefenster einer Sucheingabe auf der Hompage*/
	margin: 0px;
	vertical-align : middle;
}

input.search { /*Beschreibung für das Eingabefenster der Sucheingabe bzlg. Farbe, Fontgröße, Eingabefeld-Größe */
	border : 1px solid #cdcdcd;
	color: #333333;
	width: 118px;
	padding: 2px;
	background: url(../images/pmt.gif) repeat-x;
	font-size: 10px;
}

#footer { /* Position der Fusszeile un deren Ausgabe */
clear: both;
width: 640px;
font-size: 0.8em;
margin: 0; 
padding: 0.1em;
text-align: center;
border: 0px solid #3C475D;
background: #A09E9F;
}

#footer a { /* Änderung der Textausgaben beim aktiven Zustand(Farbe und Unterstrich) */
text-decoration: none;
font-weight : bold;
color: #00ff00;
}

#footer a:hover { /* Änderung der Textausgaben beim überfahren mit der Maus(Farbe und Unterstrich) */
text-decoration: underline;
color: ;
}