iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
  

}

button{
	background-color: #27ae60; /* Groen */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
	font-size: 16px;	
	
	
}





.ratio-square {
    display: block;
    
    width: 100%;
    height: 0;

    padding-top: 50%; /* This is your aspect-ratio */
}

.ratio-inner {
    display: block;
    position: absolute;

    left: 15%;
    top: 5%;
    right: 0;
    bottom: 0;

    width: 80%;
    height: 80%;
}

.ratio-squareimg1 {
    display: block;
    position: absolute;

    height: 85%;
	width: 85%;
    

    display: block;
   
	
    left: 13.5%;
    top: 2.5%;
    right: 0;
    bottom: 0;
	border-radius: 2%;
    width: auto;
  
}


.ratio-squareimg2 {
    display: block;
    position: absolute;

    height: 260px;
	max-height: 60%;
	width: 67.5%;
    border-radius:10px;

 
   
	left: 30%;
    right: 0;
    top: 2.5%;
    right: 0;
    bottom: 0;
	
    
}



.regelknop {
display:inline-block;
padding:0.46em 1.6em;
border:2px solid #000000;
margin:0 0.2em 0.2em 0;
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#000000;
background-color:#22a6b3;
text-align:center;
transition: all 0.15s;
position: relative;
}
a.regelknop:hover{

color:#dddddd;
background-color:#e056fd;
border-color:#dddddd;
}
@media all and (max-width:30em){
a.regelknop{
display:block;
margin:0.4em auto;
}
}

.regeltekst {
	margin: 5%;
}
table{
	position: center;
	text-align: left;
	
}



tr{
	margin: 60px;
	
	
}

h1{
	display: inline-block;
	text-align: left;
	padding:10 20;
	background-color:#22a6b390;
	position: relative;	
	width: 80%;
	font-family:
	"Trebuchet MS", Helvetica, sans-serif;
}

h2{
	text-align: left;
	display:inline-block;
	padding:10 20;
	background-color:#22a6b380;
	position: relative;	
	width: 20%;
	font-family:
	"Trebuchet MS", Helvetica, sans-serif;
}

p{
	display:inline-block;
	text-align: left;
	padding:10 20;
	background-color:#50a6b390;
	position: relative;
	border: 4 px black;
	width: 80%;
	font-family:
	"Trebuchet MS", Helvetica, sans-serif;
}