.sitenav {
position:relative;
width:100%;
height:auto;
z-index:10;
}
.navbuttonmenu {
display:block;
}
.navbuttonmenu-on {
position:fixed;
top:3rem;
}
@media screen and (max-width: 900px) {
	.navbuttonmenu {
	display:none;
	}
	.navbuttonmenu-on {
	top:0;
	display:block;
	}
}

.sitenavmenu {
position:relative;
width:auto;
height:auto;
font-size:1em;
color:var(--sitenavcolor);
padding-top:1rem;
padding-bottom:1rem;
margin:0 auto;
list-style-type:none;
list-style-position:inside;
background-color:var(--sitenavbgcolor);
background-image:var(--sitenavbgimage);
background-repeat-x:no-repeat;
background-repeat-y:repeat;
background-attachment:fixed;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
gap:0.5rem;
z-index:10;
animation:500ms ease 0s normal forwards 1 OpacityFadeIn;
}
@media screen and (max-width: 900px) {
	.sitenavmenu {
	flex-direction:column;
	}
}
.sitenavmenu .menu-item {
position:relative;
}
@media screen and (max-width: 900px) {
	.sitenavmenu .menu-item {
	width:100%;
	text-align:center;
	}
}
.sitenavmenu .menu-item:before {
content:'';
}
.sitenavmenu .menu-item:hover .submenu {
display:flex;
}
@media screen and (max-width: 900px) {
	.sitenavmenu .menu-item:hover .submenu {
	display:block;
	}
}
.sitenavmenu a.menu-itemlink, .sitenavmenu .menu-itemlink {
position:relative;
color:var(--navitemcolor);
text-shadow:none;
line-height:2.5;
white-space:nowrap;
text-decoration:none !important;
padding:0 1rem;
background-color:var(--navitembgcolor);
background-image:var(--navitembgimage);
display:block;
}
.sitenavmenu a.menu-itemlink:hover, .sitenavmenu .menu-itemlink:hover {
color:var(--navitemcolorhover);
background-color:var(--navitembgcolorhover);
background-image:var(--navitembgimagehover);
text-decoration:none !important;
}
.sitenavmenu a.on, .sitenavmenu .on {
color:var(--navitemcolorhover);
background-color:var(--navitembgcolorhover);
}
.sitenavmenu .menu-pijl {
font-size:0.8em;
transform:rotate(90deg);
margin-left:0.5rem;
display:inline-block;
}
.sitenavmenu .submenu {
position:absolute;
min-width:100%;
font-size:0.9em;
list-style-type:none;
padding:0;
margin:0;
background-color:var(--subnavitembgcolor);
opacity:0;
animation:500ms ease 0s normal forwards 1 OpacityFadeIn;
display:none;
z-index:20;
}
@media screen and (max-width: 900px) {
	.sitenavmenu .submenu {
	position:relative;
	}
}
.sitenavmenu .submenu:hover, .sitenavmenu .submenu-on {
display:flex;
}
@media screen and (max-width: 900px) {
	.sitenavmenu .submenu:hover, .sitenavmenu .submenu-on {
	display:block;
	}
}
.sitenavmenu a.submenu-itemlink, .sitenavmenu .submenu-itemlink {
position:relative;
color:var(--navitemcolor);
text-shadow:none;
line-height:2.5;
white-space:nowrap;
text-decoration:none !important;
padding:0 1rem;
background-color:var(--navitembgcolor);
background-image:var(--navitembgimage);
display:block;
}
.sitenavmenu a.submenu-itemlink:hover, .sitenavmenu .submenu-itemlink:hover {
color:var(--navitemcolorhover);
background-color:var(--navitembgcolorhover);
background-image:var(--navitembgimagehover);
text-decoration:none !important;
}
.sitenavmenu .submenu .on {
color:var(--navitemcolorhover);
background-color:var(--navitembgcolorhover);
}

.sitesubnav h3 {
margin-bottom:0;
}

.sitesubnavmenu {
position:relative;
width:auto;
height:auto;
font-size:1em;
color:var(--sitenavcolor);
text-align:center;
padding-top:1rem;
padding-bottom:1rem;
margin:0 auto;
list-style-type:none;
list-style-position:inside;
background-color:var(--sitenavbgcolor);
background-image:var(--sitenavbgimage);
background-repeat-x:no-repeat;
background-repeat-y:repeat;
background-attachment:fixed;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
gap:0.5rem;
animation:500ms ease 0s normal forwards 1 OpacityFadeIn;
}
.sitesubnavmenu .menu-item {
position:relative;
margin:0;
}
.sitesubnavmenu .menu-item:before {
content:'';
}
.sitesubnavmenu a.menu-itemlink, .sitesubnavmenu .menu-itemlink {
position:relative;
color:var(--navitemcolor);
text-shadow:none;
line-height:2.5;
white-space:nowrap;
text-decoration:none !important;
padding:0 1rem;
background-color:var(--navitembgcolor);
background-image:var(--navitembgimage);
display:block;
}
.sitesubnavmenu a.menu-itemlink:hover, .sitesubnavmenu .menu-itemlink:hover {
color:var(--navitemcolorhover);
background-color:var(--navitembgcolorhover);
background-image:var(--navitembgimagehover);
text-decoration:none !important;
}
.sitesubnavmenu a.on, .sitesubnavmenu .on {
color:var(--navitemcolorhover);
background-color:var(--navitembgcolorhover);
}