body  { color: #fff; font-size: 1%; font-family: verdana; background: white; margin: 0; padding: 0 } /*get rid of the IE bug that prints the the end of the !doctype */
/* Expanding menu */
.menu {display:none; margin: 5px 15px 15px 15px}
.holder {color:#000; width:110px; height:18px; display:block; background:#F5E8FA; border:1px solid #CFADDA; text-align:center; float:left;  margin-right: 2px; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:10px; line-height:18px; overflow:hidden;}
.holder:hover {height:auto; cursor:pointer;color:#fff; background:#9933cc;}
a.inner {display:block; width:109px; height:18px; border-bottom:1px dotted #CFADDA; text-decoration:none; color:#000; background:#F5E8FA;}
a.inner:hover {background:#fef8e7; text-decoration:none; color:#000;}
a.inner:visited {display:block; width:110px; height:18px; border-bottom:1px dotted #CFADDA; text-decoration:none; color:#000; background:#F5E8FA;}
a.inner:active {display:block; width:110px; height:18px; border-bottom:1px dotted #CFADDA; text-decoration:none; color:#000; background:#F5E8FA;}

/* The header and footer */
.head  { color: #000; background: #660099 url(img/logodonker.jpg) fixed; background-repeat: no-repeat;  height: 100px; text-align: right; display: block;}
.foot {display:block; height:90px; background:#660099; color:#000; text-align:center; padding:5px;font-size:11px; color:#FFFFFF}
.foot p {text-align:left; padding:5px;font-size:12px; color:#FFFFFF}

/* This bit does all the work */
#container {position:relative; display:inline-block; background:#e2effc; border-left:200px solid #f5e8fa; border-right:200px solid #f5e8fa; overflow:visible; font-size:12px; padding-top:25px;}/* border-left=left column, border-right=right column */
* html #container {display:inline-block; }
#left    { display: inline; margin-left: -197px; position: absolute; width: 198px; border-right:1px dotted #CFADDA;}
h1   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: justify; margin: 7px }
h2   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: justify; margin: 40px 15px 15px 15px}
h4   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: center; margin: 5px 15px 15px 15px}
h3   { color: #660099; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; text-align: justify; margin: 7px }
h5   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: justify; margin: -10px 7px 15px 20px}
h6   { color: #660099; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; text-align: justify; margin-left: 15px; margin-bottom: -10px}
p   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight:normal; text-align: justify; margin: 15px}
.next     { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: right; margin: 15px }
.next a:link  { color: #000; font-weight: bold; text-decoration: none; background: transparent }
.next a:visited  { color: #000; font-weight: bold; text-decoration: none; background: transparent }
.next a:active  { color: #000; font-weight: bold; text-decoration: underline; background: transparent }
.next a:hover  { color: #fff; font-weight: bold; text-decoration: underline overline; background: #660099 }
.more    { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: right; margin: 25px }
.more a:link {color:#000; text-decoration:none; background:transparent;}
.more a:visited {color:#000; text-decoration:none; background:transparent;}
.more a:active {color:#000; text-decoration:underline; background:transparent;}
.more a:hover {color:#FFF; text-decoration:underline overline; background:#660099;}
.col  { color: #ff9933 }

* html #left {width:197px}
#left p  { color: black; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; line-height: 18px; text-align: justify; margin: 15px 7px 15px 15px}
#right {float:right; position:relative; width:198px; margin-right:-220px; display:inline; font-size:12px; color:#000000; border-left:1px dotted #CFADDA;}
.clear {clear:both;height:1px;overflow:hidden; }
.comment {text-align:center; font-size:12px; color:#000000}
.comment a {text-decoration:underline; font-size:12px;}
.foot a:link {color:#FFFFFF; text-decoration:underline; background:transparent;}
.foot a:visited {color:#FFFFFF; text-decoration:underline; background:transparent;}
.foot a:active {color:#FFFFFF; text-decoration:underline; background:transparent;}
.foot a:hover {color:#FFFFFF; text-decoration:underline overline; background:#9933CC;}
td { padding-left: 10px }
.form { background: #fef8e7; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; margin-top: 2px; margin-bottom: 2px; border-width: 1px; border-color: #cfadda }
.cap { margin-right: 1px; margin-bottom: 1px; width: 105px; height: 90px; float: left; overflow: hidden }
A:link {text-decoration: underline; color: #660099; }
A:visited {text-decoration: underline; color: #660099; }
A:active {text-decoration: underline; color: #660099; }
A:hover {color:#ff9933; text-decoration:underline overline;}
ul li{padding-left: -20px; margin-left: -30px; font-family: tahoma, verdana, arial, sans-serif; color:#000000; list-style-image:url(img/pix.gif);}
ul a:link, a:visited, a:active {text-decoration: none; color:#660099 }
ul a:hover {text-decoration: underline; color:#660099; background: #e2effc}
ul li ul li{padding-left: 10px; list-style-image:url(img/pix.gif);}

/* pop-up bit */
a.popup:visited {color:#000; text-decoration:none;}
a.popup {color:#000; text-decoration:none; position:relative; left:0px; font-weight:bold;}
a.popup span {display:none;}
a.popup:hover {color:#000; cursor:default;}
a.popup:hover .popbox {display:block; position:absolute; top:0px; left:0px;; width:auto; height:auto; background-color:#f5e8fa; color:#000; border:2px solid #660099; text-align:left; font-family:verdana; font-size:11px; padding:5px;}