/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

@media all {

	/* raumplus Link-Buttons */

	.doitVList {
		margin:0 0 0 0;
		list-style-type:none;
		background: transparent;
		border: 0 none;

	}

	/* title */
/*	.ym-vtitle {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:100%;
		width:90%;
		padding:3px 0px 3px 10%;
		margin:0;
		color:#444;
		background-color:#fff;
		border-top:2px #ddd solid;
	}*/

	.doitVList ul {
		list-style-type:none;
		margin:0;
		padding:0;
		width:100%;
		overflow:visible;
	}

/*	.doitVList ul ul {
		border: 0 none;
	}*/

	.doitVList li {
		width:100%;
		background-color:#444;
		/*background-image: url(../../../images/textureNext.gif);*/
                 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAADNJREFUCJlty7ENADAIA8EPI3gU7z8TKyQdQQiXZ/2xfWmTBEBsmJn/6FjFRIDYsIqJknietBDX0wAGqAAAAABJRU5ErkJggg==');
		background-repeat: repeat;
		margin: 6px 0 0 0;
		padding: 0;
		position: relative;  /*damit die :after Elemente absolut positioniert werden können */
		overflow:hidden;
	}

	.doitVList a/*,
	.doitVList strong,
	.doitVList span*/ {
		display:block;
	  margin: 0;
		padding: 0.3em 0.3em 0.3em 24px;
		text-decoration:none;
		font-style:italic;
		line-height: 1.125em;
		min-height: 40px;
		font-size: 150% !important;
	}

	.doitVList a,
	.doitVList a:visited {
		color:#fff;
	}

	.doitVList a:before
	 {
		content: url(../../../images/iconDoubleArrowForward.png);
		position: absolute;
		left: 4px;
		top: 7px;
	}
	
/*	.doitVList li span {
		display:block;
		font-weight:bold;
	}*/

	/* active list element */
/*	.doitVList li.active {
		color:#000;
		background-color:#fff;
	}*/

/*	.doitVList li.active strong {
		font-weight:bold;
	}*/

	/* Level 1 */
	.doitVList li a/*,
	.doitVList li strong,
	.doitVList li span*/ {border: dotted transparent 1px; }

	.doitVList a:focus {
		}
		
	.doitVList li a:hover,
	.doitVList li a:active { 
/*		background-image: url(../../../images/textureNextOver.png);*/
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAMAAADXEh96AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFlpaWtbW1SRkBXAAAABRJREFUeNpiYAACRkZ8JAOEDRBgAAEmAA0caJ5QAAAAAElFTkSuQmCC');
		background-repeat: repeat; 
	}

	.doitVList li a:focus {border: dotted #fff 1px;}


	/* Level 2 */
/*	.doitVList li ul li a,
	.doitVList li ul li strong,
	.doitVList li ul li span { width:80%; padding-left:20%; }*/
	
/*	.doitVList li ul li a,
	.doitVList li ul li a:visited { background-color:#f8f8f8; color:#333; }
	.doitVList li ul li a:focus,
	.doitVList li ul li a:hover,
	.doitVList li ul li a:active { background-color:#888; color:#fff; }*/

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

/*	.doitVList li ul li ul li a,
	.doitVList li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
	.doitVList li ul li ul li a:focus,
	.doitVList li ul li ul li a:hover,
	.doitVList li ul li ul li a:active { background-color:#888; color:#fff; }*/

	/* Level 4 */
/*	.doitVList li ul li ul li ul li a,
	.doitVList li ul li ul li ul li strong,
	.doitVList li ul li ul li ul li span { width:60%; padding-left:40%; }*/

/*	.doitVList li ul li ul li ul li a,
	.doitVList li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
	.doitVList li ul li ul li ul li a:focus,
	.doitVList li ul li ul li ul li a:hover,
	.doitVList li ul li ul li ul li a:active { background-color:#888; color:#fff; }*/
	
}