nav
{
	position:relative;
}

#mainnav
{
	position:absolute;
	box-shadow:none;
	top:22px;
	left:0px;
	background:none;
	z-index:100;
}
nav.home
{
	color:#fff;
}
label.show-menu
{
	padding:20px;
	font-size:35px;
}
input.show-menu { display:none; }
input.show-menu + div { display: none; }
input.show-menu:checked + div
{
	display: block;
}

.tools
{
#	bottom:0px;
	width:100%;
}
.tools button
{
	width:50%;
}
.globe, .kalender
{
	display:none;
}

.nav
{
	padding:0;
	background:var(--lichtgrijs);
	color:var(--zwart);
}
#mainnavul
{
	display:block;
}
/*
nav#breadcrumbs
{
	border-bottom:1px solid #cd1619;
	padding: 5px;
	margin-bottom:10px;
}
*/
nav ul
{
	padding:0;
	margin:0;
}

nav li
{
	list-style-type: none;
	display: block;
}

nav li a
{
	display: block;
	text-align: left;
	width:100%;
	padding:3px;
	text-decoration:none;
}

nav li ul li a:before {
  content: "- ";
}
nav li ul li a.chosen:after
{
  content: " >";
}
nav li ul li a:hover
.hidden
{
	display:none;
}
.nt
{
	display:none;
	color:#fff;
	font-size:30px;
	padding:5px;
	width:100%;
}
#subnav a.active
{
	font-weight:bold;
}

#subnav a.active::after
{
	content: " >";
}
div.tools
{
	text-align:center;
	padding-top:5em;
}
div.tools div.kalender a
{
	color:var(--grijs);
	font-size:20pt;
	padding:10px;
	font-family: "PT sans";
}
div.tools button,
div.globe
{
	width:calc(100% - 40px);
	margin: 0 20px 10px 20px;
}
div.tools button
{
	border: 3px outset white;
	min-height: 25px;
}
div.tools button.encyclopedie
{
	background-color:var(--rood);
	color:var(--wit);
}
div.tools button.lexicon
{
	background-color:var(--groen);
	color:var(--wit);
}

@media screen and (min-width:768px) 
{
	#mainnav
	{
		position:relative;
		top:0;
		left:0;
		background:var(--lichtgrijs);
	}
	.show-menu
	{
		display:none;
	}
	div.nav
	{
		display:block !important;
	}
	div.tools form
	{
		width:inherit;
		clear:both;
	}
	.globe, .kalender
	{
		display:block;
	}
	#mainnav
	{
		padding: 20px 0;
	}
	.home
	{
		display:none;
	}

/*
	.fixwrapper
	{
		position:unset !important;
	}
	.afterfixwrapper
	{
		display:none;
	}
	.nt
	{
		display:block;
	}
	
	nav ul
	{
		z-index:1;
		display:none;
	}
	nav ul li
	{
		display: none;
	}
	.nt 
	{
		width:50px;
	}
	nav ul 
	{
		position: relative;
	}
	.nt 
	{
		position: relative;
	}
	nav ul li 
	{
		float: none;
		display: block;
		width:100%;
		height:50px;
		font-size:14pt;
		padding-top:12px;
		text-align:left;
	}
	*/
/*
	[type="checkbox"]:checked ~ ul 
	{
  		display: block;
	}
*/
}

@media screen and (min-width:1650px) 
{
	div.tools div.kalender a
	{
		font-size:30pt;
	}
}