@charset "utf-8";
.button {
  border: none;
  color: white;
  padding: 15px 36px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 20px;
  cursor: pointer;
}
.button1 {background-color: #040150;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */
.achtergd {background-image: url("panorama_5.jpg"); 
  background-repeat: no-repeat;
  background-attachment: fixed;
background-size: 100% 100%;}
/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
	color: white;}
.containerl {
  position: relative; 
	padding-left: 10%;
	padding-right: 10%;
  text-align: left;
	color: white;}
/* Bottom left text */
.bottom-left {
  position: absolute;
	text-align: left;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
	text-align: left;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
	text-align: left;
  top: 8px;
  right: 16px;
}
.top-rightw {
  position: absolute;
	width: 50%;
	text-align: left;
  top: 8px;
  right: 16px;
}
/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centered1{
position: absolute;
	width: 50%;
  top: 10%;
  left: 5%;	
	transform: translate(0%, 0%)
}
.centeredr{
position: relative;
	width: 80%;
  top: 10%;
  left: 20%;	
	transform: translate(0%, 0%)
}
.centered100{
position: absolute;
	width: 100%;
  top: 10%;
  left: 5%;	
	transform: translate(0%, 0%)
}
.releft{float: left; position:relative; background:#F5DFB1; width: 100%}
.columnspec {
	position: relative;
  float: center; 
  width: 75% ;
	left: 12% ;
	top: 10%;
    background: #FFFFFF;   
	border-radius: 25px;
	border:2px; border-style:solid; border-color:blue;
/*    border: 1px solid blue;  */ 
}
.column { font-size: 12pt;
	position: relative;
  float: left;
  width: 48% ;
    background: #FFFFFF;   
/*    border: 1px solid blue;  */ 
}
.column70 {
  float: left;
  width: 70% ;
    background: #FFFFFF;   
/*    border: 1px solid blue;  */ 
}
.column60 {
	position: relative;
  float: left;
  width: 60% ;
    background: #FFFFFF;   
/*    border: 1px solid blue;  */ 
}
.column30 {
	position: relative;
  float: right;
  width: 30% ;
    background: #FFFFFF;   
/*    border: 1px solid blue;  */ 
}
.tekstblok {font-family: "verdana"; font-size: "12pt"; position: relative;
  left: 30px; width: 90%}
.tekstblok2 {font-family: "verdana"; font-size: "11pt"; left: 0px; position: inherit}
.capt { position: inherit; width: 80%}
.blok {align-self: flex-end}
.column2 {float: left; width: 25%;}
.columnr{float: right; width: 35%; top: 30pt;left: 10px; right: 60px;}
.vmargin {position: relative; top: 10pt}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
footer {
  margin-top: 3em;
  padding: 0 0 2em;
  background-image:-moz-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%);
  background-image: -webkit-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%);
  background-image: -ms-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%);
}