/* ====================================================================
   nav_horiz_drop_down_4.css

   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)

   17.04.2009 MP (pepe) Modified: Some tiny code snippets   
   =====================================================================
*/

/* 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 100px 0;*/		/* 100px only for testing - default = 0 */
   margin: 0;					/* default = 0 */
/*   position:relative;*/
/* width: 735px; */ 
   width: 1000px;        /* pepe */  
   background-color: #81909F;	/* transparent / #81909F */
   height: 23px;					/* ORG 20px */
   z-index: 1000;
background-color: #000000;	/* transparent */
height: 24px;					/* ORG 20px */
}

/* 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 Groessen, Farben und Rahmen fuer die Links */
#pmenu a, #pmenu a:visited {
   display: block;
	width: 120px; 		      /* ORG 120px */
width: 162px;				/* pepe | bei fester Breite hier   aktivieren */
/* padding:0 10px; */      /* pepe | bei fester Breite hier deaktivieren */
   text-indent: 10px;			/* pepe | bei fester Breite hier   aktivieren */

   font-size: 11px;
   color: #fff;
   height: 22px;           /* ORG 25px */
   line-height: 20px;      /* ORG 24px */
   text-decoration: none;
   border: 1px solid #fff;
   border-width: 1px 0 1px 1px;
border: 1px solid #666;
border-width: 1px 0 1px 1px;

border: 1px solid #333;
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 { 
   width: 220px;              /* pepe | Sublevel in eigener Groesse einstellen */
width: 250px;              /* pepe | Sublevel in eigener Groesse einstellen */
   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: #7484ad;
background: #111; 				/* Menuepunkte OHNE Subnavigation */
}

/* 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 = mouseover*/
#pmenu li:hover > a {
   background: #D1D5DF; 	/* ORG #dfd7ca; */
   color: #BF4300;      	/* ORG #c00; */

background: #333333;	/* ORG #dfd7ca; */
background: #2a2b33;	/* ORG #dfd7ca; */
color: #DDD;      	/* ORG #c00; */

background: #1F2128;
color:#ccc;
}



/* 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; 
/* border-bottom: 5px solid #333; */
}

/* 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;
left: 210px;			           /* pepe */
   padding: 6px 30px 30px 30px; /* ORG padding: 10px */
   background:transparent url(../../img/article/leer.gif);
   width: 120px;
width: 250px;                   /* pepe */  
}

/* 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;
   background: #D1D5DF; 	/* ORG #dfd7ca; */
   color: #C00;
color: #FFF;
}

/* 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: #dfd7ca;
   color: #BF4300;      	/* ORG #c00; */
background: #990000;  /* Bei MAUSKLICK sichtbar*/
color: #FFF;      	 /* 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 207px center;
background: #111 url(../../img/symbols/klapp_zu.gif) no-repeat 237px center;
/* background: #7484ad url(../../img/article/navi/fly.gif) no-repeat right center; */

}

/* Standardfarbe der horizontalen Ebene */
#pmenu li.drop_ul {
   background: #7484ad url(../../img/symbols/klapp_auf.gif) no-repeat 205px center;
background: #111 url(../../img/symbols/klapp_auf.gif) no-repeat 235px center;
/* background: #7484ad url(../../img/article/navi/drop.gif) no-repeat right center; */
}

/* KH: Active Path output */
/* KH: Ausgabe des aktiven Pfads, wenn Sub-Navigation aktiv ist */
#pmenu li.act_path {
   background:#4161AF url(../../img/symbols/klapp_auf.gif) no-repeat 205px center;
background: #990000 url(../../img/symbols/klapp_auf.gif) no-repeat 235px 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;
left: 210px;			           /* pepe */
   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;
left: 210px;			           /* pepe */
}
/* 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 */



/* Hintergrundschatten */
#pmenu li.drop_ul ul {
	background:transparent url(../../xtra-templates/pepes-1-2-3col/navishadow.png) no-repeat 80px bottom !important;
	background-image: none;
}