*
{
  margin: 0;
  padding: 0;
}

body
{
  color: #000;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
  font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
  background-color: #FFF;
}

a,
a:link,
a:active,
a:visited
{
  text-decoration: underline;
  color: #FFF;
}

a:hover
{
  text-decoration: none;
}

a:focus
{
  outline: none;
}

img
{
  border: 0;
}

h2
{
  color: #FFF;
}

/* #####################  P A G E  ##################### */

#page
{
  margin: 0 auto 0 auto;
  padding: 0;
  width: 800px;
  display: block;
}

#header
{
  margin: 0;
  padding: 0;
  height: 97px;
  width: 800px;
  background-image: url(images/menu_bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

#header h1
{
  margin: 0;
  padding: 0;
  height:  97px;
  width: 514px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  float: right;
  clear: both;
  text-indent: 9999px;
  background-position: left top;
  background-repeat: no-repeat;
}

#header h1.h1_grijs
{
  background-image: url(images/h1_grijs.gif);
}

#header h1.h1_paars
{
  background-image: url(images/h1_paars.gif);
}

#header h1.h1_groen
{
  background-image: url(images/h1_groen.gif);
}

#header h1.h1_oranje
{
  background-image: url(images/h1_oranje.gif);
}


#footer
{
  margin: 0;
  padding: 0;
  height: 29px;
  width:  800px;
  background-color: #FFF;
}

/* #####################  C L A S S E S  ##################### */

.clear
{
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  display: block;
  height: 0;
  width: 0;
}

/* #####################  K O L O M M E N  ##################### */

#kolommen
{
  margin: 0;
  padding: 0;
  width: 800px;
  display: table;
  position: relative;
}

.kolom 
{
  width: 800px;
  display: block;
  background-position: left top;
  background-repeat: repeat-y;
}

.kolom_grijs
{
  background-image: url(images/kolombg_grijs.gif);
  background-repeat: repeat-y;
}

.kolom_paars
{
  background-image: url(images/kolombg_paars.gif);
  background-repeat: repeat-y;
}

.kolom_groen
{
  background-image: url(images/kolombg_groen.gif);
  background-repeat: repeat-y;
}

.kolom_oranje
{
  background-image: url(images/kolombg_oranje.gif);
  background-repeat: repeat-y;
}

#linkerkolom
{
  margin: 0;
  padding: 0;
  width: 178px;
  float: left;
  text-align: right;
  clear: none;
}

#midden
{
  margin: 0;
  padding: 0;
  width: 352px;
  float: left;
  display: block;
}

#rechterkolom
{
  margin: 90px 0 20px 0;
  padding: 0;
  width: 10px;
  float: left;
  clear: none;
  display: block;
}

#inhoudkolom
{
  margin: 0;
  padding: 0;
  width: 622px;
  float: left;
  display: table;
  clear: none;
}

/* ######################  C O N T E N T  ########################## */

#main
{
  margin: 0;
  padding: 0;
  text-align: right;
  float: left;
}

#content
{
  margin: 40px 0 0 0;
  padding: 0 15px 0 45px; /* 20px 15px 0 45px */
  width: 280px;
  min-height: 200px;
}

#titel
{
    margin: 30px 0 0 0; /* 30px 20px 30px 0 */
    padding: 0 15px 0 0;
    color: #FFF;
    font-family: 'Cuprum', arial, sans-serif;
    font-size: 2.4em;
    text-transform: lowercase;
}

.table
{
	margin: 0;
	padding: 0;
	height: 145px;
}

/* ##################### F O T O B O E K ######################## */

#fotogallerij
{
  margin: 0 0 0 40px;
  padding: 0;
  float: left;
}

#fotoboek
{
  margin: 0;
  padding: 0;
  width: 450px;
}

#fotoboek ul
{
  float: left;
  display: inline;
  clear: none;
}

#fotoboek li
{
  float: left;
  display: inline;
  clear: left;
}

div.childscontainer ul.thumbs li
{
  margin: 0;
  padding: 0;
  height: 100px;
  text-align: center;
}

div.thumbscontainer ul.thumbs li
{
  margin: 0;
  padding: 0;
  width: 140px;
  height: 100px;
  text-align: center;
}

div.childscontainer ul.thumbs li p,
div.thumbscontainer ul.thumbs li p
{
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 11px;
}

#fotosheader
{
  margin: 15px 0 5px 0;
  padding: 0;
  width: 326px;
  text-align: left;
  float: left;
  clear: both;
}

#fotoshome,
#fotoshome div.thumbscontainer
{
  margin: 0;
  padding: 0;
  width: 326px;
  text-align: left;
  background-color: #FFF;
  display: block;
  float: left;
  clear: both;
}

#fotoshome div.thumbscontainer ul.thumbs li
{
  width: 60px;
}

#fotoshome div.thumbscontainer ul.thumbs li a img.thumbnail
{
  width: 100%;
  height: 100%;
}

#fotosfooter
{
  margin: 5px 0 0 0;
  padding: 0;
  width: 326px;
  text-align: right;
  display: block;
  float: left;
  clear: both;
}

#ul.thumbs li
{
  margin-right: 15px;
}

/* #####################  M E N U  #################### */

#menu
{
    margin: 0;
    padding: 0;
    width: 140px;
}

#menu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 140px;
}

#menu ul li
{
  margin: 0;
  padding: 0;
  width: 140px;
}

#menu ul li.first
{
  margin: 0;
  padding: 20px 0 0 0;
}

#menu ul li a
{
 margin: 0;
 padding: 22px 0 2px 0;
 width: 140px;
 color: #FFF;
 display: block;
 font-family: 'Cuprum', arial, sans-serif;
 font-size: 14px;
 line-height: 19px;
 letter-spacing: 0;
 text-decoration: none;
 font-weight: normal;
 border-bottom: 1px solid #FFF;
}

#navlogo_grijs
{
margin: 0;
padding: 0;
height: 206px;
width: 140px;
background-image: url(images/nav_logo_grijs.gif);
background-position: left top;
background-repeat: no-repeat;
}

#navlogo_oranje
{
margin: 0;
padding: 0;
height: 206px;
width: 140px;
background-image: url(images/nav_logo_oranje.gif);
background-position: left top;
background-repeat: no-repeat;
}

#navlogo_paars
{
margin: 0;
padding: 0;
height: 206px;
width: 140px;
background-image: url(images/nav_logo_paars.gif);
background-position: left top;
background-repeat: no-repeat;
}

#navlogo_groen
{
margin: 0;
padding: 0;
height: 206px;
width: 140px;
background-image: url(images/nav_logo_groen.gif);
background-position: left top;
background-repeat: no-repeat;
}

/* ########################## F O R M U L I E R E N ######################## */

table.formulier
{
  margin: 0;
  padding: 0;
  display: block;
}

table.formulier tbody tr th,
table.formulier tbody tr td
{
  margin: 0;
  padding: 0 0 4px 0;
  text-align: left;
  vertical-align: top;
}

.checkbox
{
  margin: 0 1em 0 0;
  padding: 0;
}

.tekstveld
{
  color: #000;
  margin: 4px;
  padding: 4px;
  font-size: 12px;
  font-weight: normal;
  width: 300px;
  border: 1px solid #999;
}

textarea.tekstarea
{
  color: #000;
  margin: 0;
  padding: 4px;
  font-size: 12px;
  font-weight: normal;
  font-family: "Verdana",Arial,Helvetica,san-serif;
  width: 300px;
  border: 1px solid #999;
}

.submitbuttongroen
{
  color: #FFF;
  margin: 0;
  padding: 4px 10px 4px 10px;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #9db21f;
  background-color: #9db21f;
}

.submitbuttonrood
{
  color: #FFF;
  margin: 0;
  padding: 4px 10px 4px 10px;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #d62314;
  background-color: #d62314;
}

.submitbuttongeel
{
  color: #FFF;
  margin: 0;
  padding: 4px 10px 4px 10px;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #D2B723;
  background-color: #D2B723;
}

.submitbuttonpaars
{
  color: #FFF;
  margin: 0;
  padding: 4px 10px 4px 10px;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #191970;
  background-color: #191970;
}

.diensten
{
  line-height: 30px;
}

/* #####################  F O O T E R  ##################### */

#footer
{
  left: 0;
  margin: 0;
  padding: 0;
  width:  800px;
  display: block;
}

#balk
{
  padding: 0;
  margin: 0;
  height: 7px;
  width: 800px;
  background-color: #e3e3e3;
}
  
#footertekst
{
  padding: 0;
  margin: 0;
  top: 0;
  width: 800px;
  text-align: center;
  margin: 0;
  color: #666;
}

#footertekst a,
#footertekst a:link,
#footertekst a:active,
#footertekst a:visited
{
  color: #666;
  text-decoration: none;
}

#footertekst a:hover
{
text-decoration: underline;
}