* {
   font-family:arial,tahoma,verdana,helvetica,sans-serif;
   font-size:14px;
   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:#B66507;
}

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

h3 {
   font-size:18px;
   font-weight:bold;
   color:#B66507;
}

h4 {
   font-size:14px;
   font-weight:bold;
   color:#B66507;
}

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

#spreuk {
   font-style: italic;
   font-weight: bold;
   text-align: center;
   color: #900000;
}

code {
   color: blue; }

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

img.normaal {
   float: right;
   margin: 20px 5px 20px 20px;
}

img.tabel {
   float: none;
   margin: 5px 5px 5px 5px;
}

a:link {color:#ff33ff;}
a:visited {color:#990099;}
a:hover {background-color:#FFFF99;}


/* Voor een meeschalende achtergrond: ------------------------------------- */
#background
{
   width:100%; height:100%; position: absolute; z-index: -1; top: 0; left:0;
}

html, body {
   height: 100%;
   margin: 0;
   padding: 0;
}

img#background {
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:100%;
}
/* ------------------------------------------------------------------------- */


/* Tai Chi Header */
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;
}


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


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:14px;
}

div#menu p {
   font-size:14px;
   margin:20px 10px 0px 0px;
   padding: 10px 0 10px 20px;
}

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

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

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

/* ------------------------------------------------------------------------- */

/* De inhoud van de site: */
div#content {
   position:relative;
   z-index:1;
   padding:0 5%;
   margin-left: 200px;
   width: 60%;
   height:auto;
}

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;
}

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;
}