@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: 1.2 $
 * @lastmodified    $Date: 2009/04/01 10:00:17 $
 */
@media all {
/* title */
h6.vlist {
    background-color: #fff;
    border-bottom: 4px #888 solid;
    border-top: 2px #ddd solid;
    color: #444;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 3px 0px 3px 10%; /* LTR */
    width: 90%;
}

.vlist {
    border-bottom: none;
    list-style-type: none;
    margin: 0;
    /*RK: muss das overflow: hidden hei�en?: */
    /**
     * punkt.de: wenn eine 1 davor steht wird die Eugenschaft ignoriert,
     * das verwendet man temporaer um Eigenschaften zu deaktivieren.
     */
	1overflow: hidden;
    width: 100%;
}

.vlist li {
   float: left;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

.vlist li.spc {
    padding: 8px 0;
}

.vlist a:link,
.vlist a:visited {
    /*mod by RK die Men�s sind nicht lesbar genug gewesen
	color: #000;
    display: block;
    font-size: 11px;
    padding-right: 3px;
    text-align: right;*/
	display: block;
    font-size: 12px;
    padding-right: 3px;
    text-align: right;
	font-weight:bold;
	color: #808080;
	font-family: Arial, Helvetica;
}

#right-nav .vlist a,
#right-nav .vlist a:visited {
    padding-left: 3px;
    text-align: left;
}

.vlist a.cur,
.vlist a:visited.cur {
    background: url(../../img/res/hg_subnav_li.gif) no-repeat right bottom;
}

.vlist li span { display: block; }

/* active list element */
.vlist li.active { color: #666; }

/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span {
}

.vlist li a:focus,
.vlist li a:hover,
.vlist li a:active {
    background: url(../../img/res/hg_subnav_li.gif) no-repeat right bottom;
}

#right-nav .vlist li a:hover, #right-nav .vlist li a:active, #right-nav .vlist li a:focus {
    background: url(../../img/res/abgred-r.gif) no-repeat left bottom;
}

/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { padding-left: 20%; /* LTR */ width: 80%; }

.vlist li ul li a,
.vlist li ul li a:visited { background-color: #f8f8f8; color: #333; }

.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li a:active { background-color: #a88; color: #fff; }

/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { padding-left: 30%; /* LTR */ width: 70%; }

.vlist li ul li ul li a,
.vlist li ul li ul li a:visited{ background-color: #f0f0f0; color: #222; }

.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-color: #a88; color: #fff; }

/* 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 { padding-left: 40%; /* LTR */ width: 60%; }

.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; }

}