﻿body {
	background: #0b76aa;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0px;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
}
.oneColLiqCtrHdr #container {
	width: 800px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	background: #0b76aa;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.oneColLiqCtrHdr #header {
	background: #0b76aa; 
	padding-left: 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
.oneColLiqCtrHdr #mainContent {
	padding: 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #0b76aa;
}


/* ***** Das folgende Drop-Down-Menü (top_menu und right_menu) entstammt der Feder von Stu Nicholls | www.cssplay.co.uk ©***** */

.top_menu {
	padding: 0px 0px 5px 0px;
	font-family: arial;
	font-size:12px;         /* Schriftgrösse für die Menuefelder  */
	color: #fff;
	
	}

.top_menu ul {              /*  Abstand der Menues vom Hauptmenue   */
	padding:0;
	margin:0;
	list-style-type:none;
	}


.top_menu li {
	float:left;
	position:relative;
	background:#69f;                          /* Hintergrundbild der Menueleiste */
	
    }
	
.top_menu a, .top_menu a:visited {
	display:block;
	text-decoration: none;                     /* Text-Dekoration für alle Menues   */                                   
	color:#fff;                                /* Schriftfarbe für das Hauptmenue    */
	padding:6px 11px 6px 11px;                 /* Abstand oben, rechts, unten, links   */
	z-index: 2;
	}


.top_menu ul ul {
	visibility:hidden;
	font-size:12px;                          /*  Schriftgrösse für das erste Untermenue  */
	position:absolute;
	top:26px;                                /* hier wird der Abstand zum Hauptmenue geregelt. WICHTIG */
	left:0;
	width:137px;                             /*  Grösse der Menuefelder im ersten Untermenue  */
	border-top: 1px solid #000;              /*  Randfarbe oben                               */
	border-bottom: 1px solid #000;           /*  Randfarbe unten                              */
	z-index: 2;
	}

.top_menu ul ul a, .top_menu ul ul a:visited {
	background: #69f;                 /* Hintergrundbild für das 1. und 2. Untermenue*/
	color:#fff;                       /* Schriftfarbe für das 1. 2. 3. Untermenue  */
	padding:2px 10px;                 /* Randabstand für die Untermenues                */
	width:126px;                      /* Breite des ersten Untermenues                  */
	border-left: 1px solid #000;      /* Randfarbe und -stärke links der einzelnen Menuefelder */
	border-right: 1px solid #000;     /* Randfarbe und -stärke rechts der einzelnen Menuefelder */
	border-bottom: 1px solid #000; /* Randfarbe und -stärke Unterkante der einzelnen Menuefelder*/
	z-index: 2;
	}

.top_menu a:hover, .top_menu ul ul a:hover{  /* Hintergrundfarbe des Hauptmenues beim Überfahren, die im nächsten */
	color: #0b76aa;                             /* Befehl jedoch auf transparent gesetzt ist.                        */
	background-color: #ec9f52;
	z-index: 2;
	}
	
.top_menu a:hover{
	background-color: #0b76aa;             /*   Hintergrundfarbe der Hauptmenuefelder  */
	z-index: 2;
	
	}
	
.top_menu :hover > a{
	color:#fff;                             /*  Hoverfarbe der Hauptmenuefelder    */
	z-index: 2;
	}
	
.top_menu ul ul :hover > a{
	color: #fff;                     /*Schriftfarbe des 1. Untermenues beim Überfahren   */
	background: #0b76aa;             /* Hoverbild beim Überfahren des 1. Menüs*/
	z-index: 2;
	}

.top_menu ul :hover ul{
	visibility:visible;                        /*   Sichtbarkeit der ersten Untermenues     */
	z-index: 2;
	}
	

.top_menu_img {                                /* Anordnung der Icons im ersten Untermenue   */
	border: 0;
	padding:0 18px 0 0;                       /*   Abstand nach rechts        */
	height: 18px;                              /*  Größe der Favicons          */
	width: 18px;
}

.top_menu_img_arrow {                     /* Position der kleinen buttons im ersten Untermenue   */
	border: 0;
	position: absolute;
	top: 25%;
	right: 7px;
	}


