html{
background: #e6e6e6;
}

body{
left: 50%;
margin: 0;
margin-left: -500px;
padding: 0px 20px 20px 210px;
position: absolute;
top: 0px;
color: #01048B;
background: transparent url(side.gif) 0px 0px repeat-y scroll;
width: 1000px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 770px;
}

#side{
position: absolute;
top: 30px;
left: 50%;
margin-left: -492px;
height: 400px;
padding: 240px 14px 0px 14px;
color: #89A4AB;
background: transparent;
width: 179px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 151px;
}

html>body #side{
padding-top: 240px;
}

h1#header{
padding: 12px 1px 0px 8px;
margin: 0px -21px 0px -210px;
height: 259px;
background: transparent url(header.jpg) 0px 0px no-repeat scroll;
color: #6775AA;
}
html>body h1{ 
margin-top: 0;
}

#content{
margin:20px 20px 0px 40px;
}

h1, h2, h3, h4, label, input, textarea, p, address, ul, ol, div.center, th, tr{
font-family: Verdana,  Sans-serif, Helvetica, Tahoma, "Trebuchet MS";
font-weight: normal;
}

h1, h2, h3, h4{
color: #65009c;
font-weight: bold;        
}

h1{
margin-top: 0.3em;
margin-bottom: 0.4em;
}

h2{
font-size: 1.3em;
clear: both;
margin-top: 1.5em;
margin-bottom: 0.5em;         
}

h3{
font-size: 0.8em;
clear: both;
font-weight: bold;
margin-top: 0.5em;
margin-bottom: -0.6em;         
}

h4{
font-size: 0.8em;
clear: both;
font-weight: bold;
margin-top: 1.5em;
margin-bottom: -0.6em;         
}

p, ul, ol, div.center{
color: #5a5a5a;
font-size: 0.72em;
line-height: 2.0em;                
}

#side h2{
font-size: 1.2em;
color: #89A4AB;
}

#side p{
font-size: 0.7em;
line-height: 1.4em;
text-align: center;
font-weight: bold;
}

a{
color: #640098;
text-decoration: none;        
font-weight: bold;                
}

a:hover{
color: #d991ff;
text-decoration: none;
font-weight: bold;                
}

div.center {postion: relative; width: 500px; float: left; }

#topnav {
list-style:none;
font-size:0.7em;
margin: -72px -5px auto;        
padding:0 0 0 0;
text-align:right;        
font-family:Verdana, Arial, Sans-Serif;
}

#topnav li{
list-style:none;
display:inline;
padding:0;
margin:0;
font-weight:bold;
}

#topnav li a:link, #topnav li a:visited{
text-decoration:none;        
color:#4C4FD4;
}

#topnav li a:hover, #topnav li a:active{
color:#01048B;        
} 

#navcontainer{
background: transparent;
width: 100%;
margin: 0 auto;
padding: 1em 0;
text-align: center;
}

ul#navlist{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}


ul#navlist li a{
display: block;
width: 100%;
padding: 0.2em 0 0.2em 0.5em;
margin: 0;
border-width: 1px;
border-color: #fbfbfb #F5F5FF #F5F5FF #fbfbfb;
border-style: solid;
color: #01048B;
text-decoration: none;
font-weight: normal;
background: #fbfbfb;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a{

background: #A3BDC3;
color: #FFFFFF; 
font-weight: bold;
}

ul#navlist li a:hover, ul#navlist li#active a:hover{
color: #01048B;
background: #f3f3f3;
border-color: #f9f9f9 #cecece #cecece #f9f9f9;
}

table{
border: 1px solid #13769c;/* 13769c */

margin: 10px 0px 0px 0px; 
background: #edf5f6; /* edf5f6 */
border-collapse:collapse;
}

table td, table th{
padding: 3px; 

}

table th{
background:#65029d;
}

th{
font-size: 0.85em;
line-height: 1.4em;
color: #ffffff;
text-align: left;
font-weight: bold;
}

tr{
font-size: 0.7em;
line-height: 1.4em;
font-weight: normal;
color: #5E5E5E;
text-align: center;
}

img.left{
float: left;
margin-right: 15px;
}

img.right{
float: right;
margin-left: 15px;
}

img.left2{
float: left;
padding:5 5 5 0px;        
margin-right:15px;
margin-top:0px;
margin-bottom:0px;
border:none;
clear: both;        
}

img.right2{
float: right;
padding:5px;        
margin-left:5px;
margin-top:0px;
margin-bottom:0px;        
border:none;
}

img.side{
float: center;
padding:0px;        
margin:0 0 0 0;
border:none;
}

img.contact{
float: right;
margin-right: -44px;
margin-top:0px;
margin-bottom:0px;
}

img.mode{
float: right;
margin-right: -104px;
margin-top:0px;
}

img.groot{
float: left;
margin-left: 0px;
margin-top:0px;
margin-bottom:0px;                
}

.opacityit img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

strong, b{
font-weight: normal;
}

p#bottomlinks{
margin: 3em -350px 0 0;
padding: 10em 0 2em 0;
font-size: 0.7em;
color: #CACCC1;
display: block;
text-align: center;
width: 1000px;
background: #e6e6e6 url(footer.gif) 0px 0px no-repeat scroll;
position: relative;
left: -210px;
top: 21px; 
height: 50px;
}

p#bottomlinks a{
color: #4C4FD4;
text-decoration: none;
}


address{
background: #FFF;
font-weight: bold;
color: #640098;
font-style: normal;
margin-left: -202px;
margin-right: -12px;
font-size: 0.6em;
padding: 6px 0 6px 0;
text-align: center;
position: relative;
top: 61px; /* plaatsing */
z-index: 3;
border-top: 1px solid #ffffff;
}

#address a:link{
text-decoration:none;        
}