#menu ul, #menu-rechts ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
#menu ul li, #menu-rechts ul li {
    float:left;
	padding:0px;
	margin:0;
}
#menu ul li a, #menu-rechts ul li a {
	background:transparent;
	color:#000;
	display:block;
	line-height:25px;
	margin:0px;
	padding:3px 8px;
	border-left: 1px solid #008AC6;
	text-decoration:none;
	text-transform: uppercase;
	font:normal 12px Arial,sans-serif;
}
#menu ul li a:hover, #menu ul li a.rex-current, #menu ul li a.rex-active, #menu-rechts ul li a:hover, #menu-rechts ul li a.rex-current, #menu-rechts ul li a.rex-active {
	color:#008AC6;
	text-decoration:none;
}

/* Submenu */

#menu ul li ul {
	white-space: nowrap;
	padding:0px;
	margin:0;
	position:relative;
}
#menu ul li ul li {
    clear:both;
	float:left;
	margin:0px;
	padding:0px;
}
#menu ul li ul li a {
	display:block;
	margin:0px;
	padding:2px 8px;
	text-transform: none;
	color:#A4A4A4;
}
#menu ul li ul li a:hover {
	color:#008AC6;
	text-decoration:none;
}

.last-nav {
    border-right:1px solid #008AC6;    
}

/* Under 800px */
@media only screen and (max-width: 799px) and (min-width: 460px) {
    #menu .rex-navi1 {
        display: block;
        justify-content:none;
        padding:0;
        margin:0;
        background: transparent;
    }
    #menu-rechts {
        float: left;
        margin-bottom: 15px;
    }
    #menu ul li, #menu-rechts ul li {
        background:transparent;
        clear: both;
    }
    #menu ul li a, #menu-rechts ul li a {
        text-decoration:none;
    	text-transform: none;
    	white-space: nowrap;
    	color:#19171A;
    	padding:3px;
    	border-radius:0;
    	display: block;
    	width:100%;
    	font-size:120%;
    }
    #menu .rex-navi1 div a:hover, #menu .rex-navi1 div a.rex-current, #menu .rex-navi1 div a.rex-active, #menu .rex-navi1 div:hover a {
	color:#B16F7D;
	background: transparent;
	text-decoration:none;
    }
    .last-nav {
        border-right:0px solid #008AC6;
    }
    #on-off {
        font-size:120%;        
    }
}    
/* Under 460px */
@media only screen and (max-width: 459px) and (min-width: 320px) {
    #menu .rex-navi1, #menu-rechts .rex-navi3 {
        display: block;
        justify-content:none;
        padding:0;
        margin:0 0 0 3px;
        background: transparent;
    }
    #menu-rechts {
        float: left;
    }
    #menu ul li, #menu-rechts ul li {
        background:transparent;
        clear: both;
    }
    #menu ul li a, #menu-rechts ul li a {
        text-decoration:none;
    	text-transform: none;
    	white-space: nowrap;
    	color:#19171A;
    	padding:3px;
    	border-radius:0;
    	display: block;
    	width:100%;
    	font-size:120%;
    }
    #menu .rex-navi1 div a:hover, #menu .rex-navi1 div a.rex-current, #menu .rex-navi1 div a.rex-active, #menu .rex-navi1 div:hover a {
	color:#B16F7D;
	background: transparent;
	text-decoration:none;
    }
    .last-nav {
        border-right:0px solid #008AC6;
    }
    #on-off {
        font-size:120%;
    }
}
/* Under 460px */
@media only screen and (max-width: 319px) and (min-width: 5px) {
    #menu .rex-navi1, #menu-rechts .rex-navi3 {
        display: block;
        justify-content:none;
        padding:0;
        margin:0 0 0 3px;
        background: transparent;
    }
    #menu-rechts {
        float: left;
    }
    #menu ul li, #menu-rechts ul li {
        background:transparent;
        clear: both;
    }
    #menu ul li a, #menu-rechts ul li a {
        text-decoration:none;
    	text-transform: none;
    	white-space: nowrap;
    	color:#19171A;
    	padding:3px;
    	border-radius:0;
    	display: block;
    	width:100%;
    	font-size:120%;
    }
    #menu .rex-navi1 div a:hover, #menu .rex-navi1 div a.rex-current, #menu .rex-navi1 div a.rex-active, #menu .rex-navi1 div:hover a {
	color:#B16F7D;
	background: transparent;
	text-decoration:none;
    }
    .last-nav {
        border-right:0px solid #008AC6;
    }
    #on-off {
        font-size:120%;
    }
}