#top_menu_container { width:100vw; height:60px; position: fixed; background-color:white; text-align: left;}
.frontend #top_navigation {max-width:1000px; width:80vw; margin:auto; }
.frontend #top_navigation .top_menu_item { display:inline-block; }


.frontend #top_navigation .top_menu_item > a { 
    display: inline-block; padding: 5px 10px; 
    text-decoration: none; color: var(--dark);   
    font-weight: normal; white-space: nowrap;
}
.frontend #top_navigation .top_menu_item:hover > a,
.frontend #top_navigation .top_menu_item > a.high { 
    color: black; font-weight: normal;    
}

li.sub_menu_item a {background-color: var(--light); color: var(--dark); display: inline-block; width: 100%; height: 100%; padding: 2px 10px; box-sizing: border-box;
    
    text-decoration: none; font-weight: bold; font-size:smaller; white-space: nowrap;}
li.sub_menu_item:hover > a,li.sub_menu_item  a.high,li.sub_menu_item  a.focus  {color: var(--light); background-color: var(--dark);}

ul.sub_menu { padding-left:0px; border:solid 1px var(--dark);}
li.sub_menu_item { position:relative;  }
li.sub_menu_item:hover  { }


.frontend #top_navigation .top_menu_item > ul.sub_menu { display: none;  position: absolute; list-style: none; padding: 0px; margin: 0px; }
.frontend #top_navigation .top_menu_item:hover  > ul.sub_menu { display: block; }

li.sub_menu_item ul.sub_menu { display: none; top:2%; left:90%; position: absolute; list-style: none; }


li.sub_menu_item:hover ul.sub_menu { display: block; }