@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Lato');

body {
  background-color: white;
  color: black;
  font-family: Lato, Verdana;
  background: #e5edff;
}



#logo{
  position:absolute;
  top:0;
  left:0%;
  width:100%;
  text-align:left;
  padding-left:5%;
  
  border: 0px solid blue;
  box-sizing: border-box;
  line-height:25px;
  
  font-family: Lato, Verdana;
  
  background: white;}
  
  #logo h3{
	  /* deze meernaar rechts */
	  
  }

#navigation{
 position:absolute;
 top:100px;
 left:0;
 height:auto;
 width:calc(100% - 20px);
 text-align: center;
 word-spacing: 100px;
 padding: 10px;
 
 border: 2px solid blue;
 border-left: 0; border-right: 0;
 background: white;
}

#navigation #exception{
  word-spacing: 3px;
}

#eyecatchers{
 position: absolute;
 top: 160px;
 left:0;
 height: auto;
 width: 100%;
 padding: 0px;
 
 
 border: 0px solid blue;
 box-sizing: border-box;
}

#eyecatchers img{
  width:25%;
  margin:0px;
}


#video{
  position: absolute;
  top: 600px;
  left: 25%;
  height:auto;
  width:50%;
  text-align: center;
  
  
}

#video iframe{
  transform:scale(1.7);
}

#tweedePagina{
 position:absolute;
 top:100%;
 left:0;
 height:100%;
 width:100%;
 color:black;
  
}

#missie{
  height:300px;
}

#klant{

  
}

#gallerij{

  
}

#gallerij img{
  width:25%;
  margin:0px;
}

#contactgegevens{
  position: absolute;
  bottom: 0px;
  left:0;
  padding-bottom:55px;
  width:100%;
  
  background: #6699ff;
  
}

#ownership{
  position:absolute;
  bottom:0px;
  left:0;
  height:50px;
  width:100%;
  
  background: yellow;
  line-height: 50px;
  text-align: center;
  
}

/* betaal pagina specifiek */


#contactgegevensBet{
  position: absolute;
  top: 100%;
  left:0;
  padding-bottom:55px;
  width:100%;
  
  background: #6699ff;
  
}

#ownershipBet{
  position:absolute;
  top:100%;
  left:0;
  height:50px;
  width:100%;
  
  background: yellow;
  line-height: 50px;
  text-align: center;
  
}

#betaal{
 position: absolute;
 top:220px;
 left: 70px;
 
}

.column {
    float: left;
    width: 33%;
}

/* Clear floats after the columns */
.row:after {
  width:1000px;
    content: "";
    display: table;
    clear: both;
}


input[type=text]{
	margin-bottom: 10px;
	
}

#logoImg{
	height:100px;
	float:left;
	
}