@charset "utf-8";
/* CSS Document the Art of Music */
	body{ margin: 0; 
	font-family: 'Helvetica Neue', 'HelveticaNeue', 'Helvetica', Arial, sans-serif;
	/*font-family: Arial;*/
	background-image:url(../images/bg1.jpg);
		background-position:right;
		background-repeat: repeat-x;
	}
	h1{font-size: 26px; font-weight: bold;}
	h2{font-size: 18px; font-weight: bold;}
	h3{font-size: 14px; font-weight: bold;}
	ul{ line-height: 1.3;}
	a{text-decoration: none; padding: 0;border: 0;}
	a img{ border: 0px; }
	table,tr,td{border: none; margin: 6px auto; color: #424242;line-height: 16px;}
	
	/* DIV's */
	#container{position: relative; width: 990px; height: 799px;	margin: 15px auto; left:0; right:0; border: 1px solid #d9dcca; padding: 8px 0 8px 7px; overflow: hidden; background-color: #fff;}
	#logo, #content, #navbar, #pixbar, #sndbar, #mediabar{/*background-color: #999999;	*/}
	#logo {margin: 0; padding-top:10px; padding-bottom: 30px; width: 220px; height: 220px; background-color: #FFF;}
	#leftbar{float: left; width: 220px; height: 799px}
	#navbar{ width: 220px; margin: 0; padding: 20px 0 0 0; height: 519px; background-image: url(../images/nav_bg_220px_med.png); background-repeat: no-repeat; background-color: #002954; color: #ffffff; list-style: none; font-size: 14px; font-weight:bold;}
	#address{font-size: 11px; /*line-height: 1.4;*/ position: relative; left: 15px; top: -153px; font-weight: bold;}
	#footer{position: relative; line-height: 1.2; left: 15px; top: -142px; font-size: 9px; /*font-weight: bold;*/}
	#footer a{/*color: #009fdb;*/ color: #fff; /*border-bottom: none;*/ text-decoration:underline;}
	/*#design_txt{font-size: 10px; padding: 14px 0 5px 170px;}*/
	#address p,#footer p{margin: 0; color: #fff;}
	
	#content{
		float: left;
		width: 507px;
		height: 799px;
		color: #524428;
		background-image:url(../images/content_bg2.png);
		background-position:right;
		background-repeat: repeat-y;
		overflow: auto;
	}
	
	#content p{font-size:12px;  font-weight:normal; line-height:1.5; padding:0 50px 0 15px;	}
	#content h1, #content h2, #content h3{padding: 0 30px 0 15px;	}
	#content h2{margin: 30px 0 0 0;}
	#content hr{padding: 0;margin: 0;}
	#content a {color: #002954; text-decoration: underline; padding: 0;border: 0;}
	
	.newsimg {
		float: left;
		padding: 4px 10px 0 15px;	
	}
	
	.contentimg {
		float: left;
		padding: 4px 15px 10px 15px;	
	}
	
	.contentimg2 {
		float: left;
		padding: 4px 0 35px 15px;	
	}
	
	.contentimg3 {
		float: left;
		padding: 4px 0 35px 7px;	
	}
	
	.newsitem {
		padding-bottom: 10px;	
	}
	.audioplayer_centre{
		padding:0 50px 0 15px;
	}
	
	.title_centre{
		font-size: 11px;
		clear:both;
	}
	
	
	/* ----- RIGHTBAR (Niet in gebruik) ----- */
	#rightbar{
		float: right;
		margin: 0;
		width: 255px;
		height: 801px;
	}
	
	#pixbar {
		float: right;
		margin: 0;
		width: 255px;
		height: 315px;
	}
	
	#pixbar{
		padding: 0;
		margin: 0;
		border: 0;
	}
	#pixbar a{
		margin: 0;
		padding: 0;
		border: 0;
		display: inline;
		
	}
	
	#sv{font-size: 14px; font-weight: bold;}
	
	#pic1{ display: block; }
	
	#pic2, #pic3, #pic4 {
		display: none;
	}
	
	#sndbar {
		float: right;
		margin: 0 0 5px 0;
		width: 255px;
		display: block;
	}
	
	#mediabar{
		/*height: 300px;*/
		float: right;
		width: 255px;
		padding-top: 5px;
		display: block;
	}
	
	
	
	
	#navbar ul{padding:0; margin:0; font-weight:bold;}
	#navbar li{padding:0; }
	#navbar ul ul{padding:5px 0 10px 0; margin:0; font-weight: bold; line-height:1.2;}/* padding:10px 0 15px 0; margin:0; font-weight: bold; line-height:1.2; */
	#navbar li a{color: #fff; padding-left: 15px;}
	#navbar li a:hover{background-image: url(../images/dot_w_s.gif); background-repeat: no-repeat; background-position: 5px 6px;}
	#nav_2 li a:hover, #nav_part li a:hover{background-image: url(../images/dot_art.gif); background-repeat: no-repeat; background-position: 5px 5px;}
	#nav_2 li a, #nav_part li a{padding-left: 35px; font-size:12px;}
	/*#nav_2, #nav_part{display: none;}   HIDDEN vanwege browsability met javascript uit.*/
	#nav_3 li a:hover, #nav_part li a:hover{background-image: url(../images/dot_art.gif); background-repeat: no-repeat; background-position: 5px 5px;}
	#nav_3 li a, #nav_part li a{padding-left: 50px; font-size:11px;}
	/*#nav_2, #nav_part{display: none;}   HIDDEN vanwege browsability met javascript uit.*/
		
	.hr_r {float: right; display: block; width: 250px; height: 10px; margin: 5px 8px 0 0; background: #fff url(../images/dot.png) repeat-x;
	}
	
	.hr_r hr {
  		display: none;
	}
	
	.hr_c {
		margin: 5px 0 5px 0;
		/*width: 245px;*/
		padding: 0;
  		height: 5px;
  		background: url(../images/dot_hr.gif) repeat-x right;
  		clear: both;
	}
	
	.hr_l {
		margin: 10px 0 5px 0;
		padding-left: 3px;
  		height: 10px;
  		background: url(../images/dot_hr.gif) repeat-x;
	}
	
	.hr_c hr {display: none;}
	.hr_l hr {display: none;}
	
	.title{
		font-size: 11px;
		margin: 0;
		padding: 0;
		/*text-transform: uppercase;*/
	}	
	
	.thumbnail{
		padding: 0;
		border: 0;
		float:left;
		display: block;
		margin: 2px 9px 5px 0;
	}
	
	.thumbnail_r{
		border: 0;
		float:left;
		margin: 2px 0 0 0;
		padding: 0;
		display: block;
	}
	
	.mp3player{
		float: left;
		/*padding: 6px 0 1px 0;*/
		padding: 0;
	}
	
	.portrait{
		margin-bottom: 5px;	
		width: 247px;
	}
	
	.portrait_2 {
		display: block;
		margin: 0;
		padding: 0 0 5px 0;
		width: 247px;
		height: 263px;
	}
	
	.montage{
		
	}
	
	.swfplayer{
		padding: 0; margin: 0;
	}
	
	#mediabar p{
		padding: 0; margin: 0;
	}
	
	.youtubeplayer{
		/*float: right;*/
	}


	
	/* ----- FORM STYLES ----- http://www.sitepoint.com/article/fancy-form-design-css/3/ */
	legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold; 
	display: none;
	} 
	
	fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none; 
	} 
	
	label {  
	float: left;  
	width: 10em;  
	margin-right: 1em; 
	font-size: 11px;
	}
	
	fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em; 
	}
	
	fieldset { 
	margin: 1.5em 0 0 0;  
	padding: 0; 
	border: none;
	float: left;  
	clear: left;  
	width: 100%;  
	margin: 0 0 1.5em 0;  
	padding: 0; 
	}
	
	fieldset.submit {  
	float: none;  
	width: auto;  
	border: 0 none #FFF;  
	padding-left: 137px; 
	border-style: none; 
	}