/* HIER BEGINT HET HORIZONTALE MENU */

/*
Algemene instellingen van het dropdown menu
*/
#dropdownmenu {
width: 100%;
float:left;
z-index: 1000;
font-family: arial, helvetica, sans-serif;
}

#dropdownmenu a{
	font-family: arial, helvetica, sans-serif;
}
#dropdownmenu ul.dropdownmenu {
width: 100%;
background: #FCC000;
float:left;
color:#000;
}

/* border rond het hele submenublok vanaf het 2e niveau */
#dropdownmenu ul.dropdownmenu_link2,
#dropdownmenu ul.dropdownmenu_activelink2,
#dropdownmenu ul.dropdownmenu_link3,
#dropdownmenu ul.dropdownmenu_activelink3,
#dropdownmenu ul.dropdownmenu_link4,
#dropdownmenu ul.dropdownmenu_activelink4,
#dropdownmenu ul.dropdownmenu_link5,
#dropdownmenu ul.dropdownmenu_activelink5
{
border-left:1px #dadbdc solid;
border-right:1px #dadbdc solid;
border-bottom:1px #dadbdc solid;
border-top:1px #dadbdc solid;
margin-top:-2px;

}

/* aparte border rond het hele submenublok voor het 1e niveau, 
deze heeft geen top border en verschuift iets naar links om goed uit te lijnen
met het hoofdmenu*/
#dropdownmenu ul.dropdownmenu_link1,
#dropdownmenu ul.dropdownmenu_activelink1
{
	border-left:1px #dadbdc solid;
	border-right:1px #dadbdc solid;
	border-bottom:1px #dadbdc solid;
	margin-left:-11px;
}
	


/* bepaalt positionering, uiterlijk van het toplevel menuitems*/
#dropdownmenu li.dropdownmenu_link1,
#dropdownmenu li.dropdownmenu_activelink1
{
	list-style: none;
	width: auto;
	float: left;
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	border-right: 1px #dadbdc solid;
	/*border-left: 1px #dadbdc solid;*/
	height:14px;
	top: 8px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	margin-top:0px;
	color: #000000;
	text-decoration:none;
	display: block;
}


/* bepaald de standaard stijl van de links in het menu */
/*#dropdownmenu a{
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
height:14px;
margin: 0;
}

/* standaard instellingen om het menu goed uit te lijnen */
#dropdownmenu li {
position: relative;
}

#dropdownmenu ul {
	margin: 0;
	padding: 0;
}

/* bepaald de tekststijl van het eerste niveau
 niet de links ervan, maar de niet klikbare teksten
 hieronder vallen: items die geen link hebben, de active link */
#dropdownmenu li.dropdownmenu_activelink1,
#dropdownmenu li.dropdownmenu_link1
{
}

/* bepaald de tekststijl van het eerste niveau van alle links */
#dropdownmenu li.dropdownmenu_link1 a
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	margin-top:0px;
	height:14px;
	/*display:block;*/
	color: #FFFFFF;
	text-decoration:none;
}
#dropdownmenu li.dropdownmenu_activelink1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	margin-top:0px;
	height:14px;
	/*display:block;*/
	color: #000000;
	text-decoration:none;

}
/* veranderd de tekstkleur van het eerste niveau van de links bij hover */
#dropdownmenu li.dropdownmenu_link1:hover a,
#dropdownmenu li.dropdownmenu_activelink1:hover a
{
	color:#000;
}

/* veranderd de tekstkleur en achtergrondstijl van het eerste niveau van de 
overige teksten (niet links) bij hover, let op de link kleur wordt hier
niet ingesteld. */
#dropdownmenu li.dropdownmenu_link1:hover,
#dropdownmenu li.dropdownmenu_activelink1:hover
{
	text-decoration:none;
	background:#FFF;
	color:#000;
	width: auto; 
	padding-bottom: 16px;
    padding-top:3px;
	float: left;
	margin-top:-3px;
	margin-bottom:0px;
	margin-left:-1px;
	border-left: 1px #dadbdc solid;
}

#dropdownmenu li.dropdownmenu_link2 a,
#dropdownmenu li.dropdownmenu_link3 a,
#dropdownmenu li.dropdownmenu_link4 a,
#dropdownmenu li.dropdownmenu_link5 a
{
	color: #000;
	text-decoration:none;
	font: normal 12px arial, helvetica, sans-serif;
}

/* BEPAALT DE ACHTERGROND KLEUR VAN DE ACTIVE SUBLINK 2 */
#dropdownmenu li.dropdownmenu_activelink2, 
#dropdownmenu li.dropdownmenu_activelink3,
#dropdownmenu li.dropdownmenu_activelink4,
#dropdownmenu li.dropdownmenu_activelink5,
#dropdownmenu li.dropdownmenu_activelink2 a, 
#dropdownmenu li.dropdownmenu_activelink3 a,
#dropdownmenu li.dropdownmenu_activelink4 a,
#dropdownmenu li.dropdownmenu_activelink5 a

{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000;
	text-decoration:none;
	margin:0;
}

/* PAS DE STIJL AAN VAN DE SUBITEMS, ZOALS BORDER */
#dropdownmenu li.dropdownmenu_link2,
#dropdownmenu li.dropdownmenu_link3,
#dropdownmenu li.dropdownmenu_link4,
#dropdownmenu li.dropdownmenu_link5{
background: #fff;
text-decoration:none;
text-transform:none;
color: #000;
height: auto;
border-top:2px #FFF solid;
border-bottom:4px #FFF solid;
width: 182px;
border-top:2px #ffffff solid; /* bepaalt border van de subitems */
border-bottom:4px #ffffff solid; /*4px #ffffff solid; bepaalde de hoogte*/
border-right:0px;
border-left: 0px; 
list-style: none;
padding: 0px;
margin:0px;
clear:left;
}

#dropdownmenu li.dropdownmenu_activelink2,
#dropdownmenu li.dropdownmenu_activelink3,
#dropdownmenu li.dropdownmenu_activelink4,
#dropdownmenu li.dropdownmenu_activelink5{
background: #FCC000;
text-decoration: none;
text-transform: none;
color: #000;
height: auto;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:12px;

border-top:2px #FCC000 solid;
border-bottom:4px #FCC000 solid;
font-weight:bold;
width: 182px;
list-style: none;
padding: 0px;
margin:0px;
clear:left;

}


/* PAS DE STIJL AAN VAN DE SUBITEMS, ZOALS HOVER KLEUR */
#dropdownmenu li.dropdownmenu_link2:hover,
#dropdownmenu li.dropdownmenu_link3:hover,
#dropdownmenu li.dropdownmenu_link4:hover,
#dropdownmenu li.dropdownmenu_link5:hover{
color: #000;
background: #DADBDC;
text-transform:none;
text-decoration:none;
height:auto;
border-top:2px #DADBDC solid;
border-bottom:4px #DADBDC solid;
}

/* PAS DE STIJL AAN VAN DE SUBITEMS, ZOALS HOVER KLEUR */
#dropdownmenu li.dropdownmenu_activelink2:hover,
#dropdownmenu li.dropdownmenu_activelink3:hover,
#dropdownmenu li.dropdownmenu_activelink4:hover,
#dropdownmenu li.dropdownmenu_activelink5:hover{
color: #000;
background: #FCC000;
text-transform:none;
text-decoration:none;
height:auto;
border-top:2px #FCC000 solid;
border-bottom:4px #FCC000 solid;
}


#dropdownmenu ul ul ul {
position: absolute;
top: 0; /* bepaalt hoogte offset 2e niveau uitklap */
left: 100%;
}

#dropdownmenu ul ul {
position: absolute;
top: 30px; /* bepaalt hoogte offset 1e niveau uitklap */
z-index: 500;
}

div#dropdownmenu ul ul {
display: none;
}

div#dropdownmenu ul li:hover ul
{display: block;}

div#dropdownmenu ul ul,
div#dropdownmenu ul li:hover ul ul,
div#dropdownmenu ul ul li:hover ul ul
{display: none;}

div#dropdownmenu ul li:hover ul,
div#dropdownmenu ul ul li:hover ul,
div#dropdownmenu ul ul ul li:hover ul
{display: block;}

/* De bepalingen van het bullet tekentje (kleur etc) per niveau*/
#dropdownmenu .dropdownmenu_activelink2 .startItemSign2,
#dropdownmenu .dropdownmenu_activelink3 .startItemSign3,
#dropdownmenu .dropdownmenu_activelink4 .startItemSign4,
#dropdownmenu .dropdownmenu_activelink5 .startItemSign5 
{
	color:#FFFFFF;
	font-weight: bold;
}
#dropdownmenu .dropdownmenu_activelink2 .startItemSign2 a,
#dropdownmenu .dropdownmenu_activelink3 .startItemSign3 a,
#dropdownmenu .dropdownmenu_activelink4 .startItemSign4 a,
#dropdownmenu .dropdownmenu_activelink5 .startItemSign5 a 
{
	color:#FFFFFF;
	font-weight: bold;
}

#dropdownmenu .dropdownmenu_link2 .startItemSign2 a,
#dropdownmenu .dropdownmenu_link3 .startItemSign3 a,
#dropdownmenu .dropdownmenu_link4 .startItemSign4 a,
#dropdownmenu .dropdownmenu_link5 .startItemSign5 a {

	color:#FCC000;
	font-weight: bold;
}
#dropdownmenu .dropdownmenu_link2 .startItemSign2,
#dropdownmenu .dropdownmenu_link3 .startItemSign3,
#dropdownmenu .dropdownmenu_link4 .startItemSign4,
#dropdownmenu .dropdownmenu_link5 .startItemSign5
{
	color:#FCC000;
	font-weight: bold;
}