header, section, footer, aside, nav, article, figure {
	display: block;
	}

body 	{margin: 0px;
	background-color:#EEEEEE; 
	color:#000000; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size: 100%;
	padding: 0.2em}

h1, h2, h3
	{color:#663300;
	background-color:#CCCCCC; }

h1	{font-size:28px; 
	font-weight:bold;}
h2	{font-size:18px;}
h3	{font-size:14px;}

aside	{
	position: absolute;
	width: 300px;
	padding: 0 0 10px 10px;
	color:#E8F7DF;
	background-color:#663300;
	}
	
article	{
	margin-left: 315px;
	border-left: 1px solid;
	padding: 0 10px 10px 10px;
	}
	
.kader  {background-color:#663300;
         width:350px;
         margin:1em;
         padding:1em;
         margin-right:0px;
         color:#E8F7DF;         }
         
.topnav {
  overflow: hidden;
  background-color: #333;}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;}

.topnav a.active {
  background-color: #04AA6D;
  color: white;}

.kop	{color:#FFCC00;
	font-weight:bold;}
	
.schema	{color:#FFCC00;
	font-size:18px;}
	
.nb	{font-style:italic}	
	
table,tr,td
	{padding-left:0px;
	margin-left:0px;
	border-collapse:collapse}
	
table,td
	{background:transparent}
	
td.boeken {padding-left:5px;}

a:link	{color:#FFFF99;
	font-weight:bold;}

a:visited
	{color:#navy;
	font-weight:bold;}

a:hover	{color:#FF0000;
	font-weight:bold;}
	
.op	{color:#FF0000;
	font-weight:bold;}
	
div.cols2
{columns:2;
 column-width:20em;
 column-gap:50px; 
 column-rule:thin solid grey;
 padding: 0.1em}
 
div.bevat
{font-size: 0.8em;
 padding: 0.1em}

figure {
      display: block;
      margin: 0;
      padding: 0;
   }

figcaption {
      font-family: Arial, sans-serif;
      font-size: 0.6em;
      font-style: italic;
      font-weight: bold;
      color: white;
      margin-top: 10px;
      background-color: olive;
      padding: 5px;
      width: 20%;
}