#menucontainer
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: 2px solid ##ff13a7;
	border-top: 0px;
	font-family: 'Bitter', cursive;
	background-color: #cbb780;
	
}
.menuhfdcat
{
	display: block;
	margin:0em;
	padding: 0.5em;
	font-size: 1em;
}
.menuhfdcat > a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: black;
}
.menusubcat-content
{
	float: left;
	width: 100%;
	padding: 0.5em;
}
.menuswitch, .mobilemenu
{
	display: none;
}

.menusubcat-content a
{
	font-size: 0.9em;
	display: inline-block;
	text-decoration: none;
	color: black;
	font-weight: normal;
	padding-bottom: 0.5em;
}
.menusubcat-content a:hover
{
	font-weight: bold;
	font-style: italic;
}
	
/* Mobiel: */
@media only screen and (max-width: 600px)
{
	.menusubcat-content a
	{
		width: 100%;
		font-size: 1em;
	}
	.menusubcat-content a:hover
	{
		font-weight: bold;
		text-decoration: underline;
	}
	.menusubcat-content
	{
		float: left;
		width: 100%;
	}
	.menusubcat
	{
		display: none;
	}
	.mobilesubmenu
	{
		display: block;
		font-size: 0.9em;
	}
	.mobilesubmenu::after
	{
		content: "";
		clear: both;
		display: block;
	}
	.menuitems
	{
		display: none;
	}
	.mobilemenu
	{
		display: inline;
		margin: 0;
		padding: 0;
		font-size: 1.2em;
		float: right;
		font-weight: bold;
		color: grey;
	}
	#menucontainer
	{
		padding-top: 0em;
	}
	.menuhfdcat
	{
		border-bottom: 1px dotted black;
	}
	#menucontainer ,.menuhfdcat
	{
		background-color: #C9A44C;
	}
	.menuitems.responsive
	{
		display: block;
		width: 100%;
	}
	.menuswitch a
	{
		text-decoration: none;
		color: black;
		font-size: 1.2em;
	}
	.menuswitch
	{
		text-align: center;
		display: block;
		margin-top: 0.1em;
		padding-top: 0.5em;
	}
}

/* Tablets: */
@media only screen and (min-width: 600px) and (max-width: 800px)
{
	.menuhfdcat:hover 
	{
		background-color: #ff13a7;
		font-weight: bold;
	}
	.menusubcat
	{
		position: absolute;
		left: calc(23.07% - 2px);
		left:-webkit-calc(23.07% - 2px);
		left:-moz-calc(23.07% - 2px);
		min-width: 15%;
		min-height: 20%;
		top: 3.9em;
		background-color: #C9A44C;
		border: 2px solid #ff13a7;
		display: none;
	}
	.menusubcat.actief
	{
		display: block;
	}
	.mobilesubmenu
	{
		display: none;
	}
}

/* Desktop: */
@media only screen and (min-width: 800px) 
{
	.menuhfdcat:hover 
	{
		background-color: #ff13a7;
		font-weight: bold;
	}
	.menusubcat
	{
		position: absolute;
		z-index: 999;
		left: calc(23.07% - 2px);
		left:-webkit-calc(23.07% - 2px);
		left:-moz-calc(23.07% - 2px);
		min-width: 15%;
		min-height: 20%;
		top: 3.5em;
		background-color: #C9A44C;
		border: 2px solid #ff13a7;
		display: none;
	}
	.menusubcat.actief
	{
		display: block;
	}
	.mobilesubmenu
	{
		display: none;
	}
}