/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @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 {

	.ym-hlist {
		/* (en) containing floats in IE */
		/* (de) Einfassen der Floats im IE */
		width:100%;
		height: 38px;
		/* (en|de) Bugfix:IE - collapsing horizontal margins */
		position:relative;
		line-height:1em;
		background: #C00000;
	}

	.ym-hlist ul {
		margin:0;
		padding: 0;
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
	}

	.ym-hlist ul li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		font-size:1.0em;
		line-height:1em;
		list-style-type:none;
		margin: 0 .25em 0 0;
		padding:0;
	}

	.ym-hlist ul li a,
	.ym-hlist ul li strong {
		background:transparent;
		color:#fff;
		display:block;
		font-size:1.15em;
		padding: 10px 0.5em;
		font-weight:bold;
		text-decoration:none;
		width:auto;
		text-transform: uppercase;
		border-right: 1px #fff solid;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active  {
		color: #000;
		text-decoration:none;
		outline: 0 none;
	}


	.ym-hlist ul li.active strong,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
		background:transparent;
		color:#000;
		text-decoration:none;
	}


	/* search form -------------------------------------- */
	.ym-searchform {
		float:right;
		display: inline;
		line-height: 2em;
		padding: 0.5em 1.5em;
	}

	.ym-searchform .ym-searchfield {
		background: #fff;
		line-height: 1em;
		padding: 0.25em;
		width: 12em;
		border: solid 1px #888;
		border: solid 1px rgba(255,255,255,.1);
		outline: none;

		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	}

	.ym-searchform .ym-searchbutton {
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		line-height: 1.3571em;
		padding: 0.25em;
		border: solid 1px transparent;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);

		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;

		background: #5f5f5f;
		background: rgba(255,255,255,.2);
	}
	
	
	/*** drop down styles ***/
	
	/*** dropdoown ***/

	ul.menu {
	 position: relative;
	 z-index: 89;
	 float: left;
	 height:38px;
	}
	
	ul.menu li {
	 float: left;
	 line-height: 1.3em;
	 vertical-align: middle;
	 zoom: 1;
	}
	
	ul.menu li.hover,
	ul.menu li:hover {
	 position: relative;
	 z-index: 599;
	 cursor: pointer;
	}
	
	ul.menu ul {
	 visibility: hidden;
	 position: absolute;
	 top: 100%;
	 left: -3px;
	 z-index: 598;
	 width: 100%;
	 background: #ccc;
	 width: 160px;
	 height: auto;
	}
	
	ul.menu ul li {
	 float: none;
	 background-image: none !important;
	 padding: 3px !important;
	 display: block !important;
	 border-bottom: solid 1px #000;
	 font-size: 13px;
	}
	
	ul.menu ul li a {
		border-right: none;
		padding: 5px 0;
		color: #000;
		text-align: center;
	}
	
	ul.menu ul li a:hover {
		color: #fff;
	}
	
	ul.menu ul ul {
	 top: 1px;
	 left: 99%;
	}
	
	ul.menu li:hover > ul {
	 visibility: visible;
	}
	
	
	ul.menu li span {
		color:#900;
	}
}