@charset "UTF-8";

* { 
	padding:0; 
	margin:0;
	text-decoration: none;
	border:0px; 
	}

html{
     height:100%;
     min-height: 100%;
     font-size: 14px;
  	 -webkit-text-size-adjust: 100%;
  	 color:#252525;
     }

body { background: #f7f7f7; cursor:default; height:100%; overflow:visible; }
     
ul { padding-left:27px; padding-top:15px; }
ol { padding-left:27px; padding-top: 15px; }

img{ display:block; border:0; width:100%; max-width:100%; }

.hoofdcontainer { position:relative; top:0; float:left; width:100%; }

.logocontainer { position:relative; height:auto; overflow:hidden; margin:0 auto; width:100%; background-color:#fff; justify-content:center; display:flex; }
.logocontainerin { position:relative; top:0; float:left; height:auto; overflow:hidden; margin:0 auto; width:100%; max-width:908px; }

.logocontainermobiel { position:relative; height:auto; overflow:hidden; margin:0 auto; width:100%; background-color:#fff; justify-content:center; display:flex; }
.logocontainermobielin { position:relative; top:0; float:left; height:auto; overflow:hidden; margin:0 auto; width:100%; max-width:454px; }

.slideshowcontainer { position:relative; height:auto; overflow:hidden; margin:0 auto; width:100%; background-color:#e2f2f6; justify-content:center; display:flex; }
.slideshowcontainerin { position:relative; top:0; float:left; height:auto; overflow:hidden; margin:0 auto; width:100%; max-width:908px; }
.slideshowcontainerinmobiel { position:relative; top:0; float:left; height:auto; overflow:hidden; margin:0 auto; width:100%; max-width:454px; }

.kopdiv { padding: 10px 0 10px 0; text-align:left; }
.kop { color: #000; font-size: 16px; line-height: 16px; font-family: Arial; word-spacing: 0pt; letter-spacing: 0pt; }

.tekstdiv { padding: 10px 0 10px 0; text-align:left; }
.tekst { color: #000; font-size: 12px; line-height: 15px; font-family: Arial; word-spacing: 0pt; letter-spacing: 0pt; }

.buttondiv { padding: 10px 0 10px 0; text-align:left; }
.button {
  border: 1px solid #2bb8c9;
  color: #2bb8c9;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 2px 1px;
  cursor: pointer;
  font-size: 12px; line-height: 15px; font-family: Arial; word-spacing: 0pt; letter-spacing: 0pt;
}

.belons{ position:absolute; z-index:999; }
.belonsmobiel{ position:absolute; z-index:999; }

.tekstcontainer { position:relative; height:auto; overflow:hidden; margin:0 auto; width:100%; max-width:908px; }
.koen { position:relative; top:0; float:left; width:50%; max-width:454px; height:auto; padding:0; overflow:hidden; }
.armando { position:relative; top:0; float:right; width:50%; max-width:454px; height:auto; padding:0; overflow:hidden; }
.tekst { position:relative; top:0; float:left; width:100%; height:auto; padding:0; overflow:hidden; }

.tekstcontainermobiel { position:relative; height:auto; overflow:hidden; margin:0 auto; width:100%; max-width:454px; }
.koenmobiel { position:relative; top:0; float:left; width:100%; max-width:454px; height:auto; padding:0; overflow:hidden; }
.armandomobiel { position:relative; top:0; float:right; width:100%; max-width:454px; height:auto; padding:0; overflow:hidden; }