/* ================================================================ 
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) 
=================================================================== */ 
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */ 
/* margin hinzugefuegt - ausschließlich fuer diese demo - und ein "relative position" mit einem hohen z-index Wert um sicherzustellen dass das Menue ueber jedem nachfolgenden Element aufklappt. */ 

#menu_container { 
   margin: 0px 0 1px 1px;  
   position: relative;
   width: 100%; 
   height: 30px;      /* ORG 20px */ 
   z-index: 1000; 
} 
/* Get rid of the margin, padding and bullets in the unordered lists */ 
/* margin und padding auf 0, Aufzählungszeichen der unsortierten Liste unterdruecken */ 
#pmenu, #pmenu ul { 
   padding: 0; 
   margin: 0; 
   list-style-type: none; 
} 
/* Set up the link size, color and borders */ 
/* Einstellen der Groeszen, Farben und Rahmen fuer die Links */ 
#pmenu a, #pmenu a:visited { 
   display: block; 
   width: 105px; 
   font-size: 14px; 
   color: #C0c0c0; 
   height: 30px;      /* ORG 25px */ 
   line-height: 30px; /* ORG 24px */ 
   text-decoration: none; 
   font-weight: bold;
   text-indent: 5px; 
   border: 0px solid #343434; 
   border-width: 0px 0 0px 0px; 
} 
/* Set up the sub level borders */ 
/* Einstellen der Rahmen fuer die Unterebenen  */ 
#pmenu li ul li a, #pmenu li ul li a:visited {
   border: solid #3e3e3e;
   border-width: 0px 1px 1px 1px;
   width: 15em;
   background: #343434;
   color: #cccccc;
   text-indent: 0em;
   padding-left:0.5em;
   height:auto;
}
} 
#pmenu li a.horiz_enclose, #pmenu li a.horiz_enclose:visited { 
   border-width: 0px;
} 
/* Set up the list items */ 
/* Einstellen der Listeneinzelheiten */ 
#pmenu li { 
   float: left; 
  /* color: #343434/*#BF4300;       ORG #c00; */ 
   background: #343434; 
} 
/* For Non-IE browsers and IE7 */ 
/* Fuer alle nicht IE + IE7 */ 
#pmenu li:hover { 
   position: relative; 
} 
/* Make the hovered list color persist */ 
/* Festlegen der Farbe fuer hover li */ 
#pmenu li:hover > a { 
   background: #343434;/*#D1D5DF; /* ORG #dfd7ca; */ 
   color: #FFFFFF/*#BF4300;      /* ORG #c00; */ 
} 
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif (leer.gif) is for IE to work */ 
/* 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; 
} 
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ 
/* Fuer alle nicht-IE + IE7 wird die Unterebenenliste sichtbar bei einem Ueberfahren (hover) */ 
#pmenu li:hover > ul { 
   display: block; 
   position: absolute; 
   top: 20px;         /* ORG -11px */ 
   left:30px; 
   padding: 6px 30px 30px 30px; /* ORG padding: 10px */ 
   background:transparent url(../../img/article/leer.gif); 
   width: 126px; 
} 
/* Position the first sub level beneath the top level links */ 
/* Positioniere die erste Unterebene nach dem Topebenenlink */ 
#pmenu > li:hover > ul { 
   left: -30px; 
   top: 24px; 
} 
/* get rid of the table */ 
/* Tabelle neu einstellen */ 
#pmenu table { 
   position: absolute; 
   border-collapse: collapse; 
   top: 0; 
   left: 0; 
   z-index: 1000; 
   font-size: 1em; 
} 
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ 
/* 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; 
   background: #D1D5DF; /* ORG #dfd7ca; */ 
   color: #c00; 
} 
/* For accessibility of the top level menu when tabbing */ 
/* Fuer die Aktivierung der ersten Ebene, wenn im Menue geblättert wird */ 
#pmenu li a:active, #pmenu li a:focus { 
   background: #343434; 
   color: #FFFFFF;      /* ORG #c00; */ 
} 
/* Set up the pointers for the sub level indication */ 
/* Einstellen der Symbole/Pfeile für die Unterebenenanzeige */ 
/* #pmenu li.fly_ul { */
/*   background: #7484ad url(../../img/symbols/klapp_zu.gif) no-repeat 107px center; */
/*   background: #7484ad url(../../img/article/navi/fly.gif) no-repeat right center; 
*/ 
} 

/*#pmenu li.drop_ul { 
   background: #7484ad url(../../img/symbols/klapp_auf.gif) no-repeat 105px center; 
   /* background: #7484ad url(../../img/article/navi/drop.gif) no-repeat right center; 
*/ 
} 
/* KH: Active Path output */ 
/* KH: Ausgabe des aktiven Pfads */ 
/*#pmenu li.act_path { 
   background:#4161AF url(../../img/symbols/klapp_auf.gif) no-repeat 105px center; 
/*   background:#cccccc url(../../img/article/navi/drop.gif) no-repeat right center; 
   */ 
} 

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ 
/* change the drop down levels from display:none; to visibility:hidden; */ 
/* 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: -11px; 
   left: 80px; 
   padding: 10px 30px 30px 30px; 
   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: -30px;       /*          (IE5 ONLY) */ 
   top: 10px;         /* ORG 14px (IE5 ONLY) */ 
   lef\t: -31px;      /*          (IE6 ONLY) */ 
   to\p: 11px;        /* 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: 80px; 
} 
/* 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 */