*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	vertical-align: baseline;
	font-weight: normal;
}

:focus { outline: 0; }

body
{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #910000;	
	font-size: 12px;
	line-height: 24px;
	background-attachment: fixed;
}

body.muziek
{
	background-image: url(../images/hout.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
}

body.communicatie
{
	background-image: url(../images/bg_communicatie.gif);
	background-repeat: no-repeat;
	background-position: center top;
}



		
ul { list-style: none; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after { content: ""; }
blockquote, q { quotes: "" ""; }

input,
textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

dd {
	overflow:hidden;
}
a
{
	color: #910000;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

blockquote p
{
	font-weight: bold;
}
blockquote cite
{
	font-weight: normal;
}


/*
	splash
*/

html, body
{
	height: 100%;
	width: 100%;
}

#fork p
{
	text-indent: -9999px;
}

.logo
{
	background-color: #fff;
	width: 100%;
	top: 0;
	bottom: 54%;
	height: 46%;
	position: absolute;
	background-image: url(../images/splash_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
}

.menu
{
	width: 100%;
	top: 46%;
	bottom: 100%;
	position: absolute;
	height: 54%;
}
	.menu ul
	{
		width: 500px;
		height: 260px;
		margin: auto;
		position:relative;		
		background-image: url(../images/splash_bottom.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
		.menu li 
		{
			position: absolute; 
			top: 90px; 
			left: 0;
			width: 240px;
			height: 70px;		
		}
			.menu a
			{
				display: block;
				height: 70px;
				text-indent: -9999px;
				background-image: url(../images/splash_bottom.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			
		.menu #muziek
		{
			left: 30px;
			width: 180px;
		}
			.menu #muziek a
			{
				background-position: -30px -90px;
			}
			.menu #muziek a:hover
			{
				background-position: -30px -350px;
			}
			
		.menu #communicatie
		{
			left: 220px;
			width: 220px;
		}
			.menu #communicatie a
			{
				background-position: -220px -90px;
			}
			
			.menu #communicatie a:hover
			{
				background-position: -220px -350px;
			}
		
		
		.menu #fork
		{
			position: absolute;
			top: 170px;
			left: 50%;
			margin-left: -120px;
			width: 240px;
			height: 70px;	
		}	
			/*
			.menu #fork a
			{
				background-position: -130px -170px;
			}
			
			.menu #fork a:hover
			{
				background-position: -130px -430px;
			}
			*/
			
/*
*/


#wrapper
{
	width: 822px;
	margin: auto;
	background-image: url(../images/pagebottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 60px;
	position: relative;
}

#content
{
	width: 700px;
	padding: 0 61px 0 61px;
	background-image: url(../images/pageborder.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	overflow: hidden;
}

/*
*/

.header
{
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 148px;
}

	.header h1 a
	{
		text-indent: -9999px;
		position: absolute;
		top: 20px;
		left: 30px;
		width: 250px;
		height: 110px;
		
	}
	
	.header p
	{
		
		position: absolute;
		top: 20px;
		left: 550px;
		width: 220px;
		overflow: hidden;
	}
		.header p a
		{
			text-indent: -9999px;
			display: block;
			float: left;
			width: 110px;
		}
	
.communicatie .header
{
	background-image: url(../images/header_communicatie.png);
}
	.communicatie .header p a
	{
		left: 570px;
	}
	
/*
*/


#navigation	
{
	background-image: url(../images/navigation.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 822px;
	height: 94px;
	overflow: hidden;
}
    
	.communicatie #navigation	
	{
		background-image: url(../images/navigation_communicatie_2011.png);
	}
	
	#navigation li,
	#navigation a
	{
		float: left;
		display: inline;
	}
	
	#navigation a
	{
		background-image: url(../images/navigation.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 166px;	
		height: 44px;
		text-indent: -9999px;
	}
	

		
		#navigation #amour.active a,
		#navigation #amour a:hover
		{
			background-position: 0 -94px;
		}
	
	#navigation #collectief a
	{
		width: 130px;
		background-position: -166px 0;
	}
		#navigation #collectief.active a,
		#navigation #collectief a:hover
		{
			background-position: -166px -94px;
		}
	
	#navigation #speellijst a
	{
		width: 90px;
		background-position: -296px 0;
	}	
		#navigation #speellijst.active a,
		#navigation #speellijst a:hover
		{
			background-position: -296px -94px;
		}
	
	#navigation #cd a
	{
		width: 105px;
		background-position: -386px 0;
	}
		#navigation #cd.active a,
		#navigation #cd a:hover
		{
			background-position: -386px -94px;
		}
		
	#navigation #liefde a
	{
		width: 114px;
		background-position: -491px 0;
	}
		#navigation #liefde.active a,
		#navigation #liefde a:hover
		{
			background-position: -491px -94px;
		}
	
	#navigation #fotoboek a
	{
		width: 91px;
		background-position: -605px 0;
	}
		#navigation #fotoboek.active a,
		#navigation #fotoboek a:hover
		{
			background-position: -605px -94px;
		}
	
	#navigation #contact a
	{
		width: 126px;
		background-position: -696px 0;
	}
		#navigation #contact.active a,
		#navigation #contact a:hover
		{
			background-position: -696px -94px;
		}
	
	
	/*
		communicatie
	*/
	.communicatie #navigation a
	{
		background-image: url(../images/navigation_communicatie_2011.png);
		margin: 0 4px;
	}
	
	#navigation #cv a
	{
		width: 135px;
		background-position: -139px 0;
		margin-left: 139px;
	}
		#navigation #cv.active a,
		#navigation #cv a:hover
		{
			background-position: -139px -94px;
		}
		
	#navigation #beschikbaar a
	{
		width: 111px;
		background-position:-282px 0;
	}
		#navigation #beschikbaar.active a,
		#navigation #beschikbaar a:hover
		{
			background-position: -282px -94px;
		}
		
	#navigation #referenties a
	{
		width: 108px;
		background-position: -401px 0;
	}
		#navigation #referenties.active a,
		#navigation #referenties a:hover
		{
			background-position: -401px -94px;
		}

	#navigation #produkties a
	{
		width: 173px;
		background-position: -517px 0;
	}
		#navigation #produkties.active a,
		#navigation #produkties a:hover
		{
			background-position: -517px -94px;
		}
	
	
/*
*/


h2,h3
{
	font-size: 32px;
	line-height: 32px;
	color: #910000;
}


/*
*/


.demo-cd,
.cd 
{
	overflow: hidden;
	width: 700px;
	padding: 18px 0;
}

	.demo-cd
	{
		background-image: url(../images/democd.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}
		.demo-cd dl
		{
			padding: 28px 0;
			width: 410px;
		}
		
		.demo-cd dl dl
		{
			padding: 0;
			overflow: hidden;
		}
			.demo-cd dl dl dt,
			.demo-cd dl dl dd
			{
				float: left;
				display: inline;
				margin-right: 6px;
			}
			
		.demo-cd .muziekanten
		{		
			font-style: italic;
		}
		
		.audio-item em,
		.demo-cd em
		{		
			color: #910000;
			font-weight: bold;
			font-style: normal;
			float: left;
		}
		
		.audio-item object,
		.audio-item embed
		{		
			float: left;
			display: inline;
			margin: 3px 0 0 2px;
		}
		
		
/*
*/
	
	.cd img
	{
		background-image: url(../images/albumbg.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 15px;
		width: 154px;
		float: left;
		margin-right: 36px;
	}
	
	.cd h3
	{
		font-size: 18px;
		color: #910000;
		padding-bottom: 8px;
	}
		.cd strong
		{
			font-weight: bold;
			font-size: 18px;
		}
	
	.cd .info
	{
		width: 480px;
		float: left;
	}
	

	.cd blockquote
	{
		padding: 28px 0;
	}
	
	.cd dd
	{
		overflow: hidden;
	}
	
		.cd object,
		.cd embed
		{		
			float: left;
			display: inline;
			margin: 3px 6px 0 0;
		}
		
		.cd dd em
		{		
			float: left;
			font-weight: bold;
			color: #910000;
			font-style: normal;
		}

/*
*/

.amour
{
	overflow: hidden;
	width: 700px;
}
	
	.amour h2,
	.amour p
	{
		width: 336px;
		float: left;
	
	}
	
	.amour .passepartout
	{
		width: 328px;
		background-image: url(../images/pp_328_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: right;
		display: inline;
		margin: 0 0 0 36px;
	}
	
		.amour .passepartout img
		{
			width: 288px;
			padding: 20px;
			background-image: url(../images/pp_328_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: right;
		}

	.demo-cd-banner
	{
		background-image: url(../images/democd_small.jpg);
		background-repeat: no-repeat;
		background-position: left center;
		padding: 36px 0 36px 136px;
		width: 200px;
		float: left;
	}
		.demo-cd-banner p
		{
			width: 200px;
		}
		.demo-cd-banner a
		{
			font-size: 18px;
			color: #910000;
			font-weight: bold;
		}


/*
*/

.bio
{
	overflow: hidden;
	padding: 16px 0 0 0;
	width: 700px;
}
	
	
	.bio .info
	{
		width: 460px;
		float: left;
		padding-top: 10px;
	}
		.bio h3
		{
			font-size: 20px;
		}

	.bio .passepartout
	{
		width: 204px;
		background-image: url(../images/pp_194_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: left;
		margin: 0 36px 0 0;
	}
	
		.bio .passepartout img
		{
			width: 174px;
			padding: 15px;
			background-image: url(../images/pp_194_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}
		
	.bio dl
	{
		overflow: hidden;
		padding-top: 16px;
	}
	.bio dt, .bio dd
	{
		float: left;
		display: inline;
		padding-right: 4px;
		font-style: italic;
	}

/*
*/

.speellijst
{
	overflow: hidden;
	width: 700px;
}

	.speellijst h2
	{
		width: 434px;
		padding: 0 0 16px 0;
	}
	
	.speellijst h3
	{
		font-size: 18px;
		color: #910000;
		padding: 16px 0;
		font-weight: bold;
	}

	.speellijst .passepartout
	{
		width: 230px;
		background-image: url(../images/pp_220_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: right;
		display: inline;
		margin: 0 0 0 36px;
	}
	
		.speellijst .passepartout img
		{
			width: 200px;
			padding: 15px;
			background-image: url(../images/pp_220_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: right;
		}

.speellijst dl
{
	width: 434px;
}
.speellijst dt
{
	font-size: 18px;
	color: #910000;
}

.speellijst dd
{
	padding-bottom: 16px;
}

/*
*/

.foto
{
	width: 700px;
	padding: 16px 0 0 0;
	overflow: hidden;
}

	.foto .passepartout
	{
		width: 370px;
		background-image: url(../images/pp_360_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: left;
		display: inline;
		margin: 0 36px 0 0;		
	}
	
		.foto .passepartout img
		{
			width: 340px;
			padding: 15px;
			background-image: url(../images/pp_360_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}
		
		.foto p
		{
			padding-top: 10px;
		}
		
	
	.foto.wide .passepartout
	{
		width: 500px;
		background-image: url(../images/pp_490_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: left;
		display: inline;
		margin: 0 36px 0 0;		
	}
	
		.foto.wide .passepartout img
		{
			width: 470px;
			padding: 15px;
			background-image: url(../images/pp_490_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}

	
		.foto dl
		{
			overflow: hidden;
			padding-top: 16px;
		}
		.foto dt, .foto dd
		{
			float: left;
			display: inline;
			padding-right: 4px;
			font-style: italic;
		}

		

/*
*/

.album-teaser
{
	overflow: hidden;
	width: 700px;
	padding-top: 36px;
}
	.album-teaser img
	{
		background-image: url(../images/albumbg.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 15px;
		width: 154px;
		float: left;
		display: inline;
		margin-right: 18px;
	}
	
	.album-teaser h3
	{
		color: #000;
		padding-top: 10px;
	}
	
	.album-teaser h3,
	.album-teaser h4 a,
	.album-teaser h5
	{
		font-size: 16px;
		line-height: 24px;
	}
	
	.album-teaser h4 a
	{
		font-weight: bold;
	}
	
	.album-teaser p
	{
		width: 440px;
		margin-top: 24px;
	}
	

/*
*/
	
.contact
{
	overflow: hidden;
	padding: 0 0 0 0;
}
	
	
	.contact .info
	{
		width: 460px;
		float: left;
		display: inline;
		padding-top: 0;
	}
		.contact h2
		{
		
		width: 434px;
		padding: 0 0 8px 0;
	
		}

	.contact .passepartout
	{
		width: 204px;
		background-image: url(../images/pp_194_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: left;
		margin: 0 36px 0 0;
	}
	
		.contact .passepartout img
		{
			width: 174px;
			padding: 15px;
			background-image: url(../images/pp_194_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}
		
		.contact p
		{
			padding-bottom: 32px;
		}
		.contact dl
		{
			overflow: hidden;			
		}
		
		.contact dt, .contact dd
		{	
			float: left;
			display: inline;
			padding-right: 4px;			
			color: #a6a6a6;
			font-size: 11px;
			line-height: 18px;
			font-style: italic;
		}
			.contact dd a
			{
				color: #a6a6a6;
			}

/*
*/
		
.home
{
	overflow: hidden;
	padding: 0 60px;
	width: 580px;
}
	
	.home .passepartout
	{
		width: 328px;
		background-image: url(../images/pp_328_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: left;
		margin: 0 18px 0 0;
	}
	
		.home .passepartout img
		{
			width: 288px;
			padding: 20px;
			background-image: url(../images/pp_328_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}
		
		.home dl
		{
			width: 234px;
			float: left;
		}
			
			.home dt
			{
				font-size: 14px;
				margin: 16px 0 8px 0;
			}
			
			.home .headline
			{			
				font-size: 32px;
				display: block;
			}
			
			.home dd.title
			{
				font-size: 24px;
			}

/*
*/

.referentie
{
	padding: 24px 0 0 0;
}

.referentie.odd
{
	text-align: right;
}

	.referentie cite
	{
		font-style: normal;
	}

/*
*/

.cv
{
	overflow: hidden;
}

	.cv p
	{
		padding: 8px 0 16px 0;
	}

	.cv .passepartout
	{
		width: 230px;
		background-image: url(../images/pp_220_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: right;
		display: inline;
		margin: 0 0 0 36px;
	}
	
		.cv .passepartout img
		{
			width: 200px;
			padding: 15px;
			background-image: url(../images/pp_220_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: right;
		}
		
/*
*/

.aangenaam
{
	overflow: hidden;
	padding: 16px 32px 0 32px;
}
	.aangenaam h2
	{
		padding: 16px 0 0 0;
	}
	.aangenaam p
	{
		padding: 8px 0 16px 0;
	}
	
	.aangenaam .info
	{
		width: 370px;
		float: left;
		padding-top: 10px;
	}
		.aangenaam h3
		{
			font-size: 20px;
		}

	.aangenaam .passepartout
	{
		width: 230px;
		background-image: url(../images/pp_220_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: left;
		display: inline;
		margin: 0 36px 0 0;
	}
	
		.aangenaam .passepartout img
		{
			width: 200px;
			padding: 15px;
			background-image: url(../images/pp_220_top.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
		}


.beschikbaar
{
	width: 448px;
	float: left;
	display: inline;
	padding-right: 35px;
	border-right: 1px solid #910000;
}
	.beschikbaar p
	{
		padding: 16px 0 8px 0;
	}
	
.contact-paul
{
	width: 180px;
	padding-left: 36px;
	float: left;
	display: inline;
}
	.contact-paul dl
	{
		padding-top: 16px;
	}
	.contact-paul a
	{
		font-weight: bold;
	}