@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:2;
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 { 
	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 { 
	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 { 
	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 { 
	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 { 
	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 { 
	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;
}

/*level 2*/
#menudot { position:absolute; top:-10px; left:-1px;	 }
#subnavigatie0, #subnavigatie1, #subnavigatie2, #subnavigatie3, #subnavigatie4, #subnavigatie5, #subnavigatie6 { 
	position:absolute; 
	left:180px;
	width:120px;
	font:normal 0.95em Arial, Helvetica, sans-serif;
}
#subnavigatie0 ul, #subnavigatie1 ul, #subnavigatie2 ul, #subnavigatie3 ul, #subnavigatie4 ul, #subnavigatie5 ul, #subnavigatie6 ul  { margin-left:6px;   }

/*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; 
	/*background-color:#b6bd37;*/
	padding:4px 26px 4px 6px;
}
#subnavigatie1 ul a:hover,
#subnavigatie1 ul a:active {
	color:#fff;
}
#subnavigatie1 ul a.here { 
	color:#fff;
	background:url(../images/sub1_here.png) right top no-repeat;
}

/*submenu onderwijs*/
#subnavigatie2 ul { background-color:#ed8100; }
#subnavigatie2 ul a:link, 
#subnavigatie2 ul a:visited { 
	width:114px;
	background:none; 
	/*background-color:#ed8100;*/
	padding:4px 26px 4px 6px;
}
#subnavigatie2 ul a:hover,
#subnavigatie2 ul a:active {
	color:#fff;
}
#subnavigatie2 ul a.here { 
	color:#fff;
	background:url(../images/sub2_here.png) right top no-repeat;
}

/*submenu leerlingen*/
#subnavigatie3 ul { background-color:#a42283; }
#subnavigatie3 ul a:link, 
#subnavigatie3 ul a:visited { 
	width:114px;
	background:none; 
	/*background-color:#a42283;*/
	color:#fff;
	padding:4px 26px 4px 6px;
}
#subnavigatie3 ul a:hover,
#subnavigatie3 ul a:active {
	color:#ffd22b;
}
#subnavigatie3 ul a.here { 
	color:#ffd22b;
	background:url(../images/sub3_here.png) right top no-repeat;
}

/*submenu ouders*/
#subnavigatie4 ul { background-color:#0061aa; }
#subnavigatie4 ul a:link, 
#subnavigatie4 ul a:visited { 
	width:114px;
	background:none; 
	/*background-color:#0061aa;*/
	color:#fff;
	padding:4px 26px 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; 
	/*background-color:#ffd22b;*/
	padding:4px 26px 4px 6px;
}
#subnavigatie5 ul a:hover,
#subnavigatie5 ul a:active {
	color:#fff;
}

#subnavigatie5 ul a.here { 
	color:#fff;
	background:url(../images/sub5_here.png) right top no-repeat;
}

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

#subnavigatie6 ul a.here { 
	color:#ffd22b;
	background:url(../images/sub6_here.png) right top no-repeat;
}

/*zwarte menubalk*/

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

#topnav a {
display:block;
font:normal 1.2em arial,helvetica,sans-serif;
letter-spacing:3px;
color:#fff;
height:20px;
/*border-right:1px solid #fff;
white-space:nowrap;*/
margin:0px;
padding:6px 10px 2px 10px;
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 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;  }

#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;
}