@charset "UTF-8";
/**
 * "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.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
  /* title */
  h6.vlist {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 100%;
    width: 90%;
    /*padding: 3px 0px 3px 10%;  LTR */
    margin:0;
    color: #fff;
  }

  .vlist {
    width: 200px;
    overflow: hidden;
    margin: 0 0 1.5em 0;
    list-style-type: none;
	border-top: #97005E 1px solid;
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
    /* background: transparent url("../../img/navigation/li_level2_right.png") no-repeat right 3px; */
    text-transform:uppercase;
	border-bottom: #97005E 1px solid;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
    display:block;
    padding: 3px 0px 3px 8%;
    text-decoration: none;
    color: #fff;  
  }

  .vlist a,
  .vlist a:visited {
    color: #474747;
  }

  .vlist li span {
    display:block;
    /*font-weight: bold;
    background: transparent url("../../img/navigation/a_level2_left.png") no-repeat left 3px;*/
  }

  /* active list element */
  .vlist li.active {
    /*font-weight: bold;
    background: transparent url("../../img/navigation/li_level2_right.png") no-repeat right 3px;*/
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: 92%; padding-left: 8%; color: #474747; } /* LTR */
  .vlist li span { color: #474747; font-weight:bold; }
  /*.vlist li.active span { border-top: #97005E 1px solid; }*/

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { text-decoration: none; color: #97005E; }
  .vlist li a.active { color: #474747; font-weight:bold; }/* background: transparent url("../../img/navigation/a_level2_left.png") no-repeat left 3px; */ }

  /* Level 2 */
  .vlist li ul { border-top: #97005E 1px solid; }
  .vlist li ul li { text-transform: none; border: none; /* border-bottom: #919DA5 1px solid;  background: transparent url("../../img/navigation/li_level3_right.png") no-repeat right 3px; */ }
  
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { font-weight: normal; /* background: transparent url("../../img/navigation/a_level3_left.png") no-repeat left 3px; */  width: 84%; padding-left: 16%; } /* LTR */
  .vlist li ul li span { font-weight: bold; }
  /*.vlist li ul li.active span { border-bottom: #919DA5 1px solid; }*/
  .vlist li ul li.active span { border:none; letter-spacing:0.033em; }
  .vlist li ul li.last { border:none; }

  /* active list element */
  .vlist li ul li.active {
    color: #97005E;
    font-weight: bold;
    /* background: transparent url("../../img/navigation/li_level3_right.png") no-repeat right 3px;*/
  }

  .vlist li ul li a, 
  .vlist li ul li a:visited { color: #474747;  }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { color: #97005E; }
  
  #vl2 a.active { border:none;/* background: transparent url("../../img/navigation/a_level3_left.png") no-repeat left 3px; color: #ddd; */ }

  /* Level 3 */
  .vlist li ul li ul { border-top: none; }
  .vlist li ul li ul li { /* border-bottom: 1px solid #B5C2C9; background: transparent url("../../img/navigation/li_level4_right.png") no-repeat right 3px; */ }
  
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width: 76%; padding-left: 24%; background: transparent url("../../img/navigation/bulletpoint_navi.gif") no-repeat 19% 10px; } /* LTR */
  .vlist li ul li ul li span { /* background: transparent url("../../img/navigation/a_level4_left.png") no-repeat left 3px; */  }
  .vlist li ul li ul li.active span { border:none; background: transparent url("../../img/navigation/bulletpoint_navi_cranb.gif") no-repeat 19% 10px; }
  .vlist li ul li ul li.last { border:none; }

  /* active list element */
  .vlist li ul li ul li.active {
    color: #97005E;
    font-weight: bold;
    /* background: transparent url("../../img/navigation/li_level4_right.png") no-repeat right 3px; */
  }

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ color: #5F6060; }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active { color: #BB6AAB; }

  /* 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 { background-color:#e8e8e8; color: #111; }
  .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 { background-color:#a88; color: #fff; }
}