html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-family: Georgia, Times, "Times New Roman", serif;
color: black; width: 800px; border-right: 1px solid black; font-size: 12px; }
#header { border-bottom: 1px solid #333; }
#columns { clear: both }
#columnIndex { float: left; width: 160px; margin-left: 10px; padding-top: 1em; }
#columnContent { padding-top: 1em; margin: 0 2em 0 200px; }
#footer { clear: both; background-color: #ccc; padding-bottom: 1em; border-top: 1px solid #333; padding-left: 200px; }
#logo { float: left; margin: 0em 3em 0em 0em;}
#subColumnA { float: left; width: 300px; margin-left: 5px;}
#subColumnB { margin-left: 310px;}
#subFooter { clear: both;}
#subColAv3 { float: left; width: 190px;}
#subColBv3 { float: left; width: 190px;}
#subColCv3 { float: left; width: 190px;}
.k1  {float: left; width: 140px;}
.k2  {float: left; width: 140px;}
.k3  {float: left; width: 140px;}
.k4  {float: left; width: 140px;}

#tblWorkplan  .clearfix {border-bottom: 1px solid red;}

.classFL { margin: 5px; float: left;} 

h1 {font-size: 200%; letter-spacing: 3px;
   margin: 0; padding: 1em 0 0 16%;}
h2 {font-size: 133%;}
h3 {font-size: 133%; margin: 0; padding: 0 0 0 0.5em; 
   background: rgb(85%,85%,70%);}
h4 {font-size: 100%; margin: 0; padding: 0.33em 0 0; 
   border-bottom: 1px solid rgb(50%,50%,35%);
   color: rgb(50%,50%,35%);}
h1, h3, h4 {line-height: 1em;}
p {line-height: 1.66; margin: 0.5em 3em 1em 3em; font-size: 14px;}
p.newsflash {font-size: 133%; background: yellow}
p.newsflashmin {font-size: 133%; background: lightgrey}
blockquote {
  margin: 0;
  padding: 0;
}
blockquote p {
  font: italic 1em, Georgia, Times, "Times New Roman", serif;
  font-size: 1em;
  margin: 10em 2em 0 2em;
  padding: 0;
}
div#gooiweg {float: left; width: 14%; margin-top: 2.33em;
   font-size: 11px; background-color: white;
   border: 1px solid black;}
div#columnIndex a {display: block; padding: 4px 8px; margin: 0; 
   text-decoration: none; text-align: right;
   border-top: 1px solid gray;}
div#columnIndex a#this {
background-color: yellow;
}
div#columnIndex a:hover {background: #FB9;}
div#columnIndex h4 {background: rgb(33%,33%,33%); color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}
div#columnIndex .secLev {background: red;}
div#columnIndex .thirdLev {background: beige;}

div#entry {margin: 0 20% 1em 20%; padding: 0;}
div#sidebar {margin: 0; padding: 0; float: right; width: 20%;}
div#entry a:link{font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";text-decoration:none;font-size:11px;color:#000099;}
div#entry a:visited{font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";text-decoration:none;font-size:11px;color:#6666CC;}
div#entry a:active{font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";text-decoration:none;font-size:11px;color:#000099;}
div#entry a:hover{font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";font-size:11px;color:#000099;text-decoration:underline;}
div#sidebar h4 {background: rgb(70%,70%,55%); color: black;
   margin: 0; padding: 0.33em 0 0 0.5em; border-width: 0;}
div#sidebar h3 {background: rgb(33%,33%,33%); color: white;}
div#sidebar a {display: block; padding: 8px 0 2px 10px; margin: 0;
   border-left: 1px solid rgb(70%,70%,55%);}
div#sidebar a:hover {background: rgb(85%,85%,70%);}
div#stylesBox ul {list-style-type: none;}
p.inspringen { text-indent: 2.5em; }

ul.genummerd {
list-style-type: decimal;
}
ul.cirkel {
list-style-type: circle;
}

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}

.headers{
width: 400px;
font-size: 120%;
font-weight: bold;
border: 1px solid black;
background-color: lightyellow;
}

.switchcontent{
width: 400px;
border: 1px solid black;
border-top-width: 0;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */