@charset "utf-8";
/* CSS Document */

/*button vacatures*/
#vacaturebutton {
	position:absolute;
	top:124px;
	left:700px;
	width:180px;
	z-index:9;
}
#vacaturebutton a {
	font:bold 1.8em Verdana, Arial, Helvetica, sans-serif;
	color:#cc131f;
	background:url(../images/bullet_vacatures.gif) left top no-repeat;
	display:block;
	padding:0em 0em 0em 2em;
	text-decoration:none;
	height:32px;
	line-height:28px;
}
#vacaturebutton ul a:hover, #vacaturebutton ul a:active, #vacaturebutton a#here {
	background:url(../images/bullet_vacatures_hover.gif) left top no-repeat;
	color:#cc131f;
}

#vacaturebutton ul{
list-style:none;
margin:0;
padding:0;
}

#vacaturebutton li{
position:relative;
margin:0px 0px 6px 0px;
padding:0px;
}




/*button orientatiemarkt*/
#orientatiemarkt {
	position:absolute;
	top:100px;
	left:655px;
	width:270px;
	z-index:99;
}
#orientatiemarkt #start {
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:2em;
	padding:0px 0.5em;
}
#orientatiemarkt a {
display:block;
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
color:#6d7072;
background:#c0d76e url(../images/bullet_topnav.gif) 0.5em 0.7em no-repeat;
/*border-right:1px solid #fff;
white-space:nowrap;*/
margin:0px 12px 0px 0px;
padding:0.7em 3.7em 0.7em 2.5em;
text-decoration:none;
}

#orientatiemarkt ul a:hover, #orientatiemarkt ul a:active, #orientatiemarkt a#here {
	background:#c0d76e url(../images/bullet_topnav_hover.gif) 0.5em 0.7em no-repeat;
	color:#cc131f;
}


#orientatiemarkt ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

#orientatiemarkt li{
position:relative;
}


/*zoekform*/
#zoekform {
	padding:6px 8px;
	margin:0 0 7px 0;
}
#zoekform input { width:120px; border:1px solid #96bd0d; margin:0px 2px; }
#zoekform input#button { width:60px; background-color:transparent; color:#6d7072; font-weight:bold; border:none; cursor:pointer; }

/*hoofdmenu*/
#menu {
	/*float:left;
	width:216px;
	position:relative;
	top:0px;
	left:9px;	/*was 0.5em*/
	/*margin:0px 9px;*/
	/*padding:0px 9px;*/
	z-index:2;
	font:bold 1.12em Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_hoofdmenu.png) top left repeat;
}
#subnavigatie {
	font:bold 1.12em Verdana, Arial, Helvetica, sans-serif;
	background-image:none;
	margin-bottom:7px;
}

#menu ul, #subnavigatie ul {
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menu li, #subnavigatie li {
background-image:none;
margin:0px 0px 6px 0px;
padding:0px;
}

#menu ul a, #subnavigatie ul a {
	display:block;
	background:url(../images/bullet.gif) 0.5em 0.7em no-repeat;
	padding:0.7em 0.5em 0.7em 2.5em;
	color:#6d7072;
	text-decoration:none;
}
#subnavigatie ul a { 	background-color:#f2f7e2; }
#subnavigatie ul ul { margin:6px 0px 0px 0px;  }
#subnavigatie ul ul a { padding:0.7em 0.5em 0.7em 4.3em; background:#f2f7e2 url(../images/bullet.gif) 2.3em 0.7em no-repeat; font-weight:normal; }

#menu ul a:hover, #menu ul a.here, #subnavigatie ul a:hover, #subnavigatie ul a.here, #subnavigatie ul a#here {
	background:url(../images/bullet_rood.gif) 0.5em 0.7em no-repeat;
}
#subnavigatie ul a:hover, #subnavigatie ul a.here, #subnavigatie ul a#here { background-color:#f2f7e2; }
#subnavigatie ul ul a:hover, #subnavigatie ul ul a.here, #subnavigatie ul ul a#here {
	background:#f2f7e2 url(../images/bullet_rood.gif) 2.3em 0.7em no-repeat;
}

#menu ul a#button0 {
	background:url(../images/bullet_square.gif) 0.5em 0.7em no-repeat;
}
#menu ul a#button0:hover {
	background:url(../images/bullet_square_hover.gif) 0.5em 0.7em no-repeat;
}




/*topnavigatie*/
#topnav{
position:absolute;
top:100px;
left:9px;
width:430px;
float:left;
z-index:60;
}

#topnav #start {
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:2em;
	padding:0px 0.5em;
}
#topnav li.infoballoon { 
	background-color:#cc131f;
	color:#fff;
	font:normal 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding:0.5em 0.5em;
	width:300px;
}


#topnav a {
display:block;
font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
color:#6d7072;
/*background:url(../images/bg_topnav_animated.gif) left bottom no-repeat;*/
background:#c0d76e url(../images/bullet_topnav.gif) 0.7em 0.75em no-repeat;
/*border-right:1px solid #fff;
white-space:nowrap;*/
margin:0px 12px 0px 0px;
padding:0.7em 2em 0.7em 2.5em;
text-decoration:none;
}


#topnav ul a:hover, #topnav ul a:active, #topnav a.here {
	background:#c0d76e url(../images/bullet_topnav_hover.gif) 0.7em 0.75em no-repeat;
	color:#cc131f;
}


#topnav ul{
list-style:none;
margin:0;
padding:0;
float:left;
/*width:195px;*/
}

#topnav li{
position:relative;
background-image:none;
padding-bottom:0px;
padding-left:0px;
}

#topnav ul ul a:link, #topnav ul ul a:visited {
font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background-color:#c0d76e;
/*width:164px;*/
width:300px;
border-bottom:1px solid #96bd0d;
background-image:none;
padding:0.3em 0.5em;
}

#topnav ul ul a:hover, #topnav ul ul a:active, #topnav ul ul a.here {
background-color:#369c8a;
color:#fff;
background-image:none;
}

#topnav ul ul ul a, #topnav ul ul ul a:visited{
/*color:#fff;
padding:5px 10px 5px 10px;
border-left:0px;*/
display:none;
}

#topnav ul ul ul a:hover, #topnav ul ul ul a:active, #topnav ul ul ul a.here {
/*color:#fff;
background-image:none;
background-color:#ec8a64;
border-left:0px;*/
display:none;

}



#topnav ul ul{
padding:0px 0px 0px 0px;
position:absolute;
z-index:500;
top:auto;
left:0px;
display:none;
width:18em;
/*background:#7fbece;*/
text-align:left;
border-top:3px solid #96bd0d;
}

#topnav ul ul ul{
display:none;
/*top:0px;
left:100%;
padding:0px;*/
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#topnav h2:hover{
background:#000 url(../images/expand.gif) no-repeat -999px -9999px;
}

div#topnav li:hover{
cursor:pointer;
z-index:100;
}

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

div#topnav li:hover ul/*,
div#topnav li li:hover ul,
div#topnav li li li:hover ul,
div#topnav li li li li:hover ul*/
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#topnav ul a#x1 {
color:#6d7072;
background:url(../images/bg_topnav_animated1.gif) left bottom no-repeat;
}
#topnav ul a#x1:hover, #topnav ul a#x1.here {
	/*background:#c0d76e url(../images/bullet_topnav_hover.gif) 0.5em 0.7em no-repeat;*/
	background:#c0d76e url(../images/bullet_topnav_hover.gif) 0.7em 0.75em no-repeat;
	color:#cc131f;

}
#topnav ul a#x2 {
background:url(../images/bg_topnav_animated2.gif) left bottom no-repeat;
}
#topnav ul a#x2:hover, #topnav ul a#x2.here {
	background:#c0d76e url(../images/bullet_topnav_hover.gif) 0.7em 0.75em no-repeat;
	color:#cc131f;

}
#topnav a#x1:visited, #topnav a#x1:active {
color:#6d7072;
}

#topnav ul ul a.x, #topnav ul ul a.x:visited, #topnav ul ul  a.x:active {
color:#fff;
}
#topnav a.x:hover{
}
#topnav ul ul a.x:hover{
color:#fff;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {	/*fix voor Safari 3.0 en hoger EN Chrome*/
#orientatiemarkt {
	position:absolute;
	top:100px;
	left:653px;
	width:270px;
	z-index:99;
}

#zoekform input#button { font-size:1em; }

}