/* ================================================================
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 100px 1px;
   position: relative;
   width:100%;
   /* 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 {
	margin:0px;
	list-style-type: none;
	width:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {
	display:block;
	width:auto;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	padding:6px 17px 13px 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}


/* Set up the list items */

#pmenu li {
   float:left;
   display:block;
    width:auto;
}

/* Set up the sub level borders */
   #pmenu li ul li a{
   border-width: 0 1px 1px 1px;
   display:block;
   width:140px;
   text-align:left;
}


   #pmenu li ul li a:visited {
	border-width: 0 1px 1px 1px;
	display:block;
	width:140px;
	text-align:left;
}


/* For Non-IE browsers and IE7 */
#pmenu li:hover {
   position: relative;
}
/* Make the hovered list color persist */
/* Festlegen der Farbe fuer hover li */
#pmenu li:hover > a {
	color: #6633CC;      /* ORG #c00; */
	background-image: url(../../images/menu-hover.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


/* 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: 80px;
   padding:6px 30px 30px 30px; /* ORG padding: 10px */
   /*background:transparent url(../../img/article/leer.gif);*/
   width:140px;
   text-align:left;
}
/* 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;
   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;
	color: #6633CC;
}
/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {
   background-color:;
   color:;      /* ORG #c00; */
}
/* Set up the pointers for the sub level indication */
#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 */
#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; */


* html #pmenu li ul {
   visibility:hidden;
   display:block;
   position:absolute;
   top: 27px;
   left:80px;
   /*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;
    background-color:transparent;
   color:;      /* ORG #c00; */
}
/* keep the fourth level+ hidden when you hover on second level link */
   #pmenu li a:hover ul a:hover ul ul {
   visibility: hidden;
   color:#cccccc;      /* ORG #c00; */
}
/* 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:-9px;       /*          (IE5 ONLY) */
   top:22px;         /* ORG 14px (IE5 ONLY) */
   left:-9px;      /*          (IE6 ONLY) */
   top:22px;        /* 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: 0px;        /* 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 */