@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version     Id: $Id$
 *
 * @package     JYAML
 * @subpackage  Stylesheet
 *
 * @author      Reinhard Hiebl <reinhard@hieblmedia.com>
 * @copyright   Copyright (C) 2006 - 2015, HieblMedia (Reinhard Hiebl)
 * @license     http://www.jyaml.de/en/license Creative Commons Attribution 3.0
 * @link        http://www.jyaml.de
 */

/**
 * Optional: Import YAML stylesheet nav_vlist.css as base
 * @import url(../../../libraries/jyaml/yaml/navigation/vlist.css);
 */

@media all
{
	.ym-vlist {
		width:100%;
		overflow:hidden;
		margin:0 0 0 0;
		list-style-type:none;
		line-height:1em;
		font-family: 'RUB-Neu Flama', sans-serif;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		
	}

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

	.ym-vlist li {
		float:left; /* LTR */
		width:100%;
		margin:0;
		padding:0;
		font-size:1.1em;
		line-height:1.5em;
	}

	.ym-vlist a,
	.ym-vlist strong,
	.ym-vlist span.separator {
		display:block;
		margin: 0 auto;
		padding:0.30em 0 0.12em 0;
		text-decoration:none;
		letter-spacing: 0.04em;
	}
	
	.ym-vlist img { /* Detlef */
		display:block;
		margin: 0em 0 1em 0;
		text-decoration:none;
		max-width:90%;
	}

	.ym-vlist a,
	.ym-vlist a:visited {
		color:#17365C;
	}

	.ym-vlist li span.subtitle {
		display: block;
		font-size: smaller;
		font-weight: normal;
	}

	/* You can use .maintitle, .subtitle-0, .subtitle-1, .subtitle-2, etc. to adjust the maintitle or each subtitle line */
	.ym-vlist ul li span.subtitle-0 {
		margin-top: .5em;
	}

	.ym-vlist li span.subtitle-empty,
	.ym-vlist li span.subtitle-blank {
		display: none;
	}

	/*
	 * Note: The class .active is set on all parents and current link
	 *			 Use "li.current" and "li.current .active_link" to only adjust the current link
	 */



	/* Level 1 */
	.ym-vlist li a,
	.ym-vlist li strong,
	.ym-vlist li span.separator { padding-left:0%; } /* LTR */

	.ym-vlist li a:focus,
	.ym-vlist li a:hover,
	.ym-vlist li a:active { color:#8DAE10; letter-spacing: 0.04em; letter-spacing: 0.04em; }

	.ym-vlist li .current_link .item-title { color:#8DAE10; border-bottom: 4px solid #8DAE10; letter-spacing: 0.04em; font-weight:normal;text-decoration:none;}

	/* Level 2 */
	.ym-vlist li ul li a,
	.ym-vlist li ul li strong,
	.ym-vlist li ul li span.separator { width:95%; padding-left:5%; font-size: 0.8em; border: none;} /* LTR */

	.ym-vlist li ul li a,
	.ym-vlist li ul li a:visited { color:#17365C; }
	.ym-vlist li ul li a:focus,
	.ym-vlist li ul li a:hover,
	.ym-vlist li ul li a:active { color:#8DAE10; }
	.ym-vlist li ul li.current .current_link .item-title { color:#8DAE10; border-bottom: 0px solid #8DAE10; }
	

	/* Level 3 */
	.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li strong,
	.ym-vlist li ul li ul li span.separator { width:80%; padding-left:25%; } /* LTR */

	.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li a:visited { background-color:#f0f0f0; color:#222; }
	.ym-vlist li ul li ul li a:focus,
	.ym-vlist li ul li ul li a:hover,
	.ym-vlist li ul li ul li a:active { color:#8DAE10; }
	.ym-vlist li ul li ul li.current .current_link .item-title { color:#8DAE10; border-bottom: 0px solid #8DAE10;}

	/* Level 4 */
	.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li strong,
	.ym-vlist li ul li ul li ul li span.separator { width:70%; padding-left:35%; } /* LTR */

	.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
	.ym-vlist li ul li ul li ul li a:focus,
	.ym-vlist li ul li ul li ul li a:hover,
	.ym-vlist li ul li ul li ul li a:active { color:#8DAE10; }
}