/* CSS Document */
html {
	}
body {
	font-family: verdana,  "Trebuchet MS", verdana, Helvetica, sans-serif;
	background: #999966;
	margin-top: 0px;
	}


/*startpagina*/
.opmerking{
	font-size: 8px;
	padding: 0px 20px;
	text-align:center;
	color: #999999;
	margin-top: 0px;
	}

.auteur{
text-align:right;
font-weight:bold;
font-size:8px;}

/* nieuws */
.nieuwstmb{
	height: 80px;
	margin-top: 10px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 2px dotted #339999;
}

.nieuws{
	padding: 5px 5px 0px 5px;
	height: 90px;
	margin-bottom: 2px;
	margin-left: 10px;
	}

.nieuws2{
	padding: 0px;
	text-align: left;
	}
	
.nieuws a{
	margin-left: 0px;
}
	
.nieuws2 a{
	margin-left: 0px;
	}

.nieuws a:hover{
	text-decoration:underline;
	}

.nieuws2 a:hover{
	text-decoration:underline;
	}
	
.meer{
	text-decoration: none;
	font-weight: bold;
	}
.meer:hover{
	text-decoration: underline;
}



/* afbeeldingen */
.boxtxt {
	float: left;
	font-style: italic;
	margin: 5px 10px 0px 0px;
	width: 300px;
	padding: 5px 10px;
	background: #E2E8EF;
	}
.boxlft {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
.boxmiddel {
	float: left;
	width: 500px;
	margin: 5px 20px 0px 20px;

	}
.boxrt {
	float: right;
	margin: 5px 0 0 0;
	padding: 0px 0 0 5px;
	}
	
	
/*wordt gebruikt als de foto in landscape staat*/
.foto{
	width: 160px;
	padding: 0px 7px;
}
/*wordt gebruikt als de foto in portrait staat*/
.foto2{
	height: 55px;
	border: none;
	padding: 0px;
}
.foto4{
	width: 300px;
	padding: 0px 7px;
	}
.foto8{
	width: 260px;}

.foto6{
	padding-top: 10px;
	padding-bottom: 10px;
	width:420px;
	}

.fotogroep{
	background:#E2EFE8;
	margin-top: 18px;
	border: 1px solid #339999;
	padding: 10px;
}	


h1 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	color: #336699;
	font-size: 12px;
	margin: 0px 20px;
	padding: 5px 0px 14px 10px;
	letter-spacing: 2px;
	background: #E2E8EF;
	text-align: center;
}
h2{
	font-family: "Century Gothic", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding: 10px 20px 10px 0px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
	background-color: #B23D2B;

	height: 40px;
	margin-top: 0px;
	border-bottom: #CC3300 5px solid;
}
h3 {
	font-size: 13px;
	margin: 18px 0 0 16px;
	color:#B23D2B;
	text-align: left;
	border-left: 15px solid  #B23D2B;
	padding-left: 5px;
	}
h4 {
	margin: 12px 0 0 0;
	font-size: 12px;
	text-align: left;
	margin-left: 18px;
	color: #99CC33;
	}
h5{
	background-color: #99CC33;
	font-size: 12px;
	padding: 3px;
	margin-bottom: 0px;}

.aankondiging{
	display:none;
	}
	
/*aankondiging voor zij die geen flash hebben*/
.aankbis{
display: none;
position: absolute;
top: 3px;
left: 220px;
width: 130px;
height:70px;
background-color:#6666CC;
padding: 20px;
font-size: 11px;
color:#FFFFFF;
z-index: 4;
}

/*aankondiging foto geen kader*/
.aankf{
	border: none;}
	
/*top*/
.top{
margin-bottom: 0px;
}


.flash{
	text-align:center;
	padding: 0px;
	padding: 5px;
	}

/*bovenste gedeelte*/
.menutop{
	height: 20px;
	border-style: none;
	background: #99CC33;
	text-align: right;
	color:#FFFFFF;
}
.menutop a{
	padding: 5px;
	padding-right: 13px;}

.menutop a:hover{
	text-decoration: none;
	color:#FFFFFF;
	background: #B23D2B;
	}




.heading {
	border-style: none;
	margin-left: 0px;
	padding: 0px;
/*	background:url(../pic/at.jpg) no-repeat;*/
/*	height: 105px; */
	}

.datum{
	text-align: right;
	color:#339999;
	}


/*Linkergedeelte*/
.menulinks{
	margin-top: 0px;
	padding: 0px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align: top;
	border-style: none;
	color: #E2EFEF;
	background: #99CC33;
	}

.menulinks h4 {
	display:block;
	margin: 5px 0px 1px 0px;
	padding: 3px;
	font-size: 12px;
	border-left: 12px solid #B23D2B;
	color: #B23D2B;
}

.titel{
	background:#B23D2B;
	font-size: 14px;
	margin-top: 0px;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	}
	
.menulinks a{
	display:block;
	font-size: 11px;
	padding: 3px 0px 3px 8px;
	color: #333333;
	}
	
.menulinks a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background: #CC7722;
}

.menuinfo{
	background: #99CC33;
	padding-bottom: 5px;
}

.menubso{
	margin-top: 0px;
	background: #99CC33;
	padding-bottom: 5px;

	}

.menutso{
	margin-top: 0px;
	background: #99CC33;
	padding-bottom: 5px;
	}

/*Grote blok met de inhoud*/
.inhoud {
	padding: 0px;
	vertical-align: top;
	border-style: none;
	width: 774px;
	padding-bottom: 18px;
	background:#FFFFFF;
	}
p{
	font-size: 11px;
	line-height: 18px;
	margin: 6px 10px 0px 10px;
	text-align: justify;
	padding: 0px 10px 0px 10px;
	}




/*onderste*/
.footer{
	border-style: none;
	background: #B23D2B;
	height: 300px;
	}

.logo{
	border: none;
	height: 60px;
	padding: 3px;
	}


/*allerhande foto's*/
.pfoto{
	text-align:center;
	width: 712px;
	background:#E2EFE8;
	margin-top: 18px;
	border: 1px solid #339999;
	padding: 10px;
	}

ul{
	margin: 6px 10px 0px 10px;
	text-align:left;
	}
li{
	list-style-type: square;
	font-size: 11px;
	line-height: 18px;
}

.centreer{
	margin: 15px 0px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	}


a{
	text-decoration: none;
	border: none;
	color:#000000;
	}
a:hover{
	text-decoration:underline;}

em{
	font-style: italic;
	font-weight:bold;
	}

.info{
	text-align:center;}


/*layout van de tabel*/
table{
	margin: 10px 6px 0px 20px;
	border: 1px solid #999999;
	width: 90%;
	font-size:10px;
	}

td {
	text-align: center;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
th {
	text-align: center;
	border-right: 1px solid #CCCCCC;
	line-height: 16px;
}

.nadruk{
	background: #CCCCCC;}
.vak{
	text-align: left;
	padding: 2px 10px;
	}

.graad{
	font-weight: bold;
	
}
.leerjaar{
	width: 50px;
	}
.rubriek{
	line-height: 16pt;
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
	background-color:#CCCCCC;
	color: #333333;
	}




/*cheklist*/

.checklist{
	font-size: 13px;
	text-align:left;
}

.checklist td{
	text-align:left;
	padding: 5px;
}

.kot{
	width: 15px;
	line-height: 14px;
	text-align: center;}

.cr{
	font-size:7px;}

.gtabel{
	border: none;
	margin-top: 0px;
	border-collapse: collapse;
	width: 1024px;
	border-style: none;
}

.gcel{
	vertical-align: top;
	}

.scheiding {
	text-align: center;
	padding: 8px 0px 4px 0px;}



/*JAVAMENU*/
.lowText, a.lowText:link, a.lowText:visited, a.lowText:active, a.lowText:focus {
 color: #000000;
 font: 11px "Trebuchet MS", Arial, sans-serif;
 text-align: left;
 text-decoration: none;
 font-weight:bold;
}

.highText, a.highText:link, a.highText:visited, a.highText:active, a.highText:focus {
 color: #000000;
 font: 11px Arial, sans-serif;
 text-align: left;
 text-decoration: none;
  font-weight:bold;
}


/* Borders used by some items */

.itemBorder {
 border: 1px solid #666666;
}
.itemBorderBlank {
 border: 1px solid #CCCCDD;
}

/* The "button" demo menu styles, as used by the "File-Reopen" menu. Delete if not using */

.buttonText, a.buttonText:link, a.buttonText:visited, a.buttonText:active, a.buttonText:focus {
 text-decoration: none;
 color: #FFCC99;
 font: Bold 12px Arial, Helvetica;
}
.buttonHover, a.buttonHover:link, a.buttonHover:visited, a.buttonHover:active, a.buttonHover:focus {
 text-decoration: none;
 color: #99CCFF;
 font: Bold 12px Arial, Helvetica;
 padding: 1px;
}
.buttonBorder {
 border: 1px outset #339966;
}
.buttonBorderOver {
 border: 1px inset #CC9966;
}