/*  achtergrond */
body {background-color: #F3F3F3;}

/* opmaak van de links */
a { text-decoration:none;}
a:hover {background-color: #CCCCCC;}	

/* container */
#container {

	text-align: left;
	position:relative;
/*	margin: 0px auto;   */
	padding: 0px;
	border:solid 1px;
	width: 900px;
background-image:url(images/bg.gif);
background-repeat:repeat-y;
overflow: hidden;
}

/* links */
#links {float:left;  width:200px;}
/* rechts */
#rechts  {float:right;  width:220px;}
/* midden */
#midden {float:left; width:460px; padding:10px;}     /* breedte = minus 2x padding */

/* header */
#header {position:relative; height:120px; width: 100%; top:0px; background-image:url(images/logo_nieuw.png);}	

/* Footer */
#footer { float:left;  width:900px;  background-color: #294449; font: 9px verdana; color:#efefef; text-align: center;}

/* de titel/datum-layer */
#titdat {position: absolute; top:80px; left: 270px; width:300px; height:20px; font: bold 11px arial; color:#FFFFFF; text-align:center;}

/* de reclame-banner in de header */
#reclame {float:right; padding:1%; vertical-align:middle;}

	  
/* de layout van de artikelen */
.feature{font: 13px verdana; line-height:15px;  text-align:left;}
	.feature h1{text-align: left; font: bold 16px  arial; line-height:20px; margin-top:0px; margin-bottom: 0px; color: #CA0000; }
	.feature h2{text-align: left; font: bold 18px arial; line-height:25px; margin-top: 5px; margin-bottom: 5px; color:#CA0000; }
	.feature h3{background-color: #eaeaea; font:13px verdana;margin-bottom: 3px;}      /*alleen voor commentaren */
	.feature img{float: left; padding: 0px; margin-right: 7px; margin-top: 5px; margin-bottom:2px; }
	.feature .voet{font: italic 11px verdana;}		  
	
	
/* het commentaar-formulier */
.commentform {-moz-border-radius: .3em .3em .3em .3em; border:1px solid silver; background-color: #eaeaea;}
	.commentform  TH{background-color: #294449; font:bold 13px arial; color:#FFFFFF;}
	.commentform  .waarschuwing {font:10px verdana;}
	.commentform .normaal {font:12px verdana;}
	
/* layout van het menu  */	
#navigation {font: 11px verdana; width:100%;  background-color: #eaeaea;   list-style-type:none; margin: 5px 0 5px 0;}
#navigation  span { background: #294449; display:block; height:16px; padding:3px 8px 2px 0; color:#FFF; font-weight:bold; text-align:center; font-size:10px;}
#navigation  a {display:block; text-decoration:none; min-height:16px; text-align:left; margin-left:3px; color:#333333; border-bottom: solid 1px #B6B7B7;}
#navigation  a:hover {color: #FF0000;}	

/*  layout van de blokken */
.blokdiv { width:100%; background-color: #eaeaea; border:1px solid #D6CECE; font: 13px verdana; padding:0 0 10px 0; margin:5px 0 5px 0;  }
	.blokdiv .location { margin:10px 0 0 9px;}
	.blokdiv .title { font: bold  10px verdana; color:#FFF; background-color: #294449; line-height: 16px; text-align: center; margin:0 0 10px 0; padding:2px 12px 2px 12px; }	
	

	
	
/* de layout van de poll */
.poll {-moz-border-radius: .3em .3em .3em .3em;width:175px; border: 1px solid; border-color:#003366; padding:3px; font-family: verdana;background-color:#F9F9F9;}
	.poll TH {font: bold 12px; text-align:center;}
   	.poll TD.ask {font:11px; color: #000066; text-align:center;background-color:#FfFfFf; border-bottom:1px solid; border-color: #003366;   }
	.poll TD.answer { text-align:left; margin-left:5px; font-size:10px;}
	.poll img {#F0F0F0; text-align: center; }		
	.poll TD.perc { text-align:right; font-size:10px;}
	
/* het contact-formulier */
.contactform {-moz-border-radius: .3em .3em .3em .3em; border-style:solid; border-width:thin; background-color:#eaeaea; }
	.contactform TH { background-color:#294449; font: bold 13px verdana; color: #FFFFFF; }
	.contactform TD.waarschuwing {font: bold 12px verdana; color: #FF0000; }
	.contactform TD.normaal {font: 12px verdana; }

/*   layout messages */
.msg {-moz-border-radius: .3em .3em .3em .3em; border:1px solid silver; background-color: #F7F6F4;}
.msg th {background-color: #294449; vertical-align:middle; font:bold 14px arial; color:#FFFFFF; }
.msg td {background-color:#F3F3F3; text-align:center; font:13px arial; padding:5px;}	

/* Een standaard-div  */
.sdiv{ -moz-border-radius: .3em .3em .3em .3em; border:1px solid silver; padding:5px; background-color: #F7F6F4; font:12px verdana;}
.sdiv  .header1 {font:bold 18px arial ; color:#CC0000;}

	/* de layout van het zoekformulier */
.zoeken {-moz-border-radius: .3em .3em .3em .3em;border-style:solid; border-width:thin; width:70%; background-color: #eaeaea; }
	.zoeken TH{font: bold 13px arial; background-color:#294449; color:#FFFFFF;}
	.zoeken TD{font:bold 12px arial;}
	
/* Een standaard tabel (grijs) */
.tab {-moz-border-radius: .3em .3em .3em .3em; border:1px solid silver; background-color: #F7F6F4;}
.tab th {background-color: #294449; font:bold 13px arial; text-align:center; color:#FFFFFF; }
.tab td {background-color:#F3F3F3; font:13px arial; text-align:right; padding-right:10px;}	
	
	/* de layout van de paginering */
div.pagination {font:12px verdana; padding: 3px; 	margin: 3px;}
div.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #294449; text-decoration: none;  color: #000099;}
div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #294449; font-weight: bold; background-color: #294449; color: #FFF;	}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #888888; color: #888888;}