body{
	background-color:#6ba8db;
	padding: 0px;
	margin: 0px;
}

p, ul{
	font-family: 'Delius', cursive;
}

li {
	font-family: 'Delius', cursive;
	list-style-image: url(img/logo_nb_tiny.png);
}

h1, h2, h3, h4{
	font-family: 'Walter Turncoat', cursive;
}

b{
	color: #e00d7b;
}

e{
	font-family: 'Bungee', cursive;
	color: #6ba8db;
}

ven{
	font-family: 'Bungee', cursive;
	color: #e00d7b;
}

.quote_groot{
	font-size: 150%;
	color: #e00d7b;
}

/* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 25%; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-image: url("img/paraplu3.jpg");
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20%;
}

/* The navigation menu links */
.sidenav a {
  padding: 0px 8px 0px 16px;
  font-family: 'Bungee', cursive;
  text-decoration: none;
  font-size: 20px;
  color: #e00d7b;
  display: block;
}

.sidenav img {
	padding-top: 6;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #6ba8db;
}

.sidenav_link_block{
	background-color: /*rgba(57,72,79,0.5)*/ rgba(255,255,255,0.8);
	position: absolute;
	width: 100%;
	top: 20%;
}

.active{
	color: #45415d;
}

#logoLink{
	max-width:212px;
	height: auto;
}

.titel{
	position: relative;
	width: 100%;
	height: 300px;
}

#ster{
	position: absolute;
	height: auto;
	width: 250px;
	right: -6%;
	top: -10%;
}

#tekst{
	position: relative;
	top: 100px;
}

.up{
	position: relative;
	top: -75px;
}

/* Style page content */
.main {
  margin-left: 25%; /* Same as the width of the sidebar */
}

.tekstvak{
	width: 90%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 10px;
	background-color: #ebebeb;
	border-radius: 5px;
}

#portret{
	position: absolute;
	width: 25%;
	right: 0%;
}

#foto{
	width: 70%;
}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
  width:75%;
}



/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.5s;
  animation-name: fade;
  animation-duration: 0.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


/* On smaller screens, where width is less than 950px, change the style.*/

@media screen and (max-width: 950px) {
	.sidenav {
		text-align: center;
		position: relative;
		width: 100%; /* Set the width of the sidebar */
		height: 300px;
		top: 0; /* Stay at the top */
		left: 0;
		padding-top: 2%;
		overflow: hidden;
	}


	/* The navigation menu links */
	.sidenav a {
		font-family: 'Bungee', cursive;
		text-decoration: none;
		font-size: 16px;
		color: #e00d7b;
	}

	.sidenav img {
		padding-top: 12px;
	}

	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover {
		color: #6ba8db;
	}

	.sidenav_link_block{
		background-color: /*rgba(57,72,79,0.5)*/ rgba(255,255,255,0.8);
		position: absolute;
		width: 100%;
		top: 0px;
	}
	
	.slideshow-container {
		display: none;
	}
	
	.main {
		margin-left: 5%; /* Same as the width of the sidebar */
		/*margin-top: 306px;*/
	}
	
	.tekstvak{
		width: 95%;
	}
}