/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)htmlis
available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.

08.11.07 KH (flip-flop) Enhanced: Start[ID] {NAV_HORIZ_DD:ID}
http://www.phpwcms.de/forum/viewtopic.php?p=94688#94688
(http://www.phpwcms.de/forum/viewtopic.php?p=89743#89743)
=================================================================== */

/* margin hinzugefuegt - ausschlielich fuer diese demo - und ein "relative position" mit einem hohen z-index Wert um sicherzustellen dass das Menue ueber jedem nachfolgenden Element aufklappt. */



/********************************************
   Einstellen Hauptnavigation 
********************************************/ 
#navigation {
	margin: 0px 0 0 0px;
	background:#666666;
	z-index:100;
}
			
			
/* margin und padding auf 0, Aufzhlungszeichen der unsortierten Liste unterdruecken */
#pmenu, #pmenu ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   z-index:100;
}

ul#pmenu li ul {
   padding:0;
   margin-top: 0px;
   border:1px solid #ffffff;
}

/* Einstellen der Groessen, Farben und Rahmen fuer die Links */
#pmenu a, #pmenu a:visited {
	overflow: visible;
	display: block;
	width: 110px;
	font: 12px/20px arial, verdana, georgia, helvetica, sans-serif;
	color: #ffffff;
	height: 20px;      /* ORG 25px */
	line-height: 19px; /* ORG 24px */
	text-decoration: none;
	text-indent: 15px;
	border:1px solid #666666;
	background:#666666;
	z-index:100;
}

#pmenu li.rand a, #pmenu li.rand a:visited {
	width: 111px;
	text-indent: 30px;
}

#pmenu li.erster a, #pmenu li.erster a:visited {
	width: 111px;
}

#pmenu li.news a, #pmenu li.news a:visited {
	width: 90px;
}


#pmenu a:hover, #pmenu a:active {
	border:1px solid #ffffff;
	border-bottom:1px solid #666666;
	background:#333333;
	z-index:100;
}

#pmenu a.an, #pmenu a.an:hover, #pmenu a.an:active, #pmenu a.an:visited {
	color:#FF9933;
}






/********************************************
   Einstellen der Rahmen fuer die Unterebenen 
********************************************/ 
#pmenu li ul li a, #pmenu li ul li a:visited {
	width: 108px;
	z-index:100;
	color: #ffffff;
	background-color: #333333;
	border:0;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
}

#pmenu li ul li a:hover {
	background-color:#FF9933;
	color:#333333;
	border:0;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

#pmenu li ul li.top a{
	background-color:#333333;
	border:0;
	border-top:0;
	border-bottom:1px solid #666666;
}

/***************************************************************************************************************************/
*html #pmenu li ul li.top a{
	color:#FF0000;
	border-top:0;
	border-bottom:1px solid #666666;
}

*html #pmenu li ul li.top a:hover{
	color:#FF0000;
	border-top:0;
	border-bottom:1px solid #666666;
}

/***************************************************************************************************************************/

#pmenu li ul li.top a:hover  {
	background-color:#333333;
	color:#ffffff;
	border:0;
	border-top:0;
	border-bottom:1px solid #666666;
}


#pmenu li a.horiz_enclose, #pmenu li a.horiz_enclose:visited {
   border-width: 1px;
   z-index:100;
}




/********************************************
    Einstellen der Listeneinzelheiten
********************************************/ 

#pmenu li {
   float: left;
   list-style-type: none;
   z-index:100;
}

/* Fuer alle nicht IE + IE7 */
#pmenu li:hover {
   position: relative;
   z-index:100;
   background-color:#333333;
   
}
/* Festlegen der Farbe fuer hover li */
#pmenu li:hover > a {
   color: #ffffff;      /* ORG #c00; */
}

/* Einstellen der Unterebenenlisten mit einer absoluten Positionierung fuer die FlyOuts und dem "Ueberfahren-Abstand"
   Das transparente gif (leer.gif) ist fuer den IE gedacht */
#pmenu li ul {
   display: none;
}

/* Fuer alle nicht-IE + IE7 wird die Unterebenenliste sichtbar bei einem Ueberfahren (hover) */
#pmenu li:hover > ul {
   display: block;
   position: absolute;
   top: 10px;         /* ORG -11px */
   left: 150px;
   padding: 0; /* ORG padding: 10px */
   width: 120px;
   width: 108px;
   color: #000;
}


/* Positioniere die erste Unterebene nach dem Topebenenlink */
#pmenu > li:hover > ul {
   left: 0px;
   top: 0px;
   color: #000;
}


/* Tabelle neu einstellen */
#pmenu table {
   position: absolute;
   border-collapse: collapse;
   top: 0;
   left: 0;
   z-index: 1000;
   font-size: 1em;
}

/***************************************************************************************************************************/
#pmenu table {
   border:0;
}


/* Fuer den IE5 und IE6 gebe dem hover-Link eine relative Position und wechsele die Hinter- und Vordergrundfarbe. Das ist notwendig damit der IE angestoszen wird die Unterebenen auszugeben */
* html #pmenu li a:hover {
   position: relative;
   color: #000;
}

/* Fuer die Aktivierung der ersten Ebene, wenn im Menue geblttert wird */
#pmenu li a:active, #pmenu li a:focus {
   color: #AAAAAA;      /* ORG #c00; */
}

/* Einstellen der Symbole/Pfeile fr die Unterebenenanzeige */
#pmenu li.fly_ul {
    color: #000;
}

#pmenu li.drop_ul {
}

/* KH: Ausgabe des aktiven Pfads */
#pmenu li.act_path > a
/*#pmenu li.act_path*/ {
   color: #AAAAAA;
}


/* Dies ist fuer den IE5.5 und IE6 notwendig um die Unterebenen anzuzeigen */
/* Wechselt die Unterebenen von display:none; nach visibility:hidden; */

/***************************************************************************************************************************/

* html #pmenu li ul {
   visibility: hidden;
   display: block;
   position: absolute;
   top: -1px;
   left: -1px;
   padding: 10px 30px 30px 30px;
   padding: 0;
   padding-right:0px;
   background: transparent url(../../img/article/leer.gif);
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul {
   visibility: hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul {
   visibility: hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul {
   visibility: hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
   visibility: hidden;
}
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
   visibility: visible;
   left: 0px;       /*          (IE5 ONLY) */
   top: 0px;         /* ORG 14px (IE5 ONLY) */
   lef\t: -1px;      /*          (IE6 ONLY) */
   to\p: -1px;        /* ORG 15px (IE6 ONLY) */
}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul {
   visibility: visible;
   top: -11px;        /* ORG -11px (IE6 ONLY) */
   left: 150px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {
   visibility: visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {
   visibility: visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
   visibility: visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */