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

html {

     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
	 overflow-y: scroll;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.3em;
	font-size: 14pt;
	color: #000000;
	font-weight: 300;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
	margin-top: 40px;
	background-attachment: fixed;
}
#voetblok {
	width: 110%;
	padding-top: 10px;
	}
#bottom_holder {
	position:fixed;
	background-color: #171717;
	width:100%;
	bottom:0px;
	padding-top:0px;
	color: #999999;
	}
#copyright {
	color:#CCCCCC;
	font-size: xx-small;
	text-align: center;
	}
.footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	/* [disabled]height: 150px; */
	clear:both;
	padding-top:20px;
}
#container {
    overflow:auto;    
	padding-bottom:40px; /* this needs to be bigger than footer height*/
}
.center {
	text-align:center;
	}
h1, h2, h3, h4 {
	font-weight: 100;
	letter-spacing: 2px;
	}
h1 {
	font-size: 1.5em;
	color: #999;	
	}
h2 {
	font-size: 16px;
	color: #999;	
	}
h3 {
	font-size: 14px;
	color: #999;	
	}
h4 {
	font-size: 12px;
	color: #999;	
	}
h1, h2, h3, h4, h5, h6
{
  margin: 0px;
  text-rendering: optimizelegibility;
}
a {
	color: #0079c2;	
	}
.toelichting {
	color: #BBBBBB;
	font-size: 0.8em;
}
#header_text {
	margin-bottom: 20px;
	margin-top: 20px;
}
.logo {
	transition: opacity 1s ease;
}
.logo:hover {
  transition: opacity 1s ease;
  opacity: 0.5;
}
.logo {
  max-width: 80%;
  max-height: 60%;
}

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 979px) and (max-width: 1200px){
body {
	margin-top: 0px;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
body {
	margin-top: 0px;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body {
	margin-top: 0px;
	}

}
/* Landscape phones and down */
@media (max-width: 480px) {
body {
	margin-top: 0px;
	}
}