/* indeling en achtergrond*/
body {
  margin:0px;
 font: 16px/20px Kapra-Bold, verdana, arial, sans-serif;
/*  background:white no-repeat center top;*/
}
 #header, #main, #footer {
 position:relative;	 
 width: 600px; 
 margin:0px auto;
 }
.url1, .url2	 {
 position:relative;	 
 top:38px;
 left:65px;
 font: italic bold 50px/32px Kapra-Bold,arial,verdana;
 /*word-spacing: 6px;*/
 letter-spacing:-2px;
 color: rgb(250,216,20);
 margin:0px;
 padding:3px;
 text-shadow: 1px 1px 2px rgb(0,88,171);
 /*background-color:rgb(230,100,125);*/
 display:none;
 }
 .url1 {
 }
 .url2 {
	 font-size: 37px;
 }
 .rechts {
	 float: right;
	 padding: 10px;
	 margin:10px;
 }
 .links {
	 float: left;
	 padding: 10px;
	 margin:10px;
 }
 
 .b-links {
		box-sizing: border-box;
		width: 50%;
		min-height: 100%;
		float: left;
	 }
 .b-rechts {
		box-sizing: border-box;
		width: 50%;
		float: left;
	 }
	 
 #header {
 height: 185px;
 background-image: url('header.png');
  background-position: center top;
 background-repeat: no-repeat;
 background-color: rgb(250,216,20);
 }
 
 #main {
 /*padding:12px 0px;
 /*margin-bottom: 150px;*/
 }
 #footer {
 position: fixed;
 width: 500px;
bottom: 0;
left: 50%;
margin-bottom: 10px;
margin-left: -250px;
 }
 #footer p {
 font: 16px/20px Kapra-Bold, verdana, arial, sans-serif;
 color: rgb(0,88,171);
	 margin: 2px;
 background-color:rgb(250,216,20);
 padding: 15px;
 text-align: center;
 }
 .button {
 background-color:rgb(250,216,20);
 font: 16px/16px Kapra-Bold, verdana, arial, sans-serif;
 border: none;
 color: rgb(0,88,171);
 padding: 15px 16px;
 text-align: center;
 text-decoration: none;
  display: inline-block;	
margin: 2px;
box-shadow: 2px 2px 10px 2px rgb(0,88,171);
 border-radius: 10px;
 }
 #footer-space {
	 height: 300px;
/*	 padding-bottom: 300px;*/
 }
 #header img {
 position:absolute;
 top:0px;
 left:50%;
 margin-left:-250px;
 }
  #wrapper {
		width: 600px;
		height: 330px;
		max-height: 100%;
		max-height: calc(100% - 70px);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 20px auto 0;
  }
  #wrapper p, h3 {
	  padding: 5px;
  }
  .grijs1 {
 background-color:rgb(220,220,220);
 /*height: 310px;*/
 padding:10px;
/* margin: 10px 0px;*/
	    }
  .grijs2 {
 background-color:rgb(220,220,220);
/* padding:15px;*/
width: 280px;
 margin: 0px 10px;
	    }
  img {
	  margin: 10px;
	  padding: 10px;
  }
.curs {
  font-style: italic;	
}
  #wrapper2 {
		width: 600px;
		height: 140px;
		max-height: 100%;
		max-height: calc(100% - 70px);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		padding: 10px;
		margin: 20px auto 0;
 background-color:rgb(250,216,20);
 color: rgb(0,88,171);
 padding-bottom: 130px;
 margin-bottom: 0px;
  }
.b-k1 {
		box-sizing: border-box;
		width: 40%;
		min-height: 100%;
		float: left;
		font-size: 12px;
	 }
 .b-k2 {
		box-sizing: border-box;
		width: 30%;
		float: left;
	 }
 .b-k3 {
		box-sizing: border-box;
		width: 60%;
		float: left;
		text-align: center;
	 }