/* ================================================================
    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)
    =================================================================== */

    #pmenu, #pmenu ul {
       padding: 0;
       margin: 0;
       list-style-type: none;
    }
    #pmenu ul {
       padding: 0;
    	 margin-top: 0px;
    	 z-index: 1000;
    }
    /* Einstellen der Groessen, Farben und Rahmen fuer die Links */
    #pmenu a, #pmenu a:visited {
       display: block;
       /* width: inherit;  text-align: center;  line-height: 20px;    */
	     padding: 0px 10px;
       font-weight: normal;
       font-size: 1em;
       color: #fff;
       text-decoration: none;
       border-right: 1px dotted #4cadd3;
	     background: #003769;
	     font-family: Arial, Tahoma, Verdana, sans-serif;
    }

    /* Einstellen der Weiten, Größen und Rahmen fuer die Unterebenen  */
    #pmenu li ul li a, #pmenu li ul li a:visited {
      width: 250px;
	    padding: 8px 0 8px 5px;
      text-indent: 5px; 
      text-align: left;
	  font-size: 1em;
      font-weight: normal;
	    background: #003769;
	    border-right: 0;
    }
	
    #pmenu li ul li a:hover {
      width: 250px;
      text-indent: 5px; 
      text-align: left;
      font-weight: normal;
	    background: #003769; 
    }
    #pmenu li a.horiz_enclose, #pmenu li a.horiz_enclose:visited {
       border-width: 0px;
    }
    /* Einstellen der Listeneinzelheiten */
    #pmenu li {
      float: left;
      background: #003769;
    }
	
	  #pmenu li ul li {
	    border: 1px dotted #4cadd3;
      border-width: 0px 0px 1px 0px;
    }
	  #pmenu li ul li:last-child {
	    border: 0 !important;
    }
	
    /* Fuer alle nicht IE + IE7 */
    #pmenu li:hover {
       position: relative;
    }

    /* Festlegen der Farbe fuer hover li */
    #pmenu li:hover > a {
       background: #003769; /* ORG #dfd7ca; */
       color: #4cadd3;      /* ORG #c00; */
    }
    #pmenu li.act_path ul li a:hover {color: #4cadd3;}
    #pmenu li.act_path a {
	    color: #4cadd3; 
    }
    #pmenu li.act_path ul li a {
	    color: #fff; 
    }
    #pmenu li ul {
       display: none;
    }
    
    #pmenu li:hover > ul {
       display: block;
       position: absolute;
       top: -1px;         /* Position 2. Submenü  */
       left: 200px;
       padding: 11px 30px 30px 30px; /* ORG  */
       background:transparent url(../../img/article/leer.gif);
       width: 200px;
    }
    /* Positioniere die erste Unterebene nach dem Topebenenlink */
    #pmenu > li:hover > ul {
       left: -31px;
       top: 10px; /* 1. Submenü: position von oben */
    }
    /* Tabelle neu einstellen*/
    #pmenu table {
       position: absolute;
       border-collapse: collapse;
       top: 0;
       left: 0;
       z-index: 1000;
       font-size: 0.9em;
    }
    
    /* NEU */
    
    * html #pmenu table {
       font-size: 140%;
    }

    * html #pmenu li a:hover {
       position: relative;
       background: #003769;
       color: #4cadd3;
       font-family: Arial, Tahoma, Verdana, sans-serif;
    }

    /* Fuer die Aktivierung der ersten Ebene, wenn im Menue geblättert wird */
    #pmenu li a:active, #pmenu li a:focus {
       background: #003769;
       color: #4cadd3;      /* ORG #c00; */
       font-family: Arial, Tahoma, Verdana, sans-serif;
    }

    /* 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: -40px;       /*          (IE5 ONLY) */
       top: 9px;         /* ORG 14px (IE5 ONLY) */
       lef\t: -41px;      /*          (IE6 ONLY) */
       to\p: 9px;        /* ORG 15px (IE6 ONLY) */
       font-size: 0.8em;
    }
    /* 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: -5px;        /* ORG -11px (IE6 ONLY) */
       left: 170px;
    }
    /* 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 */