/* **************************************************************************************** */
/* ======================================================================================== */
/*									HORIZONTALES CSS MENU									*/
/* ---------------------------------------------------------------------------------------- */
/*								Copyright © 2007 MUELLER.RO									*/
/* ======================================================================================== */
/* **************************************************************************************** */

/* ======================================================================================== */
/* - Definitionen für das DIV des Menus (Hauptcontainer) - */
#menu_container {
	font-family: tahoma;
	font-size:14px;
	margin:0px;		/* Entfernen der Platzhalter/Ränder */
	padding-left: 12px;
	position:relative;	/* Position */
	width:931px;	/* Weite des DIVs */
	height:32px;	/* Höhe des DIVs */
	z-index:100;	/* "Layer"-Ebene des DIVs = 100 ( = Hinterste) */
	background:transparent url(menu_FILES/leftborder.gif) no-repeat right;	/* Hintergrund für das Menu */
}


/* ======================================================================================== */
/* - Säubern/Entfernen der Liste (ul) - */
#cssmenu, #cssmenu ul {
	padding:0;	/* Padding entfernen */
	margin:0;	/* Margin entfernen */
	list-style-type: none;	/* Bullets entfernen */
}

/* ======================================================================================== */
/* - Definieren der ersten Menupunkte - */
#cssmenu a, #cssmenu a:visited {
	display:block;	/* Darstellung als ein Element */
	width:133px;	/* Weite der Submenupunkte */
	font-size:14px;	/* Schriftgrösse des ganzen Menus */
	font-family: tahoma;	/* Schriftart des ganzen Menus */
	color:#FFFFFF;	/* Schriftfarbe des ganzen Menus */
	height:32px;	/* Höhe der Submenupunkte */
	line-height:29px;	/* Positionieren des Textes in der Höhe! */
	text-decoration:none;	/* Keine zusätzlichen Textformatierungen erlauben */
	text-indent:15px;	/* Einrücken des Textes von links */
	background:transparent url(menu_FILES/bg_menu.gif) left top no-repeat;
}

/* ======================================================================================== */
/* - Ränder der Submenus festlegen - */
#cssmenu li ul li a, #cssmenu li ul li a:visited {}
#cssmenu li a.enclose, #cssmenu li a.enclose:visited {}

/* ======================================================================================== */
/* - Ausrichtung der Subelemente - */
#cssmenu li {
	float:left;	/* Positionierung nachfolgender Elemente des aktuelle Element (umfließen) */
	background:transparent url(menu_FILES/bg_menu.gif) left top no-repeat;	/* Hintergrungfarbe der Submenupunkte */
}

/* ======================================================================================== */
/* - Definieren des Hover Zustandes - */
#cssmenu li:hover {
	position:relative;	/* Position für Non-IE Browser und IE7*/
}
#cssmenu li:hover > a {
	background:transparent url(menu_FILES/bg_menu.gif) left top no-repeat;	/* Hintergrungfarbe für den Hover-Zustand */
	background-position:0 -32px;
	color:#ff0808;	/* Schriftfarbefarbe für den Hover-Zustand */
}
#cssmenu li ul {
	display:none;	/* Verhindern, dass die Submenues angezeigt werden */
}

#cssmenu li:hover > ul {
	display:block;	/* Erzwingt einen Block - d.h. das Element erzeugt eine neue Zeile */
	position:absolute;	/* Position für Non-IE Browser und IE7*/
	top:-6px;	/* Positionieren der 3.Ebene von oben */
	left:103px;	/* Positionieren der 3.Ebene von links */
	padding:6px 30px 30px 30px; /* Paddings fuer */
	background:transparent url(../images/html/menu/transparent.gif);	/* Hintergrund um das Submenu */
}

#cssmenu > li:hover > ul {
	left:-30px;	/* Positionieren des Submenus von links */
	top:26px;	/* Positionieren des Submenus von oben */
}

/* ======================================================================================== */
/* - Entfernen des Table-Hacks für IE 6 - */
#cssmenu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
}

/* ======================================================================================== */
/* - Der "hovered" Link für IE 5.5 & 6  - */
* html #cssmenu li a:hover {
	position:relative;	/* Anpassungen für IE 5.5 und IE 6 */
	background:transparent url(menu_FILES/bg_menu.gif) left top no-repeat;	/* Hintergrundfarbanpassungen für IE 5.5 und IE 6 :hover */
	background-position:0 -32px;
	color:#ff0808;	/* Schriftfarbanpassungen für IE 5.5 und IE 6 :hover */
}

/* ======================================================================================== */
/* - Der "active & focus" Link für IE 5.5 & 6  - */
#cssmenu li a:active, #cssmenu li a:focus {
	background:transparent url(menu_FILES/bg_menu.gif) left top no-repeat;	/* Hintergrundfarbe anpassen für :active bzw. :focus im IE 5.5 und IE 6 */
	color:#ff0808;	/* Schriftfarbe anpassen für :active bzw. :focus im IE 5.5 und IE 6 */
}

/* ======================================================================================== */
/* - Grafiken für Sublevels - */
#cssmenu li.sub {
	background:#ff0808 url(../images/html/menu/sub.gif) no-repeat right center;	/* Hintergrundfarbe & Grafik der Subpunkte mit untermenu */
}
#cssmenu li.first {
	background:#ff0808; /* Hintergrundfarbe der Hauptpunkte */
}

/* ======================================================================================== */


/* Spezifische Definitionen nur für den IE (5.5 & 6) - (Ermöglichen des erscheinen für IE) */
/* ======================================================================================== */
/* - Anpassen des Drop Down Levels - (display:none; zu visibility:hidden;) */
* html #cssmenu li ul {
	visibility:hidden;
	display:block;
	position:absolute;
	top:-7px;
	left:101px;
	padding:6px 30px 30px 30px;
	background:transparent url(../images/html/menu/transparent.gif);
}

/* ======================================================================================== */
/* - 3.Ebene verstecken bei öffnen der 1.Ebene - */
#cssmenu li a:hover ul ul{
	visibility:hidden;
}
/* - 4.Ebene verstecken bei öffnen der 2.Ebene - */
#cssmenu li a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* - 5.Ebene verstecken bei öffnen der 3.Ebene - */
#cssmenu li a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* - 6.Ebene verstecken bei öffnen der 4.Ebene - */
#cssmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
	visibility:hidden;
}

/* ======================================================================================== */
/* - 2. Ebene sichtbar machen und positionieren, wenn 1.Ebene geöffnet wird - */
#cssmenu li a:hover ul {
	visibility:visible;
	left:-30px;
	top:25px;
	lef\t:-30px;
	to\p:26px;	/* Positionieren der 2.Ebene von oben für IE */
}
/* - 3. Ebene sichtbar machen und positionieren(aller weiterer Unterebenen), wenn 2.Ebene geöffnet wird - */
#cssmenu li a:hover ul a:hover ul{ 
	visibility:visible;
	top:-6px;	/* Positionieren der 3.Ebene von oben für IE */
	left:103px;	/* Positionieren der 3.Ebene von links für IE */
}
/* - 4. Ebene sichtbar machen, wenn 3.Ebene geöffnet wird - */
#cssmenu li a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* - 5. Ebene sichtbar machen, wenn 4.Ebene geöffnet wird - */
#cssmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* - 6. Ebene sichtbar machen, wenn 5.Ebene geöffnet wird - */
#cssmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* Weitere Ebenen können nach dem gleichen Schema hinzugefügt werden! */