html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 100%;
	/* background-image: url(/achter.png); */
	/* background-color: #FFFFFF; */
}

#distance { 
	width:1px;
	height:50%;
	background-color:#FFFFFF;
	margin-bottom:-165px; /* half of container's height */
	float:left;
}

#main {
	position: relative;
	width: 85%;
	min-width: 745px;
	height: 330px;
	margin: 0 auto;
	text-align: left;
	clear: left;

}

#hori {
	position: relative;
	width: 85%;
	margin: 0 10% 0 5%;
	
}

#content {
	width: auto;
	height: 330px;
	background-image: url(/test/imgcache/_drums_1.png);
	background-repeat: no-repeat;

}
#content2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;

}

#top {
	width: auto;

}

		#top {
			/*
				This is necessary to trigger hasLayout, for both IE 6 and IE 7!
				My suggestion is to serve this only to IE through a
				separate stylesheet included with conditional comments.
			*/
			height: 1%;
		}
		
		#top:after{
			content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}

		#top2 {
			/*
				This is necessary to trigger hasLayout, for both IE 6 and IE 7!
				My suggestion is to serve this only to IE through a
				separate stylesheet included with conditional comments.
			*/
			height: 1%;
		}
		
		#top2:after{
			content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}
.toplinks_content {
	float: right;
	margin-top: 18px;
	width: 120px;
	font-family: Tahoma;
	font-size: 0.8em;
	padding-bottom: 0.2em;
	color: #4d2f3a;
	font-weight: bold;
}
.top2links_content {
	float: right;
	width: 120px;

}

.toplinks {
	float: left;
	width: 395px;

}
.toplinks2 {
	float: left;
	width: 395px;
	height: auto;

}
.toprechts {
	width: auto;
	margin-left: 395px;

}

#links_borderwrap {
	display: block;
	width: 100%;
	background-image: url(/border_rechts.png);
	background-position: top right;
	background-repeat: no-repeat;
}
#links_border {
	margin-right: 16px;
	height: 23px;
	border-top: 1px solid #c4aab4;
}



#rechts_top {
		font-family: Tahoma;
	font-size: 0.7em;
		font-weight: bold;
}
#rechts_borderwrap {
	display: block;
	height: 20px;
	background-image: url(/rechts_top.png);
	background-repeat: no-repeat;
	clear: right;
}
#rechts_border {
	width: auto;
	margin-right: 5px;
	margin-left: 19px;
	height: 23px;
	background-image: url(/rechts_lijn.png);
	background-repeat: repeat-x;

}

#testje {
	height: 0.9em;

}
#menuwrap {
position: relative;
}
#test_menu {
position: absolute;
top: 0px;
left: 0px;
}

#menu {
	float: right;
	margin-top: 21px;
	margin-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.clear {
clear: both;
}
#menu ul {
	margin: 0 0 0 16px;
	padding: 0;
	list-style-type: none; 
}

#menu ul li { 
	float: left;
	line-height: 1.4em;
	color: #4d2f3a;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	vertical-align: bottom;
	float: left;

}

#menu ul li a {

	line-height: 1.4em;
	color: #be94a4; 
	padding: 0 3px;
	text-decoration: none;
	vertical-align: bottom;
	border-bottom: 1px solid white;

}

#menu ul li a:hover {
	color: #4d2f3a;
}

#menu a:link#current, #menu a:visited#current, #menu a:hover {
	border-bottom: 1px solid #5b3b47;
}

#menu li#current {
		padding: 0 3px;
}


#rechts_onder {
	width: auto;
}

#main_content {
	width: auto;
	margin-top: 25px;
	margin-left: 395px;
	font-family: Tahoma;
	font-size: 0.7em;
	color: #5b3b47;

}
#main_content_foto {
	width: auto;
	margin-top: 25px;
	margin-left: 395px;
	font-family: Tahoma;
	font-size: 0.7em;
	color: #5b3b47;
	text-align: center;
}

#thumbwrap {
	float: right;
	width: 168px;

}

.thumb {
float: left;
width: 49px;
height: 49px;
margin-right: 5px;
margin-bottom: 5px;

}


a img {
	text-decoration: none;
	border: none;
}
#hoofdfoto {

}

.imgborder {
	border: 1px solid #4d2f3a;
	background-color: white;
}
.imgthumb {
	border: 1px solid #4d2f3a;
}
.imgthumb2 {
	border: 1px solid white;
}

#boeken {

}
#boeken ul {
margin-left: 100px;
}

#boeken li {
margin: 0 10px;
}
li#telefoon {
	list-style-image: url();
}

li.nobul {

}
#boeken li a {
	color: #be94a4;
	font-weight: bold;
	text-decoration: none;
}
#boeken li a:hover {
	color: #4d2f3a;
}







#optredens_wrap ul {
	display: table;
	padding:0; 
	margin:0 auto; 
	list-style-type:none;
	white-space:nowrap;
}

#optredens_wrap a:active, #optredens_wrap a:focus {outline: none; }
#optredens_wrap a { outline: 0; }







#optredens_wrap li {
	display: table-cell;
	width: 67px;
	height: 67px;

}
* html #optredens_wrap li {
  float: left;
}


#optredens_wrap li a {
	display: block;
	width: 67px;
	height: 67px;
	margin-right: 2px;
	color: #5b3b47;
	text-decoration: none;
	border: 1px solid #c7a4c2;

}
* html #optredens_wrap li a {
  float:left;
}



.container_optr {clear:both; text-decoration:none;}




#optredens_wrap li.sax_off a {
	background-image: url(/agenda/afb_sax.png);
	background-position: top left;

}
#optredens_wrap li.sax_off a:hover {
	background-position: top right;
	border: 1px solid #5b3b47;
}
#optredens_wrap li.sax_On a {
	background-image: url(/agenda/afb_sax.png);
	background-position: top right;
	border: 1px solid #5b3b47;
}



#optredens_wrap li.zang_off a {
	background-image: url(/agenda/afb_mic.png);
	background-position: top left;

}
#optredens_wrap li.zang_off a:hover {
	background-position: top right;
	border: 1px solid #5b3b47;
}
#optredens_wrap li.zang_On a {
	background-image: url(/agenda/afb_mic.png);
	background-position: top right;
	border: 1px solid #5b3b47;
}



#optredens_wrap li.synth_off a {
	background-image: url(/agenda/afb_synth.png);
	background-position: top left;

}
#optredens_wrap li.synth_off a:hover {
	background-position: top right;
	border: 1px solid #5b3b47;
}
#optredens_wrap li.synth_On a {
	background-image: url(/agenda/afb_synth.png);
	background-position: top right;
	border: 1px solid #5b3b47;
}



#optredens_wrap li.tromp_off a {
	background-image: url(/agenda/afb_trompet.png);
	background-position: top left;

}
#optredens_wrap li.tromp_off a:hover {
	background-position: top right;
	border: 1px solid #5b3b47;
}
#optredens_wrap li.tromp_On a {
	background-image: url(/agenda/afb_trompet.png);
	background-position: top right;
	border: 1px solid #5b3b47;
}



#optredens_wrap li.drums_off a {
	background-image: url(/agenda/afb_drum.png);
	background-position: top left;

}
#optredens_wrap li.drums_off a:hover {
	background-position: top right;
	border: 1px solid #5b3b47;
}
#optredens_wrap li.drums_On a {
	background-image: url(/agenda/afb_drum.png);
	background-position: top right;
	border: 1px solid #5b3b47;
}



#optredens_wrap li.guitar_off a {
	background-image: url(/agenda/afb_bas.png);
	background-position: top left;

}
#optredens_wrap li.guitar_off a:hover {
	background-position: top right;
	border: 1px solid #5b3b47;
}
#optredens_wrap li.guitar_On a {
	background-image: url(/agenda/afb_bas.png);
	background-position: top right;
	border: 1px solid #5b3b47;
}



#optredens_wrap img {

}

#optredens_wrap img:hover {

}



#op1 {
display: none;
position: absolute;
margin-top: 1px;
background-image: url(/agenda/kader_lijn2.png);
background-repeat: no-repeat;
cursor: default;
}

#op2 {
display: none;
position: absolute;
margin-top: 1px;
width: 156px;
background-color: white;
background-image: url(/agenda/kader_lijn2.png);
background-repeat: no-repeat;
}

#op3 {
display: none;
position: absolute;
margin-top: 1px;
width: 156px;
background-color: white;
background-image: url(/agenda/kader_lijn2.png);
background-repeat: no-repeat;
}

#op4 {
display: none;
position: absolute;
margin-top: 1px;
width: 156px;
background-color: white;
background-image: url(/agenda/kader_lijn2.png);
background-repeat: no-repeat;
}
#op5 {
display: none;
position: absolute;
margin-top: 1px;
width: 156px;
background-color: white;
background-image: url(/agenda/kader_lijn2.png);
background-repeat: no-repeat;
}

.classOn {
display: block;
}
.optr_kader {
float: left;
width: 40px;
height: 19px;
background-image: url(/agenda/kader_lijn.png);
background-repeat: no-repeat;
}

.optr_info {
width: 125px;
height: auto;
margin-top: 12px;
margin-left: 73px;
padding-left: 7px;
text-align: left;
border-left: 1px solid #5b3b47;

}

.date {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.date_numb {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
		letter-spacing: normal;
}





#biofoto_mildred {
	float: left;
	width: 111px;
	margin-left: 10px;
}
#bio_mildred {
	height: 185px;
	margin-left: 121px;
	padding-left: 12px;
	border-left: 1px solid #5b3b47
}

#biofoto_mirande {
	float: left; 
	width: 136px; 
}
#bio_mirande {
	height: 185px; 
	margin-left: 136px; 
	padding-left: 12px; 
	border-left: 1px solid #5b3b47
}

#biofoto_arno {
	float: left; 
	width: 117px; 
}
#bio_arno {
	height: 159px; 
	margin-left: 117px; 
	padding-left: 12px; 
	border-left: 1px solid #5b3b47
}

#biofoto_hans {
	float: left; 
	width: 117px; 
}
#bio_hans {
	height: 179px; 
	margin-left: 117px; 
	padding-left: 12px; 
	border-left: 1px solid #5b3b47
}

#biofoto_jeffrey {
	float: left; 
	width: 116px; 
}
#bio_jeffrey {
	height: 185px; 
	margin-left: 116px; 
	padding-left: 12px; 
	border-left: 1px solid #5b3b47
}

#biofoto_jasper {
	float: left; 
	width: 127px; 
}
#bio_jasper {
	height: 176px; 
	margin-left: 127px; 
	padding-left: 12px; 
	border-left: 1px solid #5b3b47
}

#biofoto_erwin {
	float: left; 
	width: 117px; 
}
#bio_erwin {
	height: 172px; 
	margin-left: 117px; 
	padding-left: 12px; 
	border-left: 1px solid #5b3b47
}

#biofoto_andre {
	float: left; 
	width: 118px; 
}
#bio_andre {
	height: 175px; 
	margin-left: 118px; 
	padding-left: 12px; 
	border-left: 1px solid #5b3b47
}








* html .minwidth {
	border-left: 745px solid #fff;
}
* html .container {
	margin-left: -745px;
	position: relative;
	/* background-image: url(/achter.png); */
	/* background-color: #faf4fa; */
}
/*\*/
* html .minwidth, * html .container, * html .content {
	height: 1px;
}
/**/