html{
margin: 0 0 1px 0; 
padding: 0 0 1px 0;
overflow: -moz-scrollbars-vertical;
height: 100%;
}


body{
margin: 0 0 -1px 0; 
padding: 0;
text-align: center;
background-color: #000000; 
width: 100%; 
height: 100%;
min-height: 100%;
height: auto;
font-family: verdana, arial, sans-serif; 
font-size: 11px; 
font-weight: normal;
color: #FFFFFF;
}

img { border: 0;}

.clear { clear: both; }

.bodygastenboek{
background-image: url("images/background_gastenboek.jpg");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
#wrapper{
position: absolute;
left: 0px;
top: 0px;
float: left;
width: 100%;
height: auto;
min-height: 100%;
margin: 0;
padding: 0;
text-align: center;
} 

.wrapper_home{
background-image: url("images/background_home2.jpg");
background-repeat: no-repeat;
background-position: top center;
text-align: center;
}

.wrapper_biografie{
background-image: url("images/background_biografie.jpg");
background-repeat: no-repeat;
background-position: top center;

}

.wrapper_fotoalbum{
background-image: url("images/background_fotos.jpg");
background-repeat: no-repeat;
background-position: top center;

}
.wrapper_video{
background-image: url("images/background_fotos.jpg");
background-repeat: no-repeat;
background-position: top center;

}
.wrapper_nieuws{
background-image: url("images/background_nieuws.jpg");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}

.wrapper_discografie{
background-image: url("images/background_discografie.jpg");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
.wrapper_agenda{
background-image: url("images/background_agenda.jpg");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
.wrapper_contact{
background-image: url("images/background_contact.jpg");
background-repeat: no-repeat;
background-position: top center;
}

.wrapper_gastenboek{
background-image: url("images/background_gastenboek.jpg");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
#main{
position: relative;
float: left;
margin: 0 0 0 -465px;
padding:0 0 0 0;
left: 50%;
width:930px; 
text-align: left;

min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
clear: left;
bottom: 0px;
/*border-left: 1px solid #000000;
border-right: 1px solid #000000; */
}

#frlogo{
position: relative;
width: 320px;
}

#content{
position: relative;
float: left;
margin: 100px 0 0 0;
padding: 20px 10px 20px 20px;
left: 0px;
width: 370px;
background-image: url("images/contentbackground.png"); 
background-repeat: repeat-y;
background-position: top left;
height: auto;
height:100%; /* voor IE */
min-height: 100%;
bottom: 0px;
font-size: 11px;
line-height: 1.5em;
}
#content_wide{
position: relative;
float: left;
margin: 100px 0 0 0;
padding: 20px 10px 20px 20px;
left: 0px;
width: 620px;
background-image: url("images/contentbackground_wide.png"); 
background-repeat: repeat-y;
background-position: top left;
height: auto;
height:100%; /* voor IE */
min-height: 100%;
bottom: 0px;
font-size: 11px;
line-height: 1.5em;
}
#content_home{
position: relative;
float: left;
margin: 100px 0 0 0;
padding: 20px 10px 20px 10px;
left: 10px;
width: 380px;
height: auto;
height:100%; /* voor IE */
bottom: 0px;
}
#content_fotoalbum{
position: relative;
float: left;
margin: 100px 0 0 0;
padding: 20px 10px 20px 20px;
left: 0px;
width: 370px;

height: auto;
height:100%; /* voor IE */
bottom: 0px;
font-size: 11px;
line-height: 1.5em;
}


#contenttekst{

padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
padding-right: 30px;
font-size: 11px;
line-height: 1.5em;
text-align: justify;
bottom: 0px;
}
#menu{
width: 892px;
}

/* #fotopos{
position: absolute;
margin-top: 2px;
margin-left: -1px;
} */
#fotopos{
position: absolute;
width: 634px;
height: 521px;
top: 43px;
left: 19px;
}
#menu_end{
position: absolute;
left: 672px;
top: 20px;
width: 220px;
height: 37px;
background: url('images/menu_end.png');    
background-repeat: no-repeat;
background-position: top left;

}

#wbini{
position: absolute;
left: 839px;
top: 7px;
width: 53px;
height: 43px;
background: url('images/wbini.png');    
background-repeat: no-repeat;
background-position: top left;
}

#wbini_dark{
position: absolute;
left: 839px;
top: 7px;
width: 53px;
height: 43px;
background: url('images/wbini_dark.png');    
background-repeat: no-repeat;
background-position: top left;
}
/* *    Setup */ 
ul.cssmenu {  
position: absolute;
top: 20px;
left: 0px;
list-style: none;     
padding: 0;   
margin: 0; 
} 
.displace {     
position: absolute;     
left: -5000px;     
} 
ul.cssmenu li {     
float: left; 
width: 135px;     
} 
ul.cssmenu li.home {     
float: left; 
width: 60px;     
} 
ul.cssmenu li.biografie {     
float: left; 
width: 80px;     
} 
ul.cssmenu li.discografie {     
float: left; 
width: 96px;     
} 
ul.cssmenu li.nieuws {     
float: left; 
width: 72px;     
} 
ul.cssmenu li.agenda {     
float: left; 
width: 74px;     
} 
ul.cssmenu li.fotos {     
float: left; 
width: 58px;     
} 
ul.cssmenu li.video {     
float: left; 
width: 58px;     
} 
ul.cssmenu li.gastenboek {     
float: left; 
width: 104px;     
} 
ul.cssmenu li.contact {     
float: left; 
width: 70px;     
} 






ul.cssmenu li a {     
display: block;     
width: 135px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 
ul.cssmenu li.home a {     
display: block;     
width: 60px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 
ul.cssmenu li.biografie a {     
display: block;     
width: 80px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 

ul.cssmenu li.discografie a {     
display: block;     
width: 96px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 
ul.cssmenu li.nieuws a {     
display: block;     
width: 72px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 
ul.cssmenu li.agenda a {     
display: block;     
width: 74px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 
ul.cssmenu li.fotos a {     
display: block;     
width: 58px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 
ul.cssmenu li.video a {     
display: block;     
width: 58px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 
ul.cssmenu li.gastenboek a {     
display: block;     
width: 104px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 
ul.cssmenu li.contact a {     
display: block;     
width: 70px;     
height: 37px;     
background: url('images/spritemenu.png');     
} 


/* *    Normal Links */ 
ul.cssmenu li.home a {     
background-position: 0px 0px;     
} 
ul.cssmenu li.biografie a {     
background-position: -60px 0px;     
} 
ul.cssmenu li.discografie a {     
background-position: -140px 0px;     
} 
ul.cssmenu li.nieuws a {     
background-position: -236px 0px;     
} 
ul.cssmenu li.agenda a {     
background-position: -308px 0px;     
} 
ul.cssmenu li.fotos a {     
background-position: -382px 0px;     
} 
ul.cssmenu li.video a {     
background-position: -440px 0px;     
} 
ul.cssmenu li.gastenboek a {     
background-position: -498px 0px;     
} 
ul.cssmenu li.contact a {     
background-position: -602px 0px;     
} 

/* *    Hover Links */ 
ul.cssmenu li.home a:hover {     
background-position: 0px -37px;     
} 
ul.cssmenu li.biografie a:hover {     
background-position: -60px -37px;     
} 
ul.cssmenu li.discografie a:hover {     
background-position: -140px -37px;     
} 
ul.cssmenu li.nieuws a:hover {     
background-position: -236px -37px;     
} 
ul.cssmenu li.agenda a:hover {     
background-position: -308px -37px;     
} 
ul.cssmenu li.fotos a:hover {     
background-position: -382px -37px;     
} 
ul.cssmenu li.video a:hover {     
background-position: -440px -37px;     
} 
ul.cssmenu li.gastenboek a:hover {     
background-position: -498px -37px;     
} 
ul.cssmenu li.contact a:hover {     
background-position: -602px -37px;     
} 


/* *    Selected/Active Links */ 
ul.cssmenu li.home a.selected {     
background-position: 0px -37px;     
} 
ul.cssmenu li.biografie a.selected {     
background-position: -60px -37px;     
} 
ul.cssmenu li.discografie a.selected {     
background-position: -140px -37px;     
} 
ul.cssmenu li.nieuws a.selected {     
background-position: -236px -37px;     
} 
ul.cssmenu li.agenda a.selected {     
background-position: -308px -37px;     
} 
ul.cssmenu li.fotos a.selected {     
background-position: -382px -37px;     
} 
ul.cssmenu li.video a.selected {     
background-position: -440px -37px;     
} 
ul.cssmenu li.gastenboek a.selected {     
background-position: -498px -37px;     
} 
ul.cssmenu li.contact a.selected {     
background-position: -602px -37px;     
} 

a:link, a:visited{
color: #7992ca;
text-decoration: none;
font-weight: normal;
}

a:hover {
color: #7992ca;
text-decoration: underline;
font-weight: normal;
}

.nieuwsdatum{
color: #ffffff;
font-size: 8px;
letter-spacing: 2px;
}

.nieuwstitel{
color: #7992ca;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}
.nieuwsintrocontentwide{
color: #ccccff;
font-size: 10px;

font-weight: bold;
}
#discotable{
width: 100%;
margin-top: 10px;
padding-top: 8px;
padding-bottom: 8px;

border-bottom: 1px solid #f4e196;
}

.hoestd{
vertical-align: top;
padding-top: 13px;
padding-bottom: 5px;
text-align: left;
padding-left: 0px;
padding-right: 0px;
width: 125px;
}

.discotd{
margin: 0;
vertical-align: top;
text-align: left;
padding-left: 15px;
padding-top: 13px;
padding-bottom: 8px;
font-size: 11px; 
width: 224px;
}
.discolink{
padding-top: 8px;
padding-bottom: 8px;
font-size: 11px; 
}
.discotdtitel{
margin-top: 10px;
padding-bottom: 3px;
font-size: 12px; 
color: #7992ca;
font-weight: bold;
}
.discotdjaar{
padding-top: 0px;
padding-bottom: 8px;
font-family: verdana, arial, sans-serif; 
font-size: 9px; 
color: #7992ca;
}
.discotdtracklist{
padding-top: 8px;
padding-bottom: 8px;
font-size: 11px; 
line-height: 1.4;
}

.tracklist{
color: #FFFFFF;
font-weight: bold;
}



.agendamaandwide{
font-size: 13px; 
font-weight: bold;
text-align: left;
}

.agendadatumwide{
width: 75px;
vertical-align: middle;
text-align: left;
}
.agendatijdwide{
width: 70px;
vertical-align: middle;
margin-left: 20px;
text-align: left;
}
.agendanaamwide{
width: 200px;
vertical-align: middle;
margin-left: 20px;
text-align: right;
}
.agendaplaatswide{
width: 200px;
vertical-align: middle;
text-align: right;
margin-right: 50px;
}
.headeragenda {
			display: block;
			height: 30px;
			width: 340px;
			
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #FFFFFF;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			border-bottom: 1px solid #7992ca;
			margin: 0 0 0 0;
		}
.agendatdspacer{
width: 10px;
}


.td_left{
text-align: right;
vertical-align: top;
font-weight: bold;
padding-right: 5px;
}
.td_left_overig{
text-align: left;
vertical-align: top;
font-weight: normal;
color: #FFFFFF;
}

.td_right{
text-align: left;
vertical-align: top;
color: #FFFFFF;
}

img.vt_link{
border: 1px solid #ffffff;

}

img.vt_link:hover {
border: 1px solid #7992ca;
}
 #vertical_nested_container {
      margin: 0px 0px 20px 0px;
      width: 360px;
}
 /*
			Vertical Accordions
		*/
		

		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 340px;
			background: url(images/agenda_togle.png) no-repeat center right ;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #FFFFFF;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			border-bottom: 1px solid #7992ca;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/agenda_active.png) no-repeat center right ;
			color: #7992ca;
			border-bottom: 1px solid #7992ca;
		}

		.vertical_accordion_content {
			margin: 15px 0 15px 0;
			color: #7992ca;
			overflow: hidden;
		}

			.vertical_accordion_content h3 {
				margin: 15px 0 5px 10px;
				color: #FFFFFF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}