#topmenubox {position: sticky; width:100%; height:43px; top:0; left:0; z-index:500; background: rgba(0,0,0,0); transition: 1s background;}
.reduced #topmenubox {background: rgba(0,0,0,0.8);}

#topmenubox .logo-mobile {display:none; }

#nav {
	position: absolute;
	right: 0;
	bottom:0;	
	border: 0;	
	padding:0;
}

#nav ul,  #nav2 ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	z-index: 800;
	background: #eee;

}
#nav ul li,  #nav2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}


/* Root Level Link Formatting */
#nav ul li {float: left; display:inline; color: #aaa; text-align: left; font-weight: normal; list-style-type: none; list-style-image: none ;}
#nav ul li a {display: block; text-shadow: 1px 2px 8px #000; font-size: 16px; border-right:1px #666 solid; color: #fff; text-decoration: none; background-repeat: no-repeat; background: rgba(0,0,0,0.2)}
#nav ul li a span {display:block; padding: 11px 12px 10px 12px; text-shadow: 0px 1px 4px #000;}
/* Root Level link hover */
#nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current, #nav a.menu-parent {color: #fff; background: #509fb9 ; }

#nav ul li a:hover { color:#fff; background: #9ed2ff;}

/*Current page Customisations*/
#nav a.menu-current		{font-weight: normal;}



/* 2nd Child menu */
#nav  li ul {position: absolute; right:10000px; width: 200px; opacity:0.0; text-transform: none; border-bottom: 1px solid #666; border-left: 1px solid #666; font-size: 13px; background: #444 url(../images/glitzi.png) no-repeat right 0px; box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.9);}
#nav  li ul li {text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;  }
#nav  li ul li a {width: 200px;  text-align:left; height:auto; text-shadow: none; margin:0; padding: 0; color: #eee; border-top: 1px solid #666; font-weight: normal; font-size: 14px; background: none;}
#nav  li ul li a span {display:block; padding:8px; text-shadow: none;}


/* 2nd Child link hover */
/*#nav  li ul a:hover,  #nav  li ul a.menu-current {  text-shadow: 1px 2px 4px #000;}*/
#nav  li ul a:hover,  #nav  li ul a.menu-current {  text-shadow: 1px 2px 4px #000; background: #9ed2ff}
#nav  li ul a.menu-expand {background: transparent url(../images/arr-right.png) no-repeat right 5px ; }
#nav  li ul a.menu-parent {background: #509fb9 url(../images/arr-right.png) no-repeat right 5px; }

/* Show and hide */
#nav  li:hover ul, #nav  li a:focus ul, #nav li.tabselected ul {right:-20px; opacity:1; transition:0.5s opacity;}
#nav  li ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#nav  li:hover ul ul, #nav  li.subMenu ul ul { margin-left: -10000px; opacity:0.0; transition:0.5s opacity;}
#nav  li:hover>ul, #nav  li li:hover>ul { opacity:1; margin-left: 0;  transition:0.5s opacity; z-index: 1000;}
#nav  ul li ul li:hover>ul {margin-left: -30%;  opacity:0.9;}



/* 3rd Child Menu Appreances */
#nav  li ul li ul	{ width: 180px; margin: 10px 0 0 -40%; z-index: 2000; }
#nav  li ul li ul li	{width: 100%;}
#nav  li ul li ul li a 	{ width: 100%;}



/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}



/* Better: */
#nav li:hover {
	z-index: 1000;	
	white-space: normal;
}



/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer_menu {padding-bottom: 10px;}

#footer_menu a { display: inline-block; padding: 2px 10px;}

#footer_menu a.menu-current {font-weight:bold;}