html, body {
 margin: 0;
 padding: 0;
 background-color: #ffffff;
 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 font-size: 12px;
}

p {
 line-height: 130%;
 margin: 0px 10px 6px 10px;   /* t r b l */
}

hr {
 margin-left: 10px;
 margin-right: 10px;
 color: #2B3082;
}

h1 {
 font-size: 15px;
 margin: 12px 10px 4px 10px;
 color: #2E2F7F;
}

h2 {
 font-size: 12px;
 font-weight: bold;
 margin: 0 10px 4px 10px;
 color: #2E2F7F;
}

.likeH2 {        /* Looks like h2 */
 font-size: 12px;
 font-weight: bold;
 margin: 0 10px 4px 10px;
 color: #2E2F7F;
}

.mv {
 font-size: 11px;
 font-weight: normal;
}

.bijschrift
{
 font-size: 11px;
 color: #444444;
}

.grayborder {
 border-width: 1px;
 border-style: solid;
 border-color: gray;
}

/*  Links  */

a:link {
color: #2B3082;
text-decoration: none;
}

a:visited {
color: #2B3082;
text-decoration: none;
}

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

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

a.smallink:link {
color: #2B3082;
text-decoration: none;
font-size: 11px;
}

a.smallink:visited {
color: #2B3082;
text-decoration: none;
font-size: 11px;
}

a.smallink:hover {
color: #2B3082;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

a.smallink:active {
color: #2B3082;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

 /* Formatting unordered list, they must be in a div class="list-container" */

.list-container {
 margin-left: 10px;
 /* border: .1em solid #000; */
}
.list-container ul {
 padding-left: 16px;
}
.list-container ul li {
 padding-left: 0px;
 line-height: 140%;
}

#bg {        /* Div for background image in full viewing area */
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

#container {
 width: 924px;
 margin: 0px auto 0px auto;     /* This makes container centered if browser > 924px */
 position:relative; z-index:1;  /* Place the content on top of the background image */
/* background-color: #000055; */
}

#subcontainer {
 margin: 0;
 float:left;
 background-color: #ffffff;
/* background-color: #000055; */
 /* The only function of subcontainer directly in container is the float:left  */
 /* to make sure that (sub)container is as long as the longest div in it.      */
 /* We could not do that directly with container: conflicts with its centering */
}

#topheader {
 width: 924px;
 height: 100px;
 background: url(pics/grads/vertgradtop.jpg) repeat-x left top;
/* position:relative; */
}

#topmenubar {
/* Nothing necessary */
}

#leftnav {
 float: left;
 width: 126px;
 padding: 0px 6px 0px 0px;
 margin: 0;
/* background-color: #808080; */
}

#content {
 margin: 0;
/* background-color: #a0b0c0; */
 float:left;
 min-height:480px;
}

/* Main content divs for home page are 50% (396px) wide     */
/* There are two 'right' divs - their visibility is swapped */

#contentlefthome {
 float:left;
 margin: 0;
 width: 396px;  
 padding: 6px 0px 0px 0px;
/* background-color: #a0a0a0;  */
}

#contentlefthomewider {
 float:left;
 margin: 0;
/*  width: 396px;  Nu aangepast naar startpagina zonder leftnav */
 width: 457px; 
 padding: 6px 0px 0px 0px;
/* background-color: #a0a0a0;  */
}

#contentrighthome {
 float: left;
 margin: 0;
 width: 390px;
 padding: 6px 0px 0px 6px;
/* background-color: #c0c0c0; */
}

#contentrighthomewider1 {
 float: left;
 margin: 0;
/*  width: 390px;  Nu aangepast naar startpagina zonder leftnav */
 width: 453px;
 padding: 6px 0px 0px 6px;
/* background-color: #c0c0c0; */
}

#contentrighthomewider2 {
 float: left;
 margin: 0;
/*  width: 390px;  Nu aangepast naar startpagina zonder leftnav */
 width: 453px;
 padding: 6px 0px 0px 6px;
/* background-color: #c0c0c0; */
}

/* Main content divs for subpages are 67%/33% wide: */

#contentleftsub {
 float: left;
 margin: 0;
 width: 516px;
 padding: 6px;
/* background-color: #a0a0a0; */
}

#contentrightsub {
 float: left;
 margin: 0;
 width: 264px;
/* background-color: #c0c0c0; */
}

#contentleftsubwider {
 float: left;
 margin: 0;
 width: 579px;
 padding: 6px;
/* background-color: #a0a0a0; */
}

#contentrightsubwider {
 float: left;
 margin: 0;
 width: 327px;
/* background-color: #c0c0c0; */
}

#contentbottom {
 clear: left;
/* clear: both;   maakt niet uit */
 width: 792px;
 margin: 0;
/* background-color: #dddd33; */
}

#toplogo {
 position:absolute;
 top: 16px;
 left: 240px;
}

#headertext {
 font-size: 15px;
 margin: 16px 0px 0px 360px;
 color: #2E2F7F;
}

.greyclickbox {
 width: 140px;
 height: 50px;
 border-top: solid 10px #fff;
 border-right: solid 3px #fff;
 border-bottom: solid 4px #fff;
 border-left: solid 3px #fff;
 float: left;
 text-align: center;
 text-decoration: none;
 padding: 10px 6px 4px 6px;
 background-color: #D2D5FF;
 line-height: 120%;
 color: #9D367B !important;
}

.lastgreyclickbox {
 width: 140px;
 height: 50px;
 border-top: solid 10px #fff;
 border-right: solid 3px #fff;
 border-bottom: solid 4px #fff;
 border-left: solid 3px #fff;
 float: left;
 text-align: center;
 text-decoration: none;
 padding: 10px 6px 4px 6px;
 background-color: #D2D5FF;
 line-height: 120%;
 color: #9D367B !important;
}

.whiteclickbox {
 width: 132px;     /* Net zo breed als leftnav */
/* height: 50px; */
 border-left: solid 4px #fff;
 border-bottom: solid 4px #fff;
 float: left;
 text-decoration: none;
/* padding: 4px 0px 4px 0px; */
 margin: 4px 0px 4px 0px;
 background-color: #ffffff;
 line-height: 100%;
 color: #2E2F7F;
 font-weight: bold;
}

/* Correction for first paragraph if header does not provide the margin: */
.ptopmargin {
 margin: 12px 10px 4px 10px;
}

/* For swapping div visibility: */

.divhidden {
 display:none;
}

.divvisible {
 display: inline;
}

/* Miscellaneous: */

.smalltext {
 font-size: 11px;
}

.bluetext {
 color: #2E2F7F;
}

.bluetextsmall {
 color: #2E2F7F;
 font-size: 11px;
}

.blueboldtext {
 color: #2E2F7F;
 font-weight: bold;
}

.vertalign {
 vertical-align: middle;
}

.centred {
 text-align: left;
}

.forceleftmargin {
  padding: 0px 0px 0px 8px;
}

img.floatleft {
 float: left;
 margin: 4px; 
}

img.floatleftwithrightmargin {
 float: left;
 margin: 4px 20px 4px 4px;
}

img.floatright {
 float: right;
 margin: 4px; 
}

img.floatleftstacked {
 float: left;
 clear: left;
 margin: 4px;
}

img.floatrightstacked {
 float: right;
 clear: right;
 margin: 4px;
}

img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

div.layout
{
  text-align: center;
}
div.centre
{
  text-align: left;
  width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}