/* CSS Document */
/* ------------ Begin Algemene Styles ------------ */
* {
   /* Zorg ervoor dat alle paddings en margins op 0 staan, in IE en FF zijn namelijk verschillende defaults hiervoor en 
      zo staan ze overal hetzelfde. */
   padding : 0px;
   margin  : 0px; 
}
table { 
   /* Voorkom dat lege cellen in IE niet getoond worden. Hierdoor hoef je geen   meer in de cellen te plaatsen */
   empty-cells     : show; 
   border-collapse : collapse;
}
h1 {
   color         : #9B7523;
   margin-bottom : 25px;
   font-family   : "Trebuchet MS",arial;
   font-weight   : normal;
   font-size     : 2em;
   margin-top    : 5px;
}
h2 {
   color         : #9B7523;
   margin-bottom : 10px;
   font-family   : "Trebuchet MS",arial;
   font-weight   : normal;
   font-size     : 1.6em;
   margin-top    : 5px;
}

a, a:active, a:visited {
   color : #000;
}
a:hover {
   color : #8E6B20;
}
/* ------------ Einde Algemene Styles ------------ */

/* ------------ Begin Hoofdtemplate styles ------------- */
html {
   background : url('../images/bkg_body_top.gif') repeat-x top left #8E6B20;
}
div.homepage {
   width       : 860px;
   margin      : 17px auto;
   font-family : Arial, Verdana, Sans-Serife;
   font-size   : 0.8em;
   line-height : 1.3em;
   
}
#con_Main {
   width      : 860px;
   text-align : left;
   background : url('../images/bkg_wittransp.png') repeat-y top left;
}
.top {
   background : url('../images/bkg_top.png') no-repeat top left;
   display    : block;
   height     : 8px;
}
.bottom {
   background : url('../images/bkg_bottom.png') no-repeat top left;
   display    : block;
   height     : 8px;
}
.content {
   margin           : 0px 10px;
   padding          : 10px 11px;
   background-color : #FFF;
   position         : relative;
}
.pagedetails {
   padding  : 0px 25px 55px 20px;
   position : relative;
   overflow : hidden;
}
.pagedetails div.fotoleft {
   float   : left; 
   width   : 76px;  
   display : block;
}
.pagedetails div.pagecontent {
   float       : left;   
   width       : 670px;
   margin-left : 20px;  
}
.pagedetails div.pagecontent p {
   line-height:1.4em;
}
#topbanner {
   display : block;
   height  : 286px;
}
div.homepage #topbanner {
   background    : url('../images/banners/homepage.jpg') no-repeat top left;
   margin-bottom : 65px;
}


.pagedetails div.smallContent {
   float:left;
   width:500px;
}

div.fotoright {
   float:left;
   width:245px;
   text-align:right;
}
   div.fotoright img.rightImage {
     
      border:2px solid #bba679;
      padding:1px;
      background-color:#fff;
   }
   div.fotoright p {
      font-size:0.9em;
   }
   
   
   form#contactformulier {
      padding:10px;
   }
   
   form#contactformulier fieldset {
      border:0;
   }
   
   form#contactformulier fieldset label {
      display:block;
      font-weight:bold;
      padding-top:10px;
      padding-bottom:3px;
      padding-left:3px;
   }
      form#contactformulier fieldset input {
         border:1px solid #999;
         padding:3px;
         width:300px;
      }
      
      form#contactformulier fieldset textarea {
         width:300px;
          padding:3px;
         height:150px;
          border:1px solid #999;
          font-size:1em;
          font-family:arial;
      }

      
      form#contactformulier fieldset.submit {
         padding-top:10px;
         margin-bottom:50px;
      }
      
            form#contactformulier fieldset.submit input  {
               background-color:#ddd;
               border:1px solid #111;
               width:100px;
               margin-left:210px;
            }

/* start Hoofdmenu */

div#hoofdmenu {
   position   : absolute;
   top        : 296px;
   width      : 816px;
   height     : 29px;
   z-index    : 10; 
   background : url('../images/bkg_menu.gif') repeat-x top left;
   background-color:#000;
}
div#hoofdmenu ul {
   list-style      : none;
   background      : url('../images/bkg_menu.gif') repeat-x top left;
}
div#hoofdmenu li, div#hoofdmenu a {
   color : #FFF;
}
ul.hoofdmenu li {
   float       : left;
   padding     : 6px 20px;
   border-left : 1px dotted #FFF;
}
ul.hoofdmenu li.first {
   border : none;
}
ul.hoofdmenu li.active {
   background : url('../images/arrow_active.gif') no-repeat bottom center;
}
ul.hoofdmenu li a, 
ul.hoofdmenu li a:active, 
ul.hoofdmenu li a:visited {
   text-decoration : none;
}
ul.hoofdmenu li a:hover {
   text-decoration : underline;
}

/* end Hoofdmenu */

p {
   margin-bottom : 25px;
}
p.intro {
   font-weight : bold;
   font-style  : italic;
}
.footer {
   position  : relative;
   font-size : 0.7em;
   padding   : 10px 20px;
}
.footer a {
   color : #000;
}
.footer .rechts {
   position : absolute;
   right    : 20px;
   top      : 10px;
} 
#schildje {
   position : absolute;
   top  : -85px;
   left : 355px;
}
/* ------------ Einde Hoofdtemplate styles ------------- */


div.tribelLeft {
   position:absolute;
   z-index:100;
   top:0px;
   background : url('../images/tribal_left.jpg') no-repeat top left;
   width:276px;
   margin-left:-265px;
   height:80px;
}
div.tribelRight {
   position:absolute;
   z-index:100;
   top:0px;
   background : url('../images/tribal_right.jpg') no-repeat top right;
   width:268px;
   margin-left:850px;
   height:73px;
   border:0px solid #000;
}