/*** Algemene opmaak tags ***/
* {
  margin: 0px;
  padding: 0px;
}

body {
  background-image: url(images/background_tile.jpg);
  font-family: Verdana, Arial, sans-serif; 
  font-size: 16px;
  color: #333;
}
 
a img { border: 0px; }
a { text-decoration: underline; line-height: 1.4em; }


/*** Span class's ***/
.hidden { text-indent: -9000px; display: none;}
.center { margin: 0 auto; text-align: center;}


/*** Site Container ***/
#container {
  background-image: url(images/wrapper.jpg);
  background-repeat: repeat-y;
  width: 928px;
}


/*** Header ***/
#logo { 
  width: 928px;
  height: 150px;
  background-image: url(images/header_up.jpg);
  background-repeat: no-repeat; 
}
#logo h1 { 
  text-indent: -5000px;
}

 
/*** Menu ***/
#navlist {  
  position: absolute;
  top: 150px;
  left: 0px;
}

#navlist ul {
  list-style: none;
}
#navlist li {
height: 32px;
  /*margin-bottom: 6px;*/
}
#navlist li a {
  height: 20px;
  padding: 5px 6px;
  background: #FFF;  
  color: #666;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 18px;
  font-weight: bold;
}
 
#navlist li a:hover {
  color: #000;
  background: #ECE9D8;
}

#navlist li .active {
  color:  #d43a22;/*#666;*/
  background: #FFF;
  border-left: 9px solid #ECE9D8;
} 

#navlist li a:hover.active {
  color: #666;
  background: #ECE9D8;
  border-left: 9px solid #ECE9D8;
}


/*** Content ***/
#content { 
  background-image: url(images/header_under.jpg);
  background-repeat: no-repeat; 
  background-position: top left;
  display: block;
  padding-left: 200px;
  padding-right: 24px;
  padding-top: 25px;
  /*padding-top: 75px;*/  
}

#content a { 
  color: #d43a22; 
  /*font-weight: bold;*/
}

#content a:hover { 
  color: #ffbf52; 
  /*font-weight: bold;*/
 }
 
#content p {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.4em; 
  font-size: 0.7em;
  text-align: justify; 
  color: #333;
}

#content h2 {
  text-indent: 220px;
  color: #222;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
}

#content h2 .benadrukt {
  font-size: 1.2em;
}

#content h3 {
  clear: both;
  color: #222;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

#content h4 {
  text-indent: 20px;
  color: #222;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}

#content .images {
  text-align: center;
  margin: 0 auto; 
  margin-bottom: 20px; 
}

#content img {
  margin: 0px 3px;
}

#content .imagesFloat {
  float: left;
  text-align: left;
  margin: 0 auto;
  margin-right: 10px;
  margin-bottom: 10px; 
}



#content ul {
  list-style: none;
  text-align: justify; 
  font-size: 0.7em;
  color: #333;
}

#content ol {
  margin-left: 25px;
  font-size: 0.7em;
  text-align: justify; 
  color: #333;
}
#content ol li {
  margin-bottom: 6px;
}

#content ol li ol {
  font-size: 1em;
}

dt {
  text-indent: 20px;
  color: #222;
  letter-spacing: 0.1em;
  margin-top: 5px;
  margin-bottom: 5px;
}

dd {
  font-size: 0.7em;
  margin-bottom: 5px;
}

/*** Downloads thumbs ***/

div.downloads {
  text-align: left;
  margin-bottom: 6px;
}
div.downloads a:hover { 
  border-bottom: 1px solid #d43a22;
}


/*** Formulier tags ***/
#content fieldset {
  border: 1px dotted #999;
  padding: 10px 10px;
  margin-bottom: 10px;
}

#content fieldset legend {
  color: #222;
  font-weight: bold;
  font-size: 0.8em;
  font-variant: small-caps;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}

#content label {
  float: left;
  width: 200px;
  margin-left: 10px;
  font-family: Verdana; 
  font-size: 0.7em; 
  color: #222;
  font-weight: bold;

}

#content label.labRadio {
  width: 20px;
  float: none;
  margin-left: 2px;
  margin-right: 6px;
  vertical-align: top;
}

#content input {  
  width: 228px;
  margin-bottom: 10px; 
  font-family: Verdana; 
  font-size: 0.7em; 
  padding: 3px; 
  color: #333; 
  border: 1px dotted #AAA;
  background-color: #F2F2F2;
}

#content input.radio { 
  width: 1em;
  vertical-align: top;
  background-color: #EBEBEB;
  border: 0px;
}

#content textarea {
  border: 1px dotted #AAA; 
  width: 232px;
  height: 100px;
  background-color: #F2F2F2;
  font-family: Verdana; 
  font-size: 0.7em; 
  margin-bottom: 10px;
}

#content input.button { 
  width: 140px;
  margin-left: 220px;
  background-color: #999;
  border-width: 2px;
}

div.msg {
  display: inline;
  color: #d43a22;
  font-size: 12px;
  vertical-align: top;
}
 
/***Footer***/
#footer {
  clear: both;
  background-image: url(images/bottom.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  margin-top: 30px;
  padding-left: 200px; /* 183px;*/
  padding-right: 24px; /*8px;*/
  
  /* aanpassen voor nieuwe bottom border */
  padding-bottom: 5px;
  font-size: 0.7em;
  text-align: center;
  color: #666;

 }
 
#footer p {
  border-top: 1px dotted #444;  
  padding-top: 5px;
  padding-bottom: 5px;
  color: #666;
}
 
#footer a { 
  text-decoration: none;
  color: #666;
}
 
#footer a:hover { 
  color: #d43a22;
}
  

/*** Sponsorblok ***/
#adBlock {
  display: block;
  font-size: 0.7em;
  position: absolute;
  top: 0px;
  left: 975px;
  width: 160px;
  color: #FFF;
}

#adBlock img {
  float: left;
  margin-left: 2px;
  margin-bottom: 2px; 
  margin-top: 2px;
  border: 2px solid #ECE9D8;
}