/*http://www.seoconsultants.com/css/menus/tutorial/*/
/**************** vmenu coding *****************/
#vmenu {
width: 15em;
margin:0 10px 0 0;
background: #fff;
border:0px solid red;

}

#vmenu ul {
list-style: none;
margin:0 0 15px 0; /*Abstand der ul-Bereichsliste*/
padding: 0;
background:#fff; /*= der Unterstrich in der 2. Ebene!!!!!!*/


}


#vmenu a, #vmenu h2 {
/* font: bold 11px/16px arial, helvetica, sans-serif; */
font: bold 12px/18px arial, helvetica, sans-serif;
display: block;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 6px 3px;
line-height:16px;

}

#vmenu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
display:none;  /* die im original vorgesehenen h2 Überschriften ausblenden */
}

#vmenu a {
color: #035fae; /*#300090*/
background: #fafafa; /*fefef*/;
text-decoration: none;

}



/*neu 2 Ebene andere Formatierung*/
#vmenu ul ul ul a {
/*font-size:105%; /*Schriftgröße der Listeneinträge in der 2. Ebene*/
color: #39f; /*#300090; *//*999*/
background: #fff;
font-weight:normal;
border:none;
margin-left: 2px;
padding: 3px 5px; /*Abstände der Listeneinträge in der 2. Ebene*/
border:0px solid red;
/* line-height:14px; */

}

#vmenu a:hover {
color: #39f; /* color: #995300; */
background: #fafafa;

}

#vmenu li {
position: relative;
background: #fff;
padding:0;
margin:0; /*wegen sonst aktiver Einstellung in styles.css*/
/* background-color:#aaa; */
border-right:0px solid #1084fd;
}



/*neu: Abstand der Einträge in der zweiten Ebene, blauer Unterstrich*/
#vmenu ul li ul li ul li
{margin:0 0 0px 0;
padding-bottom:0px;
border-right:0px solid #1084fd; /*rechter Bereichsstrich in der 2. Ebene*/
/* background: #1084fd; */
}



/* neu: List-style mit Hintergrundbild 2. Ebene */
#vmenu ul ul ul li
{
/* background-image: none;  *//*ohne Auflistungsgrafik - Hintergrundbild*/
/*background-image: url(bullet.gif);
background-repeat: no-repeat;
background-position: 0 .3em; */
background-image:url('images/bg_pfeil.gif') ;
background-position: 0px 6px;
background-repeat: no-repeat;
padding-left: 0.5em;
border-bottom:1px solid #1084fd;

}



/* neu: List-style Background 2. Ebene : z.b. Bauen und Energie*/
#vmenu ul ul ul li a:hover {
color: #fff;
margin-left:-12px;
padding-left:20px;
background-image:url('images/bg_pfeil_w.gif') ;
background-position: 8px 6px;
background-repeat: no-repeat;
background-color: #1084fd;

/* alt
color: red;
padding-left:5px; /*Abstand zum linken Rand*/
/*
background: #f1f1f1;
border-right:0px solid #1084fd; /*rechter Rand bei hover in der 2. Ebene = 5px*/

}





/* neu: List-style mit Hintergrundbild  3. Ebene*/
#vmenu ul ul ul ul li
{
/* background-image: url(bullet_line.gif);
background-repeat: no-repeat;
background-position: 0 .3em; */
padding-left: 0.6em;

}


#vmenu ul ul ul {
position: relative; /* position: absolute; */ 
top: 2px; /*Abstand ul-Bereich in der 2. Ebene*/
left:5%; /* left: 100%; */ 
width: 90%;
border: 0px solid red;


}

div#vmenu ul ul ul,
div#vmenu ul ul li:hover ul ul
{display:none;}

div#vmenu ul ul li:hover ul,
div#vmenu ul ul ul li:hover ul
{display: block;}

/* Anzeige der Listenpüunkte bei en un cz */
div#en_cz ul ul ul,
div#en_cz ul ul ul ul
{display:block;}