@media screen {

/***** Mainmenu *****/
	
	#mainmenu {
	    position: relative;
	    z-index: 50;
	}
	
	#mainmenu .ym-wbox {
	  background:  #ffffff;
	}
	
	#mainmenu .ym-gbox {
		padding: 0;
	}

	#mainmenu ul li a {
		font-size: 1.1em;
		line-height: 2.4em;
	}


	#menu-icon {
	    display: none;
	}
	
	#unav,
	#unav li {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    float: left;
	    background: transparent;
	}

	#unav ul {  /* ergänzt für TYPO3, da ul#unav durch div#unav ersetzt */
		margin: 0 0 0 0em; 
	}
	
	#unav li {
		margin: 0 0.0em;
	}
	
	#unav li a {
		font-weight: normal;
	    padding: 0 2em 0 0;
	    display: block;
	    color: #139bdc;
	}

	#unav li a:hover {
	  color: #cccccc;
		background: transparent;
	}

	/* unav dropdown */
	#unav li ul {
	    border: none;
	    border-top: 0.1em solid #139bdc;
	    border-bottom: 0.1em solid #139bdc;
	    width: auto;
	    padding: 0;
	    margin: 0;
	    position: absolute;
	    top: 2.625em;
		box-shadow: 1px 1px 2px #139bdc;
	    display: none; /* hide dropdown */
	}

	#unav li ul li {
	    float: none;
	    margin: 0;
	    padding: 0;
	}

	#unav li ul li a {
		font-weight: normal;
	    padding: 0 0.5em;
		font-size: 1.0em;
	    line-height: 2em;
	    border-left: 1px solid #139bdc;
	    border-right: 1px solid #139bdc;
	    color: #139bdc;
	    background: #ffffff;
		text-transform: none;
	}

	#unav li ul li a:hover {
	    color: #ffffff;
	    background: #139bdc;
	}

	#unav li:hover > ul {
	    display: block; /* show dropdown on hover */
	}
	
	/* FooterMenü*/
	footer #legal ul {
		list-style: none;
		margin: 0;
	}
	
	footer #legal li a {
		display: block;
	  color: #ffffff;
		font-weight: bold;
		font-size: 0.8em;
		margin-bottom: 0.5em;
	}
	
	footer #legal li a:hover {
	    color: #cccccc;
	}
	

}

/************
MOBILE
************/
@media only screen {
	
	#togglemenu{
		position: relative;
	}

	#menu-icon {
	    cursor: pointer;
	    display: block;
	    padding: 0.5em 0 0.4em 2.5em;
	    width: 3em;
	    position: relative;
	    float: left;
	    font-size: 1.2em;
	}

	#unav {
	    background: none repeat scroll 0 0 transparent;
	    border: none;
	    clear: both;
	    display: none;
	    padding-bottom: 8px;
	    position: absolute;
	    top: 2em;
			left: 0.3em;
	    max-width: 30em;
	    z-index: 10000;
	}
	
	#unav ul {
		margin-left: 0;
	    background: none repeat scroll 0 0 #ffffff;
	    opacity: 0.95;
	}

	#unav li {
	    clear: both;
	    float: none;
	    margin: 1px 0;
			padding: 0.2em 0;
	    width: auto;
	    background: none repeat scroll 0 0 #333333;
	    opacity: 0.95;
	}
	
	#unav ul li a {
		line-height: 2em;
		font-size: 0.9em;
		color: #ffffff;
	}
	
	#unav li a, #unav li ul a {
	    border: medium none;
	    color: #ffffff;
	    display: inline;
	    padding: 0 1em 0 1em;
	    white-space: nowrap;
	}
	

}