/* CSS Document (Verwendet wird für z.B. Margin die verkürzte Schreibweise: Top Right Bottom Left).
Ansonsten werden keine verkürzten Schreibweisen, da NVU die nicht interpretieren kann. */

/* Allgemein global gültige Styles */
*{margin:0px;}
body {width:95%; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px auto 0px auto; background-color:#FFFFCC;}
/*
width: = Die Seite füllt "90%" des Bildschirms aus.
font: = Schriftgrösse wenn nicht anders angegeben "14px" und Schriftart "Verdana,..." (Verkürzte Schreibweise)
margin: = Nach oben "10px", nach rechts "auto", nach unten "0px" und nach links "auto".
		  Wobei für links und rechts "auto" bedeutet das die Seite sich in der Mitte befindet. (Verkürzte Schreibweise)
background-color: = Hintergrundfarbe der Seite "hellgelb".
*/
img {border-style:none; border-width:0px;} /* Global für alle Bilder, wenn nicht anders angegeben, keine Rahmen. */
div {border-style:none; border-width:0px;} /* Global für alle DIV`s, wenn nicht anders angegeben, keine Rahmen. */
table {border-style:none; border-width:0px; width:100%;}
/* 
Global für alle Tabellen, wenn nicht anders angegeben, keine Rand.
width: = Die Tabelle ist "100%" in dem Element wo sie sich befindet.
*/

/* Styles für die verwendeten Container (DIV`s). */
#Head {width:100%;} /* Breite in Prozent. */
	td.HeadL {background-image:url(Bilder/header_links.png); background-repeat:repeat-x; height:169px;} /* Höhe wie das Logo keine Breite da es sich wiederholt (repeat-x). */
	td.HeadM {background-image:url(Bilder/header_mitte.png); background-repeat:no-repeat; width:600px; height:169px;} /* Breite und Höhe wie das Logo Mitte, nicht wiederholen (no-repeat). */
	td.HeadR {background-image:url(Bilder/header_rechts.png); background-repeat:repeat-x; height:169px;} /* Keine Breite da es sich wiederholt (repeat-x). */	

#NaviOben {width:100%; float:left; margin-top:20px; margin-bottom:20px; border:solid 1px #663300;}
/* Breite in Prozent und Abstand zum Header und Content "20px", Rahmen "durchgezogen" und "1px" breit Farbe "braun". */
	.NaviOL {width:12%; text-align:center; font-weight:bold; display:block; float:left;}
	/* Breite 12% (zurück Button), Textausrichtung "Mittig" und Text "fett" geschrieben, über die gesamte Breite anzeigen, Textfluss links. */
	.NaviO {width:22%; text-align:center; font-weight:bold; display:block; float:left; margin-right:-2px;}
	/* Breite 22% (100%-12% geteilt durch 4=22%), Textausrichtung "Mittig" und Text "fett" geschrieben, über die gesamte Breite anzeigen, Textfluss links, minus Rahmen. */
	
#MenuLinks {width:12%; float:left; border:solid 1px #663300; background-image:url(Bilder/Hintergrund.jpg); background-repeat: no-repeat; background-position: 40%;}
/* Breite "12%", Containerausrichtung "links", Rahmen "durchgezogen" und "1px" breit Farbe "braun", Hintergrundbild nicht wiederholend, Mittelpunktposition vom Bild "40%" der Breite. */
	ul.MenuL {line-height:25px; padding:10px 0px 10px 10px; text-align:left;}
	/* Texthöhe "25px", Seitenabstand des Textes zum Container alle bis auf links "10px", Textausrichtung "links". */
	
#Content {width:64%; float:left; margin-left:2%;}
/* Breite 64% (da links und rechts Rahmen sind) des Bildschirms, Containerausrichtung "links". Achtung Rahmen, Paddings und Margins müssen abgezogen werden, Abstand "2%" zum Menü links. */

#MenuRechts {width:20%; float:right; border:solid 1px #663300; background-image:url(Bilder/Hintergrund.jpg); background-repeat: no-repeat; background-position: 100%;}
/* Breite "20%" des Bildschirms, Containerausrichtung "rechts", Rahmen "durchgezogen" und "1px" breit Farbe "braun"; Hintergrundbild nicht wiederholend, Mittelpunktposition vom Bild "100%" der Breite. */
	ul.MenuR {line-height:25px; padding:10px 10px 10px 0px; text-align:right;}
	/* Texthöhe "25px", Seitenabstand des Textes zum Container alle bis auf rechts "10px", Textausrichtung "rechts". */

#NaviUnten {width:100%; float:left; margin-top:20px; margin-bottom:20px; border:solid 1px #663300;}
/* Breite in Prozent und Abstand zum Footer und Content "20px", Rahmen "durchgezogen" und "1px" breit Farbe "braun". */
	.NaviUL {width:12%; text-align:center; font-weight:bold; display:block; float:left;}
	/* Breite 12% (zurück Button), Textausrichtung "Mittig" und Text "fett" geschrieben, über die gesamte Breite anzeigen, Textfluss links. */
	.NaviU {width:22%; text-align:center; font-weight:bold; display:block; float:left; margin-right:-2px;}
	/* Breite 22% (100%-12% geteilt durch 4=22%), Textausrichtung "Mittig" und Text "fett" geschrieben, über die gesamte Breite anzeigen, Textfluss links, minus Rahmen. */

#Footer {width:100%; float:left; text-align:center;}
/* Breite in Prozent, keine Höhe damit das Bild skaliert und alles mittig. */

/* Spezielle Styles für Einzelformatierungen */
.Ueberschrift {font-size:13px; color:#663300; text-align:center; line-height:22px; border-bottom:solid 1px #663300; display:block;}
/* Schriftgrösse 15px", Schriftfarbe "blau", Text mittig und Texthöhe "22px", Rand unten "1px" Farbe braun", über die gesamte Breite anzeigen. */
.RandR {border-right:solid 1px #663300;}
/* Rahmen nur rechts, Breite "1px", Farbe "Braun" und durchgezogen. Für die Unterteilung der Navileisten */
.BalkenL {border-left:solid 10px #663300;}
/* Rahmen bzw. Balken links Breite "10px, Farbe "Braun" und durchgezogen. */
.BalkenR {border-right:solid 10px #663300;}
/* Rahmen bzw. Balken rechts Breite "10px, Farbe "Braun" und durchgezogen. */

/* Globale Styles für Einzelformatierungen */
.mitte {text-align:center;} /* Text mittig */
.fett {font-weight:bold;} /* Text fett geschrieben */
.Schrift10 {font-size:10px;} /* Schriftgrösse "10px" */

/* Styles für Links */
a {color:#0000FF; text-decoration:none; display:block} /* Globale  Linkfarbe "blau" für alle Zustände, nicht unterstrichen, über die gesamte Breite anwenden. */

#MenuLinks a:hover {font-style:italic; background-color:#663300; color:#FFFFCC;}
/* Linkeigenschaft (linkes Menü) für Hover "kursiv", Hintergrundfarbe "braun", Textfarbe "hellgelb". */
#MenuRechts a:hover {font-style:italic; background-color:#663300; color:#FFFFCC;}
/* Linkeigenschaft (rechtes Menü) für Hover "kursiv", Hintergrundfarbe "braun", Textfarbe "hellgelb". */

#MenuLinks a:focus {font-style:italic; background-color:#663300; color:#FFFFCC;}
/* Linkeigenschaft (linkes Menü) für Focus (Markiert den Link auf dessen Seite man ist) "kursiv", Hintergrundfarbe "braun", Textfarbe "hellgelb". */
#MenuRechts a:focus {font-style:italic; background-color:#663300; color:#FFFFCC;}
/* Linkeigenschaft (rechtes Menü) für Focus (Markiert den Link auf dessen Seite man ist) "kursiv", Hintergrundfarbe "braun", Textfarbe "hellgelb". */

#NaviOben a:hover {background-color:#FF9900; display:block;	font-style: normal;}
/* Bei hover Hintergrundfarbe der Navi oben wechseln, in der ganzen Zelle (display:block), keine Texteigenschaft. */
#NaviUnten a:hover {background-color:#FF9900; display:block; font-style: normal;}
/* Bei hover Hintergrundfarbe der Navi unten wechseln, in der ganzen Zelle (display:block), keine Texteigenschaft. */