/**
 * 
 *  Horizontale Navigationsliste "hlist"
 *
 */

@media all {



	.ym-hlist {
		width: auto; 
		overflow:hidden;
		/* (Bugfix:IE - collapsing horizontal margins */
		position:relative;
		line-height:1em;
		background: #4b95c1;
		overflow:visible;
		margin-top: -16px;
	}

	.ym-hlist ul {
		margin:0;
		padding: 0em 0em;
		/* Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		border: 2px solid #fff;
		border-bottom: 0 none;
		
	}


	nav .left {
		float: left;
		margin-left: 18px;
		}
		
	nav .right {
		float: right;
		margin-right: 18px;
			}

	.ym-hlist ul li {
		/* Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		
		font-size: 1em;
		line-height:1em;
		list-style-type:none;
		margin: 0 0em 0 0;
		padding:0;
		
		border-left: 2px solid #fff;
	}
	
	
	
	.ym-hlist ul li.first {
		border-left: 0 none;
	}
	


	.ym-hlist ul li a,
	.ym-hlist ul li strong {
		background:transparent;
		color:#fff;
		display:block;
		font-size: 1em;
		font-weight: bold;
		line-height: 2em;
		padding: 0.15em 0.7em;
		text-decoration:none;
		width:auto;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active  {
		color: #fff;
		text-decoration:none;
		outline: 0 none;
		background-color: #327096;
		font-weight: bold;
	}
	
	.ym-hlist ul li.sub a {

	}
	

	.ym-hlist ul li.active {
		background: #2c536b;
		color: #fff;
	}

	.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:#fff;
		text-decoration:none;
	}


	/* Submenü */
	
	.ym-hlist ul ul {
		position: absolute;	
		z-index:100;
		overflow:visible;
		display: none;
		border:none;
		/*display: block;*/
		border:0 px solid #aaa;
	}
	
	.ym-hlist div ul ul li {
		display: block;
		border: none;
		float:none;
		border-top:1px solid #fff;
		
	}
	
	.ym-hlist ul ul li a {
		color: #555;
	}
	
	.ym-hlist ul li:hover ul {
		
		position: absolute;
		z-index:100;
		overflow:visible;
		display: block;
		width: 220px;
		float:none;       
		background-color: #eee;	
		color: #555;
	}
	
	
	
	.ym-hlist .active li:hover  {
		background-color: #ccc;	
	}
	
	.ym-hlist ul li ul li a:hover  {
		background-color: #ccc;
		
	}
	
	
	
/* Klappmenü	*/
	
	#nav div {
		overflow:visible;
	}
	
	#nav div ul ul {
		position: absolute;
		
		z-index:100;
		overflow:visible;
		display: none;
		border:none;
		/*display: block;*/
		border: 1px solid #aaa;
	}
	
	#nav div ul ul li {
		display: block;
		border: none;
		float:none;
		border-top:3px solid #fff;
		
	}
	
	#nav div ul ul li a {
		color: #555;
	}
	
	#nav div ul li:hover ul {
		
		position: absolute;
		z-index:100;
		overflow:visible;
		display: block;
		width: 220px;
		float:none;       
		background-color: #eee;	
		color: #555;
	}
	
	
	
	#nav div .active li:hover  {
		background-color: #ccc;	
	}
	
	#nav div ul li ul li a:hover  {
		background-color: #ccc;
		
	}

}