@charset "utf-8";
/* CSS Document */

*{
	padding:0px;
	margin:0px;
	box-sizing: border-box;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased !important; 
    text-rendering:optimizeLegibility !important;	
	
}

@font-face {
	font-family: 'neosys';
	src: url('../ttf/consolab.ttf') format('truetype'); /* IE9 Compat Modes */
}




#content{}

/******************************** HEADER ********************************/
#header_holder{
	width:100%;
	position: fixed;
	background-color:#FFFFFF;
	z-index:10;
}

#header{
	position:relative;
	margin:0 auto;
	padding-top:25px;
	padding-bottom:10px;
}

#header.row::after {
	content: "";
	clear: both;
	display: table;
}

#header [class*="col-"] {
	float: left;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
#header .col-xs-1 {width: 8.33%;}
#header .col-xs-2 {width: 16.66%;}
#header .col-xs-3 {width: 25%;}
#header .col-xs-4 {width: 33.33%;}
#header .col-xs-5 {width: 41.66%;}
#header .col-xs-6 {width: 50%;}
#header .col-xs-7 {width: 58.33%;}
#header .col-xs-8 {width: 66.66%;}
#header .col-xs-9 {width: 75%;}
#header .col-xs-10 {width: 83.33%;}
#header .col-xs-11 {width: 91.66%;}
#header .col-xs-12 {width: 100%;}
#2header { background-color:#FF00FF;}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
#header .col-s-1 {width: 8.33%;}
#header .col-s-2 {width: 16.66%;}
#header .col-s-3 {width: 25%;}
#header .col-s-4 {width: 33.33%;}
#header .col-s-5 {width: 41.66%;}
#header .col-s-6 {width: 50%;}
#header .col-s-7 {width: 58.33%;}
#header .col-s-8 {width: 66.66%;}
#header .col-s-9 {width: 75%;}
#header .col-s-10 {width: 83.33%;}
#header .col-s-11 {width: 91.66%;}
#header .col-s-12 {width: 100%;}
#2header { background-color: #0FF}
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
#header .col-m-1 {width: 8.33%;}
#header .col-m-2 {width: 16.66%;}
#header .col-m-3 {width: 25%;}
#header .col-m-4 {width: 33.33%;}
#header .col-m-5 {width: 41.66%;}
#header .col-m-6 {width: 50%;}
#header .col-m-7 {width: 58.33%;}
#header .col-m-8 {width: 66.66%;}
#header .col-m-9 {width: 75%;}
#header .col-m-10 {width: 83.33%;}
#header .col-m-11 {width: 91.66%;}
#header .col-m-12 {width: 100%;}
#2header { background-color: #FF0;}
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
#header .col-l-1 {width: 8.33%;}
#header .col-l-2 {width: 16.66%;}
#header .col-l-3 {width: 25%;}
#header .col-l-4 {width: 33.33%;}
#header .col-l-5 {width: 41.66%;}
#header .col-l-6 {width: 50%;}
#header .col-l-7 {width: 58.33%;}
#header .col-l-8 {width: 66.66%;}
#header .col-l-9 {width: 75%;}
#header .col-l-10 {width: 83.33%;}
#header .col-l-11 {width: 91.66%;}
#header .col-l-12 {width: 100%;}
#2header { background-color: #0F0;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
#header .col-xl-1 {width: 8.33%;}
#header .col-xl-2 {width: 16.66%;}
#header .col-xl-3 {width: 25%;}
#header .col-xl-4 {width: 33.33%;}
#header .col-xl-5 {width: 41.66%;}
#header .col-xl-6 {width: 50%;}
#header .col-xl-7 {width: 58.33%;}
#header .col-xl-8 {width: 66.66%;}
#header .col-xl-9 {width: 75%;}
#header .col-xl-10 {width: 83.33%;}
#header .col-xl-11 {width: 91.66%;}
#header .col-xl-12 {width: 100%;}
#2header { background-color: #F00;}
}
/******************************** LOGO ********************************/
#logo{	
	font-family: 'Cairo', sans-serif;
	font-size:16px;
	color:#010739;
	float:right;
	padding-right:25px;
	position:relative;
	/*top:5px;*/
}

#logo img{	
/* width = 208px */
width:156px; /* 75 %*/ 
width:135px; /* 75 %*/ 
}

#logo p{
	position:relative;
	top:-5px;
}
#logo a{
	text-decoration:none;
	color:#010739;
	}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
#logo{	
	float:left;
	padding-right:0px;
	padding-left:25px;
	
}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
#logo{	
	float:left;
	padding-right:0px;
	padding-left:25px;
	
}
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
#logo{	
	float:right;
	padding-right:25px;
	padding-left:0px;
	
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
#logo{	
	float:right;
	padding-right:25px;
	padding-left:0px;
	
}
}
/******************************** Mobiel hamburger menu */
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {


.header {
	background-color: #FFF;
	/*  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);*/
	position: fixed;
	width: 100%;
	z-index: 3;
    padding-top:25px;
	top:-0px;
}

.header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	background-color: #fff;
}

.header li a {
	display: block;
	padding: 15px 25px;
	border-right: 1px solid #f4f4f4;
	text-decoration: none;
	color:#010739;
}

.header li a:hover, .header .menu-btn:hover {
  background-color: #f4f4f4;
}

/*.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}*/

/******************************** MENU (MOBIEL) ********************************/

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
  font-family: 'Cairo', sans-serif;
  font-size: 24px;

}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 25px 25px;
  position: relative;
  user-select: none;
  top:-17px;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 3px;
  position: relative;
  transition: background .2s ease-out;
  width: 25px;
}

.header .menu-icon .navicon:before, .header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 7px;
}

.header .menu-icon .navicon:after {
  top: -7px;
}

/* menu btn */
.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height:100%;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

/*@media (min-width: 48em) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}
*/
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	
	#menu{
		display:none;
	}

}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {

	#menu{
		display:none;
	}

}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {

	#menu{
		display:none;
	}

}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {

	#menu{
		display:none;
	}

}
	
/******************************** MEGA MENU (DESKTOP) ********************************/
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {

	.navbar {
		display:none;
	}
	.turneddoff{
		display:none;
	}
	

}
	
.navbar {
  overflow: hidden;
  font-family: 'Cairo', sans-serif;

}

.navbar a {
  float: left;
  font-size: 16px;
  text-align: center;
/*  padding: 14px 25px;*/
  text-decoration: none;
  color:#010739;
      -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

}

.dropdown {
  float: left;
  overflow: hidden;

}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  	color:#010739;
/*  padding: 14px 25px;*/
  background-color: inherit;
  font: inherit;
  margin: 0;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.navbar a:hover, .dropdown:hover .dropbtn {
/*  background-color: red;*/
background-color:#010739;
color:#FFFFFF;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding-top:30px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.off{
	visibility:hidden;
}
	
.up{
	position:relative;
	top:-6px;
}
/******************************** MENUS ********************************/
#menus{
	max-width:1320px;
	margin:0 auto;
	background-color: #FFF;
}

#menus.row::after {
	content: "";
	clear: both;
	display: table;
  	padding-bottom:15px;
  	padding-top:15px;
}

#menus [class*="col-"] {
	float: left;
/*	padding-bottom:25px;*/
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
#menus .col-xs-1 {width: 8.33%;}
#menus .col-xs-2 {width: 16.66%;}
#menus .col-xs-3 {width: 25%;}
#menus .col-xs-4 {width: 33.33%;}
#menus .col-xs-5 {width: 41.66%;}
#menus .col-xs-6 {width: 50%;}
#menus .col-xs-7 {width: 58.33%;}
#menus .col-xs-8 {width: 66.66%;}
#menus .col-xs-9 {width: 75%;}
#menus .col-xs-10 {width: 83.33%;}
#menus .col-xs-11 {width: 91.66%;}
#menus .col-xs-12 {width: 100%;}
.navbar a {
  padding: 14px 12px;
}
.dropdown .dropbtn {
  padding: 14px 12px;
}
.uit{
  display:none;
}
.navbar {
  padding-left:15px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
#menus .col-s-1 {width: 8.33%;}
#menus .col-s-2 {width: 16.66%;}
#menus .col-s-3 {width: 25%;}
#menus .col-s-4 {width: 33.33%;}
#menus .col-s-5 {width: 41.66%;}
#menus .col-s-6 {width: 50%;}
#menus .col-s-7 {width: 58.33%;}
#menus .col-s-8 {width: 66.66%;}
#menus .col-s-9 {width: 75%;}
#menus .col-s-10 {width: 83.33%;}
#menus .col-s-11 {width: 91.66%;}
#menus .col-s-12 {width: 100%;}
.navbar a {
  padding: 14px 15px;
}
.dropdown .dropbtn {
  padding: 14px 15px;
}
.uit{
  display:none;
	}
.navbar {
  padding-left:25px;
}	
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
#menus .col-m-1 {width: 8.33%;}
#menus .col-m-2 {width: 16.66%;}
#menus .col-m-3 {width: 25%;}
#menus .col-m-4 {width: 33.33%;}
#menus .col-m-5 {width: 41.66%;}
#menus .col-m-6 {width: 50%;}
#menus .col-m-7 {width: 58.33%;}
#menus .col-m-8 {width: 66.66%;}
#menus .col-m-9 {width: 75%;}
#menus .col-m-10 {width: 83.33%;}
#menus .col-m-11 {width: 91.66%;}
#menus .col-m-12 {width: 100%;}
.navbar a {
  padding: 14px 10px;
}
.dropdown .dropbtn {
  padding: 14px 10px;
}
.uit{
  display: inline;
}
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
#menus .col-l-1 {width: 8.33%;}
#menus .col-l-2 {width: 16.66%;}
#menus .col-l-3 {width: 25%;}
#menus .col-l-4 {width: 33.33%;}
#menus .col-l-5 {width: 41.66%;}
#menus .col-l-6 {width: 50%;}
#menus .col-l-7 {width: 58.33%;}
#menus .col-l-8 {width: 66.66%;}
#menus .col-l-9 {width: 75%;}
#menus .col-l-10 {width: 83.33%;}
#menus .col-l-11 {width: 91.66%;}
#menus .col-l-12 {width: 100%;}
.navbar a {
  padding: 14px 20px;
}
.dropdown .dropbtn {
  padding: 14px 20px;
  
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
#menus .col-xl-1 {width: 8.33%;}
#menus .col-xl-2 {width: 16.66%;}
#menus .col-xl-3 {width: 25%;}
#menus .col-xl-4 {width: 33.33%;}
#menus .col-xl-5 {width: 41.66%;}
#menus .col-xl-6 {width: 50%;}
#menus .col-xl-7 {width: 58.33%;}
#menus .col-xl-8 {width: 66.66%;}
#menus .col-xl-9 {width: 75%;}
#menus .col-xl-10 {width: 83.33%;}
#menus .col-xl-11 {width: 91.66%;}
#menus .col-xl-12 {width: 100%;}
.navbar a {
  padding: 14px 25px;
}
.dropdown .dropbtn {
  padding: 14px 25px;
}
}

#menus h3{
	color:#010739;
	font-size: 18px;
	font-weight:bold;
	padding-left:25px;
	padding-right:25px;
}

#menus p{
	padding-left:25px;
	padding-right:25px;
	padding-bottom:15px;
	hyphens: auto;	

}

#menus a{
	text-decoration:none;
	color: #000;
	padding:0px;
	text-align:left;
	padding-bottom:25px;
}
#menus a:hover{
	text-decoration:underline;
	color: #000;
	background-color: #FFF;
}	

/******************************** INTRO ********************************/
#intro_holder{
	max-width: 768px;
	margin: 0 auto;
	text-align:center;
}

#intro{
	/*font-weight:bold;*/
	color:#FFF;
	font-family: 'neosys';
	font-size:110px;
	letter-spacing:-3px;
	line-height:60px;
}

#intro .y{
	font-size:85px;
	}
	
#intro .s{
	position:relative;
	left:-4px;
	}
	
#intro .sub_intro{
	font-size:50px;
	letter-spacing: -1px;
	font-family: 'Cairo', sans-serif;
}	


/******************************** MAIN ********************************/
#main_holder{
	width:100%;
	margin: 0 auto;
/*	background-color:#FF0000;*/
	position:relative;
	top:117px;
	/*padding-bottom:30px;*/
}

#main{
	position:relative;
/*	top:-250px;*/
	margin: 0 auto;
/*	margin-bottom:-250px;*/
	font-family: 'Cairo', sans-serif;
	font-size:16px;
/*	background-color: #06F;*/
	max-width:1100px;
}
#main a{
	text-decoration:none;
}

#main.row::after {
	content: "";
	clear: both;
	display: table;
}

#main [class*="col-"] {
	float: left;
}



/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
#main .col-xs-1 {width: 8.33%;}
#main .col-xs-2 {width: 16.66%;}
#main .col-xs-3 {width: 25%;}
#main .col-xs-4 {width: 33.33%;}
#main .col-xs-5 {width: 41.66%;}
#main .col-xs-6 {width: 50%;}
#main .col-xs-7 {width: 58.33%;}
#main .col-xs-8 {width: 66.66%;}
#main .col-xs-9 {width: 75%;}
#main .col-xs-10 {width: 83.33%;}
#main .col-xs-11 {width: 91.66%;}
#main .col-xs-12 {width: 100%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
#main .col-s-1 {width: 8.33%;}
#main .col-s-2 {width: 16.66%;}
#main .col-s-3 {width: 25%;}
#main .col-s-4 {width: 33.33%;}
#main .col-s-5 {width: 41.66%;}
#main .col-s-6 {width: 50%;}
#main .col-s-7 {width: 58.33%;}
#main .col-s-8 {width: 66.66%;}
#main .col-s-9 {width: 75%;}
#main .col-s-10 {width: 83.33%;}
#main .col-s-11 {width: 91.66%;}
#main .col-s-12 {width: 100%;}
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
#main .col-m-1 {width: 8.33%;}
#main .col-m-2 {width: 16.66%;}
#main .col-m-3 {width: 25%;}
#main .col-m-4 {width: 33.33%;}
#main .col-m-5 {width: 41.66%;}
#main .col-m-6 {width: 50%;}
#main .col-m-7 {width: 58.33%;}
#main .col-m-8 {width: 66.66%;}
#main .col-m-9 {width: 75%;}
#main .col-m-10 {width: 83.33%;}
#main .col-m-11 {width: 91.66%;}
#main .col-m-12 {width: 100%;}
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
#main .col-l-1 {width: 8.33%;}
#main .col-l-2 {width: 16.66%;}
#main .col-l-3 {width: 25%;}
#main .col-l-4 {width: 33.33%;}
#main .col-l-5 {width: 41.66%;}
#main .col-l-6 {width: 50%;}
#main .col-l-7 {width: 58.33%;}
#main .col-l-8 {width: 66.66%;}
#main .col-l-9 {width: 75%;}
#main .col-l-10 {width: 83.33%;}
#main .col-l-11 {width: 91.66%;}
#main .col-l-12 {width: 100%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
#main .col-xl-1 {width: 8.33%;}
#main .col-xl-2 {width: 16.66%;}
#main .col-xl-3 {width: 25%;}
#main .col-xl-4 {width: 33.33%;}
#main .col-xl-5 {width: 41.66%;}
#main .col-xl-6 {width: 50%;}
#main .col-xl-7 {width: 58.33%;}
#main .col-xl-8 {width: 66.66%;}
#main .col-xl-9 {width: 75%;}
#main .col-xl-10 {width: 83.33%;}
#main .col-xl-11 {width: 91.66%;}
#main .col-xl-12 {width: 100%;}
}

/******************************** MAIN 50 / 50 ********************************/

#main_holder50{
	width:100%;
	margin: 0 auto;
/*	background-color:#FF0000;*/
	position:relative;
	top:117px;
	/*padding-bottom:30px;*/
}

#main50{
	position:relative;
/*	top:-250px;*/
	margin: 0 auto;
/*	margin-bottom:-250px;*/
	font-family: 'Cairo', sans-serif;
	font-size:16px;
/*	background-color: #06F;*/
	max-width:100%;
}


#main50.row::after {
	content: "";
	clear: both;
	display: table;
}

#main50 [class*="col-"] {
	float: left;
}



/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
#main50 .col-xs-1 {width: 8.33%;}
#main50 .col-xs-2 {width: 16.66%;}
#main50 .col-xs-3 {width: 25%;}
#main50 .col-xs-4 {width: 33.33%;}
#main50 .col-xs-5 {width: 41.66%;}
#main50 .col-xs-6 {width: 50%;}
#main50 .col-xs-7 {width: 58.33%;}
#main50 .col-xs-8 {width: 66.66%;}
#main50 .col-xs-9 {width: 75%;}
#main50 .col-xs-10 {width: 83.33%;}
#main50 .col-xs-11 {width: 91.66%;}
#main50 .col-xs-12 {width: 100%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
#main50 .col-s-1 {width: 8.33%;}
#main50 .col-s-2 {width: 16.66%;}
#main50 .col-s-3 {width: 25%;}
#main50 .col-s-4 {width: 33.33%;}
#main50 .col-s-5 {width: 41.66%;}
#main50 .col-s-6 {width: 50%;}
#main50 .col-s-7 {width: 58.33%;}
#main50 .col-s-8 {width: 66.66%;}
#main50 .col-s-9 {width: 75%;}
#main50 .col-s-10 {width: 83.33%;}
#main50 .col-s-11 {width: 91.66%;}
#main50 .col-s-12 {width: 100%;}
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
#main50 .col-m-1 {width: 8.33%;}
#main50 .col-m-2 {width: 16.66%;}
#main50 .col-m-3 {width: 25%;}
#main50 .col-m-4 {width: 33.33%;}
#main50 .col-m-5 {width: 41.66%;}
#main50 .col-m-6 {width: 50%;}
#main50 .col-m-7 {width: 58.33%;}
#main50 .col-m-8 {width: 66.66%;}
#main50 .col-m-9 {width: 75%;}
#main50 .col-m-10 {width: 83.33%;}
#main50 .col-m-11 {width: 91.66%;}
#main50 .col-m-12 {width: 100%;}
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
#main50 .col-l-1 {width: 8.33%;}
#main50 .col-l-2 {width: 16.66%;}
#main50 .col-l-3 {width: 25%;}
#main50 .col-l-4 {width: 33.33%;}
#main50 .col-l-5 {width: 41.66%;}
#main50 .col-l-6 {width: 50%;}
#main50 .col-l-7 {width: 58.33%;}
#main50 .col-l-8 {width: 66.66%;}
#main50 .col-l-9 {width: 75%;}
#main50 .col-l-10 {width: 83.33%;}
#main50 .col-l-11 {width: 91.66%;}
#main50 .col-l-12 {width: 100%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
#main50 .col-xl-1 {width: 8.33%;}
#main50 .col-xl-2 {width: 16.66%;}
#main50 .col-xl-3 {width: 25%;}
#main50 .col-xl-4 {width: 33.33%;}
#main50 .col-xl-5 {width: 41.66%;}
#main50 .col-xl-6 {width: 50%;}
#main50 .col-xl-7 {width: 58.33%;}
#main50 .col-xl-8 {width: 66.66%;}
#main50 .col-xl-9 {width: 75%;}
#main50 .col-xl-10 {width: 83.33%;}
#main50 .col-xl-11 {width: 91.66%;}
#main50 .col-xl-12 {width: 100%;}
}

/******************************** BLOKKEN VARIATIES ********************************/

#blok{
	width:100%;
	padding:15px;
}

#blok a{
	color:#31b4e9;
}
#blok a:hover{
	color:#010739;
}

#blok h1, #blok2 h1{
	color: #010739;
	line-height:40px;
	font-size: 32px;
}

#blok h2{
	color:#31b4e9;
	line-height:35px;
	font-size: 18px;
}

#blok p, #blok2 p{
	position:relative;
	top:10px;
	color: #000;
	line-height:30px;
	font-size:18px;
}
.blockcontact{
	border: medium dashed #31b4e9;
}

#blok h3, #blok2 h3{
	float:left;
	color: #010739;
	font-size:24px;
	}

#blok form, #blok2 form{
	padding:5px;
}


#blok2{
	width:100%;
	padding:15px;
}

#blok2 h2{
	line-height:35px;
	font-size: 18px;
}

#blok2 form input, #blok2 form textarea{
	border: 1px solid #010739;
	padding: 10px;
	display: inline-block;
	margin-bottom:25px;
	width:100%;
	color:#010739;
	font-size:18px;
	font-family: 'Cairo', sans-serif;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:#31b4e9;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#31b4e9;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color:#31b4e9;
}




#subblok{
	padding:25px;
	background-color: #010739;
	min-height:320px;
}
		
#subblok h1{
	color:#FFF;
	line-height:40px;
	font-size: 32px;
}

#subblok h2{
	color:#31b4e9;
	line-height:35px;
	font-size: 18px;
}

#subblok p{
	position:relative;
	top:10px;
	color:#FFFFFF;
	line-height:30px;
	font-size:18px;
}

.space{
	padding-bottom:50px;
}

/******************************** FOOTER ********************************/
#footer_holder{
	position:relative;
	top:117px;
	width:100%;
	background-color: #010739;
	padding-top:30px;
	padding-bottom:60px;
}

#footer{
	position:relative;
	max-width:1280px;
	margin: 0 auto;
	font-family: 'Cairo', sans-serif;
	font-size:16px;
}

#footer.row::after {
	content: "";
	clear: both;
	display: table;
}

#footer [class*="col-"] {
	float: left;
}

.logo{	
/* width = 208px */
	width:135px; /* 75 %*/ 
	padding-left:15px;
	padding-right:15px;
}
.logocontact{
	position:relative;
	left:-15px;
	padding-bottom:10px;
	
}


.material-icons {
	position:relative;
	top:5px;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


#footer p.logo{
	position:relative;
	top:-5px;
	color: #FFF;
	font-size:16px;
	font-family: 'Cairo', sans-serif;
	width:100%; /* 75 %*/ 
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}


/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
#footer .col-xs-1 {width: 8.33%;}
#footer .col-xs-2 {width: 16.66%;}
#footer .col-xs-3 {width: 25%;}
#footer .col-xs-4 {width: 33.33%;}
#footer .col-xs-5 {width: 41.66%;}
#footer .col-xs-6 {width: 50%;}
#footer .col-xs-7 {width: 58.33%;}
#footer .col-xs-8 {width: 66.66%;}
#footer .col-xs-9 {width: 75%;}
#footer .col-xs-10 {width: 83.33%;}
#footer .col-xs-11 {width: 91.66%;}
#footer .col-xs-12 {width: 100%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
#footer .col-s-1 {width: 8.33%;}
#footer .col-s-2 {width: 16.66%;}
#footer .col-s-3 {width: 25%;}
#footer .col-s-4 {width: 33.33%;}
#footer .col-s-5 {width: 41.66%;}
#footer .col-s-6 {width: 50%;}
#footer .col-s-7 {width: 58.33%;}
#footer .col-s-8 {width: 66.66%;}
#footer .col-s-9 {width: 75%;}
#footer .col-s-10 {width: 83.33%;}
#footer .col-s-11 {width: 91.66%;}
#footer .col-s-12 {width: 100%;}
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
#footer .col-m-1 {width: 8.33%;}
#footer .col-m-2 {width: 16.66%;}
#footer .col-m-3 {width: 25%;}
#footer .col-m-4 {width: 33.33%;}
#footer .col-m-5 {width: 41.66%;}
#footer .col-m-6 {width: 50%;}
#footer .col-m-7 {width: 58.33%;}
#footer .col-m-8 {width: 66.66%;}
#footer .col-m-9 {width: 75%;}
#footer .col-m-10 {width: 83.33%;}
#footer .col-m-11 {width: 91.66%;}
#footer .col-m-12 {width: 100%;}
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
#footer .col-l-1 {width: 8.33%;}
#footer .col-l-2 {width: 16.66%;}
#footer .col-l-3 {width: 25%;}
#footer .col-l-4 {width: 33.33%;}
#footer .col-l-5 {width: 41.66%;}
#footer .col-l-6 {width: 50%;}
#footer .col-l-7 {width: 58.33%;}
#footer .col-l-8 {width: 66.66%;}
#footer .col-l-9 {width: 75%;}
#footer .col-l-10 {width: 83.33%;}
#footer .col-l-11 {width: 91.66%;}
#footer .col-l-12 {width: 100%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
#footer .col-xl-1 {width: 8.33%;}
#footer .col-xl-2 {width: 16.66%;}
#footer .col-xl-3 {width: 25%;}
#footer .col-xl-4 {width: 33.33%;}
#footer .col-xl-5 {width: 41.66%;}
#footer .col-xl-6 {width: 50%;}
#footer .col-xl-7 {width: 58.33%;}
#footer .col-xl-8 {width: 66.66%;}
#footer .col-xl-9 {width: 75%;}
#footer .col-xl-10 {width: 83.33%;}
#footer .col-xl-11 {width: 91.66%;}
#footer .col-xl-12 {width: 100%;}
}

#footer h1{
	color: #010739;
	line-height:40px;
	font-size: 20px;
	color:#31b4e9;
	padding-left:15px;
	padding-right:15px;
}

#footer p{
	position:relative;
	top:10px;
	color: #FFF;
	line-height:30px;
	font-size:18px;
	padding-bottom:25px;
	padding-left:15px;
	padding-right:15px;
}

/******************************** SUBFOOTER ********************************/
#subfooter_holder{
	position:relative;
	top:117px;
	width:100%;
	background-color: #000;
	padding-top:10px;
	padding-bottom:10px;
	color:#CCCCCC;
}

#subfooter{
	position:relative;
	margin: 0 auto;
	font-family: 'Cairo', sans-serif;
	font-size: 14px;
	color:010739;
	text-align:center;
}

#subfooter a{
	color:#CCCCCC;
	text-decoration:none;
}


.copy{
	font-size:18px;
	position:relative;
	top:3px;
}
.small{
	font-size:14px;
	color:#999999;}
.item{
	padding-left:30px;
	padding-right:30px;
}

#dienst_intro_holder{
	width:100%;
	background-color:#010739;
	position:relative;
	top:90px;
	margin-bottom:-40px;
	
}

#dienst_intro{
	/*height:180px;*/
	color:#FFF;
	margin: 0 auto;
	max-width:768px;
	font-family: 'Cairo', sans-serif;
	padding-left:25px;
	padding-right:25px;
}

#dienst_intro h1{
	color: #FFFFFF;
	line-height:60px;
	font-size: 60px;
	padding-bottom:15px;
}

#dienst_intro h2{
	color:#31b4e9;
	line-height:35px;
	font-size: 18px;
	padding-bottom:30px;
	padding-top:50px;
	
}

#dienst_intro p{
	position:relative;
	top:10px;
	color: #FFF;
	line-height:30px;
	font-size:18px;
	padding-bottom:60px;
}

#dienst_holder{
	width:100%;
	/*background-color: #F00;*/
	position:relative;
	top:117px;
	/*margin-bottom:-125px;*/
}

#dienst{
	color:#FFF;
	margin: 0 auto;
	max-width:768px;
	font-family: 'Cairo', sans-serif;
	padding:25px;
	
}

#dienst.row::after {
	content: "";
	clear: both;
	display: table;
}

#dienst [class*="col-"] {
	float: left;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
#dienst .col-xs-1 {width: 8.33%;}
#dienst .col-xs-2 {width: 16.66%;}
#dienst .col-xs-3 {width: 25%;}
#dienst .col-xs-4 {width: 33.33%;}
#dienst .col-xs-5 {width: 41.66%;}
#dienst .col-xs-6 {width: 50%;}
#dienst .col-xs-7 {width: 58.33%;}
#dienst .col-xs-8 {width: 66.66%;}
#dienst .col-xs-9 {width: 75%;}
#dienst .col-xs-10 {width: 83.33%;}
#dienst .col-xs-11 {width: 91.66%;}
#dienst .col-xs-12 {width: 100%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
#dienst .col-s-1 {width: 8.33%;}
#dienst .col-s-2 {width: 16.66%;}
#dienst .col-s-3 {width: 25%;}
#dienst .col-s-4 {width: 33.33%;}
#dienst .col-s-5 {width: 41.66%;}
#dienst .col-s-6 {width: 50%;}
#dienst .col-s-7 {width: 58.33%;}
#dienst .col-s-8 {width: 66.66%;}
#dienst .col-s-9 {width: 75%;}
#dienst .col-s-10 {width: 83.33%;}
#dienst .col-s-11 {width: 91.66%;}
#dienst .col-s-12 {width: 100%;}
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
#dienst .col-m-1 {width: 8.33%;}
#dienst .col-m-2 {width: 16.66%;}
#dienst .col-m-3 {width: 25%;}
#dienst .col-m-4 {width: 33.33%;}
#dienst .col-m-5 {width: 41.66%;}
#dienst .col-m-6 {width: 50%;}
#dienst .col-m-7 {width: 58.33%;}
#dienst .col-m-8 {width: 66.66%;}
#dienst .col-m-9 {width: 75%;}
#dienst .col-m-10 {width: 83.33%;}
#dienst .col-m-11 {width: 91.66%;}
#dienst .col-m-12 {width: 100%;}
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
#dienst .col-l-1 {width: 8.33%;}
#dienst .col-l-2 {width: 16.66%;}
#dienst .col-l-3 {width: 25%;}
#dienst .col-l-4 {width: 33.33%;}
#dienst .col-l-5 {width: 41.66%;}
#dienst .col-l-6 {width: 50%;}
#dienst .col-l-7 {width: 58.33%;}
#dienst .col-l-8 {width: 66.66%;}
#dienst .col-l-9 {width: 75%;}
#dienst .col-l-10 {width: 83.33%;}
#dienst .col-l-11 {width: 91.66%;}
#dienst .col-l-12 {width: 100%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
#dienst .col-xl-1 {width: 8.33%;}
#dienst .col-xl-2 {width: 16.66%;}
#dienst .col-xl-3 {width: 25%;}
#dienst .col-xl-4 {width: 33.33%;}
#dienst .col-xl-5 {width: 41.66%;}
#dienst .col-xl-6 {width: 50%;}
#dienst .col-xl-7 {width: 58.33%;}
#dienst .col-xl-8 {width: 66.66%;}
#dienst .col-xl-9 {width: 75%;}
#dienst .col-xl-10 {width: 83.33%;}
#dienst .col-xl-11 {width: 91.66%;}
#dienst .col-xl-12 {width: 100%;}
}


#dienst h1{
	color: #010739;
	line-height:40px;
	font-size: 32px;
}

#dienst h2{
	color:#31b4e9;
	line-height:35px;
	font-size: 18px;
}

#dienst p{
	position:relative;
	top:10px;
	color: #010739;
	line-height:30px;
	font-size:18px;
}


.button{
	float:right;
 	background-color: #31b4e9;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	font-weight:bold;
}

#blok2 .button3{
 	background-color: #010739;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	font-weight:bold;
}

#megablok {
	position:relative;
	top:30px;
	color: #010739;
	font-size:72px;
	text-align:center;
	font-weight:bold;
}
	
#imgblok{
	padding-top:10px;
 	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	height:60px;
}
#imgblok img{
	padding-bottom:10px;
} 
.imgblok{
	color:#000;
	position:relative;
	top:-15px;
	padding-left:15px;
}	
	
#poweredby{
	width:100%;
	padding:15px;
}

#subpoweredby{
	padding:25px;
	/*background-color: #010739;*/
	background-color:#31b4e9;
	min-height:300px;
}

#ti img{
	padding:15px;
   object-fit: cover;
   width: 100%;
   min-height: 300px;
}
		
#subpoweredby h1{
	color:#FFF;
	line-height:40px;
	font-size: 32px;
}

#subpoweredby h2{
	color:#010739;
	line-height:35px;
	font-size: 18px;
}

#subpoweredby p{
	position:relative;
	top:10px;
	color:#FFFFFF;
	line-height:30px;
	font-size:18px;
}

#subfooter .logo{
	font-family: 'Sedgwick Ave Display', cursive;
	font-size: 15px;
	text-decoration:none;
	color: #CCC;
}
#subfooter .logo:hover {
	color:#FF0099;
}

/******************************** EVENTS ********************************/
#event_holder{
	position:relative;
	top:195px;
	width:100%;
	padding-top:30px;
	padding-bottom:60px;
}

#event{
	position:relative;
	max-width:1280px;
	margin: 0 auto;
	font-family: 'Cairo', sans-serif;
	font-size:16px;
}

#event img{
	padding:10px;}

#event.row::after {
	content: "";
	clear: both;
	display: table;
}

#event [class*="col-"] {
	float: left;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
#event .col-xs-1 {width: 8.33%;}
#event .col-xs-2 {width: 16.66%;}
#event .col-xs-3 {width: 25%;}
#event .col-xs-4 {width: 33.33%;}
#event .col-xs-5 {width: 41.66%;}
#event .col-xs-6 {width: 50%;}
#event .col-xs-7 {width: 58.33%;}
#event .col-xs-8 {width: 66.66%;}
#event .col-xs-9 {width: 75%;}
#event .col-xs-10 {width: 83.33%;}
#event .col-xs-11 {width: 91.66%;}
#event .col-xs-12 {width: 100%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
#event .col-s-1 {width: 8.33%;}
#event .col-s-2 {width: 16.66%;}
#event .col-s-3 {width: 25%;}
#event .col-s-4 {width: 33.33%;}
#event .col-s-5 {width: 41.66%;}
#event .col-s-6 {width: 50%;}
#event .col-s-7 {width: 58.33%;}
#event .col-s-8 {width: 66.66%;}
#event .col-s-9 {width: 75%;}
#event .col-s-10 {width: 83.33%;}
#event .col-s-11 {width: 91.66%;}
#event .col-s-12 {width: 100%;}
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
#event .col-m-1 {width: 8.33%;}
#event .col-m-2 {width: 16.66%;}
#event .col-m-3 {width: 25%;}
#event .col-m-4 {width: 33.33%;}
#event .col-m-5 {width: 41.66%;}
#event .col-m-6 {width: 50%;}
#event .col-m-7 {width: 58.33%;}
#event .col-m-8 {width: 66.66%;}
#event .col-m-9 {width: 75%;}
#event .col-m-10 {width: 83.33%;}
#event .col-m-11 {width: 91.66%;}
#event .col-m-12 {width: 100%;}
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
#event .col-l-1 {width: 8.33%;}
#event .col-l-2 {width: 16.66%;}
#event .col-l-3 {width: 25%;}
#event .col-l-4 {width: 33.33%;}
#event .col-l-5 {width: 41.66%;}
#event .col-l-6 {width: 50%;}
#event .col-l-7 {width: 58.33%;}
#event .col-l-8 {width: 66.66%;}
#event .col-l-9 {width: 75%;}
#event .col-l-10 {width: 83.33%;}
#event .col-l-11 {width: 91.66%;}
#event .col-l-12 {width: 100%;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
#event .col-xl-1 {width: 8.33%;}
#event .col-xl-2 {width: 16.66%;}
#event .col-xl-3 {width: 25%;}
#event .col-xl-4 {width: 33.33%;}
#event .col-xl-5 {width: 41.66%;}
#event .col-xl-6 {width: 50%;}
#event .col-xl-7 {width: 58.33%;}
#event .col-xl-8 {width: 66.66%;}
#event .col-xl-9 {width: 75%;}
#event .col-xl-10 {width: 83.33%;}
#event .col-xl-11 {width: 91.66%;}
#event .col-xl-12 {width: 100%;}
}


#event h1{
	color: #010739;
	line-height:40px;
	font-size: 32px;
}

#event h2{
	color:#31b4e9;
	line-height:35px;
	font-size: 18px;
}

#event p{
	position:relative;
	top:10px;
	color: #010739;
	line-height:30px;
	font-size:18px;
}

#event_intro_holder{
	width:100%;
	background-color:#010739;
	position:relative;
	top:90px;
	margin-bottom:-105px;
}

#event_intro{
	/*height:180px;*/
	color:#FFF;
	margin: 0 auto;
	max-width:1320px;
	font-family: 'Cairo', sans-serif;
	padding-left:25px;
	padding-right:25px;
}

#event_intro h1{
	color: #FFFFFF;
	line-height:40px;
	font-size: 60px;
	padding-bottom:15px;
}

#event_intro h2{
	color:#31b4e9;
	line-height:35px;
	font-size: 18px;
	padding-bottom:30px;
	padding-top:50px;
	
}

#event_intro p{
	position:relative;
	top:10px;
	color: #FFF;
	line-height:30px;
	font-size:18px;
	padding-bottom:60px;
	
}



	
	
/** Social Button CSS **/
.share-btn {
  display: inline-block;
  color: #ffffff;
  border: none;
  /*padding: 0.1em 0.6em;*/
  padding:5px 10px;
  outline: none;
  text-align: center;
  font-size: 14px;
  margin: 0 3px;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
}

.share-btn:focus,
.share-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.share-btn:active {
  color: #e2e2e2;
}

.share-btn.twitter     { background: black; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.linkedin    { background: #4875B4; }
.share-btn.email       { background: #444444; }	
	
	
#deel{
	width:100%;
	color:#666666;
	text-align:right;
	font-size:14px;}	
	
/******************************** Contact blok ********************************/
/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
	.mobieluit{
		display: none;
	}
	.mobielaan{
		display: block;
	}	
	
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	.mobieluit{
		display: none;
	}
	.mobielaan{
		display: block;
	}	
	
}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	.mobieluit{
		display: block;
	}
	.mobielaan{
		display: none;
	}	
	
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
}	



.neo{
	font-weight:bold;
	color:#FFF;
	font-family: 'neosys';
	font-size:15px;
	letter-spacing:1px;
}

.y{
	font-weight:bold;
	color:#FFF;
	font-family: 'neosys';
	letter-spacing:1px;
	font-size:12px;
}

.g-recaptcha{
	padding-bottom:25px;}

#main_foto{
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height:800px;
	background-color:#FFF;
}

/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) Tablets (landscape) 768 en groter */
@media only screen and (min-width: 768px) {
	#blok .image{
		padding-top:35px;
	}
}

/* Large devices (laptops/desktops, 992px and up) Laptop en desktops 992 en groter*/
@media only screen and (min-width: 992px) {
	#blok .image{
		padding-top:35px;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Grootte schermen 1200 en groter*/
@media only screen and (min-width: 1280px) {
	#blok .image{
		padding-top:35px;
	}
}







/* Extra small devices (phones, 600px and down) Telefoons 600 en kleiner*/
@media only screen and (max-width: 600px) {
		#outerspace{
	padding-bottom:0px;
	margin-bottom:-43px;
}
#vast{
	background-color:#00FF00;
}

#intro, #main_foto{
	display:none;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) Tablets (portret) 600 en groter*/
@media only screen and (min-width: 600px) {
	#outerspace{
	padding-bottom:0px;
	margin-bottom:-392px;
}
#main_foto{
	position:relative;
	top:80px;
}
#vast{
	background-color: #99F;
}
#intro{
	position:relative;
	top:-200px;
	margin-bottom:-180px;
	visibility:hidden;

	
}
}


@media only screen and (min-width: 750px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:-388px;
}
#main_foto{
	position:relative;
	top:0px;
}		
#vast{
	background-color:#6F9;
}
#intro{
	position:relative;
	top:-225px;
	margin-bottom:-180px;
	visibility:hidden;

}
}


@media only screen and (min-width: 768px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:-360px;
}
#main_foto{
	position:relative;
	top:0px;
}		
#vast{
	background-color:#00FF00;
}
#intro{
	position:relative;
	top:-250px;
	margin-bottom:-180px;
	visibility:visible;
}
}

@media only screen and (min-width: 800px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:-360px;
}
#main_foto{
	position:relative;
	top:0px;
}		
#vast{
	background-color: #03F;
}
#intro{
	position:relative;
	top:-250px;
	margin-bottom:-180px;
}
}

@media only screen and (min-width: 940px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:-280px;
}
#main_foto{
	position:relative;
	top:0px;
}		
#vast{
	background-color: #939;
}
#intro{
	position:relative;
	top:-250px;
	margin-bottom:-180px;
}
}


@media only screen and (min-width: 1024px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:-234px;
}
#main_foto{
	position:relative;
	top:0px;
}	
#vast{
	background-color: #F03;
}
#intro{
	position:relative;
	top:-300px;
	margin-bottom:-180px;
}
}


@media only screen and (min-width: 1152px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:-162px;
}
#main_foto{
	position:relative;
	top:0px;
}	
#vast{
	background-color: #F0F;
}
#intro{
	position:relative;
	top:-335px;
	margin-bottom:-180px;
		letter-spacing:1px;
}	
}


@media only screen and (min-width: 1280px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:-90px;
}
#main_foto{
	position:relative;
	top:0px;
}
#vast{
	background-color:#00FF00;
}
#intro{
	position:relative;
	top:-375px;
	margin-bottom:-180px;
}	
}


@media only screen and (min-width: 1360px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:-45px;
}
#main_foto{
	position:relative;
	top:0px;
}	
#vast{
	background-color: #F00;
	}
#intro{
	position:relative;
	top:-400px;
	margin-bottom:-180px;
}	
}

@media only screen and (min-width: 1440px) {
#outerspace{
	padding-bottom:0px;
	margin-bottom:0px;
}
#main_foto{
	position:relative;
	top:0px;
}	
#vast{
	background-color: #963;
}
#intro{
	position:relative;
	top:-440px;
	margin-bottom:-180px;
}
}


@media only screen and (min-width: 1600px) {
#outerspace{
	padding-bottom:90px;
	margin-bottom:0px;
}
#main_foto{
	position:relative;
	top:0px;
}	
#vast{
	background-color: #0FF;
}
#intro{
	position:relative;
	top:-500px;
	margin-bottom:-180px;
}
}

@media only screen and (min-width: 1680px) {
#outerspace{
	padding-bottom:135px;
	margin-bottom:0px;
}
#main_foto{
	position:relative;
	top:0px;
}
#vast{
	background-color: #F00;
}
#intro{
	position:relative;
	top:-540px;
	margin-bottom:-180px;
}
}

@media only screen and (min-width: 1800px) {
#outerspace{
	padding-bottom:203px;
	margin-bottom:0px;
}
#main_foto{
	position:relative;
	top:0px;
}
#vast{
	background-color: #696;
}
#intro{
	position:relative;
	top:-590px;
	margin-bottom:-180px;
}
}


@media only screen and (min-width: 1920px) {
#outerspace{
	padding-bottom:270px;
	margin-bottom:0px;
}
#main_foto{
	position:relative;
	top:0px;
}
#vast{
	background-color: #FF0;
}

#intro{
	position:relative;
	top:-590px;
	margin-bottom:-180px;
}

}


.anker{
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;}


#vast{
	position:fixed;
	z-index:100000;
	}
	
.ruimtemenu{
	margin-bottom:25px;	}