body {
  background: #444444;
  padding: 19px 0;
  font-family: verdana, arial, helvetica;
  font-size: 11px;
}

/* ----------------------------------------------------------------------------------------------------------------------- indeling */

#wit {
 clear: both;
 margin: 0 auto;
 padding: 0;
 background-color: #FFF;
 width: 980px;
}

#container {
 margin: 0 auto;
 padding: 0;
 background: #FFF url("/gfx/c-top.png") left top no-repeat;
 width: 910px;
}

#container2 {
 margin: 0;
 padding: 0 14px;
 background: url("/gfx/c-voet.png") left bottom no-repeat;
 width: 880px;
}

#header {
 height: 30px;
 min-height: 30px;
 width: 880px;
 margin: 0;
 padding: 0;
}

#home {
  display: block;
  height: 59px;
  width: 350px;
  float: left;
  margin: 0;
  padding: 0;
}

div#home h1 a {
   background: url(/gfx/logomettekst.png) no-repeat 0; 
   display: block;
   margin: 12px 0 0 4px;
   height: 41px;
   text-indent: -999em;
   text-decoration:none;
}

#zoek {
  display: block;
  width: 160px;
  height: 21px;
  padding: 30px 5px 0 365px;
  margin: 0;
  float: left;
}

#fotovak {
  clear: both;
  width: 880px;
  background: url("/gfx/foto.png") top left no-repeat;
  height: 173px;
  margin: 0;
  padding: 0;
}

#topmenu {
  width: 100%;
  background: url("/gfx/menubalk.png") top left no-repeat;
  height: 51px;
  margin: 0;
  padding: 0;
}  

#topmenu-fp {
  width: 100%;
  background: url("/gfx/menubalkfp.png") top left no-repeat;
  height: 51px;
  margin: 0;
  padding: 0;
}  

#handig {
  width: 202px;
  height: 30px;
  margin-top: 12px;
  margin-right: 24px;
  font-size: 11px;
  font-weight: bold;
  float: right;
  text-align: center;
} 

#menu-links {
  float: left;
  width: 219px;
  background: url("/gfx/bgmenulinks.png") top left no-repeat;
  margin: 0;
  padding: 20px 0 0 2px;
  min-height: 355px;
  height: 355px;
  border-top: 1px solid #CCC;
}

#content {
  float: left;
  width: 410px;
  background: url("/gfx/bgcontent.png") top left no-repeat;
  margin: 0;
  padding: 10px 14px 25px 14px;
  line-height: 1.6em;
  text-align:justify;
}

#content-fp {
  float: left;
  width: 631px;
  background: url("/gfx/bgcontentfp.png") top left no-repeat;
  margin: 0;
  padding: 10px 14px 25px 14px;
  line-height: 1.6em;
  text-align:justify;
  min-height: 355px;
  height: 355px;
}

#rechts {
  width: 204px;
  float: left;
}

#handige_content {
  width: 184px;
  background: url("/gfx/bghandige_content.png") top left repeat-y;
  padding: 0 8px 16px 10px;
}

#verwant {
  width: 202px;
  margin: 20px 0 0 0;
  padding: 0;
}

#reclame {
  width: 202px;
  margin: 30px 0 0 0;
  padding: 0;
}

#footer-cr {
  float: left;
  height: 50px;
  padding: 0 0 0 5px;
  width: 400px;
  font-family: "trebuchet ms";
  font-size: 11px;
}

#footer-links {
  height: 50px;
  float: right;
  padding: 0 5px 0 0;
  width: 470px;
  font-family: "trebuchet ms";
  text-align: right;
}

/* ----------------------------------------------------------------------------------------------------------------------- vormgeving menubalk */

a.topmenu, a:visited.topmenu {
  font-family: verdana;
  background: none;
  width: auto;
  float: left;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  margin-top: 17px;
  padding: 0 16px;
  height: 14px;
  color: #FFF;
  border-right: 2px solid white;
}

a:hover.topmenu, a:active.topmenu {
  color: #adc9df;
}

a.topmenu-laatste, a:visited.topmenu-laatste {
  font-family: verdana;
  background: none;
  width: auto;
  float: left;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  margin-top: 17px;
  padding: 0 16px;
  height: 14px;
  color: #FFF;
}

a:hover.topmenu-laatste, a:active.topmenu-laatste {
  color: #adc9df;
}

/* ----------------------------------------------------------------------------------------------------------------------- vormgeving menu links */

a.menu-links, a.menu-links:visited {
  display: block;
  height: 22px;
  width: 197px;
  border-top: 1px solid #CCC;
  text-decoration: none;
  padding: 5px 0 0 20px;
  color: #000;
}

a.menu-links:hover, a.menu-links:active  {
  background: url("/gfx/menu-actief.png") top left no-repeat;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

a.menu-links-laatste, a.menu-links-laatste:visited {
  display: block;
  height: 22px;
  width: 197px;
  border-top: 1px solid #CCC; 
  border-bottom: 1px solid #CCC;
  text-decoration: none;
  padding: 5px 0 0 20px;
  color: #000;
}

a.menu-links-laatste:hover, a.menu-links-laatste:active {
  background: url("/gfx/menu-actief.png") top left no-repeat;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

a.menu-links-laatste-active, a.menu-links-laatste-active:visited, a.menu-links-laatste-active:hover, a.menu-links-laatste-active:active {
  display: block;
  height: 22px;
  width: 197px;
  border-top: 1px solid #CCC; 
  border-bottom: 1px solid #CCC;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 0 0 20px;
  color: #000;
}

a.menu-links-active, a.menu-links-active:visited, a.menu-links-active:hover, a.menu-links-active:active {
  display: block;
  height: 22px;
  width: 197px;
  border-top: 1px solid #CCC; 
  text-decoration: none;
  font-weight: bold;
  padding: 5px 0 0 20px;
  color: #000;
}

/* ----------------------------------------------------------------------------------------------------------------------- vormgeving links handige paginas*/

a.handige_content, a:visited.handige_content {
  display: block;
  width: 184px;
  font-size: 10px;
  text-decoration: none;
  color: #000;
  padding-top: 16px;
}

a:hover.handige_content, a:active.handige_content {
  color: #FFF;
  text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------------------- vormgeving links verwante diensten*/

h4.verwant {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #223f5d;
  border-bottom: 2px solid #223f5d;
  padding: 0 0 6px 6px;
  margin: 0 0 4px 0;
}

a.verwant, a:visited.verwant {
  display: block;
  background: url("/gfx/bgverwant.png") top left no-repeat;
  width: 168px;
  height: 30px;
  font-size: 10px;
  text-decoration: none;
  color: #000;
  padding: 0 24px 0 6px;
}

a:hover.verwant, a:active.verwant {
  color: #223f5d;
  text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------------------- zoeken */

.zoeken {
  display: block;
  height: 21px;
  line-height: 21px;
  padding: 0;
  margin: 0;
}

.input {
  display: block;
	border: 1px solid #1A3451;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
  padding: 2px 0 0 4px;
  height: 17px;
  width: 130px;
  line-height: 17px;
  float: left;
}

.knop {
  display: block;
	background-image: url(/gfx/zoekknop.png);
  height: 21px;
  line-height: 21px;
  width: 21px;
	margin: 0 0 0 -4px;
	border: 0;
  float: left;
}
  
/* ----------------------------------------------------------------------------------------------------------------------- typegrafie */

#content p, #content-fp p{
  margin-top: 0;
}

#content h1, #content-fp h1{
  color: #223f5d;
  font-size: 18px;
  font-weight: bold;
  margin: 18px 0 14px 0;
}

#content h2, #content-fp h2 {
  color: #223f5d;
  font-size: 16px;
  font-weight: bold;
  margin: 14px 0 12px 0;
}

#content h3, #content-fp h3 {
  color: #223f5d;
  font-size: 14px;
  font-style: oblique;
  margin: 12px 0 8px 0;
}

#content h4, #content-fp h4 {
  color: #223f5d;
  font-size: 12px;
  font-weight: bold;
  margin: 16px 0 14px 0;
}

#handig p {
  margin: 9px 0 0 10px;
  color: #FFF;
}
  
#reclame h4 {
  text-align: center;
  color: #223f5d;
  font-family: "Trebuchet MS";
  font-size: 11px;
  font-style: italic;
  margin-bottom: 10px;
}

ul#content, ul#content-fp {
  list-style-position: inside;
  list-style-type: circle;
  color: #223f5d;
}

a, a:visited {
  text-decoration: none;
  color: #295d94;
}

a:hover, a:active {
  text-decoration: underline;
}

table {
  border: 1px solid #223f5d;
  background: #ededed;
}

td {
  border: 0px;
  padding: 6px;
  margin: 0;
  vertical-align: top;
  line-height: 1.4em;
}

a:link.f-l, a:active.f-l, a:visited.f-l {
  text-decoration: none;
  color: #000;
}

a:hover.f-l {
  text-decoration: underline;
}

img {
  border: 0;
}


/* ----------------------------------------------------------------------------------------------------------------------- verwijzingen*/

a.link_onder, a:visited.link_onder, a:active.link_onder {
  display: block;
  width: 409px;
  height: 22px;
  border-bottom: 1px solid #dedede;
  background: url(/gfx/pijl_verwijzingen410.png) no-repeat;
  text-decoration: none;
  color: #000;
}

a:hover.link_onder  {  
  background: url(/gfx/pijl_verwijzingen410.png) no-repeat;
  color: #223f5d;
  text-decoration: none;
}  

h5.link_onder {
  height: 22px;
  border-bottom: 1px solid #dedede;
  font-family: "Trebuchet MS";
  font-size: 14px;
  font-weight: bold;
  color: #818181;
  padding: 0;
  margin: 0;
}  

/* ----------------------------------------------------------------------------------------------------------------------- breadcumbs */

#pad {
  color: #C3C3C3;
  float: right;
  font-weight: bold;
  font-size: 0.9em;
  padding: 156px 23px 0 0;
  margin: 0;
}

#pad a, #pad a:active, #pad a:visited{
  color: #C3C3C3;
  text-decoration: none;  
}

#pad a:hover {
  color: #ADC9DF;
  text-decoration: none;  
}    

/* ------------------------------------------------------------------------------- afwijkende tabellen */

table#contacttabel {
  border: 0px;
  background: #FFF;
}

td.td-wit {
  background: #FFF;
  border-bottom: 1px solid #ededed;
}

/* ------------------------------------------------------------------------------- formulieren */

.errorbox {
  font-family: verdana, arial, helvetica;
  position: relative;
  margin: 0;
  padding-left:5px;
  width: 410px;
  border: 1px solid #FF3333;
  font-size: 11px;
  color: #FF0000;
}

.errorbox b {
  font-family: verdana, arial, helvetica;
  font-size: 11px;
}

.succesbox {
  font-family: verdana, arial, helvetica;
  font-size: 11px;
  padding: 4px;
  margin: 0 0 1em 0;
  color: #259427;
  border: 1px solid #58b75a;
  background-color: #d6ffd7;
  position: relative;
}

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #3971B6;
}