/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{
  /* title */

  .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; /* LTR */
    width:100%;
    margin:0;
    padding:0;
    background: transparent;
  }

  .vlist a,
  .vlist strong,
  .vlist a,
  .vlist a:visited {
    display:block;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding:  0.1 5% 0.1em 10%;
  }


  
  /* Level 1 */
  .vlist li a,
  .vlist li a:visited,
  .vlist li strong { 
      font-weight:bold;
      font-size:113%;
      width:80%;
      padding:0.6em 5% 0.6em 15%; /* LTR */
      background: #f2f4f9;
      margin: 0 0 6px 0;
      color:#04579c;
      }
  
  .vlist li.active a { font-weight: bold;  background: #f2f4f9 url(../../img/subnav-1stL-act.gif) 8px 10px no-repeat;}
  
  .vlist li.current strong { font-weight: bold;  background: #f2f4f9 url(../../img/subnav-1stL-act.gif) 8px 10px no-repeat; }

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active,
  .vlist li.active a:focus,
  .vlist li.active a:hover,
  .vlist li.active a:active  { color: #B5B5B5; }


  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li a:visited,
  .vlist li ul li strong,
  .vlist li.active ul li a,
  .vlist li.active ul li strong { 
	width:80%; 
	padding: 0 0 0 20%; 
	margin: 0; 
	font-size:100%; 
	color: #04579c;
	background: transparent url(../../img/subnav-bullet.gif) no-repeat 33px 8px; 
	font-weight: normal
	} /* LTR */

  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active,
  .vlist li.active ul li a:focus,
  .vlist li.active ul li a:hover,
  .vlist li.active ul li a:active { color: #b5b5b5;}
  
  .vlist li ul li.active a
   .vlist li ul li.active strong{  }
  
  .vlist li.active ul li.current strong { font-weight: bold; }  
  
 /* Level 3 */
 .vlist li ul li ul li a, 
 .vlist li ul li ul li strong,
 .vlist li.active ul li.active ul li a, 
 .vlist li.active ul li.active ul li strong,
 .vlist li.active ul li.current ul li a { 
 	  width:80%; 
 	  padding-left:20%; 
 	  font-weight: normal; 
 	  color: #949599; 
 	  background: transparent;
 } /* LTR */

  .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,
  .vlist li.active  ul li.active  ul li a:focus,
  .vlist li.active  ul li.active  ul li a:hover,
  .vlist li.active  ul li.active  ul li a:active,
  .vlist li.active  ul li.current  ul li a:focus,
  .vlist li.active  ul li.current  ul li a:hover,
  .vlist li.active  ul li.current  ul li a:active  { color:#04579c; }
  
  .vlist li.active ul li.active ul li.active a{ color:#04579c; }
  
  .vlist li.active ul li.active ul li.current strong { color:#04579c; font-weight: normal; text-decoration: underline;}
  
  
  
  
  
  
  
  
  
  
  /* Level 4 */
  .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 strong,
  .vlist li.active ul li.active ul li.active ul li a, 
  .vlist li.active ul li.active ul li.active ul li strong { width:68%; padding-left:32%; font-weight:normal; color: #b5b5b5; background: transparent;  
  } /* LTR */

  .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,
  .vlist li.active ul li.active ul li.active ul li a:focus,
  .vlist li.active ul li.active ul li.active ul li a:hover,
  .vlist li.active ul li.active ul li.active ul li a:active { font-weight: bold;}
  
  .vlist li.active ul li.active ul li.active ul li.current strong {color: #04579c; background: transparent url(../../img/subnav-bullet.gif) no-repeat 59px 7px; }  
}

/* ##########################
** ### Accessible menu ######
** ##########################
*/
@media screen, print {
.vlist dfn, 
.vlist .hidden {position:absolute; left:-1000em; width:20em;}
}