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

body, p, h1, h2, h3,h4, ul,ol, li, div, td {
margin:0;padding:0;
font-family:Arial, Helvetica, sans-serif;
}
body {
background-color:#eeeeee;
}
#container {
position:relative;
width:890px;
background-color:white;
overflow:hidden;
padding:0px 10px;
margin:0 auto 0 auto;
}
#banner {
background-color:#3b5997;
overflow:hidden;
}
#nav {
padding-top:5px;
height:30px;
background-color:#E7E7E7;
}
#topfoto {
background-color:#005EA8;
overflow:hidden;
}
#sl {
position:relative;
height:35px;
font-weight:bold;
font-size:13px;
background-color:#E7E7E7;
color:#464A7D;
text-align:center;
font-style:italic;
letter-spacing:1px;
}
#sl span {
position:absolute;
top:10px;
left:300px;
}
#inhoud {
clear:both;
margin-top:-5px;
}
#links {
width:260px;
margin-left:10px;
float:left;

}
#midden {
float:left;
width:360px;
margin-top:27px;
overflow:hidden;
}
#m {
float:left;
width:600px;
margin:0 0 0 10px;
overflow:hidden;
}
#rechts {
width:260px;
margin:0;
float:right;
}
#onder {
clear:both;
background-color:#89b5dc;
}
#onder img {
display:block;
}
#einde {
clear:both;
}
h2 {
color:#768AA5;
font-size:14pt;
}
h3 {
color:#999999;
font-size:12px;
font-variant:small-caps;
}
h4 {
color:#768AA5;
font-size:14px;
font-weight:bold;
margin-top:10px;
margin-left:10px;

}
#links h4,#rechts h4 {
background:url(smile--button.jpg) no-repeat top left;
padding-left:35px;
line-height:30px;
}
#rechts h4 a {
color:#768AA5;
text-decoration:none;
	
}
#rechts h4 a:hover {
color:#3b5997;
text-decoration:underline;
}
h2.title {
color:#768AA5;
font-size:12pt;
background:url(smile--button.jpg) no-repeat top left;
padding-left:35px;
line-height:30px;
}
p, #inhoud li{
color:#555555;
font-size:10pt;
}
#links p {
color:#aa8c7a;
font-weight:600;
margin-left:25px;
}
#wbe p {
color:white;
font-weight:bold;
padding:10px 15px 15px 10px;
line-height:22px;
}
#midden #wbe p a {
color:white;
text-decoration:underline;
}
#midden #wbe p a:hover {
color:#cccccc;
}
#inhoud ul,#inhoud ol {
margin-left:20px;
margin-bottom:10px;
}
#posted p, #paginate p{
color:#333333;
font-size:9pt;
}
h1, h2, h3, #midden p, #m p {
padding:0 15px 10px 10px ;
}
#inhoud a {
color:#333399;
}
#inhoud #midden a:hover {
color:#3b5997;
text-decoration:none;
}
#inhoud h2 a {
color:#768AA5;
text-decoration:none;
}
#inhoud h2 {
margin-top:10pt;

}
#inhoud m h2 {
margin-top:0;
}
#inhoud h4 {
margin-bottom:10pt;
}
#inhoud h4 a {
color:#768AA5;
text-decoration:none;
}
.wzw a {
color:#768AA5;
padding-left:50px;
font-variant:small-caps;
}
#links p.wzw a:hover {
color:#3b5997;
text-decoration:none;
}

#inhoud .paginate a {
text-decoration:none;
}
#onderwijs  {
width:252px;


}
#onderwijs ul {
margin-left:30px;
}
#onderwijs p {
clear:both}

#onderwijs li {
width:90px;
height:90px;
float:left;
list-style-type:none;
}


#onderwijs .ond a {
display:block;
text-decoration:none;
color:white;
line-height:90px;
font-size:14px;
font-weight:bold;
text-align:center;
background:url(k.gif) no-repeat ;

}
#onderwijs .ond a:hover {
	background-color:#CCCCCC;
}
.abl{
	background:url(abl.gif) no-repeat;
	height:12px;
	overflow:hidden;
}
.aml{
	background:url(aml.gif) repeat-y;
	border-top:#f5f5f5 solid 1px;
	width:255px;
}
.aol{
	background:url(aol.gif) no-repeat ;
	height:11px;
	overflow:hidden;
}
#wb {
	height:44px;
	background:url(wb.jpg) no-repeat;
}
#wbe {
	background:url(wbe.jpg) no-repeat 0px bottom;
	padding-bottom:5px;
}
.mb{
	background:url(mb.gif) no-repeat;
	height:16px;
	overflow:hidden;
}
.mm{
	background:url(mm.gif) repeat-y;

}
.mbe{
	background:url(mbe.gif) no-repeat;
	height:26px;
	overflow:hidden;
}

/*navigatie */
#navigatie{
	margin-top:15px;
	height:25px;
	/*border-bottom:#00CC66 3px solid;
	border-top:#00CC66 3px solid;*/
}
#hmenu {
	margin: 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: small-caps;

}
#hmenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	border-right:white 2px solid;
	
}
#hmenu ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	position: absolute;
	left: -9000px;
	z-index: 10000;
	
}
#hmenu a {
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	color: #005EA8;
	line-height:1;
	
}
#hmenu a:hover, #hmenu a:active, #hmenu a:focus {
	background-color: #005EA8;
	color: #FFFFFF;
}
#hmenu .verberg {
	left: -9000px;
}
#hmenu .toon {
	left: auto;
	z-index: 20 !important;
}

#hmenu ul li {
	float: none;
}
#hmenu ul, #hmenu ul li {
	width: 172px;
	border-right:none;
}

/* Kalender */
.calendarToday {
background-color: antiquewhite;
border-color: #BF7B00;
border-width: 1px 0 1px 0;
border-style: solid;
}

.calendarCell {
border-color: #eeeeee;
border-width: 1px 0 0 0;
border-style: solid;
}

.row-on {
background-color: #f2f9f9;
}

.row-off {
background-color: #faffff;
}

.we {
	background-color:#DDDDDD;
}

#m .calendarMonthLinks img , .entry img {
border-style:none;}


td {
	vertical-align:top;
	padding:5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #5D5D5D;
	font-weight: lighter;
}
#inhoud #m #kal td {
border-style: none;
}
#fotos {
	padding:10px;
}
#fotos a {
	text-decoration:none;
	padding:5px;
}
#fotos img {
	border-style:none;
	background-color:#cccccc;
	padding:3px;
}
#banner img {
	border-style:none;
	}
#fotos img:hover {
	background-color:#3b5997;
}
/* Extra links*/
#links p.ldo {
	color:#89b5dc;
	font-size:11pt;
}
#links hr {
	background-color:#89b5dc;
	width:200px;
	margin:5px 15px 5px 25px;
}

#inhoud table.mijn {
border-collapse:collapse;
}
#inhoud table.mijn td {
border:none;
vertical-align:top;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
}
#inhoud table td {
border:#a5a7c8 2px solid;
vertical-align:top;
font-family:Arial, Helvetica, sans-serif;
}
#inhoud #m a:hover {
	color:#3b5997;
	text-decoration:none;
}
#zoeken {
height:45px;
padding-left: 10px;
margin-top:29px;
background:url(zoek.gif) no-repeat ;
}
#zoeken p {padding-top:13px;}

#zoeken .submit {
background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#3B5997;
	border-style: none;
	font-weight:600;
	padding:1px;
}

#rechts a img {
	border-style:none;
}
#hdatum {
position:absolute;
right:50px;
top:20px;
color:white;
font-size:14px;
}
