html, body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border: 0;
	overflow-x:hidden;
	color: #fff;
}

/*body {
	overflow:hidden;
}*/

img {
	padding:0;
	margin:0;
	border: 0;
}

p {
	font: 14px Verdana, sans-serif;	
	text-shadow: black 0 7px 7px;
	margin: 0 0 20px 0;
	line-height: 1.4em;
}

a {
	color: #fff;
}

a:hover {
	text-decoration: none;
}

iframe {
	border: 0;
}

h1, h2 {
	padding:0;
	margin:0;
	border: 0;
}

.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;

	/*
	 * Use with caution
	 */
			transition: all .3s;
	   /*-o-transition: all .3s;*/
		-ms-transition: all .3s;
	   -moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.skrollable.notransition, .notransition .skrollable {
			transition: none;
		 -o-transition: none;
		-ms-transition: none;
	   -moz-transition: none;
	-webkit-transition: none;
}


.skrollable.hidden {
	display:none !important;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}

/*LANGUAGE SELECT*/

#language {
	z-index:200;
	width: 57px;
	position: fixed;
	top: 0;
	right: 20px;
	height: 67px;
	overflow: hidden;
	/*display: none;*/ /*REMOVE THIS LINE IF YOU WANT TO SHOW THE LANGUAGE CHOOSER*/
}

#language a {
    height: 67px;    
    width: 57px;
}

#languageLinks {
	z-index:202;
	width: 67px;
	height: 199px;
	position: absolute;
	top: 0;
	left: 0;
}

#languageBG {
	z-index:201;
	background: #000000;
	width: 67px;
	height: 199px;
	position: absolute;
	top: 0;
	left: 0;
}

/*PRELOADER*/

#preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #dedede;
  z-index: 800;
}

#loadingContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 193px;
	width: 275px;
	margin-left: -137px;
	margin-top: -96px;
}
#loading {
  width: 232px;
  height: 34px;
  margin: 0px auto;
  padding: 47px 0 0 43px;
}
#loader {
  width: 92px;
  height: 112px;
  margin: 0px auto;
}

/*CONTENT*/

#background {
	z-index:1;
}

#background img {
	z-index:1;
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1280px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	margin: 0px auto;
}

@media screen and (max-width: 1280px) { /* Specific to this particular image */
	img.background {
		left: 50%;
		margin-left: -640px;   /* 50% */
	}
}

#scroll {
	left:70%;
	width: 95px;
	height: 95px;
	display:none;
	background: url('ned/images/scroll.png');
	background-size:cover;
	cursor: pointer;
}

#plane {
	width: 962px;
	left:50%;
	margin-left: -405px;
}

#logo {
	left: 50%;
	width: 586px;
	margin-left: -293px;
}

#mugshot {
	width: 163px;
	left: 5%;
	margin-left: 0px;
}

#hi {
	width: 350px;
	left: 5%;
	margin-left: 140px;
	
}

#embrace {
	left: 70%;
	width: 285px;
	margin-left: -100px;
}

#video {
	z-index:498;
	left: 50%;
	width: 750px;
	height: 498px;
	margin-left: -320px;
	border: 0; 
	background: url('ned/images/videoBG.png') no-repeat left top;
}

#programma {
	left: 50%;
	width: 460px;
	margin-left: -240px;
}

#voorbereiding {
	width: 333px;
	left: 25%;
	text-align: center;
}

#leadership {
	text-align: center;
	z-index: 9999;
	
}


.centraal {
	text-align: center;
	z-index: 9999;
	
	/* unvisited link */
	a:link {
		color: white;
	}

	/* visited link */
	a:visited {
		color: grey;
	}

	/* mouse over link */
	a:hover {
		color: blue;
	}

	/* selected link */
	a:active {
		color: white;
	}	
}

#pilotLarge {
	width: 606px;
	left: 50%;
	margin-left: 0px;
}

#vliegtuig {
	width: 285px;
	left: 50%;
	margin-left: -400px;
}

#blauwdruk {
	width: 600px;
}

#seeYou {
	z-index:190;
	width: 537px;
	left: 50%;
	margin-left: -265px;
}

#bird {
	z-index:11;
	width: 270px;
}

/*CLOUDS*/

#cloud1 {
	z-index:2;
	width: 394px;
	left: 60%;
	margin-left: 0;
}

#cloud2 {
	z-index:3;
	width: 350px;
	left: 0;
	margin-left: 0;
}

#cloud3 {
	z-index:4;
	width: 339px;
	left: 80%;
	margin-left: 0;
}

#cloud4 {
	z-index:5;
	width: 394px;
	left: 60%;
	margin-left: 0;
}

#cloud5 {
	z-index:6;
	width: 350px;
	left: 0;
	margin-left: 0;
}

#cloud6 {
	z-index:7;
	width: 339px;
	left: 70%;
	margin-left: 0;
}

#cloud7 {
	z-index:8;
	width: 478px;
	left: 5%;
	margin-left: 0;
}

#cloud8 {
	z-index:409;
	width: 348px;
	left: 70%;
	margin-left: 0;
}

#cloud9 {
	z-index:410;
	width: 321px;
	left: 0;
	margin-left: 0;
}

/*BOTTOMPLANES*/

#bottomPlaneSmall {
	z-index:150;
	width: 304px;
	left: 70%;
	margin-left: -152px;
}

#bottomPlaneMedium {
	z-index:151;
	width: 383px;
	left: 30%;
	margin-left: -190px;
}

#bottomGradient {
	z-index:152;
	height: 850px;
	width: 100%;
	background: url('ned/images/bottomGradient.png') repeat-x;
	bottom: 0px;
	left: 0px;
}

#bottomPlaneLarge {
	z-index:153;
	width: 741px;
	left: 50%;
	margin-left: -315px;
}

/*FOOTER*/

#footer {
	z-index: 501;
	height: 38px;
	bottom: 0;
}

#footerBG {
	z-index: 502;
	background: #000000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#footer #container {
	z-index: 503;
	width: 100%;
	min-width: 1000px;
	margin: 0px auto;
	height: 38px;
}

#footer #left {
	z-index: 505;
	float: left;
	width: 134px;
	margin: 0 0 0 20px;
}

#footer #center {
	float: left;
	width: 671px;
	background: #123456;
}

#footer #right {
	z-index: 506;
	float: right;
	width: 195px;
	margin: 0 10px 0 0;
}

#map {	
	z-index: 504;
	min-width: 671px;
	height: 38px;
	margin: 0px auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -355px;
}

#map a {
	cursor: pointer;
}

#footer .plane2 {
	width: 38px;
	height: 38px;
	position: absolute;
}



#leaseweb {
	float: left;
	width: 134px;
	height: 38px;
	overflow: hidden;
	position: relative;
}

#leaseweb img {
	position: absolute;
	bottom: 0;
}

#leaseweb:hover {
	height: 95px;
}

#contact {
	float: left;
	height: 38px;
	width: 81px;
	cursor: pointer;
}

#contactButton {
	z-index: 499;
	background: rgba(0, 51, 102, .7);
	height: 74px;
	width: 100%;
	bottom: -100%;
}

#contactButton #button {
	width: 448px;
	position: absolute;
	left: 50%;
	margin-left: -224px;
	margin-top: 20px;
}

#contactButton #close {
	float: right;
	margin: 20px 20px 0 0;
	cursor: pointer;
}

#flickr, #facebook, #twitter, #youtube {
	float: left;
	height: 38px;
	width: 38px;
}

#progress{
	height:2%;
	background:#fff;
	bottom:0;
	z-index:200;
}