/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2011, 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.3.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
.vlist {width:100%;overflow:hidden;list-style-type:none;border-top:2px #ddd solid;border-bottom:4px #4e5155 solid;margin:2.4em 0 1.5em}

.title {list-style-type:none;margin:0;width:90%;font-weight:700;color:#000000;background-color:#ffffff;border-bottom:4px #4e5155 solid;padding: 5%}

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

.vlist li {list-style-type:none;float:left;width:100%;text-align:left;margin:0;padding:0}

.vlist a,
.vlist strong {display:block;width:95%;text-decoration:none;background-color:#ffffff;color:#444;border-bottom:1px #4e5155 solid;padding: 5px 0 5px 5%}

.vlist li span {display:block;width:95%;font-weight:700;background-color:#9ba1a9;color:#fff;border-bottom:1px #4e5155 solid;padding:5px 0 5px 5%}

.vlist li a:active,
.vlist li strong {width:95%;font-weight:200;color:#ffffff;background-color:#444;border-bottom:1px #4e5155 solid;padding:5px 0 5px 5%}

.vlist li a {width:95%;padding-left:5%;background-color:#fff;color:#444;}

.vlist li a:focus,
.vlist li a:hover,
.vlist li a:active {background-color:#ffff00;color:#000000}

.vlist li ul li a,
.vlist li ul li a:active,
.vlist li ul li strong,
.vlist li ul li span {width:90%;padding-left:5%;margin-left:5%}

.vlist li ul li a {background-color:#eeeeee;color:#222;margin-left:5%}

.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li a:active {background-color:#ffff00;color:#000000;margin-left:5%}

.vlist li ul li ul li a,
.vlist li ul li ul li a:active,
.vlist li ul li ul li strong, 
.vlist li ul li ul li span {width:85%;padding-left:5%;margin-left:10%}

.vlist li ul li ul li a {background-color:#cdcdcd;color:#000000;margin-left:10%}

.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:#ffff00;color:#000000;margin-left:10%}

.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li a:active,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span {width:80%;padding-left:5%;margin-left:15%}

.vlist li ul li ul li ul li a {background-color:#808080;color:#ffffff;margin-left:15%}

.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:#ffff00;color:#000000;margin-left:15%}