body {
  margin-top: 0;
  background: #FFFFFF url(../images/bkgright.gif) repeat-x;
} 

#bg {
  width: 30%;
  height: 1000px; /* height of bg! */
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../images/bkgleft.gif) repeat-x;
} 

#main {
/* text-align: center in main div not in body, auto for centering in FF */
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative;
  text-align: center;
  overflow: hidden;
  z-index: 1;
}

#logo {   
  position: relative;
  float:left;
  width: 351px;
  text-align: left;
  padding-left:0;
  background-color:#FFFFFF;
}  

#gotoothersite {
  margin-top: 5px;
  text-align: right;
  padding-right:20px;
}

/* js mouseover doesn't work with ul in FF, therefore no list */
#nav {
  margin-top: 4px;
}

#headersky {   
  position: relative;
  float:right;
  width: 609px;
  text-align: left;
  margin-top:5px;
  padding-left:0;
  background-color:#FFFFFF;
}  

#headerphoto {
  position: relative;
}

#contentleft {   
  position: relative;
  width: 921px;
  float:left;
  text-align: left;
  padding-top:10px;   
  padding-left:20px;   
  background: #FFFFFF url(../images/topleftcorner.gif) no-repeat top left;
/* workaround to make the columns equal in length */
  margin-bottom: -1300px;
  padding-bottom: 1300px;
}  

#contentright {   
  position: relative;
  width: 19px;
  float:right;
  text-align: left;
  padding-top:10px;
  background: #FFFFFF url(../images/toprightcornerwit.gif) no-repeat top right;
/* workaround to make the columns equal in length */
  margin-bottom: -1300px;
  padding-bottom: 1300px;
}  

#footer {   
  position: relative;
  width: 960px;
  float:right;
  text-align: left;
}  

img { vertical-align: bottom; }

form { 
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px
}
a:link {text-decoration: underline; color: #003399;}
a:visited {text-decoration: underline; color: #003399;}
a:active {text-decoration: underline; color: #003399;}
a:hover {text-decoration: underline; color: #000066; background-color: #FFFFFF}
a.wit:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: underline; color: #FFFFFF;}
a.wit:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: underline; color: #FFFFFF;}
a.wit:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: underline; color: #FFFFFF;}
a.wit:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;text-decoration: underline; color: #FFFFFF;}
.letters14bold {font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003399;}
.letters14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003399;}
.letters { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003399;}
.klein { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399;}
.letterswit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.witklein { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #003399; font-weight: bold;margin-bottom:20px;}
h1.wit {margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; font-weight: bold}
.kopje { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #003399; font-weight: bold;margin:20px;}
h2 { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003399}
h2.geenmarge {margin: 0px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003399}
p {margin: 2px;}
p.geenmarge {margin: 0px;}
ul.kopje { margin-top: 20px; margin-left: 20px; list-style-type: disc; }
ul.none { list-style-type: none; margin: 0; padding: 0;}
ul.disc { margin-top: 0px; margin-left: 15px; list-style-type: disc; }
ol.geenmarge { margin-top: 0px;}
hr.wit {color: #FFFFFF; height: 1px; margin-top:5px;margin-bottom:5px; padding: 0px;}
hr.lblauw {color: #D9E6EF; height: 1px; margin-top:5px;margin-bottom:5px; padding: 0px;}


