/*
--------CSS www.bio-velez.com--------
Written by: Saskia Verlinden www.saskiaverlinden.com
Date: Juni 3th, 2006
---------------------------------------------
*/

/* --------font-sizing--------*/
body {
   font-size: 100%; /*for IE*/
        }
html>body { 
   font-size: 16px; /* for alle other browsers, IE cannot read this*/
   }

/* --------fonts and fontsize------- */

body { 
   margin: 0;
   padding: 0;
   font-family: Verdana, Arial, sans-serif;
   background: white url("bg_body.jpg") 0 0 repeat-y;
   color: #333;
   }
p, ol, ul, li {
   font-family: Verdana, Arial, sans-serif;
   }

h1, h2, h3 {
   font-family:"Times New Roman", Georgia, serif;
   color: #bbb;  
   font-weight: lighter;
   font-style: italic;
   }

p {
   font-size: 0.85em;
   color: #333;
   }

img {
   display: block;
   }

#header {
   position: relative;
   width: 100%;
   height: 167px;
   background: white url("header_rechts.gif") no-repeat right;
   margin: 0;
   padding: 0;
   top: 0;
   }
img#header_links {
   position: absolute;
   margin: 0;
   padding: 0;
   top: 0;
   left: 0;
  }

#nav {
   position: relative;
   width: 185px;
   background-color: transparent;
   }
#nav ul {
   list-style: none;
   background: transparent;
   color: black;
   margin: 10px 0 0 30px;
   padding: 0;
   }
#nav li {
   font-size: 0.85em;
   margin: 0;
   padding: 5px 5px 5px 0px;
   width: 180px
   }

#nav a {
   text-decoration: none;

   }

#nav a:link {
   padding-left: 15px;
   color: black;
   }

#nav a:visited  {
   padding-left: 15px;
   color: #666;
   }

#nav a:hover {
   color: black;
   background: url("linkpunt_zwart.gif") no-repeat left;
   padding-left: 15px;
   }

#nav li#huidig {
   background: url("linkpunt_zwart.gif") no-repeat left;
   padding-bottom: 5px;
   }

#nav li#huidig a:hover {
   background: none;
   padding-left: 15px;
   }

#text {
   background: white url("bg_grapes5.jpg") no-repeat top left;
   position: absolute;
   top: 167px;
   left: 187px;
   width: 600px;
   }

#text2 {
   background: white;
   position: absolute;
   top: 167px;
   left: 187px;
   width: 600px;
   padding: 0 0 0 0px;
   }

#smalltext {
   background: white;
   top: 167px;
   left: 187px;
   width: 500px;
   padding: 0 0 0 0px;
   margin: 0 0 0 90px;
   }

#smalltext2{
   background: white;
   top: 167px;
   left: 187px;
   width: 570px;
   padding: 0 0 0 20px;
   margin:  0 0 0 0px;
   }   
.kader {
   border: 1px solid #bbb;
   height: 150px;
   margin-bottom: 10px;
   background: white;
   }

.kader img {
   float: right;
   margin: 0;
   padding: 0 0 0 5px;
   }

#smalltext p {
   font-size: 0.85em;
   }

#smalltext p:first-letter {
   font-family: "Times New Roman", Georgia, serif;
   font-size: 2em;
   font-weight: lighter;
   font-style: italic;
   color: #bbb; 
   }

hr { 
   width: 600px;
   color: silver;
   margin: 50px 0 0 0;
   }

#footer  {
   margin: 0;
   padding: 5px 0 20px 0;
   width: 600px;
   color: #666;
   font-size: 0.70em;
   text-align: center;
   }