html{ /* Achtergrondkleur en afbeelding voor de pagina */
  background: #70A3D0 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: #89A4AB;
  background: transparent url(side.gif) 0px 0px repeat-y scroll;
	width: 748px;

  /* Box model hack: */

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

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

  /* Box model hack: */

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

html>body #side{ /* Voor anders browsers dan IE */
  padding-top: 170px;
}

 /* Lettertypes */

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

html>body h1{ /* Voor andere browsers dan IE */
  margin-top: 0em;
}

#content{
  margin-top:15px;
}

/* Lettertypes */

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

h1, h2, h3{
	font-weight: normal;
}

h1{
  color: #007DA9;
  margin-top: 0.3em;
  margin-bottom: -0.4em;
	font-weight: normal;	
}

h2{
  color: #007DA9;
  font-size: 1.3em;
	font-weight: normal;	
  margin-top: 1.5em;
  margin-bottom: 0.5em; 	
  clear: both;
}

h3{
  color: #E885BB;
  font-size: 0.9em;
	font-weight: bold;
  margin-top: 1.0em;
  margin-bottom: 0.2em; 
  clear: both;
}

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

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


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

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

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


 /* Navigation: */

#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:#007DA9;
}

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

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

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

ul#navlist li a{
display: block;
width: 100%;
padding: 0.2em 0 0.2em 0.8em;
border-width: 1px;
border-color: #C9DADF #62A4BA #62A4BA #C9DADF;
border-style: solid;
color: #0989B3;
text-decoration: none;
font-weight: normal;
background: #FFFBFD; /* buttonkleur, niet actief */
}

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

ul#navlist li#active a{
background: #008ABB; /* kleur button actief was #51204D */
color: #FFFFFF; /* kleur letter actieve keuze #51204D*/
font-weight: bold;
}

ul#navlist li a:hover, ul#navlist li#active a:hover{
color: #A25E61; /* hoverkleur letters */
background: #FFE3F1;
border-color: #CCAD76 #AF6E07 #AF6E07 #CCAD76;
}


 /* Kleuren van de hyperlinks: */

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

a:hover{
  color: #F182B5;
}


/* Overig: */

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

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

img.tekst{ /* Links uitgelijnde afbeelding */
  float: left;

	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;	
}

strong, b{
  font-weight: normal; /* Strong, maar dan zonder de strong ;-) */
}

p#bottomlinks{
  margin: 3em -350px 0 0; /* negatieve rechtermarge, anders valt hij in IE binnen de linkerkolom */
  padding: 55em 0 2em 0;
  font-size: 0.7em;
  color: #CACCC1;
  display: block;
  text-align: center;
  width: 748px;
  background: #71A4D1 url(footer.gif) 0px 0px no-repeat scroll; /* Zelfde achtergrondkleur als html-element */
  position: relative;
  left: -210px;
  top: 21px; 
  height: 50px;
}

p#bottomlinks a{
  color: #A3D5FF;
}

address{ /* Adres onderin */
  background: #ffffff;
  font-weight: bold;
  color: #0080B0;
  font-style: normal;
  margin-left: -202px; /* plaatsing */
  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 #5C6A9D;
}

#postit{
    position: absolute;
    display: none;
    width: 231px;
    height: 227px;
    top:-90px;
    right: 90px;
    background-image:url(../images/postit.png);
    background-repeat: no-repeat;
}