/* Normalisatie */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
table {
	border-collapse : collapse;
	border-spacing : 0;
}
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }


/* Layout */

#body { 
	text-align: center;
}
#container {
	width:900px;
	display: table;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding: 15px 25px 75px;
	text-align:left;
}

#header {
 padding-bottom:8px;
}

#nav {
	height: auto;
	padding-bottom:0px;  /* #666  */
	font-size: 100%;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

#nav ul {
	list-style:none;
}

#nav ul li {
	display:inline;
	margin-right:10px;
}


#content {	
	position:relative;
	margin-top: 5px;
	margin-left:0px;
}

#composities, #inleiding, #agenda, #links, #biografie{
	position:relative;
	margin-left: 230px;
	width:auto;
	height:auto;	}
	
#composities ul li {list-style-type: circle; list-style-position:inside;}
#composities ol li {list-style-type:decimal; list-style-position:inside;}
	
#biografie {padding-top: 130px;}
	
	
#nav_sub {
	float: left;
	width:230px;
	font-size: 100%;
}
#nav_sub ol {padding-top: 15px; text-align:right; margin-right:50px;}
#nav_sub li {
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#jaren {margin-left: -20px;
margin-top:12px; margin-bottom:-12px;
	text-align:left;
	font-size:100%;
	padding:5px;
	color: #999;
	border:1px solid #999;
}
#jaren a {color: #333; padding:2px;}
#jaren a:hover {color:#fff; background-color: #999; padding:2px;}
#knop {padding: 10px 0px;}

td	{vertical-align: top;}

.weg {display:none;}
.link {padding-top: 30px;}
.audio-icon {padding-left: 5px; margin-bottom:-3px;}

/* Kleur en typografie */

body {
	font-size: 14px;
	line-height:20px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #fff;

}

#container {background-color: #fff;
	border: 2px solid #666;}
	
#content {background-color: #fff;}
#composities {background-color: #fff;}


h1#header {
	font-size: 164%;font-weight:bold;
	margin-bottom: 15px;
	margin-top: 0px;
}

h2 {
	font-size: 145%;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 25px;
}

h3 {
	font-size: 118%;
	padding-top: 25px;
	padding-bottom: 10px;
}
p{margin-bottom: 10px;}

a {
	color:#a00;
	text-decoration:none;
}
a:hover, a:active {
	color: #FFFFFF;
	background-color: #999;
}

#inleiding {padding-top: 100px;}
#agenda .datum {color:#0000FF; width: 100px;}
#agenda .plaats {padding-left: 10px;}
#agenda .concert {padding-left: 10px;}
#agenda td {padding: 8px; border-bottom: #ccc solid 1px;}
#geschiedenis td {border-bottom-color:#CDCDCD;}
#composities p {margin-bottom: 5px;}
#composities li {padding-bottom: 7px;}
#composities .jaar {color:#3300FF;}
#composities h3 {
	font-size: 118%;
	padding-top: 25px;
	padding-bottom: 5px;
}
#nav_sub h1 img {border: thin double #666666; margin-top: 15px;}
#nav_sub li {
	font-variant: normal;
}