/*----- kleuren -----
#FFFFFF wit
#809D46 donkergroene text       voor groene texten, dit moet iets donkerder zijn dan het andere groen
#9CBF56 donker groen            menu en borders
#B#CE7D lichter groen           voor actieve menus, achtergrond van advertenties
#EBF2DD heel licht groen        voor achtergrond van dropdowns, faq headers
#CC0000 donker rood             voor actieve links
#FDD03  donker geel             voor categorie icoontjes
#C78891 licht beige             voor imagemap van kraj en tekst van breadcrumbs 
#34401D donkergroen             voor de "quote" text in de topbar
*/
/*-----overschrijf browser defaults-----*/
html {

}
body {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: #FFFFFF;
  color: #000000;
  font: 12px Arial, sans-serif;
  text-align: center;
  behavior:url(css/csshover.htc);
  background-image:url(../img/lijnen.jpg);
  background-position:top center;
  background-repeat: repeat-y;
  
}

table {
  margin: 3px 3px 3px 3px;
  padding: 3px 3px 3px 3px;
  border: 0px;
  /*border-collapse: collapse; */
  border-spacing: 0;
}
td, tr, th {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}
table {

}
td, th {
  font: 12px Arial, sans-serif;
  text-align: left;
  vertical-align: top;
}
a img {border: none;}
h1, h2, h3, h4, h5, h6 {
  clear: left;
  padding: 0;
  margin: 0;
  text-align: left;
}
h1 img, h2 img, h3 img {
  display: block;
}
h1 {
  color:#809D46;
  text-decoration: none;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  padding: 4px 4px 4px 4px;
  margin: 12px 0px 4px 0px;
  border: solid #9CBF56;
  border-width: 1px 1px 1px 1px;
  background: #EBF2DD;
}
h2 {
  color:#809D46;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 4px 4px 4px 4px;
  margin: 4px 0px 4px 0px;
  border: solid #9CBF56;
  border-width: 1px 1px 1px 1px;
  background: #EBF2DD;
}
h3 {
  color:#809D46;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  padding: 4px 4px 0px 4px;
  margin: 4px 0px 0px 0px;
}
hr {
    color:#809D46;
    background-color:#809D46;
    height: 1px;
    border: 1px #809D46;
}


/*links*/

a:active, a:link, a:visited {
  text-decoration: underline;
  font-weight: bold;
  color:#809D46;
}
a:hover {
  text-decoration: underline;
  font-weight: bold;
  color:#CC0000;
}
/*----- Formulieren -----*/
fieldset {
    border: 2px solid #9CBF56;
    padding: 10px;
    margin: 10px 60px 20px 60px;
}

fieldset legend {
  padding: .1em .3em;
  font-weight: bold;
  font-size: 16px;
}

form {margin: 0;}
a.button {
    font-weight: bold;
    font-size: 11px;
    padding: 4px 8px 4px 8px;
    border-top: 1px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    border-left: 1px solid black;
    text-align: center;
    min-width: 75px;
}
a.button:link {
    background-color: #9CBF56;
    color: #000000;
    text-decoration: none;
    }
a.button:visited {
    background-color: #9CBF56;
    color: #000000;
    text-decoration: none;
    }
a.button:hover {
    background-color: #9CBF56;
    border-color: #CC0000;
    text-decoration: none;
    }
a.button:active {
    background-color: #B3CE7D;;
    color: #000000;
    text-decoration: none;
    }
.table_input{
    font-size: 10px;
    color: #000000;
    border: solid 1px #9CBF56;
    margin: 0px 0px 3px 0px;
    }
.table_select{
    font-size: 10px;
    color: #000000;
    margin: 0px 0px 3px 0px;
    }
.verplicht_veld{
    color: red;
    font-weight: bold;
    font-size: 14px;
    }
.ad_table{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 0px;
  /*border-collapse: collapse; */
  border-spacing: 0;
}
.ad_labels{
}
.ad_labels_bold{
  font-weight: bold;
  color:#809D46;
}
.ad_fieldset {
    border: 1px solid #9CBF56;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.ad_legend {
  color:#809D46;
  font-size: 12px;
}
div#ad_strazov324{
    border: 1px solid #9CBF56;
    padding: 0px 0px 0px 2px;
    margin: 0px 0px 0px 0px;
}


/*-----FAQ-----*/
.ContentSection {
  padding-bottom: 1em;
  clear: left;
}
div.ContentSectionMargins {
    margin: 0px 20px 0px 20px;
}
a.FaqVraag {
    display: block;
    margin-top: 5px;
    padding: 6px 0px 0px 24px;
    background: url(../img/navigation_plus.gif) 7px 9px no-repeat;
    color: #809D46;
    text-decoration: none;
}
a.selected {
    padding: 5px 0px 5px 23px;
    border: solid #9CBF56;
    border-width: 1px 1px 1px 1px;
    font-weight: bold;
    background: url(../img/navigation_min.gif) 7px 9px no-repeat #EBF2DD;
}
div.FaqAntwoord {
    display: none;
    padding-bottom: 1em;
    padding: 5px 23px 5px 23px;
    border: solid #9CBF56;
    border-width: 0px 1px 1px 1px;
    background: #FFFFFF;
}
div.selected {
    display: block;
}
/*-----Advertentie-----*/
div#Advertentie{
  font: 10px Arial, sans-serif;
  margin: 0px 0px 10px 0px;
  padding: 0px 3px 0px 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #9CBF56;
  background: #B3CE7D;
}
div#Advertentie .AdvertentieText {
  font-size: 10px;
  color:#FFFFFF;
}
div#Advertentie .Header {
  padding: 5px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  color:#CC0000;
}
div#Advertentie a {
  text-decoration: underline;
  font-weight: bold;
  color:#CC0000;
}
/*-----Sitemap-----*/
div#Sitemap {
  font-style: normal;
  text-align: left;
  padding: 5px 0px 0px 0px;
}
* html div#Sitemap {
  font-style: normal;
  text-align: left;
  padding: 8px 0px 0px 0px;
}
div#Sitemap table {
  margin: 3px 3px 3px 3px;
  padding: 0px 3px 3px 3px;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}
div#Sitemap td, tr, th {
  margin: 0px 20px 0px 0px;
  padding: 0px 40px 0px 0px;
  border: 0px;
}
div#Sitemap td, th {
  font-style: normal;
  text-align: left;
  vertical-align: top;
}
div#Sitemap a:hover {
  font-size: 8px;
  text-decoration: underline;
  font-weight: bold;
  color:#CC0000;
}
div#Sitemap a:active, a:link, a:visited {
  font-size: 8px;
  text-decoration: underline;
  font-weight: bold;
  color:#809D46;
}
div#Sitemap .sublink {
    padding-left: 0px;
    
}
/*-----veel gebruikt-----*/
.blocklike {display: block;}
div.Centers {
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 944px;
  text-align: left;

}
img.WrapTextRight {
  float: left;
  clear: left;
  margin-top: 3px;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 3px;
}
img.WrapTextLeft {
  float: right;
  clear: right;
  margin-top: 3px;
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 3px;
}
.linkterug {
  padding-top: 0px;
  padding-bottom:0px;
  padding-left:18px;
  padding-right:3px;
  background: url(../img/arrow_left.gif) 1px 1px no-repeat;
}
.italic {
  font-style: italic;
}
/*----------------------------- Linker kolom--------------------------------------*/
div#KolomLinks {
  float: left;
  width: 160px;
  padding-top: 20px;
}
div#KolomLinks img {
  margin-top: 6px;
  text-align: center;
  display: block;
}
div#KolomLinks p {
  margin-top: 6px;
  text-align: left;
}

/*linkermenu*/
div#linkermenu div.menuheader {
  background: #9CBF56;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  padding: 1px 2px 1px 2px;
}
div#linkermenu a {text-decoration: none; font-weight: normal; display: block; width: 140px;}
div#linkermenu a:hover {text-decoration: none; font-weight: normal; display: block; width: 140px; color:#CC0000;}
div#linkermenu ul, li {
  margin:0;
  padding:0;
  display:block;
 }  
div#linkermenu ul {
  list-style:none;
  width:152px;
  padding:2px 2px 2px 2px;
  border:2px solid #9CBF56;
  background-color: #EBF2DD;
 } 
div#linkermenu li {
  position:relative;
  padding:3px;
  border:1px solid #EBF2DD;
  z-index:9;
 }
div#linkermenu li.folder{
  background-position: 138px 5px;
  background-repeat: no-repeat;
  background-image: url(../img/navigation_plus.gif);
  }
div#linkermenu li:hover {
   border:1px solid #9CBF56;
   z-index:15;
  }
div#linkermenu ul ul {
  position:absolute;
  display:none;
  right:-143px;
  top:5px;
 }
div#linkermenu li:hover ul ul {
   display:none;
  }
div#linkermenu li:hover ul, li:hover li:hover ul {
   display:block;
  }

/*Feedback*/
div.FeedbackHeader {
  background: #9CBF56;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}
div#Feedback {
  margin: 10px 0px 1px 0px;
  border-style: solid;
  border-width: 2px;
  border-top-width: 2px;
  border-color: #9CBF56;
}
.feedback_input{
    font-size: 11px;
    color: #000000;
    padding: 0px 2px 0px 2px;
    margin: 3px 0px 0px 3px;
    overflow: hidden;     
    border: dotted 1px #9CBF56;
    }
div.FeedbackFooter {
  background: #FFFFFF;
  text-align: right;
  display: block;
  color: #000000;
  font-weight: normal;
  padding: 1px 3px 1px 0px;
}
/*Converter*/
div.ConverterHeader {
  background: #9CBF56;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
}
div#Converter {
  margin: 10px 0px 10px 0px;
  border-style: solid;
  border-width: 2px;
  border-top-width: 2px;
  border-color: #9CBF56;
  font-size: 9px;
}
div#Converter td {
  font-size: 10px;
}
/*bookmark*/
div#bookmark {
  margin: 10px 0px 10px 0px;
  font-size: 11px;
}
div#bookmark img {
  float: left;
  clear: left;
  margin: 2px 5px 0px 2px;
}
/*------------------------------------------------ Midden kolom --------------------------------------*/
div#KolomMidden{
  float: left;
  width: 576px;
  padding: 8px 20px 0px 20px;
}
div#KolomMiddenL{  /* voor Mozilla*/
  float: left;
  width: 275px;
  padding: 0px 13px 0px 0px;
}
div#KolomMiddenR{  /* voor Mozilla*/
  float: left;
  width: 275px;
  padding: 0px 0px 0px 13px;
}
* html div#KolomMiddenL{   /* StarHTMLHack  voor IE*/
  float: left;
  width: 275px;
  padding: 0px 9px 0px 0px;
}
* html div#KolomMiddenR{  /* StarHTMLHack  voor IE*/
  float: left;
  width: 275px;
  padding: 0px 0px 0px 9px;
}
div#KolomMidden a:hover {
  color:#CC0000;
  font-size: 103%
}
div#KolomMidden a:active, a:link, a:visited {
  color:#809D46;
  font-size: 103%;
}
div#KolomMidden a.plaatsenlijstheader:link {
  font-size: 18px;
}
div#KolomMidden a.plaatsenlijstheader:hover {
  font-size: 18px;
}
div#KolomMidden a.plaatsenlijstheader:visited {
  font-size: 18px;
}
div#KolomMidden a.plaatsenlijstheader:active {
  font-size: 18px;
}
div#KolomMidden ul, li {
  margin:0 0 0 3;
  padding:0;
  display:block;
  list-style-type: square;
  position:relative;
}
.ArtikelMidden{
  margin: 12px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #9CBF56;
  text-align: left;
}
.ArtikelMiddenLinks{
  margin: 12px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  float: left;
  width: 275px; /* heeft geen effect op IE, zie StarHTMLHack */
  border-style: solid;
  border-width: 1px;
  border-color: #9CBF56;
  text-align: left;
}
.ArtikelMiddenRechts{
  margin: 12px 0px 0px 0px;
  padding: 3px 3px 3px 3px;
  float: right;
  width: 275px; /* heeft geen effect op IE, zie StarHTMLHack */
  border-style: solid;
  border-width: 1px;
  border-color: #9CBF56;
  text-align: left;
}
div.TopBanners{
  padding: 3px 0px 3px 0px;
  position: relative;
  text-align: center;
  height: 120px;
}
/*topbar*/
div#Topbar {
  padding-top: 1px;
  background: #FFFFFF;
}
div#Topbar div {
  float: left;
  height: 23px;
  color: #FFF;
  text-align: center;
  line-height: 21px;
}
div#TopbarItems {
  position: relative;
  width: 944px;
  height: 23px;
  background: #9CBF56;
  font-size: 11px;
}
div#TopbarItems div.links {
  width: 160px;
  margin: 0px 0px 0px 3px;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
}
div#TopbarItems div.midden {
  width: 590px;
  margin: 0px 3px 0px 20px;
  text-align: left;
  vertical-align: middle;
  color: #34401D;
  font-weight: bold;
  font-style: italic;
  font-size: 11px;
}
div#TopbarItems div.rechts {
  width: 160px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  vertical-align: middle;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
}
/*camping*/
div#Campinglijst{
  font-size: 6px;
}
div#Campinglijst table{
  margin: 3px 3px 3px 3px;
  padding: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #9CBF56;
  border-spacing: 0;
  border-collapse: collapse;
}
div#Campinglijst tr, td{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#Campinglijst .plaats{
  font-size: 16px;
  font-weight: bold;
  background: #EBF2DD;
  padding: 3px 0px 0px 3px;
}
div#Campinglijst .naam{
  font-size: 16px;
  font-style: italic;
  letter-spacing: 0.05em;
  border: solid #9CBF56;
  border-width: 0px 0px 1px 0px;
  background: #EBF2DD;
}
div#Campinglijst .heading{
  font-size: 13px;
  font-weight: bold;
  text-align: right; 
}
div#Campinglijst .waarde{
  font-size: 13px;
  text-align: left; 
  padding: 0px 0px 0px 5px;
}

/*links*/
div#linksbox {
  border-style: solid;
  border-width: 1px;
  border-color: #9CBF56;
  margin:  0px 0px 0px 0px;
  padding: 6px 0px 0px 6px;
  font-size: 11px;
}
div#linksbox div.linkrij {
  margin:  0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}
div#linksbox div.linkscategorie {
  background: #9CBF56;
  text-align: left;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  padding: 1px 0px 1px 2px;
}
div#linksbox div.link {
  font-size: 13px;
  line-height: 140%;
  letter-spacing: 0.01em;
  text-indent: 8px;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
}
div#linksbox a {
  font-weight: normal;
  color:#809D46;
}
div#linksbox a:hover {
  font-weight: normal;
  color:#809D46;
}
div#linksbox img {
  padding: 0px 0px 10px 0px;
}
/*path-breadcrumbs*/
div#path {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: right;
}
div#path a{
  color:#C78891;
}

/*icon aan de bovenkant van de pagina*/
div#icon {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

/* vendors */
div#vendor {
  padding: 3px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: right;
}
div#vendor .naam {
  font-size: 14px;
  color:#000000;
  font-weight: bold;
  padding: 3px 0px 0px 3px;
}
div#vendor .productimage {
  padding: 0px 0px 10px 3px;
  }
/*----------------------------------------------- Rechter kolom --------------------------------------*/
div#KolomRechts {
  float: right;
  width: 160px;
  padding-top: 20px;
}
div#KolomRechts img {
  margin-top: 6px;
  text-align: left;
  display: block;
}
div#KolomRechts p {
  margin-top: 6px;
  text-align: left;
}