/* CSS document door Dhr. van Eijden */

*{

  margin: 0px;

  padding: 0px;

  border: 0px;
  
	/* Onderstaand moet je maar weer weghalen, het was bij het testen wel fijn om zwarte tekst */
	/* op een witte achtergrond te hebben i.p.v. witte tekst op een witte achtergrond. :-) */
	color: #000000;
	/* Bovenstaand moet je maar weer ... */
}

html,body {

  height: 100%;

  text-align: center;

  background: #B2B4AF;

  font-family: Trebuchet MS;

  font-size: 12px;

  color: #FFF;

}




/* TEXT  - IMAGES */

.butleft { width: 129px; height: 57px; }

.tvakjelinks { width: 127px; height: 23px; }

img.banner { margin: 12px 0 0 0; }

h1 {

  padding: 3px;

  font-family: Tahoma;

  text-align: center;

  font-size: 13px;

  background: #6D6D6D;

}

h2 {

  padding: 1px;

  font-family: Tahoma;

  text-align: left;

  font-size: 11px;

  background: #6d6d6d;

}

h3 {

  padding: 3px;
  font-family: Tahoma;
  color: #6d6d6d;
  text-align: center;
  font-size: 13px;

}

.bottomleft {

  width: 128px;

  height: 9px;

  background: url(img/bottomleft.jpg) no-repeat;

  margin: 0 0 0 1px;

}

.bottomcontent {

  width: 574px;

  height: 9px;

  background: url(img/bottomcontent.jpg) no-repeat;

  margin: 0 0 -9px 0;

}


p {

  color: #000;

  text-align: left;

}

p.image { text-align: center; margin: 7px 0 0 0; }

p.content { font-size: 11px; margin: 10px 17px 16px 17px; }
p.footer { text-align: center; font-size: 11px; margin: 10px 10px 16px 17px; }



/* CONTAINER SETUPS */

#container {

  width: 970px;

  height: auto;

  margin: 0 auto;

}

#kolomcontainer {

  width: 970px;

}

.kolom1 {

  float: left;

  width: 129px;

  height: auto;

  margin: 12px 8px 0 0;

}

.kolom2 {

  float: left;

  width: 574px;

  height: auto;

  background: url(img/contbg.jpg) repeat-y;

  margin: 5px 5px 0 0;

}

.column {
	
	width: 32%;
	float: left;
	text-align: center;
	margin-left: 5px;
	margin-bottom: 15px;
	margin-top: 15px;
	}

.category {
	
	width: 90%;
	border: 1px solid #6d6d6d;
	border-top: none;
	background-color: #d7dad1;
	margin-bottom: 15px;
	padding: 0px;
	text-align: left;
	
	padding-bottom: 5px;
	
	}

.category_title {
	
	width: 100%;
	background-color: #6d6d6d;
	border-top: 1px solid #e8eadd;
	
	height: 16px;
	margin-top: 1px;
	margin-bottom: 5px;
	text-align: center;
	
	}

.link {
	margin-top: 12px;
	margin-left: 5px;
	color: #6d6d6d;

	
	}

a {
	
	color: #6d6d6d;
	text-decoration: none;
	}

a:hover {
	
	color: #6d6d6d;
	text-decoration: underline;

	
	}

.kolom3 {

  float: left;

  width: 249px;

  height: auto;

  margin: 12px 0 0 0;

}

.kolom3 img {

  margin: 5px;

}

  
div.clear
{
	clear: both;
}


/* ELEMENTS SETUPS */

#header {

  width: 970px;

  height: 176px;

  background: url(img/header.jpg);

  margin: 11px 0 0 0;

}

.vakjelinks {

  width: 130px;

  height: auto;

  background: url(img/contleftbg.jpg) repeat-y;

  margin: 9px 0 0 0;

}

.rechtsvakje {

  width: 249px;

  height: 70px;

  background: url(img/rechtsvakje.jpg) repeat-y;

  margin: 0 0 0 0;

}

.banner {
	  margin: 5px 0 0 0;
}

.bottomrechts {

  width: 249px;

  height: 10px;

  background: url(img/bottomright.jpg);

  margin: 0 0 0 0;

}

/* links */