@media screen {

/***** Mainmenu *****/
	
	#mainmenu {
	    height: 2.625em;
	    position: relative;
	    z-index: 50;
		background-color: #ffffff;
		border-bottom: 0.2em solid #1273a3;
	}
	
	#mainmenu .ym-wrapper {
	}
	
	#mainmenu .ym-wbox {
		padding: 0em 3em;
	    background:  #1273a3 url("../../Images/navdeko.jpg") no-repeat top right;
		height: 2.625em;
	}
	
	#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: #ffffff;
		text-transform: uppercase;
	}

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

	/* unav dropdown */
	#unav li ul {
	    border: none;
	    border-top: 0.1em solid #1273a3;
	    border-bottom: 0.1em solid #1273a3;
	    width: auto;
	    padding: 0;
	    margin: 0;
	    position: absolute;
	    top: 2.625em;
		box-shadow: 1px 1px 2px #1273a3;
	    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 #1273a3;
	    border-right: 1px solid #1273a3;
	    color: #1273a3;
	    background: #ffffff;
	}

	#unav li ul li a:hover {
	    color: #ffffff;
	    background: #1273a3;
	}

	#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: orange;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.8em;
		margin-bottom: 0.5em;
	}
	
	footer #legal li a:hover {
	    color: #ffffff;
	}
	

}

/************
MOBILE
************/
@media only screen and (max-width: 1327px) {
	
	#mainmenu {
		background: #1273a3;
	}

	#mainmenu .ym-wrapper {
		max-width: 100%;
	}

	#menu-icon {
	    background: url("../../Images/menu-white.png") no-repeat scroll 0.2em center #ffffff;
	    color: #1273a3;
	    cursor: pointer;
	    display: block;
	    margin: 0em 0 0 3.0em;
	    padding: 0.4em 0 0.4em 2em;
	    width: 3em;
	    border: 0.1em solid #1273a3;
	    position: relative;
	    top: 0.2em;
	    float: left;
	}

	#unav {
	    background: none repeat scroll 0 0 transparent;
	    border: none;
	    clear: both;
	    display: none;
	    padding-bottom: 8px;
	    position: absolute;
	    top: 3em;
		left: 3em;
	    width: 80%;
	    z-index: 10000;
	}
	
	#unav ul {
		margin-left: 0;
	}

	#unav li {
	    clear: both;
	    float: none;
	    margin: 0.5em;
		border: 0.1em solid #1273a3;
		padding: 0.5em 0;
	    width: auto;
	    background: none repeat scroll 0 0 #ffffff;
	}
	
	#unav ul li a {
		line-height: 2em;
		font-size: 1.25em;
		color: orange;
	}
	
	#unav li a, #unav li ul a {
	    border: medium none;
	    color: #ffffff;
	    display: inline;
	    padding: 0 0 0 1em;
	}
	
	#unav li ul {
	    background: inherit;
	    display: block;
	    position: static;
	    width: auto;
	    box-shadow: none;
	    border: 0em solid #00092a;
	}
	
	#unav li ul li {
	    margin-left: 0em;
		border: 0em solid #1273a3;
		padding: 0;
	}
	
	#unav li ul li a {
		font-size: 1.25em;
	    border: medium none;
	    background: transparent;
	    color: #1273a3;
	    padding: 0 0.2em 0 1.0em;
	}

}

@media only screen and (min-width: 656px) {

/***** Rootlinemenu *****/

	#rootline {
		display: block;
		padding-bottom: 1em;
	}

	#rootline .ym-wbox {
		padding: 0;
	}
	
	#rootline .ym-hlist {
	    background-color: #00092a;
	    opacity: 0.7;
	}
	
	#rootline .ym-hlist ul {
	    padding: 0.5em;
	}

	#rootline .ym-hlist ul li {
	    line-height: 2em;
	    color: #94a5d3;
			margin: 0 0.4em 0 0;
	}
	
	#rootline .ym-hlist ul li a, #rootline .ym-hlist ul li a:hover {
	    background: transparent none repeat scroll 0 0;
	    color: #d3effd;
	    line-height: 2em;
	    padding: 0;
	    text-shadow: none;
	}
	
	#rootline .ym-hlist ul li a:after {
	    content: " ›";
	    padding-left: 0.4em;
	}
}

@media only screen and (min-width: 1328px) {
	
	#unav {
	    display: block !important;
	}
	
	#unav ul ul ul{
		display: none !important;
	}
}