/* ---- Standaard stijlkenmerken  ---- */

	html, body {
		height: 100%;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #e3e3e3;
	}
	
	body {
		font-family: Verdana;
		font-size: 10pt;
	}
	h1, h1 a { font-size: 14pt; color: #336699; font-weight: normal;}
	h2 { font-size: 12pt; font-weight: normal;}
	h3 { font-size: 11pt; font-weight: normal;}
	b { color: #336699; }
	a { text-decoration: none; color: #336699; }
	a:hover { background-color: white; }

/* ---- Styling van de layout divs ---- */

	#centerdiv {
		margin: 0 auto 0 auto;
		padding: 0 5px 0 5px;
		background-image: url('../images/shade_edge_sides.png');
		width: 950px;
	}
	#centerdiv_bottomedge {
		margin: 0 auto 0 auto;
		background-image: url('../images/shade_edge_bottom.gif');
		background-repeat: no-repeat;
		width: 960px;
		height: 18px;
		/* naar boven schuiven over onderrand van #centerdiv */
		position: relative; bottom: 8px;
	}
	
	#centerdiv #container {
		width: 100%;
		padding-bottom: 5px;
	}
	
	#title { 
		float: left;
		width: 375px; height: 79px;
		background-image: url('../images/title.png'); background-repeat: no-repeat;
	}
	#title a { display: block; height: 100%; width: 100%; }
	#title a:hover { border-bottom: none; }
	#title h1 { display: none; }

	#mic { 
		width: 329px; height: 246px;
		float: right;
		background-image: url('../images/mic_home.png'); background-repeat: no-repeat;
	}
	
	.decobar { background-color: #336799; width: 100% }
	
	#sections {
		text-align: center;
	}
	#sections a { margin: 0 0.6em 0 0.6em; }
	
	#footer span 	{ margin: 0.2em 0.2em 0.2em 0; }
	#footer p 		{ 
		margin: 0; 
		padding-top: 0.2em; 
		height: 20px; width: 470px;
		background-color: white;
		text-align: center;
	}
	#footer 			{ background-color: #e2e2f7; }

	#content 	{ 
		float: right; 
		width: 440px;
		padding: 0 20px 20px 20px; 
		background-color: #e2e2f7;
		position: relative; bottom: 0px;
		margin-top: 100px;
	}
	
	.borderbox {
		width: 210px;
		position: absolute;	float: left;
		background-image: url('../images/borderbox.gif');
		background-repeat: no-repeat;
	}
	.borderbox a {
		text-align: center;
		width: 100%; height: 100%;
		display: block;
		padding-top: 160px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
	}
	.borderbox a:hover { border-bottom: none; background-color: transparent; }

	a.box_extras 			 		{ background-image: url('../images/extras.jpg'); }
	a.box_extras:hover 		{ background-image: url('../images/extras_inv.jpg'); }
	a.box_artists 		 		{ background-image: url('../images/artists.jpg'); }
	a.box_artists:hover		{ background-image: url('../images/artists_inv.jpg'); }
	a.box_about 		 			{ background-image: url('../images/about.jpg'); }
	a.box_about:hover			{ background-image: url('../images/about_inv.jpg'); }
	a.box_guestbook 	 		{ background-image: url('../images/guestbook.jpg'); }
	a.box_guestbook:hover { background-image: url('../images/guestbook_inv.jpg'); }
	a.box_reviews 				{ background-image: url('../images/reviews.jpg'); }
	a.box_reviews:hover		{ background-image: url('../images/reviews_inv.jpg'); }
	
	
	#footer { clear: both; }
	#footer span { float: right; }
	#footer a:hover { background-color: white; border-bottom: none; }