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


/*#menu {
position:relative;
top:-4px;
left:0em;	/*was 0.5em*/
/*width:201px;/*13.5em;*/
/*z-index:2;
font:bold 1.1em Verdana, Arial, Helvetica, sans-serif; 
/*padding-bottom:12em; /* To allow room for bottom dropdown */
/*}

#menu a, #menu h2{
display:block;
margin:4px 0 0 0;
padding:8px 6px 8px 12px;
color:#fff;
text-decoration:none;
background:#97bf0e url(../images/hoofdmenu_bg_level1.gif) left bottom no-repeat;
}

#menu a:hover, #menu a:active, #menu a#here:visited, #menu a#here {
background:#58ac29 url(../images/hoofdmenu_bghover_level1.gif) left bottom no-repeat;
}

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

#menu li{
list-style:none;
}
*/
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */
/*
div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

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

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display:block;
	width:20em;
	/*border-bottom:1px solid #cde3f8;*/
	/*border:1px solid #1A6BB1;
	/*white-space:nowrap;*/
	/*margin:0;
	/*padding:0px 2px;*/
	/*background-color:#e2edeb;
	/*padding:0px 0px 0px 0px;
}
*/
/* End non-anchor hover selectors */

/* Styling for Expand */
/*
#menu a.x, #menu a.x:visited {
background: url(../images/expand.gif) no-repeat center right;	/* #f1f7fd */
/*}

#menu a.x:hover {
background:#cde3f8;
}

#menu a.x:active{
color:#907c4b;
background:#fff;
}
*/

#menu {
position:absolute;
top:258px;
left:123px;	/*was 0.5em*/
width:180px;/*13.5em;*/
z-index:2000;
font:bold 1.2em Arial, Helvetica, sans-serif;
color:#2269b9;
/*background: url(../images/menubalk_bg.png) left top repeat-y;
padding-bottom:50px;*/
 
}

/*level 1: hoofdmenu*/
#menu ul a:link, #menu ul a:visited {
display:block;
margin:0;
padding:15px 6px 8px 40px;
color:#2269b9;
text-decoration:none;
background: url(../images/hoofdmenu_bg.png) left bottom no-repeat;
}

#menu ul a#button0:hover, #menu ul a#button0:active {
	background: url(../images/hoofdmenu_bg_sel_home.png) left bottom no-repeat;
}
/*button: over de KSG*/
#menu ul a#button1:hover, #menu ul a#button1:active, #menu ul a#button1.here,
#menu ul a#button7:hover, #menu ul a#button7:active, #menu ul a#button7.here,
#menu ul a#button13:hover, #menu ul a#button13:active, #menu ul a#button13.here { 
	background: url(../images/hoofdmenu_bg_sel_nul.png) left bottom no-repeat;
 }
#menu ul a#button2:hover, #menu ul a#button2:active, #menu ul a#button2.here,
#menu ul a#button8:hover, #menu ul a#button8:active, #menu ul a#button8.here,
#menu ul a#button14:hover, #menu ul a#button14:active, #menu ul a#button14.here { 
	background: url(../images/hoofdmenu_bg_sel_een.png) left bottom no-repeat;
 }
#menu ul a#button3:hover, #menu ul a#button3:active, #menu ul a#button3.here,
#menu ul a#button9:hover, #menu ul a#button9:active, #menu ul a#button9.here,
#menu ul a#button15:hover, #menu ul a#button15:active, #menu ul a#button15.here { 
	background: url(../images/hoofdmenu_bg_sel_twee.png) left bottom no-repeat;
 }
#menu ul a#button4:hover, #menu ul a#button4:active, #menu ul a#button4.here,
#menu ul a#button10:hover, #menu ul a#button10:active, #menu ul a#button10.here,
#menu ul a#button16:hover, #menu ul a#button16:active, #menu ul a#button16.here { 
	background: url(../images/hoofdmenu_bg_sel_drie.png) left bottom no-repeat;
 }
#menu ul a#button5:hover, #menu ul a#button5:active, #menu ul a#button5.here,
#menu ul a#button11:hover, #menu ul a#button11:active, #menu ul a#button11.here,
#menu ul a#button17:hover, #menu ul a#button17:active, #menu ul a#button17.here { 
	background: url(../images/hoofdmenu_bg_sel_vier.png) left bottom no-repeat;
 }
#menu ul a#button6:hover, #menu ul a#button6:active, #menu ul a#button6.here,
#menu ul a#button12:hover, #menu ul a#button12:active, #menu ul a#button12.here,
#menu ul a#button18:hover, #menu ul a#button18:active, #menu ul a#button18.here { 
	background: url(../images/hoofdmenu_bg_sel_vijf.png) left bottom no-repeat;
 }

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

#menu li{
list-style:none;
}

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:-38px;
left:100%;
display:none;
padding:0px;
z-index:500;
text-align:left;
}



/*#menu ul ul{
padding:0px;
position:absolute;
z-index:500;
top:-38px;
left:0px;
display:none;
text-align:left;
/*border-top:1px solid #000;*/
/*}*/
#menu ul ul a { display:block; padding:4px 10px; /*height:16px; /*width:9em; letter-spacing:1px;*/
  }

#menu ul ul ul{
top:0px;
left:100%;
padding:0px;
width:180px;

}

/* 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#menu h2:hover{
/*background:#000 url(../images/expand.gif) no-repeat -999px -9999px;*/
}

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

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

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

/* End of non-anchor hover selectors */

/* Styling for Expand */

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


/*level 2*/
#menudot { position:absolute; top:-10px; left:-1px;	 }
#subnavigatie0, #subnavigatie1, #subnavigatie2, #subnavigatie3, #subnavigatie4, #subnavigatie5, #subnavigatie6, #subnavigatie7, #subnavigatie8, #subnavigatie9, #subnavigatie10, #subnavigatie11, #subnavigatie12 { 
	position:absolute; 
	left:10px; /*180px;*/
	width:170px;
	font:normal 0.95em Arial, Helvetica, sans-serif;
}

/*submenu home*/
#subnavigatie0 ul a:link, 
#subnavigatie0 ul a:visited { 
	background:none; 
	background-color:#bdb966;
	padding:4px 1px 4px 6px;
}
#subnavigatie0 ul a:hover,
#subnavigatie0 ul a:active,
#subnavigatie0 ul a.here { 
	color:#fff;
}

/*submenu over de ksg*/
#subnavigatie1 ul { background-color:#b6bd37; }
#subnavigatie1 ul a:link, 
#subnavigatie1 ul a:visited { 
	/*width:/*114px;*/
	background:none; 
	padding:4px 6px 4px 6px;
}
#subnavigatie1 ul a:hover,
#subnavigatie1 ul a:active {
	color:#fff;
}
#subnavigatie1 ul a.here { 
	color:#fff;
}

/*submenu onderwijs*/
#subnavigatie2 ul { background-color:#ed8100; }
#subnavigatie2 ul a:link, 
#subnavigatie2 ul a:visited { 
	/*width:/*114px;*/
	background:none; 
	/*background-color:#ed8100;*/
	padding:4px 6px 4px 6px;
}
#subnavigatie2 ul a:hover,
#subnavigatie2 ul a:active {
	color:#fff;
}
#subnavigatie2 ul a.here { 
	color:#fff;
}

/*submenu leerlingen*/
#subnavigatie3 ul { background-color:#a42283; }
#subnavigatie3 ul a:link, 
#subnavigatie3 ul a:visited { 
	/*width:/*114px;*/
	background:none; 
	color:#fff;
	padding:4px 6px 4px 6px;
}
#subnavigatie3 ul a:hover,
#subnavigatie3 ul a:active {
	color:#ffd22b;
}
#subnavigatie3 ul a.here { 
	color:#ffd22b;
}

/*submenu ouders*/
#subnavigatie4 ul { background-color:#0061aa; }
#subnavigatie4 ul a:link, 
#subnavigatie4 ul a:visited { 
	/*width:114px;*/
	background:none; 
	color:#fff;
	padding:4px 6px 4px 6px;
}
#subnavigatie4 ul a:hover,
#subnavigatie4 ul a:active {
	color:#ffd22b;
}
#subnavigatie4 ul a.here { 
	color:#ffd22b;
	/*background:url(../images/sub4_here.png) right top no-repeat;*/
}

/*submenu groep8*/
#subnavigatie5 ul { background-color:#ffd22b; }
#subnavigatie5 ul a:link, 
#subnavigatie5 ul a:visited { 
	/*width:/*114px;*/
	background:none; 
	padding:4px 6px 4px 6px;
}
#subnavigatie5 ul a:hover,
#subnavigatie5 ul a:active {
	color:#fff;
}

#subnavigatie5 ul a.here { 
	color:#fff;
}

/*submenu fotomap*/
#subnavigatie6 ul { background-color:#0c97ad; }
#subnavigatie6 ul a:link, 
#subnavigatie6 ul a:visited { 
	/*width:/*114px;*/
	background:none; 
	color:#fff;
	padding:4px 6px 4px 6px;
}
#subnavigatie6 ul a:hover,
#subnavigatie6 ul a:active {
	color:#ffd22b;
}

#subnavigatie6 ul a.here { 
	color:#ffd22b;
}

/*zwarte menubalk*/

#topnav{
position:relative;
width:585px;
}

#topnav a {
display:block;
font:normal 1.2em arial,helvetica,sans-serif;
letter-spacing:2px;
color:#fff;
height:20px;
/*border-right:1px solid #fff;
white-space:nowrap;*/
margin:0px;
padding:7px 8px 2px 8px;
text-decoration:none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {	/*fix voor Safari 3.0 en hoger EN Chrome*/
	#topnav a { font-weight:normal;  }
}

#topnav a#twitter {
	width:	81px;
	display:inline;
}
#topnav a#twitter img { 	padding:6px 3px 2px 3px; border:0px; }
#topnav ul a:hover, #topnav ul a:active, #topnav a#here {
	color:#f38523;
}


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

#topnav li{
position:relative;
}

#topnav ul ul{
padding:0px;
position:absolute;
z-index:500;
top:auto;
left:0px;
display:none;
background:#000;
text-align:left;
/*border-top:1px solid #000;*/
}
#topnav ul ul a { display:block; padding:4px 10px; height:16px; width:9em; letter-spacing:1px;
  }

#topnav ul ul ul{
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 a.x, #topnav a.x:visited, #topnav a.x:active {
color:#fff;
}
#topnav ul ul a.x,#topnav ul ul a.x:visited, #topnav ul ul a.x:active {
color:#fff;
}
#topnav a.x:hover{
color:#f38523;
}
#topnav ul ul a.x:hover{
color:#fff;
}


/*facilitair menu homepage*/
#facilitair {
	position:absolute;
	bottom:345px;
	right:135px;
	width:280px;
}

#facilitair a {
display:block;
font:bold 1.2em arial,helvetica,sans-serif;
color:#fff;
/*height:65px;*/
/*border:1px solid #fff;
white-space:nowrap;*/
margin:0px;
padding:53px 0px 2px 5px;
text-decoration:none;
background:url(../images/bg_facilitair.gif) bottom right no-repeat;
}
#facilitair a:hover {
	color:#f38523;
} 

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

#facilitair li{
position:relative;
}