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

body {
	background-image: url(background.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}
	
/* Instellingen voor de hyperlink */
a:link {
	color: #a208a6;
	}
	
a:visited {
	color: #a208a6;
	}
	
a:hover {
	color: #000000;
	}

/* Haalt de rand om de afbeeldingen weg */
a img { 
	border:none;
	outline:none;
	}

/* Staat alles in */
#alles {
	width: 797px;
	}

#left {
	width: 174px;
	height: 617px;
	background-image:url(images/Layout_03.jpg);
	margin-top: 13px;
	float: left;
	}
	
/* Hier begint het menu */	
#menu {
	background-color: #FFFFFF;
	height: 40px;
	width: 623px;
	float: left;
	margin-top: 15px;
	}
	
ul {
	padding: 0px;
	margin: 0px;
}

	
/* Hier staat de home button */
#home_button {
	display: block;
	background-image:url(images/home_button.jpg);
	background-repeat: no-repeat;
	width: 61px;
	height: 40px;
	float: left;
	}

	#home_button a {
		display: block;
		width: 61px;
		height: 40px;
		text-indent: -9999px;
	}
	
	#home_button a:hover {
		display: block;
		width: 61px;
		height: 40px;
		background-image:url(images/home_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#home_button a:active {
		display: block;
		width: 61px;
		height: 40px;
		background-image:url(images/home_buttona.jpg);
		background-repeat: no-repeat;
	}
	

/*Hier staat de ABOUT ME button */
#about_button {
	display: block;
	background-image:url(images/about_button.jpg);
	background-repeat: no-repeat;
	width: 109px;
	height: 40px;
	float: left;
	}

	#about_button a {
		display: block;
		width: 109px;
		height: 40px;
		text-indent: -9999px;
	}
	
	#about_button a:hover {
		display: block;
		width: 109px;
		height: 40px;
		background-image:url(images/about_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#about_button a:active {
		display: block;
		width: 109px;
		height: 40px;
		background-image:url(images/about_buttona.jpg);
		background-repeat: no-repeat;
	}
	
/* Hier staat de WORK button */
#work_button {
	display: block;
	background-image:url(images/work_button.jpg);
	background-repeat: no-repeat;
	width: 70px;
	height: 40px;
	float: left;
	}

	#work_button a {
		display: block;
		width: 70px;
		height: 40px;
		text-indent: -9999px;
	}
	
	#work_button a:hover {
		display: block;
		width: 70px;
		height: 40px;
		background-image:url(images/work_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#work_button a:active {
		display: block;
		width: 70px;
		height: 40px;
		background-image:url(images/work_buttona.jpg);
		background-repeat: no-repeat;
	}
	
/* Hier staat de LINKS button */
#links_button {
	display: block;
	background-image:url(images/links_button.jpg);
	background-repeat: no-repeat;
	width: 67px;
	height: 40px;
	float: left;
	}

	#links_button a {
		display: block;
		width: 67px;
		height: 40px;
		text-indent: -9999px;
	}
	
	#links_button a:hover {
		display: block;
		width: 67px;
		height: 40px;
		background-image:url(images/links_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#links_button a:active {
		display: block;
		width: 67px;
		height: 40px;
		background-image:url(images/links_buttona.jpg);
		background-repeat: no-repeat;
	}
	
/* Hier staat de CONTACT button */
#contact_button {
	display: block;
	background-image:url(images/contact_button.jpg);
	background-repeat: no-repeat;
	width: 97px;
	height: 40px;
	float: left;
	}

	#contact_button a {
		display: block;
		width: 97px;
		height: 40px;
		text-indent: -9999px;
	}
	
	#contact_button a:hover {
		display: block;
		width: 97px;
		height: 40px;
		background-image:url(images/contact_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#contact_button a:active {
		display: block;
		width: 97px;
		height: 40px;
		background-image:url(images/contact_buttona.jpg);
		background-repeat: no-repeat;
	}
/* Hier eindigt het menu */



.witruimte {
	background-color: #FFFFFF;
	height: 10px;
	width: 623px;
	float: left;
	}
	
#breadcrumbs {
	background-color: #FFFFFF;
	height: 12px;
	width: 623 px; 
	float: left;
	}
	

/* Hier staat de CONTENT */
#content {
	background-color: #FFFFFF;
	height: 300px;
	width: 623px;
	float: left;
	overflow: auto;
	}
	
	#content_thumbnail {
		background-color: #FFFFFF;
		height: 50px;
		width: 623 px;
		float: left;
		}
		
	#content_picture {
		height: 175px;
		width: 120px;
		float: left;
		}
		
	#content_text {
		height: 175px;
		width: 503px;
		}
		
/* Hier staat de button voor Belhamel */	
	#belhamel_button {
	display: block;
	background-image:url(images/belhamel_button.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 150px;
	float: left;
	}

	#belhamel_button a {
		display: block;
		width: 100px;
		height: 150px;
		text-indent: -9999px;
	}
	
	#belhamel_button a:hover {
		display: block;
		width: 100px;
		height: 150px;
		background-image:url(images/belhamel_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#belhamel_button a:active {
		display: block;
		width: 100px;
		height: 150px;
		background-image:url(images/belhamel_buttona.jpg);
		background-repeat: no-repeat;
	}
	
/* Hier staat de button voor individueel ontwerp */
#ontwerp_button {
	display: block;
	background-image:url(images/ontwerp_button.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 150px;
	float: left;
	}

	#ontwerp_button a {
		display: block;
		width: 100px;
		height: 150px;
		text-indent: -9999px;
	}
	
	#ontwerp_button a:hover {
		display: block;
		width: 100px;
		height: 150px;
		background-image:url(images/ontwerp_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#ontwerp_button a:active {
		display: block;
		width: 100px;
		height: 150px;
		background-image:url(images/ontwerp_buttona.jpg);
		background-repeat: no-repeat;
	}	
	
/* Hier staat de PINK button */
#pink_button {
	display: block;
	background-image:url(images/pink_button.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 150px;
	float: left;
	}

	#pink_button a {
		display: block;
		width: 100px;
		height: 150px;
		text-indent: -9999px;
	}
	
	#pink_button a:hover {
		display: block;
		width: 100px;
		height: 150px;
		background-image:url(images/pink_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#pink_button a:active {
		display: block;
		width: 100px;
		height: 150px;
		background-image:url(images/pink_buttona.jpg);
		background-repeat: no-repeat;
	}	
	
/* Hier staat de ROCKIT button */
#rockit_button {
	display: block;
	background-image:url(images/rockit_button.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 150px;
	float: left;
	}

	#rockit_button a {
		display: block;
		width: 100px;
		height: 150px;
		text-indent: -9999px;
	}
	
	#rockit_button a:hover {
		display: block;
		width: 100px;
		height: 150px;
		background-image:url(images/rockit_buttona.jpg);
		background-repeat: no-repeat;
	}
	
	#rockit_button a:active {
		display: block;
		width: 100px;
		height: 150px;
		background-image:url(images/rockit_buttona.jpg);
		background-repeat: no-repeat;
	}	


/* Hier staat de footer */
#footer {
	height: 241px;
	width: 623px;
	background-image:url(images/Layout_06.jpg);
	float: left;
	}