/* ================================================================
    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 0 1px;  /* 100px only for testing - default = 0 */
       position: relative;
       height: 20px;      /* 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: 150px;
       font-size: 13px;
       color: #008140;
       height: 100%;      /* ORG 25px */
       line-height: 24px; /* ORG 24px */
       text-decoration: none;
       padding-left: 15px;
       /*border: 1px solid #fff;
       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;
    }
    #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: #e0e0e0;
    }
    /* 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: #008140; /* ORG #dfd7ca; */
       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: -7px;         /* ORG -11px */
       left: 133px;
       padding: 6px 30px 30px 30px; /* ORG padding: 10px */
       background:transparent url(../../img/article/leer.gif);
       width: 150px;
    }
    /* Position the first sub level beneath the top level links */
    /* Positioniere die erste Unterebene nach dem Topebenenlink */
    #pmenu > li:hover > ul {
       left: -30px;
       top: 16px;
    }
    /* get rid of the table */
    /* Tabelle neu einstellen */
    #pmenu table {
       position: absolute;
       border-collapse: collapse;
       width: 100%;
       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: #008140; /* ORG #dfd7ca; */
       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: #ffffff;
       color: #BF4300;      /* ORG #c00; */
    }
    /* Set up the pointers for the sub level indication */
    /* Einstellen der Symbole/Pfeile für die Unterebenenanzeige */
    #pmenu li.fly_ul {
       background: #e0e0e0 url(../../img/symbols/klapp_zu.gif) no-repeat left center;
    /*   background: #7484ad url(../../img/article/navi/fly.gif) no-repeat right center;
    */
    }

    #pmenu li.drop_ul {
       background: #e0e0e0 url(../../img/symbols/klapp_auf.gif) no-repeat left 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:#e0e0e0 url(../../img/symbols/klapp_auf.gif) no-repeat left 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;
       lef\t: -30px;       /*          (IE5 ONLY) */
       to\p: 10px;         /* ORG 14px (IE5 ONLY) */
       left: -30px;      /*          (IE6 ONLY) */
       top: 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: 134px;
    }
    /* 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 */