@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
	* "YAML for Joomla Template" - http://www.joomla-template-yaml.de
*
* (en) Vertical list navigation "vlist" with CSS Classes for multiusing
* (de) Vertikale Navigationsliste "vlist" mit CSS Klassen fr Mehrfachverwendung
*
	* @version    $Id: nav_vlist.css 38 2007-07-12 01:39:27Z hieblmedia $
* @package    yamljoomla
* @version    2.7.2
	* @link       http://www.joomla-template-yaml.de
* @copyright  Copyright (C) 2005-2007 Reinhard Hiebl
	* @license    CC-A-NC 2.0 (http://creativecommons.org/licenses/by-nc-sa/2.0/de/),
	*             http://www.joomla-template-yaml.de/nutzungsbedingungen.html
*/

@media all
{
.submenu {
	width: 100%;
	overflow: hidden;
	margin: 3em 0 3em 0;
	list-style-type: none;
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;
}

.submenu ul { list-style-type: none; margin:0; padding: 0; }
.submenu li { float:left; width: 100%; margin:0; padding: 0 }

.submenu a {
	display:block;
	width: 100%;
	padding: 3px 0px 3px 10%;
	text-decoration: none;
	background-color:#c7eb6e;
	color: #444;
	border-bottom: 0px #eee solid;
}

/* Menu Title */
.submenu li.title, .submenu li.sub_title {
	width: 90%;
	padding: 3px 0px 3px 10%;
	font-weight: bold;
	color: #444;
	background-color: #fff;
	border-bottom: 0px #888 solid;
	display: none;
}

/* Node Icons */
.submenu  a img {  vertical-align:middle; }

/* 1. Level */
.submenu li.active #active_link {
font-weight: bold;
background-color: #9DCE5C;
}

.submenu li a { width: 90%; padding-left: 10%; background-color:#c7eb6e; color: #333; }
	.submenu li a:focus,
	.submenu li a:hover,
.submenu li a:active {
	background-color: #006;
	color: #fff;
	text-decoration: none;
}

/* 2. Level */
.submenu li ul li.active #active_link {
	font-weight: bold;
	color: #555;
	background-color:#fff;
	border-bottom: 0px #eee solid;
}

.submenu li ul li a { width: 85%; padding-left: 15%; }

.submenu li ul li a { background-color:#DEEFA4; color: #555; }
	.submenu li ul li a:focus,
	.submenu li ul li a:hover,
.submenu li ul li a:active { background-color:#0d6dab; color: #fff; }

/* 3. Level */
.submenu li ul li ul li a { width: 80%; padding-left: 20%; }

.submenu li ul li ul li a { background-color:#fcfcfc; color: #777; }
	.submenu li ul li ul li a:focus,
	.submenu li ul li ul li a:hover,
.submenu li ul li ul li a:active { background-color:#0d6dab; color: #fff; }

/* 4. Level */
.submenu li ul li ul li ul li a { width: 75%; padding-left: 25%; }

.submenu li ul li ul li ul li a { background-color:#ffffff; color: #999; }
	.submenu li ul li ul li ul li a:focus,
	.submenu li ul li ul li ul li a:hover,
.submenu li ul li ul li ul li a:active { background-color:#0d6dab; color: #fff; }


/* mod_mainmenu */
ul#mainlevel {
	width: 100%;
	overflow: hidden;
	list-style-type: none;
	margin:0;
	padding:0;
}
ul#mainlevel li { float:left; width: 100%; margin:0; padding: 0 }

/* 1. Level */
a.mainlevel {
	display:block;
	width: 90%;
	padding: 3px 0px 3px 10%;
	text-decoration: none;
	background-color:#fff;
	color: #444;
	border-bottom: 0px #eee solid;
}

a.mainlevel:hover {
	background-color:#0d6dab; color: #fff;
}
a.mainlevel#active_menu {
	font-weight: bold;
	color: #fff;
	background-color:#444;
	border-bottom: 0px #eee solid;
}
}