@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$
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006 - 2012, HieblMedia (Reinhard Hiebl)
 * @license       Creative Commons Attribution 3.0 Unported License
 *                  > http://www.jyaml.de/en/license-conditions.html
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */

/**
 * Note:
 * For consistent CSS styling with and without javascript
 * by nested lists follow these instructions.
 *
 * Ok, but don't work if javascript enabled
 *  .dropdown li {}
 *  .dropdown li li {}
 *
 * Use for nested li-tag's the class viewLevel[n]
 *  .dropdown li.viewLevel0 {} - corresponds li
 *  .dropdown li.viewLevel1 {} - corresponds li li
 *  .dropdown li.viewLevel2 {} - corresponds li li li
 *
 * Use for nested ul-tag's the class dropitemLevel[n]
 *  .dropdown ul.dropitemLevel0 {} - corresponds ul
 *  .dropdown ul.dropitemLevel1 {} - corresponds ul ul
 *
 */

@import url(../../../libraries/jyaml/html/css/accessible_dropdown_base.css);

@media all
{
	/**
	 * Level class note:
	 * li.level is the menuitem level in database
	 * li.viewLevel is the optical level in the list
	 */

	.dropdown,
	.dropdown ul,
	.dropdown li,
	.dropdown a {
		background-color: transparent;
		/* Fixes some hover issues for all browsers */
	}
	
	dropdown {
	background-image: url(../images/hg-hlist.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	}

	.js .dropdown .dropitem a,
	.js .dropdown .dropitem span {
		white-space: nowrap; /* rescrict word-wrap - better auto-width calculation for menu script */
	}

	.dropdown li a {
		text-decoration: none;
	}

	.dropdown li a:hover,
	.dropdown li a:focus,
	.dropdown li.hover a.hover {
	color: #333;
	text-decoration: none;
	outline: 0 none;
	}
	.dropdown li:hover > a {
	color: #333;
	text-decoration: none;
	outline: 0 none;
	}

	.dropitem .menuitem-content { overflow: hidden; }

	/*
	 * IE7 needs fixed width's for complex contents (menuitem content)
	 *
	 * @workaround
	 * @affected   IE7
	 * @valid      yes
	 */
	*+html .dropdown .menuitem-content {
		min-width: 200px;
	}

	.dropdown-horizontal {
	margin-left: 0px;
	}	

	.dropdown-horizontal .dropitem {
		/* @optional: fix width for submenus (not compatible with linear mode) */
		/* width: 175px !important; */
	}
	.dropdown-vertical .dropitem {
		/* @optional: fix width for submenus (not compatible with linear mode) */
		/* width: 175px !important; */
	}
	/* oberste Ebene der Naviagation LISTENPUNKT */
	.dropdown-horizontal li.viewLevel0 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	/*text-shadow:#101D5A 2px 2px 2px;*/
	display: inline;
	float: left; /* LTR */
	font-size: 14px;
	line-height: 30px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 126.6px; /* bei 6 Menüpunkten teilt sich der bereich gleichmäßig auf */
	text-align: center;
	overflow: hidden;
	height: 30px;
	}

	.dropdown-horizontal li.viewLevel1 {
	 font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	/*text-shadow:#101D5A 2px 2px 2px;*/
	display: inline;
	float: left; /* LTR */
	font-size: 14px;
	line-height: 30px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 126.6px; /* bei 6 Menüpunkten teilt sich der bereich gleichmäßig auf */
	text-align: center;
	overflow: hidden;
	height: 30px;
	}

	.dropdown-horizontal li a {
		color:#fff;
		padding:0;
		text-decoration:none;
	}
  .dropdown-horizontal ul li.active {
	background-color: #5D6AA8;
  }	

	.dropdown-horizontal li a span {
		display: block;
		/* white-space: nowrap; */
	}
	.dropdown-horizontal li span.item-title {
	}

	.dropdown-horizontal li span.subtitle {
		/* You can use .maintitle, .subtitle-1, .subtitle-2, .subtitle-3, etc. to adjust the maintitle or each subtitle line */
		display: block;
		font-size: smaller;
		font-weight: normal;
		color: #444;
	}
	/* oberste Ebene der Naviagation LINK */
	.dropdown-horizontal li.viewLevel0 a {
		/*background: #ccc;*/
	}

	.dropdown-horizontal li.viewLevel1 a {
		background: #eee; /* fallback: disabled javascript */
	}

	.dropdown-horizontal li.viewLevel1 {
		margin-right:0; /* fallback: disabled javascript */
	}

	.dropdown-linear ul {
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	.dropdown-linear .dropitem ul {
	/*width: 100%;
	margin-left: 1px;	background: #172983;
	margin-left: 33.2%;
	margin-top: 10px;*/
	}
	
	.dropitem-content {
	margin-top: 9px;
	padding-bottom: 5px;
	}
	
	.dropitem-content ul li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	}	
	.dropdown-linear .dropitem li { width: auto; }

	.dropdown-linear .dropitem li.item-once {
		/* important in webkit browsers (e.g. safari and chrome) to strech contents on a menuitem content to 100% */
		width: 100%;
	}

	.dropdown-horizontal li.viewLevel1 span.subtitle-empty { display: none; }
	.dropdown-linear li.viewLevel1 span.subtitle-empty { display: block; }

	/**
	 * Example for special positioning on level 0.
	 */
	/*
	.dropdown .dropitemLevel0,
	.js .dropdown .dropitemLevel0-Helper {
		margin-left:-10px;
	}
	.js .dropdown .dropitemLevel0 { margin-left: 0; }
	*/


}