BODY {	margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: white;
		font-family: Arial, sans-serif;
		font-size: 16px;
		color: #000000;
}

P,TABLE,TD,LI {	font-family: Arial, sans-serif;
	font-size: 16px;
	color:#000000; }

* {
    box-sizing: border-box;
}

.kolom {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #333333;
	text-decoration:none;
}

.menu {
    width: 25%;
	height:auto;
    float: left;
    padding: 10px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

.main {
    width: 75%;
	height:auto;
    float: left;
    padding: 10px;
	max-width:700;
}

.sitemap {
    width: 100%;
	height:auto;
	background-color:#CCCCCC;
    float: left;
    padding: 10px;
}

.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color: #009900;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
    background-color: #016501;
}

img {
    max-width: 100%;
    height: auto;
}

.kadergroen {
/* float: left; */
margin: 5px;
padding: 15px;
width: 33%;
max-width:220px;
height: 150px;
border: 2px solid #249F5F;
font-family: Arial, sans-serif;
font-size: 8pt;
color:#333333;
}

.buttongroen {
background:    #5ddb98;
background:    -webkit-linear-gradient(#5ddb98, #208851);
background:    linear-gradient(#5ddb98, #208851);
border-radius: 3px;
color:         #fff;
display:       inline-block;
padding:       8px 20px;
font:          normal 700 14px/1 "Arial", sans-serif;
text-align:    center;
text-shadow:   1px 1px 0 #666;
}

.kaderrood {
/* float: left; */
margin: 5px;
padding: 15px;
width: 33%;
max-width:220px;
height: 150px;
border: 2px solid #DC564E;
font-family: Arial, sans-serif;
font-size: 8pt;
color:#333333;
}

.kadergeel {
/* float: left; */
margin: 5px;
padding: 15px;
width: 33%;
max-width:220px;
height: 150px;
border: 2px solid #FECD51;
font-family: Arial, sans-serif;
font-size: 8pt;
color:#333333;
}

.kaderblauw {
/* float: left; */
margin: 5px;
padding: 15px;
max-width:250px;
height: 250px;
border: 1px solid #4D8DF1;
background-color: #4D8DF1;
font-family: Arial, sans-serif;
font-size: 8pt;
color:#333333;
}


.maintxt {
float: left;
margin: 5px;
padding: 15px;
max-width:500px;
}

.button {	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color:#333333;
	text-decoration:none; }

A {	text-decoration: underline;
	color: #000000;}

A:link {	text-decoration: underline;
		color: #000000; }
A:visited {	text-decoration: underline;
		color: #000000;}
A:active {	text-decoration: none;
		color: #333333; }
A:hover {	text-decoration: none;
		color: #333333; }

H1 {	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #DC564E}

H2 {	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #DC564E}

H3 {	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #DC564E}


/* [ON BIG SCREEN] */
/* Wrapper */
#hamnav {
  width: 100%;
  background:#FFFFFF;
  /* Optional */
  position: sticky;
  top: 0;
}

/* Hide Hamburger */
#hamnav label, #hamburger { display: none; }

/* Horizontal Menu Items */
#hamitems { display: flex; }
#hamitems a {
  width: 20%; /* 100% / 5 tabs = 20% */
  padding: 10px;
  color:#006633;
  font-weight:bold;
  text-decoration: none;
/*  text-align: center; */
}
#hamitems a:hover {
  background:#CCCCCC;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px){
  /* Show Hamburger Icon */
  #hamnav label { 
    display: inline-block; 
    color: #006633;
    background:#FFFFFF;
	font-weight:bold;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* Break down menu items into vertical */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #333;
  }

  /* Toggle Show/Hide Menu */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }
}