/* CSS BESTAND DROP-DOWN MENU VOOR BROCHURE-MUSEUM SITE */
/* VERSIE 6.0 */
/* Copyright 2010 - heden: Arie Lodder */
/* Laatste wijziging: 1 september 2020 */


.nav, .nav ul, .nav li {
	list-style: none;
}

.nav {
	margin: 0px;
	padding: 0px;
}

.nav ul {
	position: relative;
	width: 10px;
}

.nav li {
	top: 0px; 
	left: 0px;
	width: 10px;
	height: 30px;
}

.nav li > a {
	background-color: transparent;
	display: block;
	font-family: Bahnschrift, sans-serif;
	font-size: 24px;
	font-weight: 800;
	color: #000;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}

.nav li:hover > a {
	color: #f00;
}

/* menu niveau 1 */
.nav li > ul {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 280px;
	height: 470px;
	padding: 30px 20px 0px 20px;
	overflow: hidden;
	display: none;
	background-color: #FDFFD2;
	box-shadow: 10px 10px #888;
}

.nav li > ul > li {
	position: relative;	
	top: 0px;
	left: 0px;
	height: 30px;	
	width: 125px;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	background-color: #ddd;
	display: none;
	padding: 0px;
}

.nav li:hover > ul,
.nav li:hover > ul > li {
	display: block;
}

.nav li:hover > ul > li > a {
	text-decoration: none;
	font-size: 16px;
	color: #111;
	padding-top: 5px;
	text-align: center;
}
.nav li:hover > ul > li.map > a {
	color: #F00;
}
.nav li:hover > ul > li:hover {
	border-color: #000;
	background-color: #ddd; 
}

.nav li:hover > ul > li:hover > a {
	color: #111;
}

/* maar niet alles is een link */

.nav li:hover > ul > li.non1:hover {
	border-color: #000;
	background-color: #ddd; 
}

.nav li:hover > ul > li.non1:hover > a {
	color: #111;
}

/* voor de link naar de sitemap in het hoofdmenu */

.nav li:hover > ul > li.map:hover {
	border-color: #eee;
	background-color: #F00; 
}

.nav li:hover > ul > li.map:hover > a {
	color: #fff;
}

/* menu niveau 2 */

.nav li > ul > li > ul {
	display: none;
	top: 0px;
	left: 125px;
	width: 150px;
	height: 365px;
	padding: 0px;
	box-shadow: none;
	overflow-y: auto;
}
	
.nav li > ul > li > ul > li {
	position: relative;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #111;
	background-color: #eee;
	display: none;
	margin: 0em;
}

.nav li > ul > li:hover > ul,
.nav li > ul > li:hover > ul > li {
	display: block;
}

.nav li > ul > li:hover > ul > li > a {
	text-decoration: none;
	font-size: 16px;
	color: #F00;
	text-align: center;
	padding-top: 5px;
}

.nav li > ul > li:hover > ul > li:hover {
	border-color: #eee;
	background-color: #F00; 
}

.nav li > ul > li:hover > ul > li:hover > a {
	color: #fff;
}

/* versie voor grotere schermen

@media only screen and (min-width: 770px) {
.nav li > ul {
	background-color:#3CF;
}
} */