p.groot{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
}

p.kleiner{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 60%;
} 

p.normaal{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 75%;
}

h2{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
}

p.klok{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
color: #000;
font-weight: bold
}

span.datum{
float: right;
padding: 0 5px 0 0;
margin: -15px 5px 0 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
} 

span.menu_datum{
float: right;
padding: 0 5px 0 0;
margin: -20px 5px 0 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
} 

span.menu_datum1{
float: right;
padding: 0 5px 0 0;
margin: -18px 10px 0 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
} 

img.links{
float: left;
padding: 5px;
margin: 5px 5px 0 0;
background: #999;
border: 1px solid #999;
} 

img.rechts{
float: right;
padding: 5px;
margin: 5px 0 5px 15px;
background: #999;
}

p.uitlijnen{
text-align: justify;
}

#box1{
text-align: left;
width: 99%;
height: 25px;
background: #c0c0c0 url(image/link_c.gif) repeat-x;
margin: 5px 0 0 0;
padding: 0 0 0 10px;
}

#box2{
text-align: center;
font-weight: bold;
width: 99%;
height: 20px;
background: #c0c0c0 url(image/link_aa.gif) repeat-x;
margin: 5px 0 10px 0;
padding: 2px 0 0 10px;
}

#box3{
text-align: center;
font-weight: bold;
width: 95%;
height: 20px;
background: #c0c0c0 url(image/link_aa.gif) repeat-x;
margin: 5px 0 10px 0;
padding: 2px 0 0 10px;
}

#box4{
text-align: left;
width: 65%;
height: 25px;
background: #c0c0c0 url(image/link_c.gif) repeat-x;
margin: 5px 0 0 0;
padding: 0 0 0 10px;
}
#boxtest{
text-align: center;
font-weight: bold;
width: 99%;
height: 25px;
background: #c0c0c0 url(image/link_aa.gif) repeat-x;
margin: 5x 0px 0px 0px;
padding: 0px 0px 0px 10px;

}
#boxrechts{
text-align: left;
width: 99%;
height: 25px;
background: #c0c0c0 url(image/link_c.gif) repeat-x;
margin: 5px 0 0 0;
padding: 0 0 0 5px;
}

#textbox{
text-align: left;
font-weight: normal;
width: 99%;
height: 20%;
background: #FFF;
border: 1px solid orange;
/*border: 1px solid #FFF;*/
/*border-right: 5px #646464;*/
/*border-bottom: 5px #646464;*/
/*margin: 5px 0 10px 0;*/
padding: 10px 5px 10px 5px;
}

#textbox_geel{
text-align: left;
font-weight: normal;
width: 99%;
height: 20%;
/*background: #FFFF99;*/
background: #fdfacd;
border: 1px solid orange;
/*border: 1px solid #FFF;*/
/*border-right: 5px #646464;*/
/*border-bottom: 5px #646464;*/
/*margin: 5px 0 10px 0;*/
padding: 10px 5px 10px 5px;
}

#textbox_nb{
text-align: left;
font-family: arial;
font-weight: normal;
height: 1%;
width: 100%;
background: #FFF;
border: 1px solid #ffe100;
/*border: 1px solid #FFF;*/
/*border-right: 5px #646464;*/
/*border-bottom: 5px #646464;*/
/*margin: 5px 0 10px 0;*/
padding: 10px 5px 10px 5px;
}

#textbox1{
text-align: left;
font-weight: normal;
width: 90%;
height: 20%;
background: #FFF;
border: 1px solid orange;
/*border: 1px solid #FFF;*/
/*border-right: 5px #646464;*/
/*border-bottom: 5px #646464;*/

/*margin: 5px 0 10px 0;*/
padding: 10px 5px 10px 5px;
}

p.nav_onder{
/*text-align: center;*/
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
color: #000;
cursor: default;
}

#fotos{
float: left;
width: 95%;
margin: 20px 0 20px 10px;
padding: 2px;

}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #container{
margin: 20px 0 5px 20px;
}

#fotos a:link, #fotos a:visited{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 2px 10px;
border: 1px solid #FCC8C8;
}

#fotos a:hover, #container a:active{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 1px 10px;
border: 1px solid #E20000;
}

/* dit heeft ie nodig anders geeft hij een bottom-pading (??!!??) aan het omsluitende a element */
#fotos img{
float: left;
} 

div.fotolijst{
	float: left;
 	background: url(shadow.png) no-repeat bottom right !important;
 	background: url(shadow.gif) no-repeat bottom right;
 	margin: 10px 7px 0 10px !important;
 	margin: 10px 7px 0 10px;
	}

div.fotolijst img{
 	display: block;
 	position: relative;
 	background-color: #FFF;
 	border: 1px solid #000;
 	margin: -3px 5px 5px -3px;
 	padding: 2px;
 	}