.header-main-nav
{
	position: float;
/*	top: 0;
	right: 0;
	left: 0; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1000;
	background-color: var(--index_menu_background_color);
	height: var(--index_menu_height);
}
.main-nav
{
	font-family: Arial, Helvetica, sans-serif;
	position: relative;	
	width: 100%;
/*	display: inline;*/
	margin: 0;
	padding: 0;
	height: var(--index_menu_height);
	text-align:center;
	background-color: var(--index_menu_background_color);
}
.main-nav .main-ul
{
/*	margin: 0;
	margin-bottom: 3px;*/
/*	padding-left:1%;	*/
	list-style: none;
	
	background-color: var(--index_menu_background_color);
	display: inline-flex;
	padding: 0;
	margin: 0;
/*	height: 34px; */
}
.main-nav .main-ul .main-li {
	display: inline-block;
/*	padding-left:5%; */
	border-radius: 5px 5px 5px 5px;
/*	border-style: dotted;*/
	border-style: solid;
	border-width: var(--index_menu_border_width);
	height: var(--index_menu_height_adjusted);
	border-color: var(--index_menu_background_color);
	
}
.main-nav .main-ul .main-li-unavailable {
	display: inline-block;
/*	padding-left:5%; */
	border-radius: 5px 5px 5px 5px;
/*	border-style: dotted;*/
	border-style: solid;
	border-width: var(--index_menu_border_width);
	height: var(--index_menu_height_adjusted);
	border-color: var(--index_menu_background_color);
	
}
.main-nav .main-ul .main-li a {
	text-decoration: none;
/*	padding: 5px;
	padding-left: 10px;
	padding-right: 10px; */
	/* border-radius: 5px 5px 5px 5px; */
	/*	color:#ebe1e1;*/
	color:var(--header_text_background_color1);
	padding:0px 30px;
	line-height:var(--index_menu_line_height);
	font-size: var( --text_standard);
}
.main-nav .main-ul .main-li-unavailable a {
	text-decoration: none;
/*	padding: 5px;
	padding-left: 10px;
	padding-right: 10px; */
	/* border-radius: 5px 5px 5px 5px; */
	/*	color:#ebe1e1;*/
	color:var(--header_text_background_color4);
	padding:0px 30px;
	line-height:var(--index_menu_line_height);
	font-size: var( --text_standard);
}
.main-nav .main-ul .main-li:hover {
/*	background: var (--back_color1); */
/*	padding-left:5%; */
/*	background: #e7dede;*/
	background: black;
	z-index: 1000;
	
	
}
.main-nav .main-ul .main-li-selected {
	display: inline-block;
/*	padding-left:5%; */
	background-color: var(--index_menu_background_color_selected);
	border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: var(--index_menu_border_width);
	height: var(--index_menu_height_adjusted);
	border-color: var(--index_menu_background_color);
	
	
}
.main-nav .main-ul .main-li-selected:hover {
/*	background: var (--back_color1); */
/*	padding-left:5%; */
/*	background: #e7dede;*/
	background: black;
	z-index: 1000;
}

.main-nav .main-ul .main-li-selected a {
	text-decoration: none;
/*	padding: 5px;
	padding-left: 10px;
	padding-right: 10px; */
	/* border-radius: 5px 5px 5px 5px; */
	/*	color:#ebe1e1;*/
	color:var(--header_text_background_color2);
	padding:0px 30px;
	line-height:var(--index_menu_line_height);
	font-size: var( --text_standard);
}
.main-nav .main-ul .main-li:hover > a{
/*	color:#000000;*/
	color:var(--header_text_background_color2);
    height: var(--index_menu_height);
}

.main-nav .main-ul .main-li-selected:hover > a{
/*	color:#000000;*/
	color:var(--header_text_background_color2);
    height: var(--index_menu_height); 
	
	
}
.main-dropdown {
/*	display: none;
	position: fixed;
	background-color: #f1f1f1;
	min-width: 160px;
	z-index: 1;
*/	
	display: none;
	position: absolute;
	
	
}
.main-nav .main-ul .main-li:hover .main-dropdown{
/*	background: #ece2e2;*/
	background: black;
	display: block;
	position: absolute;
	
}
.main-nav .main-ul .main-li-selected:hover .main-dropdown{
/*	background: #ece2e2;*/
	background: black;
	display: block;
	position: absolute;
	
}
.main-nav .main-ul .main-li:hover .main-dropdown .main-ul{
	display: flex;
	flex-direction: column;
	border-style: solid;
/*	border-width: var(--index_menu_border_width);
	height: var(--index_menu_height_adjusted);
	border-color: var(--index_menu_background_color); */
}
.main-nav .main-ul .main-li-selected:hover .main-dropdown .main-ul{
	display: flex;
	flex-direction: column;
	border-style: solid;
	
/*	border-width: var(--index_menu_border_width);
	height: var(--index_menu_height_adjusted);
	border-color: var(--index_menu_background_color); */
}

/*	The following was supposed to add a more slick movement of drop down mwnu - but it did not!
.main-nav .main-li .main-ul {
	clip: rect(1px, 1px, 1px, 1px);
	opacity: 0.1;
    transition: transform 0.9s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
    transform: translateY(-10px) scaleY(0.5);
    transform-origin: top;
    box-shadow: 5px 5px 5px rgba(black, 0.3);
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 221px;
}
.main-nav .main-li:hover .main-dropdown .main-ul{
	clip: auto;
	opacity: 1;
	transform: translateY(0) scaleY(1);
	display: flex;
	flex-direction: column;
}
*/

/* The next definition refers to display_index_menubar.php which has been replaced with display_index_menubar1.php	*/
.main-dropdown_containder {
	position: relative;
	display: inline-block;
}