/* navi.css *****************************/
div.mobnav {
	display: none;
}
div#navlogo {
	display: none;
}
div#line1 {
	position: relative;
	top: 0px;
	margin: 0 auto;
	height: 24px;				/* to be changed */
	font-size: 16px;	
}
ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.menu li {
	padding: 0px;
	margin: 0px;
	float: left;
}
ul.menu a:link, ul.menu a:visited {
	display: block;
	padding: 1px 20px 0px 0px;
	font-weight: 300;
	color: #333333;
}
div#headernavi ul, div#headernavi ul a:link, div#headernavi ul a:visited,
div#language a:link, div#language a:visited {
	color: #FFFFFF;
}
div#headernavi ul a:hover, div#language a:hover, div#headertxt a:hover {
	color: #000000;
}
ul.menu a:hover {
	color: #CC0000;
}
ul.menu li.hover ul, ul.menu li:hover ul, ul.menu ul li a:hover {
    display: block;
    color: #CC0000;
}
ul.menu ul {
	position: absolute; 
    margin: 0px;
    padding: 0px 4px;
    display: none;
	background-color: #FFFFFF;
}
ul.menu ul li, ul.menu ul li a:link, ul.menu ul li a:visited {
    float: none;
}
/* subpages in Headerline */
.frame-type-menu_subpages.frame-layout-1 ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	padding: 12px 0;
}
.frame-type-menu_subpages.frame-layout-1 li {
	padding: 0 20px 0 0;
}
.frame-type-menu_subpages.frame-layout-1 li a:hover {
	color: #CC0000;
}

/* down / up button #################### */
button#dwnBtn, button#topBtn {
	position: fixed;
	bottom: 60px;
	height: 35px;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	border-radius: 6px;
	z-index: 99;
}
button#dwnBtn {
	left: 10px;
}
button#topBtn {
	right: 10px;
}
/*
#topBtn {
    background-color: #FF6666 !important; /* Set a background color 
}
*/
#topBtn:hover {
    background-color: #990000 !important; /* Add a dark-grey background on hover */
	color: #FFFFFF;
}
/* down / up button end ################ */
/* mobile start ######################## */
@media screen and (max-width: 768px) {
	div#nav-logo {
		position: absolute;
		top: 5px;
		left: 20px;
		height: 23px;
		padding: 4px 0px 3px 17px;		
	}
	nav {
		float: none;
		right: initial;
	}
	div.mobnav {
		position: relative;
	/*	top: 90px; */
		display: block;
	}
	div.main-content {
		position: relative;
		min-height: initial;
	}
	div#navlogo {
		position: absolute;
		top: 44px;
		right: 14px;
		margin: 0 auto;
		display: block;
		width: 40px;
	}
	div#line1 {
		top: 0px;
		height: auto;
	}
	div#navlogo img:hover + ul.menu {
		visibility: visible;
	}
/*	ul.menu {
		background-color: #FFFFFF; 
		padding: 10px 26px;
	} */
	ul.menu li {
		float: unset;
		background-color: #FFFFFF;
		padding: 4px 12px;
	} 
	ul.menu a:link, ul.menu a:visited {
		background-color: #F2F2F2;
		color: #336699;
	}
	ul.menu a:hover {
		background-color: #CCCCCC;
		color: #CC0000;
	}
	li.item a:link, li.item a:visited {
		padding: 0 12px;
	}
	li.item a:hover {
		color: #CC0000;
		padding: 0 12px;
	}
}

/* mobile end ************************************/