/* Vertikale Navi */
ul#myNavi
{
color: white;
width: 166px;
padding: 2px 2px 1px 0;
background: #17a;
border-bottom: 1px solid #17a;
border-right: 1px solid #17a;
margin-left: 0;
font: normal 11px Verdana, sans-serif;
}

ul#myNavi li
{
list-style: none;
}

  ul#myNavi li ul {
    position: absolute;
    width:160px;
    margin: 0; padding: 0;
    top: 130px; left: 162px;  
    
  }
  ul#myNavi li ul#wjc {
    top: 130px;  
    z-index: 99;
  }

  ul#myNavi li ul#wje {
    top: 180px;  
    z-index: 999;
  }
  *:first-child+html ul#myNavi li ul {
    left: 9em;  /* (IE 7 in standards-compliant mode) */
  }
  ul#myNavi li ul li {
    margin: 0; padding-left: 14px;
  }


ul#myNavi a
{
display: block;
text-decoration: none;
margin-bottom: 0;  
margin-top: 0;
margin-left: -10px;
color: white;
background: #4D87C7;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
/* left marke f90 oder 254B76 */
border-left: 0.7em solid #f90;
padding: 0.25em 0.5em 0.4em 0.75em;
font-weight:normal;
}

ul#myNavi a#current { 
border-color: #069 #6cf #5bd #f00;   
font-weight:bold;
background:#28b;
}

ul#myNavi a
{
width: 99%;
/* only necessary for Internet Explorer */
}

ul#myNavi a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 140px;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#col1_content>#myNavi a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

/* left green mouse over */
ul#myNavi a:hover, #myNavi a#current:hover
{
/*  IE breite mouseover wjc width: 299px;  */
background: #17a;
border-color: #069 #6cf #5bd #1c0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

/* left red hover */
ul#myNavi a:active, #myNavi a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd #1c0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

/* dynamisches Ein-/Ausblenden */
  ul#myNavi li ul {
    display: none;
  }
  ul#myNavi li:hover>ul {
    display: block;
  }
  ul#myNavi>li:hover>a {
    width: 8.2em;
  }

/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
  * html ul#myNavi li.hoverIE ul {
    display: block;
  }
  * html ul#myNavi li .hoverIE {
    width: 10.3em;
    w\idth: 8.2em;  /* (IE 6 in standards-compliant mode) */
  }
* html ul#myNavi li { line-height:0px; font-size:12px;}