/**
 * "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%;
		overflow:hidden;
		/* (en|de) Bugfix:IE - collapsing horizontal margins */
		position:relative;
		line-height:1em;
		background: #f6f6f6;
		font-family: "PT Sans",Arial,Helvetica,sans-serif;
		box-shadow: 0px 0px 5px #888; 
	}

	.ym-hlist ul {
		margin:0;
		padding: 0;
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		cbackground: url(../../images/bg_navigation.png) bottom repeat-x;
		width: 100%;
		left: -1px;
		position: relative;
	}

	.ym-hlist ul li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		line-height: 0.75em;
		list-style-type:none;
		margin: 0 0 0;
		padding: 0;
		background: url("../../images/bg_navigation.png") repeat-x scroll left bottom transparent;
		text-align: center;
		width: 20%;
	}

	.ym-hlist ul li span,
	.ym-hlist ul li a,
	.ym-hlist ul li strong {
		color:#484848;
		display:block;
		font-weight:normal;
		text-decoration:none;
		text-shadow: 0px 1px 1px #FFFFFF;
		
	}
	.ym-hlist ul li span,
	.ym-hlist ul li a{
		xpadding: 1em 0.25em;
		padding: 14px 4px;
	}
	
			
	.ym-hlist ul li strong {
		font-size: 140%;
		font-weight: 700;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active  {
		color: #484848;
		background: url("../../images/bg_navigation_active.png") repeat-x left bottom #c0bfbf;
		text-decoration:none;
		outline: 0 none;
	}

	.ym-hlist ul li.active {
		background: url("../../images/bg_navigation_active.png") repeat-x left bottom #c0bfbf;
	}

	.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 {
		xbackground:transparent;
		ccolor:#fff;
		text-decoration:none;
	}
	
	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active, 
.ym-hlist ul li.active a,
.ym-hlist ul li.active span {
    padding: 16px 4px 12px;
}	


	/* 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);
	}
}