/* CSS Document */

/* HTML elementen ---------------------------------------------------------------------------------- */
body {margin: 0 0 0px 0;padding:0 0 10px 0; font-family:Arial, Verdana, Helvetica, sans-serif;
	  font-size: 80%; height:100%; width:100%; background-color: #f4f7fb;}
td, th {font-size: 80%;}
th {text-align:left; font-weight:bold;}

div { border: none;} 
img {padding:0;	margin:0}
a:link {color: #004fd4; }
a:visited {color:#4A6B85;}
a:hover {color: #229a0f;}
hr {color: #0067b1;	height: 1px;}

/*Homepage-------------------------------------------------------------------------------------------*/
#content_home {position: relative; margin:10px 10px 10px 10px; border:1px solid #a0cf96; background-color:#FFFFFF;}
#container_home1 {position:relative; padding:20px; float:left; width: 220px;}
#container_home2 {position:relative; padding:20px; text-align:right; float:right; width:240px;}
#vulling_home {position: relative; margin:0 10px 0 10px; height:15px; border-left:1px solid #a0cf96; border-bottom:1px solid #a0cf96;border-right:1px solid #a0cf96; background-color:#FFFFFF; z-index:2;}
#hometekst {position:static; margin-left:200px; margin-right:200px; text-align:center; color: #0067b1;}
#content_home h4 {font-family: "Bookman Old Style", Arial, Verdana, Helvetica; color: #0067b1; font-weight:bold; font-style:italic; text-align:center; }
#content_home h4 a:visited {color: #0067b1;}

/* Basis indeling -----------------------------------------------------------------------------------*/
#header {position: absolute; top:0; left:0; padding:10px 0 0 31px; width:100%; height:100px; background-image:url(layout/header.jpg); background-repeat:no-repeat;}
#headerfill {position: relative; height:102px; width:100%; background-image:url(layout/header_fill.gif); background-repeat:repeat-x;}
#topmenu {position: absolute; top:77px; left: 0; width: 100%;}
#linkermenu {position: absolute; top:120px; left:0; width:210px;}

#contentvlak {float:right; padding:20px; margin:0 10px 0px 220px; border:1px solid #a0cf96; background: white url(layout/achtergrond2.gif) no-repeat scroll 2px 200px;}
#container {position: relative; width: 276px; padding:0; margin:0 0 0 20px; float:right;}
#container .foto {width:137px; height:107px; margin:0; background-image:url(layout/schaduw.gif); float:left;}
#container .foto img {width:126px; height:95px; padding:0; margin:0;}

#vulling {position: relative; margin:0 10px 0 220px; height:15px; border-left:1px solid #a0cf96; border-bottom:1px solid #a0cf96;border-right:1px solid #a0cf96; background-color:#FFFFFF;}
#titel {position: relative; padding:0; margin:10px 10px 0 235px; background-color:#f4f7fb; height:30px;}
#titel h1 {font-family: "Bookman Old Style", Arial, Verdana, Helvetica; font-style:italic; font-size:150%; margin:5px; color: #004fd4;}

/*top menu -----------------------------------------------------------------------------------------*/
#topmenu ul { margin: 0; padding: 0; float:left; width:100%;} 
#topmenu li {display: inline; }
#topmenu a { padding:4px 20px 3px 20px; height:100%; float:left; font-weight: bold; color: white; text-decoration: none; font-size:14px;}
/* #topmenu a:hover {text-decoration:underline; background-color:#448b00; color: white; } */
#topmenu a:hover {background-image:url(layout/actief_menu.jpg); background-repeat:repeat-x; color: #448b00;}
#topmenu .actiefitem {background-image:url(layout/actief_menu.jpg); background-repeat:repeat-x; color: #448b00;}  

/*linker menu -----------------------------------------------------------------------------------------*/
#linkermenu ul {margin:0 5px 0 0; padding:0 0 0 13px; list-style-type: none; }
#linkermenu a {padding: 8px 4px 8px 0; display: block; font-weight: bold; font-size:110%; width: 100%; color: #004fd4; text-decoration: none;}  
#linkermenu a {padding-left:14px; }
#linkermenu a:hover {text-decoration:underline; color: #229a0f;}
#linkermenu a.actiefitem {color:#229a0f; background: transparent url(layout/bullet.gif) no-repeat scroll left center;} 

/*Content vlak -----------------------------------------------------------------------------------------*/
.foto {padding:0; margin-bottom:20px; }
.thumbnailcontainer { padding:0; margin:0; width:100%;}
.thumbnail { float: left; padding: 0 .8em .5em 0; margin:0; }
.thumbnail img {border: 1px solid #0067b1;}
.thumbnail a:hover img {border: 1px solid #229a0f;}
.thumbnail .caption {width: 350px; height: 2.5em; padding-top: 4px; text-align:center;} 
.thumbnail a:hover .caption {cursor:hand; } /* anders is het een text-cursor ipv handje*/

#contentvlak ul {list-style-type:none; padding-left:0; margin-left:0;}
#contentvlak li {padding-left:30px; background:transparent url(layout/bullettekst.gif) no-repeat scroll 12px 3px; }