@charset "UTF-8";



#footer {
	height: 60px;
	width: 100%;
	z-index: 1;
	position: fixed;
	margin-left: 0px;
	bottom: 0%;
	left: 0px;
	text-align: left;
	text-indent: 20px;
	vertical-align: middle;
	background-color: rgba(255,255,255,01);
}
#footer #socialmedia {
	height: 40px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	position: relative;
	z-index: 2;
}
#header {
	height: 140px;
	width: 100%;
	z-index: 3;
	position: fixed;
	left: 0px;
	top: 0px;
	background-color: rgba(255,255,255,0.9);
}
#container #header #logo {
	position: relative;
	height: 100px;
	width: 245px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: auto;
	top: 10px;
	left: -400px;
	z-index: 10;
	}
#container #navigatiebar {
	height: 50px;
	width: 100%;
	margin-top: 80px;
	margin-left: auto;
	position: fixed;
	z-index: 3;
	left: 0px;
	top: 0px;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
}
#navigatietekst {
	height: 30px;
	width: 900px;
	position: relative;
	left: 90px;
	top: -10px;
	right: auto;
	bottom: auto;
	text-align: center;
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
}
h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-align: left;
}
em {
	color: rgba(102,102,102,1);
}


section{
	width: 725px;
	height: 140px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
}

#icon-wrapper{
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	text-align: center;
}

.icons {
	width:120px;
	float:left;
	position:relative;
	margin-left: -10px;
}
.icons2 {
	width:120px;
	float:left;
	position:relative;
	margin-left:111px;
}
.icons3 {
	width:120px;
	float:left;
	position:relative;
	margin-left:232px;
}
.icons4 {
	width:120px;
	float:left;
	position:relative;
	margin-left:353px;
}

.icons5 {
	width:120px;
	float:left;
	position:relative;
	margin-left:474px;
}

.icon-slide-container{
	height:150px;
	overflow:hidden;
	text-align: left;
	position: absolute;
	float: left;
	width: 145px;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
}

.slide-icon{
	width:120px;
	height:auto;
	position:absolute;
	margin-top:-150px;
	-webkit-transition:.4s ease;
	-moz-transition:.4s ease;
	-ms-transition:.4s ease;
	-o-transition:.4s ease;
	transition:.4 ease;
	left: 1px;
}
	
.slide-icon:hover{
  position:absolute;
  margin-top:0;
}
.scroll-wrapper {
	height: 500px;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	z-index: 1;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0px;
	top: 10px;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	overflow: scroll;
}
.scroll-wrapper iframe {
	height: 340px;
	width: 725px;	/* nada! */
}

@-webkit-keyframes fadey {
0% { opacity: 0; }
15% { opacity: 1; }
85% { opacity: 1; }
100% { opacity: 0; }
}

@-moz-keyframes fadey {
0% { opacity: 0; }
15% { opacity: 1; }
85% { opacity: 1; }
100% { opacity: 0; }
}

body { 
  font-family: Avenir, Arial, sans-serif; 
  margin: 0;
  font-size: 0;
}
figure#slideshow {
	width: 80%;
	position: relative;
	height: inherit;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	top: 125px;
	left: 0px;
}
figure#slideshow img {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: auto;
	opacity: 0;
}
figure#slideshow img:first-child { position: relative; }

#container:fullscreen { 
  display: fixed; 
  justify-content: center; 
  align-items: center; 
  background: #fff; 
}
#container:-moz-full-screen figure, #container:-ms-full-screen figure, #container:-webkit-fullscreen figure, #container:fullscreen figure { 
  width: 100%;
  margin: 0 auto;
  background: #fff; 
}
:-webkit-full-screen { 
  width: 100%; height: 100%; 
}
*:-moz-full-screen { 
  background: #fff; 
}
*:-webkit-full-screen { 
  background: #fff; 
}
#navigatiebar #introtekst #images {
}
#webdesign {
	height: 55px;
	width: 150px;
	position: absolute;
	z-index: 5;
	text-align: right;
	right: 40px;
	top: 20px;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	text-decoration: none;
	list-style-type: none;
	font-style: italic;
}