/* ================================================================
    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:0 0 0px 0;  /* 100px only for testing - default = 0 */
       position:relative;
       height:24px;      /* ORG 20px */
       z-index:1000;
	background-color: #424242;
}
    /* 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;
       float: left; 
       /* width:152px; */       /* -kh */ /* width:auto gives scrambled eggs */
       padding: 0 10px 0 10px;  /* +kh padding only first level */
       float: left;             /* +kh */
       font-size:11px;
       color:#fff;
       height:23px;      /* ORG 25px */
       line-height:23px; /* ORG 20px */
       text-decoration:none;
       /* text-indent:0px; */
       border:1px solid #f4f5f1;
       border-width:1px 0 1px 1px;
    }
    /* Set up the sub level borders */
    /* Einstellen der Rahmen fuer die Unterebenen  */
    #pmenu li ul li a, #pmenu li ul li a:visited {
       border-width: 0 1px 1px 1px;
       width: 152px;          /* +kh width for all sub level */
       padding: 0 10px 0 10px;  /* +kh padding for all sub level */
    }
    #pmenu li a.horiz_enclose, #pmenu li a.horiz_enclose:visited {
       border-width:1px;
    }
    /* Set up the list items */
    /* Einstellen der Listeneinzelheiten */
    #pmenu li {
       float:left;
            list-style-type:none;
       background:#717171;
    }
    /* 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:#E66800; /* ORG #838383; */
       color:#FFFFFF;      /* 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:-6px;         /* ORG -11px */
       left:80px;
       padding:6px 30px 30px 30px; /* ORG padding:10px */
        /* background:transparent url(../../img/article/leer.gif); */
       width:152px;
       }

    /* Position the first sub level beneath the top level links */
    /* Positioniere die erste Unterebene nach dem Topebenenlink */
    #pmenu > li:hover > ul {
       left:-30px;
       top:18px;
    }
    
    /* 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:#E66800; /* ORG #838383; */
       color:#FFFFFF;
    }
    /* 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:#838383;
       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:#838383; /* url(../../img/symbols/klapp_zu.gif) no-repeat 127px center */
    /*   background:#7484ad url(../../img/article/navi/fly.gif) no-repeat right center;
    */
       color:#FFFFFF;
    }
 
    #pmenu li.drop_ul {
       background:#838383; /* url(../../img/symbols/klapp_auf.gif) no-repeat 125px center; */
       /* background:#7484ad url(../../img/article/navi/drop.gif) no-repeat right center;
    */
       color:#FFFFFF;
    }
    /* KH:Active Path output */
    /* KH:Ausgabe des aktiven Pfads */
    #pmenu li.act_path {
       background:#E66800; /* url(../../img/symbols/klapp_auf.gif) no-repeat 125px center; */
    /*   background:#cccccc url(../../img/article/navi/drop.gif) no-repeat right center;
       */
    color:#000000;
}
 
    /* 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/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:13px;        /* ORG 15px (IE6 ONLY) */ /* YMIE 11 */
    }
    /* 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) */ /* YMIE -11 */
       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 */