/* CSS Document */


html { /*Initialiseer de hoogte, margin en padding voor juiste weergave in browsers*/
	height:100%;
	margin: 0;
	padding: 0;
}

body {	
	height:100%;
	margin: 0;
	padding: 0;
	background: url(afbeeldingen/achtergrond.jpg);
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
}

#container{ /*DIV om de website te centreren in het venster.*/
	text-align: center;
	clear: both;	
	left: 0;
	width: 100%;
	min-width: 936px;

	position: absolute;
	

	/* IE4ever Hack: Hide from IE4 **/
        position: static;
    /** end hack */
}

#main { /*DIV met de gewenste breedte en hoogte van de website.*/
	width: 936px;
	min-height: 616px; /*+31 voor validation images +70*/
	margin: 0 auto;
	overflow:hidden;
	
	background:transparent;
}

#topMenu {
	width: 936px;
	height: 70px;
	background: transparent;
	clear:both;
	z-index:99;
}

#toptekst {
	width:200px;
	margin-top:40px;
	float:left;
	color:black;
	
	font-size:10px;
	
	text-align:left;
	margin-left:20px;
}

#header { /*DIV die dient als header voor de website: Logo etc.*/
	width: 936px;
	height: 137px;
	color: #000000;
	background: transparent;
	background: url(afbeeldingen/header.png);
	background-repeat:no-repeat;
	overflow:hidden;
	z-index:4;

	text-align:left;
	
	font-size: 9px;
	clear:both;
}

#left { /*DIV voor het menu aan de linkerkant*/
	width: 317px;
	height: 345px;

	background: transparent;
	background: url(afbeeldingen/menu.png);
	background-repeat:no-repeat;

	font-size: 12px;

	text-align: left;
	float:left;
	overflow:hidden;
}

#content { /*DIV bestemd voor de te laden pagina.*/
	width:619px;
	min-height:345px;

	background: transparent;
	background: url(afbeeldingen/contentbg.png);
	background-repeat:repeat-y;
	text-align: left;
	float:left;	
	overflow:hidden;
	
	position:relative;
}

#koord{
	position:absolute;
	top:0px;
	left:580px;
	width:10px;
}


#contenttext {
	width: 490px;
	padding: 0 20px 10px 20px;
	overflow:hidden;
			
	font-size: 1.2em;
}



.p_plus {
	margin-bottom:100px;
}

#footer { /*DIV als footer voor de website: evt copyright ofzo :)*/
	width: 936px;
	height: 75px;

	font-weight: bold;
	font-size: 9px;
	
	background: transparent;
	background: url(afbeeldingen/footer.png);
	background-repeat:no-repeat;
	
	overflow:hidden;
	clear:both;
}

#label {
	width: 330px;
	height: 137px;
	
	background: transparent;
	background: url(afbeeldingen/label.png);
	background-repeat:no-repeat;
	
	float:right;
}

#header a.home {
    width: 149px;
	height: 137px;
	border: 1px;
	float: left;
}

#header	a.home:hover {
	background: url(afbeeldingen/home.png);
	background-repeat:no-repeat;
}	



h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#FF0000
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:normal;
	font-style: italic;
	margin-left:25px;
	padding-top:20px;
}

h4 {
	font-weight: bold;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

h3{
	font-weight: bold;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:15px;
	padding-top:20px;
	}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
	font-style: italic;
	text-align: right;
	clear:right;
}

hr {
	clear:both;
	margin-top:10px
	}

	
span.vet{
	font-weight: bold;
}

span.crs{
	font-style:italic;
}

p.dia {
text-align:center;
margin-bottom:52px;
}
  	

table.kalender{
    width: 490px;
    text-align: left;
	margin-bottom: 20px;
}

table.kalender td, table.kalender th{
    background-color: #E2E9E2;
	padding: 0 2px 0 2px;
}

table.kalender caption{
    text-align: center;
	font-size: 1.3em;
	font-weight: bold;
} 

span.vrij{
	color:red;
	font-weight:bold;
}

span.disclaimer{
position: relative;
left: -53px;
} 

table.vakantie{
	width: 400px;
	text-align: left;
	margin-bottom: 20px;
}

table.vakantie caption{
    text-align: center;
	font-weight: bold;
} 

table.vakantie td, table.vakantie th{
    background-color: #E2E9E2;
	padding: 0 2px 0 2px;
}

table.vakantie th[scope="row"]
{
    text-align: left;
}	


table.tsop{
	width: 200px;
	text-align: left;
	margin-bottom: 20px;
}

table.tsop caption{
    text-align: center;
	font-weight: bold;
} 

table.tsop td, table.tsop th{
    background-color: #E2E9E2;
	padding: 0 2px 0 2px;
	
}


table.personeel{
	width: 200px;
	text-align: left;
}

table.personeel td, table.personeel th{
    background-color: #E2E9E2;
	padding: 5px 2px 5px 2px;
}


table.mr caption{
	text-align: center;
	font-weight: bold;
} 

table.mr td, table.mr th{
	background-color: #E2E9E2;
	padding: 5px 2px 5px 2px;
}


.ctr{
	text-align: center;
}

.rts{
	text-align: right;
}


table.adressen td, table.adressen th{
	vertical-align:text-top;
	padding: 5px 2px 5px 2px;
}

	
table.lijn{
width: 400px;
text-align:left;
}

table.lijn td, table.lijn th{
border: 1px solid black;
padding: 5px 2px 5px 2px;
}

table.lijn caption{
	text-align: center;
	font-weight: bold;
	padding-bottom: 10px;

} 

a:link {
	color: #009933;
	text-decoration: none;
}
a:visited {
	color: #006633;
	text-decoration: none;
}
a:hover,active {
	color: #FF0000;
	text-decoration: none;
}

img{
	border:0px;
}
img.illustratie1 {
	float:left;
	padding: 5px;
	margin: 2px 5px 10px 0;
	border: 1px solid #999;
	display: inline;
}

img.illustratie2 {
	float:right;
	padding: 5px;
	margin: 2px 0 10px 5px;
	border: 1px solid #999;
	display: inline;
}

img.illustratie3 {
	padding: 5px;
	margin: 5px 5px 10px 5px;
	border: 1px solid #999;
}

img.illustratie4 {
	float:right;
	padding: 5px;
	margin: 2px 0 10px 5px;
	border: none;
	display: inline;
}
img.illustratie5 {
	float:left;
	padding: 5px;
	margin: 2px 0 10px 5px;
	border: none;
	display: inline;
}

/*na foto*/
.nieuw {
	clear:both;
}

ul.ul1 {
	list-style: none;
}

ul.ul2 {
	clear:both;
	float:right;
	list-style:none;
}

ul.ul3 {
	list-style: none;
	margin-top:10px;
	margin-bottom:10px;
}

ul.ul4 {
	list-style: none;
	margin-left: 0px;
	padding: 0px;
}

div.linkbox {
	width:235px;
	float:left;
	text-indent:5px;
	margin-bottom:10px;
	
	font-weight: bold;
	background-color:#669966;
	color:white;
}

div.linkbox ul{
	margin-top:10px;
	padding:5px;
	margin:0;
	list-style:none;
	
	font-weight: normal;
	background-color:#FFFFCC;
	color:black;
}
div#collinks {
	width: 235px;
	padding-right: 20px;
	clear:left;
	float:left;
}

div#colrechts {
	width: 235px;
	clear:right;
	float:left;
}

/*inspringen*/
dt{
font-weight: bold;
}

dd{
padding: 0 0 20px 25px;
} 


.inspringen{
	margin-left:15px;
}

.blok{
    border: 1px dotted #669966;
    background-color: #FFFFCC;
    margin: 15px 25px 15px 25px;
    padding: 5px 15px 10px 15px;
}

.unclear {
    clear:none;
}

#vern {
    background-color:#E2E9E2;
	padding-left: 5px;
	border: 1px solid #999;
	margin: 0 0 5px 5px; 
	font-size: 80%;
	float: right;
	width: 115px;
}

#ko-1 {
    display: inline;
	float: right;
	width: 250px;
}

#ko-2 {
    display: inline;
	float: left;
	width: 210px;
	font-size:80%;
}





ul.hsk{
list-style: none;
margin:30px 0 0 75px;
}

li.hsk{
display: inline;
padding: 0 3px 0 0;
margin: 0 0 0 3px;
border-right: 1px solid  #000000;
}



/*------------------------------------*/
#nav, #nav ul, #nav ul ul{
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(none.gif) repeat 0 0;

	font-size: 11px;
	font-weight: bold;
}

#nav{
float:left;
z-index:100;
}

#nav li{
/*width: 100px;*/

/*margin-top: 37px;*/
float:left;
position:relative;
}

#nav ul{
position: absolute;
width: 100px;
left: 0px;
top: 70px;

font-size: 11px;
display:none;
text-align:left;

margin-left: 1px;
z-index:101;
}

#nav li li{
width: 100px;
margin-top: 0px;
}

#nav li:hover ul, #nav li.ie_does_hover ul{
display:block;
}

#nav a {
display: block;
text-decoration: none;
padding: 45px 4px 0px 4px;
/*background: url(afbeeldingen/bgli.png) repeat-x;*/
height: 25px;
text-align:left;
/*margin: 1px;*/
}
#nav ul a{
	height:16px;
	padding:2px 4px 3px 4px;
}
#nav a:link, #nav a:visited{/*Links in de blaadjes*/
color: #fff;
}

#nav a:hover, #nav a:active{/*Links in de blaadjes*/
color: #000;
} 

#nav ul a:link, #nav a:visited{/*Links in de submenus*/
background: #D2D2E6;
color: #669966;
}

#nav ul a:hover, #nav a:active{/*Links in de submenus*/
background: #669966;
color: #FFF;
} 



#nav li.info a{
	width:74px;
	background:url(afbeeldingen/info1.png) no-repeat;
}
#nav li.info a:hover{
	background:url(afbeeldingen/info2.png) no-repeat;
}

#nav li.roerdomplaan a{
	width:139px;
	background:url(afbeeldingen/rdln1.png) no-repeat;
}
#nav li.roerdomplaan a:hover{
	background:url(afbeeldingen/rdln2.png) no-repeat;
}

#nav li.bongerd a{
	width:109px;
	background:url(afbeeldingen/bnrd1.png) no-repeat;
}
#nav li.bongerd a:hover{
	background:url(afbeeldingen/bnrd2.png) no-repeat;
}

#nav li.ouders a{
	width:98px;
	background:url(afbeeldingen/ors1.png) no-repeat;
}
#nav li.ouders a:hover{
	background:url(afbeeldingen/ors2.png) no-repeat;
}

#nav li.activiteiten a{
	width:120px;
	background:url(afbeeldingen/act1.png) no-repeat;
}
#nav li.activiteiten a:hover{
	background:url(afbeeldingen/act2.png) no-repeat;
}

#nav li.links a{
	width:110px;
	background:url(afbeeldingen/links1.png) no-repeat;
}
#nav li.links a:hover{
	background:url(afbeeldingen/links2.png) no-repeat;
}

#nav li.info li a:link, #nav li.info li a:visited, #nav li.roerdomplaan li a:link, #nav li.roerdomplaan li a:visited,
 #nav li.bongerd li a:link, #nav li.bongerd li a:visited, #nav li.ouders li a:link, #nav li.ouders li a:visited,
  #nav li.activiteiten li a:link, #nav li.activiteiten li a:visited, #nav li.links li a:link, #nav li.links li a:visited{
  /*Opmaak voor de sub-menu's: normale en bezochte links*/
	width: 100px;
	background: #FFFFCC;
	color: #669966;
}
#nav li.info li a:hover, #nav li.info li a:active, #nav li.roerdomplaan li a:hover, #nav li.roerdomplaan li a:active,
 #nav li.bongerd li a:hover, #nav li.bongerd li a:active, #nav li.ouders li a:hover, #nav li.ouders li a:active,
  #nav li.activiteiten li a:hover, #nav li.activiteiten li a:active, #nav li.links li a:hover, #nav li.links li a:active{
  /*Opmaak voor de sub-menu's: actieve links en mouse-over*/
	width: 100px;
	background: #669966;
	color: #fff;
}
/*------------------------------------*/

.hidden{
	display:none;
}