@charset "utf8mb4";
/* CSS Document */
<style>
* {
  box-sizing: border-box;
}

 /* Style the navigation menu */
.topnav {
  display:none;
  overflow: hidden;
  background-color: #000;
  position: relative;
}

/* Hide the links inside the navigation menu */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 12px 32px;
  text-decoration: none;
  display: block;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.icon {
  display: none;
  float:right;
}

.overall{
  overflow:auto;
  padding-left: 0;
  margin: 0;
  width: 100%;
}

.topleft {
  float: left;
  align: left;
  width: 35%;
  margin: 0;
}

.topright {
  padding-left: 0px;
  padding-top: 50px;
  float: left;
  width: 300px;
}

.bottomleft {
  float: left;
  align: left;
  width: 35%;
  padding-top: 0px;
}

.bottomright {
  padding-right: 0px;
  float: left;
  vertical-align:top;
  width: 50%;
} 

.top {
  float: left;
  /*margin-top: 100px;*/
  align: left;
  margin-left: 0px;
  
  	width:100%;
    margin-top: 0px;
}

.titels {
  float: left;
  margin-bottom: 0px;
  text-align: left;
}

.titels-klein {
  float:left;
  margin-bottom: 0px;
  margin-top: 0px;
  width: 100%;
}

.menuleft {
  float:right;
  text-align:right;
  padding-top: 1.4em;
}

.tekst {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
  padding-top: 0px;
  padding-bottom: 0px;
}

.subbutton {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
  padding-top: 0px;
  padding-bottom: 5px;
  line-height: 1.8;
}

.hoofdmenu {
  display:block;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.0em;
  padding-right: 30px;
  line-height: 1.3;
  text-align: right;
}

a { 
  text-decoration: none;
  color:#FFF;
}

table {
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align:top;
}
.detailtekst{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
}

@media (max-width:640px) {
  /* Voor telefoons: */
  .menuleft {
	display:none;
  }
  .hoofdmenu {
    display:none;
  }
  .topleft {
	width:100%;
	padding-left: 0px;
  }
  .topright {
	width: 250px;
	padding-left: 0px;
	padding-top: 0px;
  }
  .bottomright {
    padding-right: 0px;
    float: left;
    vertical-align:top;
    width: 100%;
  }
  .topnav {
	display:block;
  }
  .icon {
    display: block;
  }
  .logo {
    /*display: block;*/
    max-width: 100%;
    height: 35px;
  }
  .titels-klein{
    max-width: 100%;
    height: 30px;
  }
  .zoeken{
	  padding-right:100px;
	  text-align:right;	  
  }
  .tekst{
	  padding-left:10;
	  padding-right:10;
  }
  .detailtekst{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
  }
  .detailimg{
  	width: 100%;
  	height: auto;
  }
  .buttontekst{
	  font-size:1em;
  }
}

</style>