html, body {
  background-image: url('img/bg.jpg');
  height:100%; 
  height:100%; 
  margin: 0px; 
}

div            { position: relative;  }
img            { border: 0px; }
img.pngfix     { behavior: url(js/iepngfix.htc) }
/* ************************************************************************* container */

div#c_h { /* centreer horizontaal */
	clear:both; /* t.b.v. c_v */
	float:left;
	height:1px;
	width:50%;
	margin-right:-480px; /* de helft van de breedte */
/*  border: 1px solid green;   /* */
}

div#spetters {
  position: absolute; 
  background-image: url('img/spetters.jpg');
  width:100%; 
  height: 191px;
  left: 0px;
  top: 0px;
}

div#rode_streep {
  position: absolute; 
  background-image: url('img/rode_streep.png');
  width:50%; 
  height: 5px;
  right: 0px;
  top: 110px;
}

div#container {

  width:960px; 
float: left; /* t.b.v */
}

/* **************************************************************************** header */

div#container_header {
  background-color: #FFFFFF; 
  top:     0px; 
  left:   0px; 
  width:100%; 
  height: 151px; 
  text-align: left; 
}

div#headerlogo      {
  position: absolute; 
  top:    40px; 
  left:  19px;
  width: 941px; 
  height:  76px; 
  text-align: left; 
}
#album {
  position: absolute; 
  top: 0px;  
  left: 320px;  
  width: 640px; 
  height: 151px;
  overflow:hidden;
}
/* ****************************************************************************** menu */

div#container_nav {

  background-image: url('nav/bg-nav.jpg');
  width: 100%; 
  height:  40px;
  left: 0px;
  text-align: center;
}

div#menubg {
  position: absolute; 
  top:   154px; 
  left:   0px; 
  width:1004px; 
  height:  58px; 
  text-align: left;
}

/* **************************************************************************** content */

div#content_left {
  float: left;
  background-image: url('img/bg-content_left.jpg');
  background-repeat: repeat-x;
  background-color: #f32735;
  height: 300px;
  width: 320px;
  top: 0px;
  left: 0px;
}

#album2 {
  top:  10px;  
  left:  20px;  
  width: 280px; 
  height: 210px; 
  overflow:hidden;
}

div#contentleft2 {
  top:   15px; 
  left:  25px; 
  width: 280px; 
  height: 30%; 
  overflow-x: hidden; 
  overflow-y: hidden; 
}

div#container_content{
  float: left;
  left: 0px;
  width: 640px;
  height: 300px;
  background-color: #FFFFFF;
}

div#content {
  position: absolute; 
  top:   15px; 
  left: 35px; 
  width: 600px; 
  height: 54%; 
}

div#bottom_filler {
	clear: both;
	height: 50px /* height #bottom + extra ruimte*/
/*   border:1px solid blue; /* */
}

/* **************************************************************************** bottom */

div#container_bottom {
  background-image: url('img/bg-bottom.jpg'); 
  clear: both;
  left:   0px; 
  width:100%; 
  height:  40px; 
  text-align: left; 
  overflow: hidden;
}

div#bottom1 {
  position: absolute; 
  top: 15px; 
  left:  20px; 
  width: 900px; 
  height: 24px;  
  text-align: left;
}

div#bottom1 a {
  color: #FFFFFF;
}

div#bottom2 {
  position: absolute; 
  top: 15px; 
  right: 20px; 
  width: 100px; 
  height: 24px;  
  text-align: right;
}

/* ************************************************************************ old crap!? */

div#headerfoto {
  position: absolute; 
  top:     0px; 
  left:   0px; 
  width: 850px; 
  height: 194px; 
  text-align: left;
}

div#titlesmall {
  position: relative; 
  top:-140px; 
  left: 0px;  
  width: 190px; 
  height:  38px; 
  text-align: center; 
  border-bottom: 1px solid #66696e; 
}

div#titlewide {
  position: absolute; 
  top: 224px; 
  left: 0px;   
  width: 848px; 
  height:  28px; 
  text-align: left; 
  border: 1px solid #66696e 
}

div.titlewide {
  background-color: #ff4302; 
}

div#spacesmall {
  position: relative; 
  top:   0px; 
  left: 0px;   
  width: 200px; 
  height:  8px; 
  text-align: left; 
}

div.spacesmall {
  background-color: #ffffff; 
}

div#contactform {
  position: relative; 
  top:  10px; 
  left: 10px;  
  width: 600px; 
  height: 400px; 
  text-align: left; 
}

#contactform label {
  width: 145px;
  float: left;
  text-align: left;
  line-height: 16px;
  margin: 5px 1px 5px 0px;
/* background: #888888; */
}
#contactform input, textarea {
  margin: 3px auto;
}