html, body {height:100%;}
#wrapper{width: 100%;margin: 0 auto;}
nav.mobile-nav,	ul#mobilelinks,	#mobilelinks a,	.mobilebutton, #blokje{display:none;}
img{max-width: 100%;}

header{
	width:100%;
	top: 0;
	position: fixed;
	z-index: 500;	
	height: 40px;
	background: rgba(255, 255, 255, 1);
}

/*nav*/
nav#main-nav{
	width: 100%;
	background: rgba(255, 255, 255, 1);
}

ul#links{
	margin: 0px 20px 0 0;
	width: 80%;
	float: right;
}

#links a{
	padding: 9px 14px 7px 14px;
	float: right;
	color: rgba(0, 0, 0, 1);
	text-decoration: none;
	font-size: 0.911em;
	font-weight: 400;
}

.button{
    cursor: pointer;
	float: right;
	background-color: rgba(255, 255, 255, 1);	
}

/*einde nav*/

.background {
    background-repeat:no-repeat;
    background-position:100% 100%;
    background-position:50% 50%9 !important;
}

.midcontentwrap{
	width: 100%;
}

.midcontent{
	width: 1200px;
	margin: 0 auto;
}

.fullscreen,
.not-fullscreen,
.fullscreen.not-overflow{
    height:100%;
    overflow:hidden;
}

#headcontent{
	margin: 40px 50px 50px 50px;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	width: 1200px;
	margin: 0px auto;
	height: 490px;
}

#headtext{
	margin: 0px 0px 0px 50px;
	padding: 70px 0px 0px 0px;
	width: 450px;
}

section .paddingsection{
	padding: 40px 0px;
}

.dark{
	background-color: rgba(0, 158, 228, 1);
	height: 300px;
}

.blueone{
	background-color: rgba(0, 34, 112, 1);
}

.bluetwo{
	background-color: rgba(0, 158, 229, 1);	
}

.bright{
	background-color: rgba(255, 255, 255, 1);
}

#parallaxback{ 
	height: 400px;
}

section.round {
	margin: 5px 0 0 140px;
	float: left;
    width: 200px;
	height: 200px;
	-moz-border: solid 4px rgba(255, 255, 255, 1);
    border: solid 4px rgba(255, 255, 255, 1);
    -moz-border-radius: 1000px;
    border-radius: 1000px;
	overflow: hidden;
}

#articles{
	height: 470px;
}

.threecolumns{
	-webkit-columns: 100px 3; /* Chrome, Safari, Opera */
    -moz-columns: 100px 3; /* Firefox */
    columns: 100px 3;
}

.twocolumns{
	-webkit-columns: 100px 2; /* Chrome, Safari, Opera */
    -moz-columns: 100px 2; /* Firefox */
    columns: 100px 2;
}

#contacttemplate{
	background-color: rgba(225, 225, 225, 1);
	height: 700px;
	padding: 40px 0px;
}

footer{
	background-color: rgba(225, 225, 225, 1);
	height: 620px;
	padding: 40px 0px;
}

.contactbox{
	border: none;
}

#contactform{
	margin: 0 auto;
	width: 400px;
}

.sendemailform > input{
	color: rgba(0, 0, 0, 1);
	margin-bottom: 12px;
	padding: 2px;
	width: 400px;
	height: 30px;
	font-size: 1.1em;
}
.sendemailform > input, sendemailform textarea{
	color: rgba(0, 0, 0, 1);
	margin-bottom: 13px;
	padding: 2px;
	width: 400px;
	height: 30px;
	font-size: 1.1em;
}
	
.sendemailform > input [type=text]:hover, .sendemailform textarea:hover{
	background-color: rgba(225, 234, 242, 1);
}

.sendemailform > textarea{
	width: 400px;
	height: 300px;
	border: 1px solid rgba(255, 255, 255, 1);
	color: rgba(0, 60, 100, 1);
	float: left;
	font-size: 1.1em;
}
	
	
#sendbuttonmid{
	width: 140px;
	margin: 0 auto;
}
	
#sendbuttonmid > .button
{
	margin: 30px 0;
	border: 0;
	background: rgba(51, 51, 51, 1);
	color: rgba(255, 255, 255, 1);
	width: 140px;
	height: 40px;
}

#sendbuttonmid > .button:hover
{
	background: rgba(85, 85, 85, 1);
	color: rgba(255, 255, 255, 1);
}

#admin-login{
	float: right;
	clear: both;
	margin: 0 20px 0 0;
	font-size: 0.618em;
	color: rgba(167, 167, 167, 1);
	text-decoration: none;
}

#admin-login:hover{
	color: rgba(205, 177, 177, 1);
}