* {
   font-family:arial,tahoma,verdana,helvetica,sans-serif;
   font-size:12px;
   line-height: 1.5;
   color: #663300;
}

hr {
   color:#999999;
}

h1 {
   margin:0px 0px 15px 0px;
   font-size:28px;
   line-height:28px;
   font-weight:bold;
   color:#900000;
}

h2 {
   font-size:20px;
   font-weight:bold;
   color:#B66507;
}

h3 {
   font-size:15px;
   font-weight:bold;
   color:#900000;
}

h4 {
   font-size:12px;
   font-weight:bold;
   color:#FF8000;
}

p {
   margin:0px 0px 8px 0px;
}

code {
   color: blue; }

a {
   color:#09c;
   font-size:11px;
   text-decoration:none;
   font-weight:bold;
}

a:link {color:red;}
a:visited {color:#900000;}
a:hover {background-color:#FFFF99;}

html {
   height:100%;      /* als je deze of de volgende weglaat krijg je geen scrolbar ... */
   overflow: hidden; /* voor een meeschalend achtergrond plaatje */
}

/* some changes made dd 1-12-2005, after discussion with Bill Brown
- removed absolute positioning on the content; makes demo more useful
+ added 1px top-border on body and positioned it -1px upwards, to prevent margin-collapsing
+ explicitly added z-index:0 to body for Mozilla
*/
body {
   behavior:url("csshover.htc");
   min-width: 700px;  /* >(2x(menu+content))+ extrakol (=650) */

/* styles for background-image */

   background-color: transparent;
   margin: 0px;
   padding: 0px;
   height: 100%;
   border-top: 1px transparent solid;
   margin-top: -1px;
   z-index:0;
   position:relative;
}

#achtergrond { width: 100%; height: 100%; overflow: auto;}

img#background { height: 100%; width: 100%; z-index: -1; position:absolute; color: white; }

div#header {
   margin:20px 20px 20px 20px;
   padding:7px;
   height:64px; /* Hoogte - totale padding */
   border-style:solid;
   border-color:#999999;
   border-width:1px 0px; /* alleen top and bottom borders */
   line-height:11px;
   background-image: url(../plaatjes/kleurbalk.gif);
   background-position: top-left;
   background-repeat: repeat;
   text-align: center;
}

/* Pagina layout:

| M  | totaal:190 | P                          P|   totaal:210   | M  |
|----|------------|--|-----------------------|--|----------------|----|
| 20 |    170     |5%        floating         5%|       190      | 20 |
|    |            |                             |                |    |
|        Menu     |        Tekst gebied         |    Rechter kolom    |

M = Margin
P = Padding
*/

div#wrap {
   padding:0 210px 0 190px; /*hier zet je een ruimte links en rechts van de content */
}

/* De inhoud van de site: */
div#content {
   padding:0 5%;
   margin:0;
   height:auto;
}

div#flap , div#menu {
   position:absolute;
   top:0;
   border:0;
}

/* De rechter kolom */
div#flap {
   width:190px;
   right:20px;
   margin:120px 20px 0 0;
}

/* Het navigatie menu */
div#menu {
   width:170px;
   left:0px;
   background-image: url(../plaatjes/menubalk.gif);
   border-style:solid;
   border-color:#999999;
   border-width:0px 1px;
   line-height:17px;
   margin:120px 20px 0 20px;
}

/* Contact details */
div#contact {
   margin:250px 10px 20px 0px;
   padding: 10px 0 10px 20px;
}

div#menu ul {
   background-image: url(../plaatjes/list.gif);
   list-style: none;
   width:160px;
   float:right;
   margin: -2em 0 0 0;
   padding: 0;
}

div#menu li {
   position: relative;
   background-color: transparent;
   padding: 0 0 0 10px;
}

div#menu a {
   font-size:11px;
}

/* Navigatie stijlen */
div#menu a:hover {
   background-color:#FFD67A;
   color:black;
}

div#menu li:hover {
   background-color: #FFD67A;
   z-index: 1;
   cursor: pointer;
}

ul ul {
   position: absolute;
   display: none;
   left: 120px;
   top: 4px;
}

li:hover ul ul {
   display: none;
}

li:hover ul, li:hover li:hover ul {
   display: block;
}

/* Container nodig o.a. voor tabellen in IE */
div#beschrijving {      /* de container */
   clear: both;
   width: 100%;
   position: relative;
   top: 0;
   margin: 2em 0 2em 0;
}

table.lijstje {
   border-collapse:collapse;
   text-align: left;
   width: auto;
}

tr.lijstje {
   vertical-align: top;
}

.lijstje img, p {
   margin: 10px 0 20px 0;
}

td {
   vertical-align: top;
}

td.plaatje {
   text-align: right;
   width: 120px;
}

/* Blokken links en rechts voor b.v. clips */
.rechterkant {
   float: right;
   text-align: right;
}

.linkerkant {
   float: left;
   text-align: left;
}