html,body{
	width:100%;
	height:100%;
	background:#D8F5CB;
}


#centerdiv{
	display:block;
	padding: 5px 5px 0px 5px;
	max-width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#37535C;
	overflow:auto;
}
header{
	margin-left:auto;
	margin-right:auto;
	height:auto;
	
}
#headerimg{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	max-height:100%;
}
/* navbar */
ul{
	list-style:none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #37535C;
}
li {
	float:left;
}
li a{
	font-family:"Calisto MT";
	display: block;
	color: white;
	text-align:center;
	padding: 14px 16px;
	text-decoration: none;
}
li:hover{
	background-color: #333;
}
/* article */
article{
	background-color:#6783A3;
}
#left{
	float:left;
	display:block;
	max-width:30%;
	height:100%;
	overflow:auto;
	margin-bottom:20px;
}
	#left > img{
		max-height:100%;
		max-width:100%;
		display:block;
		
	}

#right{
	display:block;
	height:100%;
	color:#fff;
	float:left;
	max-width:50%;
	height:auto;
	
}


#titlep1{
			font-family:Calisto MT;
			font-size:30px;
			font-style:oblique;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}	

.titlep2{
					font-family:Calisto MT;
					font-size:20px;
					font-style:oblique;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
		
#right > * {
	display:block;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	width:100%;
}
	#rightup{
		background-color:#B0A15F;
	}		
	#eerste{
		background-color:#B0715F;
	}
	#tweede{
		background-color:#6D6F8F;
	}
	#derde{
		background-color:#3F688C;
	}
	#vierde{
		background-color:#E0AD4C;
	}
	#vijfde{
		background-color:#A35F8B;
	}

footer{
	text-align:center;
	padding: 5px 5px;
	background-color: #333;
	color:white;
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
}
footer > p{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

@media only screen and (max-width: 1000px){
#right{
	max-width:100%;
}

	#mobimg {
		display:none !important;
	}
}
::-webkit-scrollbar { 
    display: none; 
}