body {
	
	font-family: "Garamond", "Georgia", serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	color: black;
	background-image: url('bg.gif');
	background-repeat: no-repeat
	

}

.naam { color: #f5f5f5; font-size: 44px; line-height: 32px; z-index: 1 }
.grotekop{font-size: 44px; color: #DCDCDC; z-index:2}



a:link {text-decoration:none; font-style: oblique; color: black;background: white}
a:visited {text-decoration:none;color: black;background: white}
a:hover {text-decoration:none; color: white;background:black}
a:active {text-decoration:none;color:black;background:white}

.top{
text-decoration:none; font-family: "Georgia"; color: black; font-size:19px; font-weight: 10;}


div{
	position:absolute;
}

#centered{
left: 50%;
right:50%;
top: 50%;
bottom: 50%;
}

#container{
	left: 75;
	top: 44;
	width: 1051;
	height: 200;
	background-color: white;
	border-top-style: dotted;
	border-top-width: 1px

}



#Projects {
	z-index: 33;
	left: 75;
	top: 274;
	width: 345;
	border-top: 3px solid #000; 
	
	
}

#Recent {
	z-index: 32;
	left: 794;
	top: 274;
	width: 329;
border-top: 3px solid #000; 
	
}

#Post {
	z-index: 31;
	left: 618;
	top: 274;
	width: 155;
border-top: 3px solid #000; 
	
}

#Other {
	z-index: 30;
	left: 444;
	top: 274;
	width: 155;
border-top: 3px solid #000; 
     
	
}

#Extra {
	z-index: 36;
	left: 444;
	top: 579;
	width: 329;
border-top: 3px solid #000; 
        
	
}
#popUpDivLeft {
	z-index: 26;
	left: 75;
	top: 44;
	width: 345;
	
}
#popUpDivRight {
	z-index: 25;
	left: 444;
	top: 44;
	width: 329;
	
}


#cornerdecoLeftBottom {
	z-index: 12;
	left: 0;
	bottom: 0;
}
#cornerdecoRightBottom {
	z-index: 13;
	right: 0;
	bottom: 0;
}
#cornerdecoRightTop {
	z-index: 11;
	right: 0;
	top: 0;
}

#Logo   { 
text-align: right; 
bottom: 0%; 
right:2%;
height: 62; 
vertical-align: bottom; 
}