* { padding: 0; margin: 0; }

body {
	background-image: url(../images/marble_stock_texture_for_you_by_budgie.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a img    { border: none; }

a:link { color: #fff; text-decoration: underline }
a:hover { color: #CAC93F; text-decoration: none }
a:active { color: #fff; text-decoration: none }
a:visited { color: #fff; text-decoration: none }

li.menu a:link { color: white; text-decoration: none }
li.menu a:hover { color: white; text-decoration: underline }
li.menu a:active { color: white; text-decoration: none }
li.menu a:visited { color: white; text-decoration: none }

#wrapper #content {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Palatino Linotype, Book Antiqua, sans-serif;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

	img.toplogo {
		margin: 40px 0 25px 0;
	}
	img.toplogo-big {
		margin: 40px 0 0 0;
	}

	h2 {
		margin: 0 0 15px 0;
	}
	
	ul {
		list-style-type: none;
		padding: 0px;
		margin: 15px 0 20px 15px;
	}
	ul.big {
		list-style-type: none;
		padding: 0px;
		margin: 15px 0 28px 15px;
	}
		li.menu {
			background: url('../images/leave.png') no-repeat 0px 15px;
			padding: 15px 35px;
			line-height: 20px;
		}

	#header {
		width: 900px;	
		float: left;
		padding: 10px;
		border: 1px solid #ccc;
		height: 100px;
		margin: 10px 0px 5px 0px;
		background: url(../images/banner-piano-gouden-roos.jpg);
	}
		
	#header-big {
		width: 900px;
		float: left;
		padding: 10px;
		border: 1px solid #ccc;
		height: 100px;
		margin: 10px 0px 5px 0px;
		background-image: url(../images/banner-piano-goudkleurig.jpg);
	}

	#main {
		width: 922px;
	}
	
		#leftcolumn {
			color: #333;
			margin: 0px 5px 5px 0px;
			padding: 10px;
			height: 425px;/*350*/
			width: 195px;
			float: left;
			background: #000 url(../images/animated_candle-klein.gif) no-repeat -20px 0px;
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 1px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
		}
		
		#leftcolumn-big {
			color: #333;
			margin: 0px 5px 5px 0px;
			padding: 10px;
			height: 425px;
			width: 195px;
			float: left;
			background-color: #000;
			background-image: url();
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 1px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
		}

		#content {
			float: left;
			color: #FFF;
			padding: 10px;
			height: 425px;/*350*/
			width: 456px;
			display: inline;
			background-color: #000;
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
			margin-top: 0px;
			margin-right: 5px;
			margin-bottom: 5px;
			margin-left: 0px;
		}
		#content-big {
			float: left;
			color: #FFF;
			padding: 10px;
			height: 425px;
			width: 456px;
			display: inline;
			background-color: #000;
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
			margin-top: 0px;
			margin-right: 5px;
			margin-bottom: 5px;
			margin-left: 0px;
		}
			#content p {
				text-align: justify;
				margin: 0 0 10px 0;
			}
			
			#content p.sub {
				text-align: center;
				font-size: 11px;
				font-style: normal;
				font-weight: normal;
			}
			
		#content-repertoire {
			float: left;
			color: #FFF;
			padding: 10px;
			height: 425px;
			width: 676px;
			display: inline;
			background-color: #000;
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 1px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
			margin-top: 0px;
			margin-right: 5px;
			margin-bottom: 5px;
			margin-left: 0px;
		}
			
			#uitvaartplay {
				float: right;
			}
			
			iframe.repertoire-uitvaart-list {
				width: 675px;
				height: 302px;
				margin: 10px 0;
				border: 1px none blue;
				overflow: auto;
			}
		
		#content-videos {
			float: left;
			color: #FFF;
			padding: 10px;
			height: 425px;
			width: 676px;
			display: inline;
			background-color: #000;
			border-top-width: 0px;
			border-right-width: 0px;
			border-bottom-width: 0px;
			border-left-width: 1px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
			margin-top: 0px;
			margin-right: 5px;
			margin-bottom: 5px;
			margin-left: 0px;
			overflow: auto;
		}
			iframe.youtubevideo {
				margin-bottom: 30px;
			}

		#rightcolumn {
			color: #FFF;
			margin: 0px 0px 5px 0px;
			padding: 10px;
			height: 425px;/*350*/
			width: 199px;
			float: left;
			background-color: #000;
			border-top-width: 0px;
			border-right-width: 1px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
		}

		#rightcolumn-big {
			color: #FFF;
			margin: 0px 0px 5px 0px;
			padding: 10px;
			height: 425px;
			width: 199px;
			float: left;
			background-color: #000;
			border-top-width: 0px;
			border-right-width: 1px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
		}

		#rightcolumn-repertoire, #rightcolumn-videos {
			color: #FFF;
			margin: 0px 0px 5px 0px;
			padding: 10px;
			height: 425px;
			width: 199px;
			float: left;
			background-color: #000;
			border-top-width: 0px;
			border-right-width: 1px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-top-style: solid;
			border-right-style: solid;
			border-bottom-style: solid;
			border-left-style: solid;
			border-top-color: #ccc;
			border-right-color: #ccc;
			border-bottom-color: #ccc;
			border-left-color: #ccc;
		}
	
	#footer {
		width: 880px;
		clear: both;
		color: #999;
		border: 1px solid #ccc;
		padding: 20px;
		background-color: #000;
		margin: 0 0 10px 0;
	}
		a.footerlink, a:visited.footerlink { color: #999; text-decoration: underline }
		a:hover.footerlink, a:active.footerlink { color: #fff; text-decoration: underline }
	
		/*a.telefoonnummer {
			padding:0.35em 1.2em;
			margin:0 0.3em 0.3em 0;
			border-radius:0.12em;
			box-sizing: border-box;
			text-decoration:none;
			font-weight:300;
			color:#000000;
			text-align:center;
			transition: all 0.2s;
			background-color:#ddd46b;
		}
		a.telefoonnummer:hover{
			color:#000000;
			background-color:#ffffff;
		}*/
	
	#footer2 {
		margin: 0 0; text-align: center; 
	}

		p.footer2 { color: #BEC3D7; font-style: normal; font-family: Arial; font-size: 9px; line-height: 9px;}
		
		a.footer2link, a:visited.footer2link { color: #BEC3D7; text-decoration: none }
		a:hover.footer2link, a:active.footer2link { color: #fff; text-decoration: underline }
	
	.jp-audio-container {
		width: 333px;
		padding: 10px;
		margin: auto;
		background: url(img/player-bg.png) 0 0 no-repeat;
	}
	
	.jp-audio-container-repertoire-uitvaart {
		width: 333px;
		padding: 10px 0;
		margin: auto;
		background: url(img/player-bg.png) 0 0 no-repeat;
	}

		.jp-audio {
			margin: auto;
		}

		iframe.repertoirelist {
			width: 700px;
			height: 9200px;
			margin: 15px 0;
		}