@media screen {

body.startseite #nav { display: none; }

#nav .ym-wrapper { position: relative; }
/*#nav #logo { position: absolute; top: 24px; left: 10px; }
#nav #logo img { margin-left: 0px; margin-top: 0px; }*/

	#nav ul.navigation { height: 80px; margin-left: 17px; }
	#nav ul, #nav li { margin: 0; list-style: none; }
	#nav ul li a { font-size: 140%; /*text-transform: uppercase;*/ font-weight: normal; text-decoration: none; }
	#nav a:hover { text-decoration: none; }
	
		#nav
		{
		}
		/*body.home #nav { background: url(../images/bg_nav.png) repeat center top transparent;	}*/

/*			#nav > .ym-wrapper > a
			{
				display: none;
			}*/

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				padding: 0 0.2em;
				line-height: 1.25em;
				}
				#nav li a:active
				{
					color: #fff !important;
				}

			#nav ul span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: transparent;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > .ym-wrapper > ul
			{
				background-color: transparent;
			}
				#nav > .ym-wrapper > ul > li
				{
					/*height: 20px;*/
					float: left;
/*		padding-top: 5px;
		padding-bottom: 5px;*/
		margin-right: 0.5em;
				}
				#nav > .ym-wrapper > ul > li.first
				{
					
				}
					#nav > .ym-wrapper > ul > li > a
					{
						height: 20px;
						text-align: center;
		padding: 32px 9px 28px 9px;
		/*margin-top: -1px;*/
					}
					#nav > .ym-wrapper > ul > li.subcats > a { background: url(../images/dropdown_w.png) no-repeat center 62px transparent; }
					#nav > .ym-wrapper > ul > li.active.subcats > a,
					#nav > .ym-wrapper > ul > li.subcats:hover > a {
						background-image: url(../images/dropdown_b.png);
					}
					
						#nav > .ym-wrapper > ul > li:not( :last-child ) > a
						{
							
						}
						#nav > .ym-wrapper > ul > li:hover > a,
						#nav > .ym-wrapper > ul > li.active > a.active
						{
color: #019dc3;
						}
		#nav > .ym-wrapper > ul > li.active,
		#nav > .ym-wrapper > ul > li:hover {
			color: #019dc3;
		background: #e7d879;
		}


				/* second level */

				#nav li ul
				{
				background-color: transparent;
        box-shadow: 4px 4px 8px -3px #000;
          width: 250px;
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 10px;
						right: 0;
z-index: 1001;
					}
						#nav li:not( :first-child ):hover ul
						{
						}
						#nav li ul a
						{
							padding: 0.75em; /* 15 (20) */
							color: #fff;
background-color: #252525;
background-color: rgba(17,17,17,0.8);
font-size: 100%;
						}
							#nav li ul li a:hover,
							#nav li ul li.active a.active
							{
color: #fff;
		background: #5d5d5d; /*url(../images/bg_nav.png) repeat left top rgba(0, 0, 0, 0.8);*/

							}




#nav li ul.l3 { position: static; box-shadow: none; background: none; box-sizing: border-box; }
#nav li ul.l3 li a { padding-left: 35px; font-size: 100%; }
#nav li ul.l3 li a:hover, #nav li ul.l3 li.active a.active {  }





}