@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
{
	.vlist {
		width: 100%;
		overflow: hidden;
		margin: 0 0 75px 0;
		list-style-type: none;
	}

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

	.vlist li {
		float: left; /* LTR */
		width: 100%;
		list-style-type: none;
		margin:0 0 11px 0;
		padding: 0;
		background:url(images/bg_nav_level1.png) no-repeat left 0;

	}

	.vlist a {
		display: block;
		padding: 3px 0px 3px 10%;
		text-decoration: none;
		color:#2f009e;
	
	}

	/* active list element */
	.vlist li.active {
		font-weight: normal;
	}

	/* Level 1 */
	.vlist li a { width: 90%; padding:6px 0 5px 17px; font-size:107.69%%; font-weight:bold; } /* LTR */

	.vlist li:focus,
	.vlist li:hover,
	.vlist li:active,
	.vlist li.active,
	.vlist li.rootlinelink {
		background:url(images/bg_nav_level1.png) left -31px no-repeat;
	}
	

	.vlist li a:hover,
	.vlist li a:active,
	.vlist li a.active,
	.vlist li a.rootlinelink {
		color: #fff;
		text-decoration: none;
	}

	/* Level 2 */
	.vlist ul li ul {float:left;  margin-top: -1px; padding-top: 10px;background: url(images/bg_nav_level2.png) repeat-y left top; width:100%;} 
	.vlist ul li ul li  { background:none; margin:0 0 1px 3px;} 
	.vlist ul li ul li.last {  background:url(images/bg_nav_level2_end.png) no-repeat left bottom; margin:0; padding-bottom:4px;}
	.vlist ul li ul li.last a {margin-left:3px;}

	.vlist ul li ul li a { width: 80%; padding:4px 15px 3px 31px; color: #333;} /* LTR */

	.vlist ul li ul li a:focus,
	.vlist ul li ul li a:hover,
	.vlist ul li ul li a:active,
	.vlist ul li ul li a.active,
	.vlist ul li ul li a.rootlinelink {
		background: #74a2e0;
		color: #fff;
		
	}
	
	.vlist ul li ul li:focus,
	.vlist ul li ul li:hover,
	.vlist ul li ul li:active,
	.vlist ul li ul li.active,
	.vlist ul li ul li.rootlinelink {
		background: none;
		
	}
	
	.vlist ul li ul li.last:focus,
	.vlist ul li ul li.last:hover,
	.vlist ul li ul li.last:active,
	.vlist ul li ul li.last.active,
	.vlist ul li ul li.last.rootlinelink {
		background:url(images/bg_nav_level2_end.png) no-repeat left bottom; margin:0;
		
	}

	/* Level 3 */
	.vlist ul li ul li ul { background:none ; border: none; margin:0; padding:4px 0 3px 0 ;} 
	.vlist ul li ul li ul li  { background:none;margin:0 0 1px 0;} 
	
	.vlist ul li ul li ul li a { width: 70%; padding:4px 22px 3px 50px; background:none;} /* LTR */

	.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 ul li ul li a.rootlinelink  {
		background-color:#74a2e0;
		color: #fff;
		text-decoration: none;
	}

	/* Level 4 */
	.vlist li ul li ul li ul li a { width: 60%; padding-left: 40%; background-color: #e8e8e8; color: #111;  } /* 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 ul li ul li ul li a.active,
	.vlist li ul li ul li ul li a.rootlinelink {
		background-color: #F90;
		color: #fff;
		text-decoration: none;
	}
	
	
	
	.vlist ul li ul li.mietartikel {
	  border-top: #FFFFFF solid 3px;

    margin-top: 8px;
    padding-top: 10px;
	}
}