html{ 
  background: #5f6f78 url(back.gif) top center repeat-x scroll;
}

body{
	left: 50%;
  margin: 0;
	margin-left: -374px;
	padding: 85px 20px 20px 210px;
	position: absolute;
	top: 25px;
  color: #000;
  background: transparent url(side.gif) 0px 0px repeat-y scroll;
	width: 748px;

  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 518px;
}

#side{ /* De zijbalk */
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -366px;
  height: 400px;
  padding: 180px 0px 0px 3px;
  color: #89A4AB;
  background: transparent;
  width: 179px;

  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 151px;
}

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

h1#header{
  padding: 13px 1px 0px 0px;
  margin: -85px -21px 0px -210px;
  height: 310px; /* De hoogte van de header */
  background: transparent url(header.gif) 0px 0px no-repeat scroll;
  padding-left: 8px;
}

html>body h1{
  margin-top: 0em;
}

#content{
  margin-top:45px;
}

h1, h2, h3, label, input, textarea, p, li, ul, td, address, legend{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2, h3{
	font-weight: normal;
}

h1{
  color: #3c5e79;
  font-size: 1.7em;
  margin-top: 0.3em;
  margin-bottom: 0.2m;
	font-weight: bold;	
}

h2{
  color: #3e88c6;
  font-size: 1.3em;
	font-weight: normal;	
  margin-top: 1.0em;
  margin-bottom: 0.5em; 	
  clear: both;
}

h3{
  color: #786d87;
  font-size: 0.75em;
	font-weight: bold;
  margin-top: 2.0em;
  margin-bottom: -0.5em; 
  clear: both;
}

p, ul, ol{
	font-size: 0.7em;
	line-height: 1.8em;
  color: #686868;	
}

td{
	font-size: 11px;
	line-height: 1.8em;
  color: #686868;	
}

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

a:hover{
  color: #3c5e79;
}

#topnav {
	list-style:none;
	font-size:0.7em;
	margin: -167px -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:#3e88c6;
}

#topnav li a:hover, #topnav li a:active{
	color:#f00000;	
} 
 
 
#navcontainer{
background: transparent;
width: 100%;
margin: 0 auto;
padding: 1em 0;
text-align: center;
}

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

ul#navlist li{
display: block;
margin: 0;
padding: 0;
}

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

ul#navlist li a{
color: #5f6f78;
background: #eceef0; 
border-color: #fbfcfd #dbdfe3 #dbdfe3 #fbfcfd;
display: block;
width: 100%;
padding: 0.2em 0 0.2em 0.8em;
border-width: 1px;
border-style: solid;
text-decoration: none;
font-weight: normal;
}

ul#navlist li a:hover, ul#navlist li#active a:hover{
color: #4d5a61;
background: #dde1e5; 
border-color: #f1f3f5 #c5ccd3 #c5ccd3 #f1f3f5;
}

ul#navlist li#active a{
color: #fff;
background: #c3d4e3; 
border-color: #ebf2f7 #a0b3c2 #a0b3c2 #ebf2f7;
border-width: 1px;
border-style: solid;
font-weight: bold;
}

#side li {
	line-height: 1.3em;
  color: #686868;	
}

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

#side p{
  font-size: 0.63em;
	line-height: 1.2em;
	text-align: justify;	
  padding: 0px 0px 0px 14px ;
	margin-top: -2px;
  color: #5593cc;		
}

#side a {
	text-decoration: none;
  color: #5593cc;
	font-weight: normal;	
}

.small {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1.2em;
  margin-left: 40px;
  margin-right: 40px;	
  color: #B3B1B2;	
}

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

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

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

img.left3{
  float: left;

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

img.tekst{
  float: left;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;	
}

img.side{
  display: block;
  margin-left: auto;
  margin-right: auto;
	border:none;
}

img.side2{
  margin-left: 13px;
}
.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: 5em 0 2em 0;
  font-size: 0.7em;
  color: #CACCC1;
  display: block;
  text-align: center;
  width: 748px;
  background: #5f6f78 url(footer.gif) 0px 0px no-repeat scroll; 
  position: relative;
  left: -210px;
  top: 21px; 
  height: 50px;
}

p#bottomlinks a{
  color: #c3d4dd;
}

address{ 
  background: #ffffff;
  font-weight: bold;
  color: #3e88c6;
  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;
  z-index: 3;
  border-top: 1px solid #cfcfcf;
}