@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:0px;
  left:0%;
  width:100%;
  text-align:left;
  padding-left:5%;
  
  border: 0px solid blue;
  box-sizing: border-box;
  line-height:15px;
  
  font-family: Lato, Verdana;
  
  background: white;}
  
  #logo h3{
	  /* deze meernaar rechts */
	  
  }

#navigation{
 position:absolute;
 top:11%;
 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{
 position:absolute;
 top:11%;
 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: 15.6%;
 left:0;
 height: auto;
 width: 100%;
 padding: 0px;
 
 
 border: 0px solid blue;
 box-sizing: border-box;
}

#eyecatchers rotate90{
	transform: rotate(90deg);
}

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

div.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #777;
}

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

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

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

#events{
 position:absolute;
 top:50%;
 left:25%;
 height:100%;
 width:100%;
 color:black;

  
}

#JoinEvent{
 position:absolute;
 top:75%;
 left:2.5%;
 height:100%;
 width:100%;
 color:black;
	
}

#regristratie{
 position:absolute;
 top:25%;
 left:25%;
 height:100%;
 width:100%;
 color:black;

  
}

#missie{
  height:300px;

}
#tweedePagina #onze_missie{
	left:1000px;
}
#klant{

  
}

#gallerij{

  
}

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



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

#ownership{
  position:absolute;
  bottom:-80%;
  left:-25%;
  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;
	
}

@media only screen and (max-width: 500px){
	#logo{
		top: 0px;
		width: 100%
	}
	#tweedePagina{
 display: none;
  }
  #navigation{
 position:absolute;
 top:25%;
 left:0;
 height:auto;
 width:calc(250% - 20px);
 text-align: left;
 word-spacing: 1000%;
 padding: 10px;
 
 border: 2px solid blue;
 border-left: 0; border-right: 0;
 background: white;

}
#navigation #exception{
  word-spacing: 0px;
}
#eyecatchers{
display:none;
}
#video{
  position: absolute;
  top: 200px;
  left: 5%;
  height:auto;
  width:95%;
  text-align: left;
}
 #contactgegevens{
	 display:
	 none;
 }
 #ownership{
	 display:
	 none;
  
  
}
#regristratie{
 position:absolute;
 top:50%;
 left:25%;
 height:100%;
 width:100%;
 color:black;

  
}
#Eventtext{
	display:
	none;
}
#JoinEvent{
 position:absolute;
 top:150%;
 left:2.5%;
 height:100%;
 width:100%;
 color:black;
	
}
}