* { margin: 0; padding: 0; }
img { border: 0px; }

#content img {
border: 1px solid black;
float: right;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 15px;
}

img#left {
float: left;
margin-right: 10px;
margin-top: 15px;
margin-bottom: 5px;
margin-left: 0px;
border: 1px solid white;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.80em;
margin: auto;
position: relative;
text-align: justify;
color: #FFFFFF;
}

#all { margin: auto; position: relative; width:799px; background-color: #a15db5; }
#top { width:799px; height:44px; background-image:url(images/bgtop.gif); }

#navtop { 
width:799px;
height:26px;
background-image: url(images/bgnavtop.gif);
text-align:right;
color:#000000;
}

#banner { width: 799px; height: 93px; background-image: url(images/banner.gif); }

#navdiv {
width: 253px;
height: 687px;
float: left;
background: #a15db5 url(images/bgnav.jpg);
background-repeat: no-repeat;
}

#content {
width: 546px;
height: 687px;
float: left;
background: #a15db5 url(images/bg_content.gif);
overflow:visible;
}

#content2 {
width: 799px;
height: 687px;
float: left;
background: #a15db5 url(images/bg_content.gif);
overflow:visible;
}

#text { padding-left: 3px; padding-right: 25px; background-color:  #a15db5; display: block; }
#bottom1 { width:799px; height:26px; background-image:url(images/bgbottom.gif); float: left; }

#text2 {
padding-left: 43px;
padding-right: 25px;
padding-top:3px;
display: block;
color:#000000;
text-align: left;
}

#text3 {
padding-left: 3px;
padding-right: 25px;
background-color:  #a15db5;
display: block;
text-align: left;
line-height: 2em;
}

#text3 p { width: 235px; float: left; padding: 10px; padding-top: 0px; text-align: right; }
.inputc {font-size: 10px;}
p#lijn { text-align: left; border-left: 1px solid white; }

a { color: #000000; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: underline; }
#navtop a { color: #000000; text-decoration: none; }
#navtop a:hover { color: #ffffff; text-decoration: none; }
#navtop a:focus { color: #ffffff; }

#content a { color: #ffffff; }
#content a:hover { color: #000000; }

ul { list-style: none; width: 210px; margin-left: 0px;}
ul li { height: 22px; position: relative; margin-bottom: 5px; text-align:left; }
li ul {
position: absolute;
top: 0px;
left: 210px;
display: none;
background-color: #d2addd;
width: 330px;
border: 1px solid white;
color: #000000;
}

ul li ul li { display: block; height: 22px; width: 320px; background-color: #d2addd; color: #000000; }
ul li ul li a { padding-top: 5px; padding-left: 10px; height: 22px; text-decoration: underline; color: #000000; }
/* Styles for Menu Items */
ul li a { display: block; background-repeat: no-repeat; height: 22px; }
ul li a:hover, a:focus { background-position: 0 -22px; height: 22px; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
li:hover ul, li.over ul { display: block; } /* The magic */

h1 { font-size: 16px; font-weight: bold; color: #FFFFFF; text-align: left; line-height: 17px; }
#navspace { padding: 5px; padding-right: 10px; }
#purple { color: #ffffff; padding-left: 2px; padding-right: 2px; }
.button {background-color: #ffffff; font-size: 0.75em;}
