/*
	kleuren:
			#46456e (donkerpaarsblauw)
			#555387 (donkerpaarsblauw)
			#8584ab	(randen)

*/



/* global */

body { margin: 0px; width: 100%; height: 100%; font-family: Verdana, Arial, sans-serif; background: #d8d8db; color: #333; text-align: center; vertical-align: middle; }

body, td { font-size: 11px; padding: 0px; margin: 0px; color: #666; line-height: 120%; }

h1 {  margin: 0px;  padding: 0px; font-size: 18px; color: #6b6a6a; font-weight: normal; margin: 30px 50px 10px 50px; text-align: left; border: 0px solid #ff0000; }
	
div#container { width: 840px; height: 520px; border: 0px solid #ff0000; margin: auto; background: url(images/background.jpg) center center no-repeat  }

a {
	color: #8584ab;
}



div#header {
    background: url(images/background-header.jpg) no-repeat bottom;
    border: 0px solid #ff0000;
    width: 800px;
    height: 98px;
    text-align: left;
}   
    div#linktointro {
        padding: 30px 0px 0px 10px;        
    }  
    div#linktointro a {
	    width: 320px;
	    height: 50px;
        border: 0px solid #ff0000;
        display: block;
    }

div#menu {
	border: 0px solid #00ff00;
	width: 152px;
	height: 390px;
	float: left;       
	margin-left: 32px; 

}
body.en div#menu {
	background: url(images/background-menu-en.jpg) center center no-repeat;
}
body.nl div#menu {
	background: url(images/background-menu-nl.jpg) center center no-repeat;
}

	div#menu ul {
		border: 0px solid #ff0000;
		width: 142px;
		margin: 5px;
		padding: 0px;
		list-style: none;
		margin-top: 34px;
	}
	
		/*	menu	*/
		
			div#menu ul li { border: 0px solid #fff; }
			
			div#menu ul a { border-top: 0px solid #ff0000; display: block; width: 142px; height: 48px; text-decoration: none; }
			
			div#menu ul a.active, div#menu ul a:hover { text-decoration: none; background: url(images/menu-active.jpg) no-repeat 15px 14px; }	
	
			
div#content {
	border: 0px solid #ff0000;
	width: 456px;
	height: 390px;
	float: left;
	margin-left: 8px;
	background: url(images/background-content-1.jpg) center center no-repeat #8584ab;
}			
div#content-2 {
	border: 0px solid #0000ff;
	width: 456px;
	height: 390px;
	float: left;
	margin-left: 8px;
	* padding: 5px;
	background: url(images/background-content-2.jpg) center center no-repeat #8584ab;
}		
	div#content-2 div.content {
		border: 0px solid #ff0000;
		width: 446px;
		height: 380px;
		float: left;
		margin: 5px;
		* margin: 0px;
		background: #fff;
	}
		div#content-2 div.content div.root {
			border: 0px solid #00ff00;
			/*width: 406px;*/
			width: 346px;
			height: 280px;
			/*float: left;*/
			/*margin: 10px 10px 10px 50px;*/
			margin-left: 50px;
			_margin-left: 0px;
			background: #fff;
			overflow-y: auto;
			margin-top: 20px;
		}
		div#content-2 div.content div.root div.inroot {
			margin-right: 20px;
		}
			
	div#content-2 a.terug {
		border: 0px solid #ff0000;
		margin: 10px 0px 0px 20px;
		* margin: 10px 0px 0px 20px;
		display: block;
		text-decoration: none;
		color: #aaa;
		width: 100px;
		float: left;
	}	
		div#content-2 a.terug:hover {
			text-decoration: none;
			color: #333;
		}
div#images {
	border: 0px solid #ff0000;
	width: 160px;
	height: 390px;
	float: left;
	/*background: url(images/background-right-1.jpg) center center no-repeat #ebebf3;*/
	background: url(images/background-right-1.jpg) center center no-repeat;
}
div#images-2 {
	border: 0px solid #ff0000;
	width: 160px;
	height: 390px;
	float: left;
	background: url(images/background-right-2.jpg) center center no-repeat #ebebf3;
}
	div#images-2 img.top {
		margin-top: 5px;
		margin-left: 5px;
		float: left;
	}
	div#images-2 img.bottom {
		margin-top: 10px;
		margin-left: 5px;
		float: left;
	}

div#right-home {
	background: #fff;
	width: 150px;
	height: 380px;
	margin-top: 5px;
	text-align: left;
	border: 0px solid #ff0000;
}
div#right-home p {
	float: left;
	margin: 20px;
	* margin: 0px;
	* padding: 0px 20px;
	margin-top: 25px;
	line-height: 130%;
	vertical-align: middle;
	border: 0px solid #ff0000;
}
* html div#right-home p {
	margin-top: 27px;
}

img.home {
	margin-top: 5px;
}




/* spelers */

ul.leden {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-top: 40px;
	text-align: center;
	padding-top: 45px;
}
	ul.leden li {
	}
		ul.leden li a {
			color: #46456e;
			text-decoration: none;
			line-height: 150%;
			display: block;
			height: 50px;
			width: 150px;
		}
		ul.leden li a:hover {
			text-decoration: underline;
		}
			ul.leden li a i {
				color: #8584ab;
			}
			
/* template 2 */


div#right-3 {
	background: #ebebf3;
	width: 150px;
	height: 380px;
	margin-top: 5px;
	text-align: left;
}

/* concerten */

table.concerten { margin-top: 20px; }
	
	table.concerten td { vertical-align: top; }
	table.concerten td.datum { width: 100px; }
	table.concerten th { font-size: 12px; text-align: left; vertical-align: top; height: 24px; color: #8584ab; font-style: italic; }
	table.concerten td.empty { height: 15px; }
	
	
/* audio */

ul.audio-lijst {
		border: 0px solid #ff0000;
		/*width: 142px;*/
		margin: 5px;
		padding: 0px;
		list-style: none;
		margin-top: 34px;
		
	}
	
		/*	menu	*/
		
			ul.audio-lijst li { border: 0px solid #0000ff; }
			
			ul.audio-lijst a { color: #666; display: block; height: 50px; text-decoration: none; padding-left: 60px; background: url(images/speaker.jpg) no-repeat 0px -7px; }
			
			ul.audio-lijst a.active, ul.audio-lijst a:hover { text-decoration: none; background: url(images/speaker-active.jpg) no-repeat 0px -7px; }	
	
            
            div.audio-lijst { text-align: center; }
            div.audio-lijst div.title, ul.audio-lijst div.title { font-weight: bold; cursor: pointer; }
            div.audio-lijst div.movement, ul.audio-lijst div.movement { font-style: italic; }
            div.audio-lijst div.composer, ul.audio-lijst div.composer {  }
			
			ul.audio-lijst div.title,
			ul.audio-lijst div.movement,
			ul.audio-lijst div.composer {  
                 cursor: pointer;
            }
			
			
/* template 3 */

		
div#content-3 {
	border: 0px solid #ff0000;
	width: 616px;
	height: 390px;
	float: left;
	margin-left: 8px;
	background: url(images/background-content-3.jpg) center center no-repeat #8584ab;
}			
	div#content-3 div.content {
		border: 0px solid #ff0000;
		width: 426px;
		height: 340px;
		margin: 26px;
		float: left;
		margin-right: 0px;
		* margin-left: 5px;
	}	
		div#content-3 div.content h1 {
			margin-left: 40px;
			* margin-left: 60px;
		}
		div#content-3 div.content div.root {
			border: 0px solid #00ff00;
			/*width: 406px;*/
			width: 346px;
			height: 250px;
			/*float: left;*/
			/*margin: 10px 10px 10px 50px;*/
			margin-left: 50px;
			/*margin-left: 0px;*/
			overflow-y: auto;
			margin-top: 20px;
		}
		div#content-3 div.content div.root div.inroot {
			margin-right: 20px;
		}


/* template 4 */

		
div#content-4 {
	border: 0px solid #ff0000;
	width: 616px;
	height: 390px;
	float: left;
	margin-left: 8px;
	text-align: left;
	* padding: 0px 50px 10px 50px;
	background: url(images/background-content-4.jpg) center center no-repeat #8584ab;
}
    div#content-4 div.content {
        border: 0px solid #ff0000;
        margin: 0px 50px 10px 50px;
        * margin: 0px;
    }
	* html div#content-4 h1 {
		margin-left: 0px;
	}

	
/* foto's pagina */

div.gallery {
	float: left;
	border: 0px solid #ff0000;
	margin-top: 40px;
}
	
	div.gallery a img {
		float: left;
		width: 100px;
		border: 3px solid #ddd;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
		div.gallery a img.right {
			margin-right: 0px;
			
		}

		div.gallery a:hover img {
			border: 3px solid #aaa;
		}
		
		
		
/* repertoire-pagina */
table.repertoire td { color: #333; vertical-align: top; }
table.repertoire td.kop_3_small { font-weight: bold; color: #666; height: 35px; vertical-align: bottom; }
table.repertoire td.instrumenten { color: #666; font-style: italic; height: 30px; vertical-align: bottom; }



body {

	scrollbar-base-color: #fff;
	scrollbar-track-color: #DBDBE3;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #DBDBE3;
	scrollbar-3dlight-color: #DBDBE3;
	scrollbar-darkshadow-color: #DBDBE3;
	scrollbar-shadow-color: #DBDBE3;
	scrollbar-arrow-color: #DBDBE3;
	
	/*scrollbar-base-color: #A4A4C1;
	scrollbar-track-color: #DBDBE3;
	scrollbar-face-color: #A4A4C1;  paars (medium)
	scrollbar-highlight-color: #DBDBE3;
	scrollbar-3dlight-color: #DBDBE3;
	scrollbar-darkshadow-color: #DBDBE3;
	scrollbar-shadow-color: #DBDBE3;
	scrollbar-arrow-color: #DBDBE3; */
}

ul.audio-lijst a, p { text-align: left; }