body {
	background-color: #fff;
	/*padding: 0;
	margin: 0;*/
	}

#canvas {
	width: 850px;
	background-color: #f1f1f1;
	border: 10px solid #f1f1f1;
	padding: 10px;
	}

#header {
	
	}

#navigatie {
	float: left;
	width: 250px;
	}

#navigatie ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#navigatie li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #444;
	text-decoration: none;
	}

#navigatie li a:hover {
	font-style: italic;
	}

.current {
	font-style: italic;
	font-weight: bold;
	}

#menu ul.submenu {
	margin-left: 15px; 
	}

#slideshow {
    position:relative;
	margin-left: 300px;
    height:433px;
	margin-bottom: 5px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#contact {
	    position:relative;
	margin-left: 300px;
    height:433px;
	margin-bottom: 5px;
	}

#contact p, #about p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #444;
	}

#contact a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #444;
	}

#about {
	    position:relative;
	margin-left: 300px;
    height:433px;
	margin-bottom: 5px;
	}

/* Easy Slider */

#slider {
	margin-left: 300px;
	}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
		
#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:550px;
		height:550px;
		overflow:hidden; 
		}
		
span#prevBtn a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #444;
	text-decoration: none;
	}
	
span#nextBtn a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #444;
	text-decoration: none;
	}					

#FotoNav {
	text-align: right;
	margin-top: 15px;
	}

/* // Easy Slider */

#footer {
	clear: both;
}