body{
  background-color: #fffaf0;
  font: 9pt verdana, sans-serif;
}

pre{
  color: purple;
  font-weight: bold;
}

body.flits {
  background-color: #ffffff;
}

h1 {
  font-size: 20pt;
  font-weight: bold;
}

h2 {
  font-size: 16pt;
  font-weight: bold;
}

h3 {
  font-size: 12pt;
  font-weight: bold;
}

h4 {
  font-size: 10pt;
  font-weight: bold;
}

h5 {
  font-size: 9pt;
  font-weight: bold;
}

h6 {
  font-size: 8pt;
  font-weight: bold;
}

div#centering-container{
  margin-top: 10px;
  width: 880px;
  position: absolute;
  left: 50%;
}

div#container{
  position: absolute;
  left: -440px;
  width: 100%;
  border: 1px solid #999900;
}

div#header{
  width: 100%;
  margin-bottom: 10px;
}

div#bannercontainer{
  padding: 0px;
  margin-top: 0px;
}

div#headbanner{
  height: 80px;
  width: 100%;
  clear: both;
  background-image: url('../images/banner.jpg');
}

div#titellinks, div#titelrechts{
  width: 410px;
  height: 100%;
  font: 35px "Edwardian Script ITC", Vivaldi, "Lucida sans", sans-serif;
  font-weight: bold;
  color: #7b8700;
  float: left;
  text-align: center;
  vertical-align: middle;
  padding-top: 20px;
  margin-bottom: -20px;
}

div#titellinks{
  margin-right: 50px;
}

div#headlogo{
  position: absolute;
  left: 390px;
  top: -10px;
}

div#ticker{
  padding: 5px;
}

div#ticker a{
  text-decoration: none;
  color: black;
  font-weight: bold;
}

div#tickerlinks{
  width: 390px;
  float: left;
  text-align: left;
}

div#tickerrechts{
  width: 390px;
  float: right;
  text-align: right;
}

div#blokjes{
  background-image: url('../images/subbanner.jpg');
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 0px;
  padding-top: 15px;
  width: 100%;
  position: relative;
  clear: both;
  height: 99px;
}

div#blokjes2{
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 0px;
  width: 100%;
  position: relative;
  clear: both;
  height: 86px;
}

div#blokjes div img, div#blokjes2 div img{
  border: 1px solid black;
  padding: 5px;
}

div#blokjes div{
  float: left;
  height: 110px;
  padding: 3px;
}

div#blokjes2 div{
  float: left;
  height: 110px;
  padding: 3px;
}

div#blokjes div#laatste, div#blokjes2 div#laatste{
  float: right;
}

div#blokjes2 div#tweede a{
  color: white;
  text-decoration: none;
  font-size: 14pt;
  top: -10px;
  left: 16px;
  padding: 1px;
  position: relative;
  background-image: url('../images/menuknopje_background.jpg');
}

div#blokjes div#derde{
  margin-left: 115px;
}

div#blokjes div#midden{
  font-size: 10px;
  text-align: center;
  font-family: "Times New Roman",sans-serif;
  position: absolute;
  width: 100px;
  left: 255px;
  top: 40px;
  margin-left: 115px;
}

div#blokjes2 div#derde{
  margin-left: 46px;
}

div#blokjes2 div#tweede img, div#blokjes2 div#derde img{
  height: 86px;
  width: 190px;
}

div#blokjes div#laatste, div#blokjes div#eerste, div#blokjes2 div#laatste, div#blokjes2 div#eerste{
  width: 170px;
  text-align: center;
}

div#blokjes div#eerste{
  margin-right: 30px;
}

div#blokjes2 div#eerste{
  margin-right: 0px;
}

div#blokjes div#tweede, div#blokjes div#derde, div#blokjes2 div#tweede, div#blokjes2 div#derde{
  font-size: 19pt;
  color: #003300;
  font-family: "Times New Roman", sans-serif;
  font-weight: bold;
}

div#blokjes2 div#tweede, div#blokjes2 div#derde{
  padding: 0px;
}

div#blokjes2 div#laatste{
  text-align: left;
  font-size: 9pt;
  color: black;
  font-weight: bold;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 0px;
  width: 166px;
  height: 76px
}

div#blokjes2 div#laatste a{
  color: red;
  text-decoration: none;
}

div#header2 div{
  float: left;
}

div#contactleft, div#contactright{
  background-color: #dde3c7;
  width: 170px;
  padding: 10px;
  padding-top: 3px;
  padding-bottom: 17px;
  height: 80px;
  font-size: 11pt;
  font-family: "Times New Roman", sans-serif;
  font-weight: bold;
  background-image: url('../images/background-adres.jpg');
}

div#fotobreed{
  width: 500px;
}

div#contactleft{
  text-align: right;
}

div#contactleft address{
  border-right: 1px solid #333333;
  padding-right: 7px;
}

div#contactright address{
  border-left: 1px solid #333333;
  padding-left: 7px;
}

div#contactleft address, div#contactright address{
  font-style: normal;
}

div#contactleft address a, div#contactright address a{
  text-decoration: none;
  color: black;
}

div.horzmenu{
  background-image: url('../images/horzmenu_background.jpg');
  padding: 2px;
  height: 10px;
  background-color: green;
  margin-top: 10px;
}

div.horzmenu#topper{
  margin-top: 0px;
}

div.horzmenu ul{
  list-style-type: none;
  position: relative;
  top: -15px;
  left: 160px;
}

div.horzmenu ul li{
  float: left;
  margin-right: 100px;
}

div.horzmenu ul li a{
  text-decoration: none;
  font-weight: bold;
  font-size: 7pt;
  color: #333333;
}

div#menulinks, div#menurechts{
  margin-top: -10px;
  width: 190px;
}

div#menulinks, div#menurechts, div#nieuws{
  float: left;
}

div#nieuws{
  width: 478px;
  padding: 5px;
  margin-left: 5px;
  border-left: 1px solid #999900;
  border-right: 1px solid #999900;
  margin-right: 5px;
  margin-top: -10px;
  padding-top: 0px;
}

div#nieuws div.nieuwsblok h2{
  font-size: 10pt;
  text-decoration: underline;
}

div#nieuws div.nieuwsblok p{
  text-align: justify;
  color: #333333;
}

div#nieuws div.nieuwsblok img{
  border: 1px solid #999900;
  margin: 3px;
  padding: 3px;
  float: left;
}

div#nieuws div.nieuwsblok{
  background-color: #ffffee;
  padding: 4px;
  margin-bottom: 15px;
}

div#menulinks ul, div#menurechts ul{
  list-style-type: none;
  position: relative;
  left: -40px;
  top: -10px;
  width: 100%;
  margin-bottom: -7px;
}

div#menulinks ul h5, div#menurechts ul h5{
  color: white;
  background-image: url('../images/menuknopje_background.jpg');
  height: 16px;
  padding: 4px;
  text-transform: uppercase;
  font-family: "Times New Roman", sans-serif;
  margin: 0px;
}

div#menulinks ul li a, div#menurechts ul li a{
  display: block;
  padding: 4px;
  height: 16px;
  color: black;
  text-decoration: none;
  font-weight: bold;
  background-image: url('../images/menuknopje_sub_background.jpg');
}

div#menulinks ul li a:hover, div#menurechts ul li a:hover{
  background: none;
  background-color: #c7d786;
}

div#content{
  float: left;
  top: 0px;
  position: relative;
  width: 100%;
  margin-left: 0px;
  margin-bottom: 20px;
}

div#footer{
  height: 30px;
  width: 100%;
  clear: both;
  background-image: url('../images/banner.jpg');
  font: smaller verdana, sans-serif;
  color: #ffffcc;
  vertical-align: middle;
  padding-top: 2px;
  text-align: center;
}

div#footer a{
  color: #ffffcc;
  text-decoration: none;
  font: smaller verdana, sans-serif;
}

div#footer span#active{
  font-size: 18pt;
  font-weight: bold;
}

div#copyright, div#disclaimer{
  font-size: 7pt;
  color: #666666;
  margin-top: 3px;
  margin-bottom: 3px;
}

div#copyright{
  float: left;
  text-align: left;
}

div#disclaimer{
  float: right;
  text-align: right;
}

div#disclaimer a{
  color: #666666;
}

div.formulier{
  color: #555555;
  background-color: #ffffff;
  padding: 7px;
  border: 1px solid #555555
}

div.formulier fieldset{
  border: none;
  width: 410px;
  float: left;
  margin-top: 5px;
}

div.formulier div.dualformcontainer{
  width: 410px;
  float: left;
  margin: 0px;
}

div.formulier div.dualformcontainer fieldset{
  width: 100%;
}

div.formulier legend{
  font-weight: bold;
}

div.formulier em{
  border: 1px dotted #cccccc;
  display: block;
  margin-bottom: 2px;
}

div.formulier h5 {
  font-weight: normal;
  margin-bottom: 2px;
}

div.formulier label, div.formulier div.clear{
  width: 180px;
  margin-right: 20px;
  display: block;
  float: left;
  margin-bottom: 3px;
}

div.formulier div.alignright {
  text-align: right;
  margin-right: 24px;
}

div.formulier select,
div.formulier textarea,
div.formulier input[type="text"],
div.formulier input[type="submit"],
div.formulier input[type="reset"],
div.formulier input[type="password"]{
  background-color: #ffffdd;
  width: 180px;
  margin-bottom: 3px;
  height: 14px;
  font-size: 10px;
  border: 1px solid #999999;
}

div.formulier span.button {
  display: block;
  position: relative;
  float: left;
  width: 105px;
  font-size: 95%;
}

div.formulier div.multiple {
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  width: 210px;
}

div.formulier textarea{
  height: 190px;
  width: 384px;
}

div.formulier input[type="file"]{
  border: 1px solid black;
  width: 200px;
  height: 20px;
  background-color: #ffffdd;
  margin-left: 60px;
  margin-bottom: 3px;
}

div.formulier input[type="submit"], div.formulier input[type="reset"]{
  font-weight: bold;
  height: 20px;
  padding-bottom: 1px;
}

div.formulier input[type="text"], div.formulier select, div.formulier input[type="password"]{
  clear: right;
}

div.formulier input[type="text"].error,div.formulier select.error, div.formulier input[type="password"].error{
  border: 1px solid #FF6347;
}

div.formulier input[type="text"], div.formulier input[type="password"]{
  padding: 2px;
  font-weight: bold;
}

div.formulier input[type="checkbox"]{
  margin-left: 0px;
  margin-right: 10px;
}

div.formulier select{
  width: 186px;
  height: 20px;
}

div.formulier div#errorveld{
  width: 100%;
  margin-bottom: 3px;
}

div.formulier span.sterretje{
  color: red;
  font-weight: bold;
}

div.formulier .lichtblokje{
  background-color: #dddddd;
}

div.formulier .witblokje{
  background-color: #ffffff;
}

div.formulier div#knoppen{
  width: 100%;
  clear: both;
  padding-top: 5px;
}

div.formulier div#knoppen.center{
  text-align: center;
}

div.vragenblok label{
  width: 180px;
  margin-right: 20px;
  display: block;
  float: left;
  margin-bottom: 3px;
  clear: left;
}

div.vragenblok div.binnenvragen div{
  clear: both;
}

div#menu{
  margin-top: 0px;
}

div#menu ul.themamenu{
  float: left;
}

div#menu ul.menuitemthema{
}

div#menu ul.menuitemthema li.headertje{
  font-size: 7pt;
}

div#menu ul{
  width: 155px;
  padding: 0px;
  list-style-type: none;
  margin-right: 21px;
  left: 6px;
  position: relative;
}

div#menu div.item{
  float: left;
}

div#menu ul li{
  width: 160px;
}

div#menu ul a{
  display: block;
  height: 17px;
  width: 100%;
  background-color: #c7d786;
  background-image: url('../images/matrix_linkitem.jpg');
  color: black;
  text-decoration: none;
  padding-left: 5px;
  margin-bottom: 1px;
  font-weight: bold;
  font-size: 8pt;
  padding-top: 3px;
}

div#menu ul a:hover{
  background-image: none;
}

div#menu li.beeldscherm{
  height: 100px;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  width: 163px;
}

div#menu li.beeldscherm div.image{
  z-index: 1;
  left: 2px;
  top: 2px;
  position: relative;
  height: 65px;
  width: 115px;
}

div#menu li.beeldscherm div.image img{
  height: 95px;
  width: 160px;
}

div#menu li.beeldscherm div.beeldschermtekst{
  color: white;
  font-weight: bold;
  z-index: 2;
  width: 100%;
  text-align: center;
  position: relative;
  left: 0px;
  top: -22px;
}

div#menu li.headertje{
  width: 100%;
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-right: 2px;
  background-image: url('../images/matrix_headertje.jpg');
  color: white;
  margin-bottom: 1px;
  font-weight: bold;
  font-size: 9pt;
  text-transform: uppercase;
  font-family: "Times New Roman", sans-serif;
}

div#menu option.allowed{
  font-weight: bold;
}

div#menu li.zoeken a{
  background-image: url('../images/matrix_zoeken.jpg');
  color: white;
  padding: 2px;
  padding-left: 3px;
  height: 16px;
}

div#menu li.zoeken a:hover{
  background-image: url('../images/matrix_zoeken.jpg');
}

span.loadhover{
  border: 1px solid black;
  padding: 2px;
  background-color: #04640d;
  color: white;
  font-weight: bold;
}

select.matrixdrop{
  width: 165px;
  height: 21px;
  font-size: 9pt;
}

div.bedrijf{
  width: 100%;
  height: 127px;
}

div.bedrijf div{
   float: left;
   height: 100%;
   padding-left: 2px;
}

div.bedrijf div.foto{
   width: 202px;
   padding-left: 0px;
   margin-left: -8px;
   text-align: center;
}

div.bedrijf div.foto img{
  border: 1px solid #000000;
  padding: 2px;
/*
  width: 180px;
  height: 120px;
*/
}

div.bedrijf div.gegevens{
  width: 306px;
  border-right: 1px solid #000000;
}

div.bedrijf div.gegevens dl{
  margin-top: 0px;
}

div.bedrijf div.gegevens dl dt{
  float: left;
  width: 100px;
  color: #003366;
  font-variant: small-caps;
}

div.bedrijf div.gegevens dl dd{
  font-weight: bold;
}

div.bedrijf div.gegevens a{
  color: red;
  text-decoration: none;
}

div.bedrijf div.kenmerken{
  width: 187px;
}

div.bedrijf div.kenmerken ul{
   position: relative;
   top: -14px;
   left: -22px;
   color: #003366;
   font-weight: bold;
}

div.bedrijf div.kenmerken a{
   color: #003366;
   text-decoration: none;
}

div.bedrijf div.kenmerken a:first-letter{
  text-transform: uppercase;
}


div.links{
  width: 181px;
  margin-left: 1px;
}

div.links ul{
  position: relative;
  top: -14px;
  left: -41px;
  list-style-type: none;
  width: 100%;
}

div.links ul a{
  display: block;
  height: 17px;
  width: 100%;
  background-image: url('../images/links.jpg');
  color: #66cc00;
  text-decoration: none;
  padding-left: 5px;
  margin-bottom: 1px;
  font-weight: bold;
  font-size: 8pt;
}

div.links ul a.allowed{
   color: #fffffe;
}

div.links ul a:hover{
  background-image: none;
  background-color: #990000;
}

div.links ul a.allowed:hover{
  background-image: url('../images/knopje.jpg');
}


table#zoekresultaten, table#forumindex{
  border: 1px solid black;
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 40px;
}

table#zoekresultaten caption, table#forumindex caption {
  font-style: italic;
  font-weight: bold;
  font-size: 120%;
  text-align: left;
  margin-top: 30px;
}

table#zoekresultaten td, table#forumindex td{
  padding: 2px;
}

table#zoekresultaten col#naam {
  width: 50%;
}

table#zoekresultaten col#plaats {
  width: 25%;
}

table#zoekresultaten col#branche {
  width: 25%;
}

table#forumindex col#forum {
  width: 50%;
}

table#forumindex col#topiccount {
  width: 22%;
}

table#forumindex col#lastpost {
  width: 28%;
}

table#zoekresultaten tr.hover:hover,table#forumindex tr.hover:hover{
  background-color: #ffffee;
}

table#zoekresultaten tr.hover:hover td,table#forumindex tr.hover:hover td{
  border: 1px dotted black;
  padding: 1px;
}

table#zoekresultaten tr.hover td a,table#forumindex tr.hover td a{
  display: block;
  width: 100%;
  height: 100%;
  color: #000001;
  text-decoration: none;
}

div.clearboth {
  clear: both;
  visibility: hidden;
  height: 0px;
}

div#nieuws h1{
  margin: 0px;
  margin-top: 4px;
}

div#nieuws div#formnieuwsbrief{
  margin-top: 20px;
}

div#nieuws div#formnieuwsbrief label{
  margin-right: 20px;
  color: #003300;
}

div#nieuws div#formnieuwsbrief select,
div#nieuws div#formnieuwsbrief input[type="text"],
div#nieuws div#formnieuwsbrief input[type="submit"],
div#nieuws div#formnieuwsbrief input[type="reset"]{
  width: 200px;
  border: 1px solid black;
  margin-bottom: 2px;
  padding: 2px;
  font-weight: bold;
}

div#nieuws div#formnieuwsbrief input[type="submit"],
div#nieuws div#formnieuwsbrief input[type="reset"]{
  width: 150px;
  cursor: pointer;
}

div#nieuws div#formnieuwsbrief h3{
  margin: 0px;
  margin-top: 5px;
  color: #003300;
  font-weight: bold;
  font-size: 12pt;
}

div#nieuws div#formnieuwsbrief a{
  color: red;
  text-decoration: none;
}

div#nieuwsbrief{
  margin: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div#nieuwsbrief h1{
  font-size: 14pt;
}

div#nieuwsbrief p{

}

div.knopjes {
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
}

div.vragenblok {
  padding-left: 4px;
}

div.vragenblok label {
  font-style: italic;
}

div#menulinks ul li a#nb:hover, div#menurechts ul li a#nb:hover{
  background: none;
  background-color: #ff0000;
}