.vList {
    width:100%;
    overflow:hidden;
    margin:0 0 1.5em 0;
    list-style-type:none;
    
  }
  .vList ul {
    list-style-type:none;
    margin:0;
    padding:0;
  }
  .vList li {
    float:left;
    width:100%;
    margin:0;
    padding:0;
  }
  .vList a, .vList strong, .vList span {
    display:block;
    padding:3px 0px 3px 10%;
    text-decoration:none;
    border-bottom:1px solid #4f4533;
  }
  .vList a {
    font-size:1.2em;
    color:#4f4533;
  }
  .vList li span {
    display:block;
    font-weight:bold;
    border-bottom:1px solid #fff;
  }
  .active a{
    color:#000;
    background:url(images/balken-links.gif) left repeat-y;
    background-color:#e5d48c; 
    font-weight:bold;
  }
  .current {
    background:url(images/balken-links.gif) left repeat-y;
    background-color:#e5d48c; 
    font-weight:bold;
    color:#000;
  }
  .vList li.current ul li a{
    color:#000;
  }
  .vList li.current ul li.current a {
    color:#000;
  }
  .vList li.current ul li.active a{
    color:#000;
  }
  .vList li.current ul li.current ul li a {
    color:#4f4533;
  }
  .vList li.current ul li.current ul li.active a {
    color:#000;
  }
  
  /* Level 1 */
  .vList li a, 
  .vList li strong, 
  .vList li span {
    width:90%;
    padding:3% 0% 3% 10%;
  }
  .vList li a:focus, 
  .vList li a:hover, 
  .vList li a:active {
    color: #000; 
    background:url(images/balken-links.gif) left repeat-y;
    background-color:#e5d48c;
  }
  ul.vList li.current a{
    color:#000;
  }
  /* Level 2 */
  .vList li ul li a, 
  .vList ul li strong, 
  .vList li ul li strong, 
  .vList li ul li span {
    width:80%;
    padding-left:20%;
  }
  .vList li ul li a, 
  .vList li ul li a:visited { }
  .vList li ul li a:focus,
  .vList li ul li a:hover,
  .vList li ul li a:active {  
    color: #000; 
    background:url(images/balken-links.gif) left repeat-y;
    background-color:#e5d48c; 
  }

  /* Level 3 */
  .vList li ul li ul li a,
  .vList li ul li ul li strong,
  .vList li ul li ul li span { width: 70%; padding-left: 30%; } 
  
  .vList li ul li ul li a,
  .vList li ul li ul li a:visited{ }
  .vList li ul li ul li a:focus,
  .vList li ul li ul li a:hover,
  .vList li ul li ul li a:active { 
    background:url(images/balken-links.gif) left repeat-y;
    background-color:#e5d48c;
  }
  .vList li.current ul li.current ul li a:focus,
  .vList li.current ul li.current ul li a:hover,
  .vList li.current ul li.current ul li a:active {
    color:#000;
  }
  /* Level 4 */
  .vList li ul li ul li ul li a,
  .vList li ul li ul li ul li strong,
  .vList li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */

  .vList li ul li ul li ul li a,
  .vList li ul li ul li ul li a:visited { }
  .vList li ul li ul li ul li a:focus,
  .vList li ul li ul li ul li a:hover,
  .vList li ul li ul li ul li a:active { }
}

@media screen, projection {
  * html h6.vList { 
    width:100%;
  }

  /* level 1 */
  * html .vList li a,
  * html .vList li strong,
  * html .vList li span { 
    width: 100%; 
  }

  /* level 2 */
  * html .vList li ul li a,
  * html .vList li ul li strong,
  * html .vList li ul li span { 
    width: 100%;
  }

  /* level 3 */
  * html .vList li ul li ul li a,
  * html .vList li ul li ul li strong,
  * html .vList li ul li ul li span { 
    width: 100%;
  }

  /* level 4 */
  * html .vList li ul li ul li ul li a,
  * html .vList li ul li ul li ul li strong,
  * html .vList li ul li ul li ul li span { 
    width: 100%;
  }