/*
To disable multiline nav links, set white-space: nowrap in
a.navbutton and a.navbutton_f2, and remove the display: block from the
a.navbutton(_f2) span classes

To have different settings for hoofdnav/top menu items and
subnav/submenu items, first do the settings for top menu items, and
then do submenu items as more-specific overrides. See below for an
example.
*/

/* HOOFDMENU */
nav#navcontainer ul.topmenu {
	/*margin-left: -15px;
	margin-right: -15px;*/
	display: block;
	margin:0px 0px 0px 0.5rem;
	padding: 0px;	
}
nav#navcontainer ul.topmenu ul.topmenu {
	margin: 0px;
}
nav#navcontainer  ul.topmenu > li {
	display: block;
	float: left;
	margin: 0px;
	font-family: utopia-std, sans,serif;
	font-weight: 400;
	line-height: 32px;
	font-size: 1.25rem;
	margin: 0 3rem 0 0;	
	position: relative;
	top: 0px;
	left: 0px;
}
nav#navcontainer ul.topmenu > li:hover {

}
nav#navcontainer ul.topmenu > li > a {
	color: #1f1d21;
	padding-top: 12px;
	padding-bottom: 8.4px;
	border-bottom: 2px solid transparent;
}
nav#navcontainer ul.topmenu > li:hover > a,
nav#navcontainer ul.topmenu > li > a.navbutton_f2 {
	color: #bc0031;
	border-bottom: 2px solid currentColor;
}


/* SUB- EN SUBSUBMENU IN GROOT UITKLAPVLAK */

nav#navcontainer ul.topmenu > li > ul {
	/* width: 87.5rem; */
	width: auto;
	padding: 0.75rem 1.25rem 1rem 1.25rem;
	background-color: #f7f7f7;
	box-shadow: 0 4px 4px rgba(0,0,0,.15);
	display: none;
	position: absolute;
	left: -1.25rem;
	/* right: 0; */
	top: 100%;
	z-index: 9999;
	/* min-height: 315px;*/ 
	font-family: "Source Sans Pro",sans-serif;
}
nav#navcontainer  ul.topmenu li:hover > ul { 
	display: block;
}
nav#navcontainer ul.topmenu > li > ul.column-tally-i {
	width: 250px;
}
nav#navcontainer ul.topmenu > li > ul.column-tally-ii {
	width: 500px;
}
nav#navcontainer ul.topmenu > li > ul.column-tally-iii {
	width: 750px;
}
nav#navcontainer ul.topmenu > li > ul.column-tally-iiii,
nav#navcontainer ul.topmenu > li > ul.column-tally-iiiii {
	width: 800px;
}
nav#navcontainer  ul.topmenu li:hover > ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* STIJL VAN SUBSUBNAV BUTTONS */
ul.topmenu > li > ul > li {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	line-height: 30px;	
	font-size: 18px;	
}

/* SUBNAV BUTTON EN CONTAINER SUBSUBNAVBUTTONS */

nav#navcontainer ul.topmenu > li > ul > li {
	width: 250px; /* If you adjust this, also adjust the column-tally-X widths */
	/* height: 300px;*/ 
	padding: 15px 0px 0px 0px;
	font-size: 1rem;
	line-height: 1.6; 
}
nav#navcontainer ul.topmenu > li > ul.column-tally-iiii > li,
nav#navcontainer ul.topmenu > li > ul.column-tally-iiiii > li {
	width: 200px;
	box-sizing: border-box;
	padding-right: 20px;
}
nav#navcontainer ul.topmenu > li > ul.column-tally-iiii > li:last-child,
nav#navcontainer ul.topmenu > li > ul.column-tally-iiiii > li:last-child {
	padding-right: 0px;
}
nav#navcontainer ul.topmenu > li > ul > li > a { 
	color: #1f1d21;
	padding: 0px;	
}
/* SUBSUBNAVBUTTONS */

nav#navcontainer ul.topmenu > li > ul > li > ul > li {
	margin: 0;
	height: auto;
	width: 100%;
	float: none;
}
nav#navcontainer ul.topmenu > li > ul > li > ul.two-columns {
	width: 50%;
	float: left;
}
nav#navcontainer ul.topmenu > li > ul > li > ul.two-columns li {
	width: 100%;
}
nav#navcontainer ul.topmenu > li > ul > li > ul.two-columns li > a {
	line-height: 22px;
}

nav#navcontainer ul.topmenu > li > ul > li > ul > li a {
	font-size: inherit;
	line-height: inherit;
	font-weight: normal;  
/*	background-image: url('../images/conference/list_arrow.png');
	background-repeat: no-repeat;
	background-position: 14px 5px;*/
	margin: .375rem 0px;
	color: #1f1d21;
	box-sizing: border-box;
}
	
nav#navcontainer ul.topmenu > li > ul > li > ul > li:hover > a {
/*	background-image: url('../images/conference/list_arrow_purple.png');
	background-color: #FFFFFF;*/
	color: #BC0031;
	text-decoration: underline;
}







/*	TOP-MENU FILLER AREA THAT ENABLES TOUCH-TO-CLOSE ON IPADS */

nav#navcontainer ul.topmenu > li.filler {
	float: none;
	overflow: hidden;
}

nav#navcontainer ul.topmenu > li.filler > a {
	padding-left: 0px;
	padding-right: 0px;
	border-left: 0px;
	border-right: 0px;
}

nav#navcontainer ul.topmenu > li.filler:hover > a {
	background-color: transparent !important;
}