/*	=Reset default HTML styles
------------------------------------------------------------------*/
/* Normalizes margin, padding */
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;
}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6{font-size:100%;}

/* Removes list-style from lists */
ol, ul{list-style:none;}

/* Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal; font-weight:normal;
}

/* Removes link underline */
a:link, a:visited{text-decoration:none;}

/* Normalizes table behavior */
table{border-collapse:collapse; border-spacing:0;}

/* Removes border from fieldset and img */
fieldset, img{border:0;}

/* Hides hr */
hr{display:none;}

/* Hides skip link */
#skip-to-content{display:none;}

/*	=Typography
------------------------------------------------------------------*/
body{	
  font: 12px/1.5em "Lucida grande", Verdana, Arial, sans-serif;
}
h2, h3, h4, p, ul, blockquote{
	margin:0 1.5em 1.5em 0;
}
h1, h2, h3{
	font-family: Georgia, "Lucida Sans Unicode", Arial, verdana;
}
h1{
  color:#FFF;
	font-size:210%;
	letter-spacing:-0.02em;
	margin-bottom:1em;
}
h2{
  background:url(/images/h2-border.gif) repeat-x 0 100%;
  clear:left;
  color:#826406;
  font-weight:normal;
  font-size: 1.8333em; /* 22px */ 
  line-height: 1.6364em; /* 36px */ 
  margin-right:0;
  margin-bottom: 0.8182em;
}
h3{
  color:#826406;
  font-weight:normal;
  font-size: 1.5em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 1.5em; 
  margin-bottom: .5em;
}
#footer h3{
	font-size:100%;
	margin-bottom:.15em;
}
h4{
  margin-bottom:0;
}
p{
  margin-bottom:1.5em;
}
/* Add border to first p on contact page */
.contact h2+p{
  border:1px dotted #000;
  border-width:1px 0 1px 0;
  padding:.75em;
}

/* =links
------------------------------------------------------------------*/
a:link, a:visited{
  color:#AB8816;
	font-weight:bold;
	text-decoration:underline;
}
a:hover, a:focus, a:active{
	text-decoration:underline;
}
a:focus, a:active, a.current, a.parent_of_current{

}
a.imglink:link, a.imglink:visited {
	border:none;
}
a.imglink:hover{
	background:transparent;
}

/*	=images
------------------------------------------------------------------*/
img{
  background:#FFF;
  display:block;
  padding:6px;
  border:1px solid #c9bf9a;
}
#content-sec img, .no-border img{
  border:none;
  padding:0;
}

/*	=generic
------------------------------------------------------------------*/
.float-left{
  float:left;
}
.float-right{
  float:right;
}

/*	=layout blocks
------------------------------------------------------------------*/
body{
  background: #FFF9EB repeat-x 0 0;
  text-align:center;
	}
#wrap{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:61.5em;
}
#header-wrap{
  background:#AB8816 url(/images/header-bg.jpg) repeat-x 0 0;
}
#header{
  margin:0 auto;
  position:relative;
  text-align:left;
  width:846px;
}
#content{
  clear:left;
  margin:0 auto;
	overflow:auto;
	padding-bottom:3em;
	position:relative;
	text-align:left;
  width:846px;
	}
#content-main{
  float:left;
  padding-top:1.5em;
  position:relative;
  width:558px;
}
#content-sec{
  float:right;
  padding-top:4.5em;
  width:252px;
}
#footer-wrap{
  background:#524006;
  text-align:center;
}
#footer{
  margin:0 auto;
  padding:3em 0;
  text-align:left;
  width:846px;
}

/* =header
------------------------------------------------------------------*/
h1{
  margin:0;
}
h1 a{
  background:url(/images/logo.jpg) no-repeat 0 0;
  display:block;
  height:91px;
  text-indent:-3000px;
  width:233px;  
}
h1 a:hover{
  background-position:top right;
}
/* =navigation
------------------------------------------------------------------*/
#navigation a{
  text-decoration:none;
}
#navigation a:hover{
  text-decoration:underline;
}

/* =nav-main */
#nav-main{
  bottom:0;
  float:left;
	margin:0;
	position:absolute;
	right:0;
}
#nav-main li{
  float:left;
}
#nav-main li a{
  background:#b4942e url(/images/nav-main-a-bg.jpg) no-repeat 0 0;
  color:#FFF;
  display:block;
  float:left;
  font-weight:normal;
  margin-right:1px;
  padding:.5em 1em;
  text-decoration:none;
}
#nav-main li a:hover{
  background-color:#bca045;
  background-position:top right;
  text-decoration:none;
}
#nav-main li.current a,
#nav-main li.parent_of_current a{
  background:#FFF9EB;
  color:#524006;
}

/* nav-lang */
#nav-lang{

}

/* nav-extra */
#nav-extra{
  clear:left;
}

/* nav-sec */
#nav-sec{
 background:#F7F2E3;
 margin-right:0;
 padding:1.5em;
}
#nav-sec h3{
  font-size:1em;
  margin-top:0;
  text-transform:uppercase;
}
#nav-sec ul{
  margin-bottom:0;
}
#nav-sec li:hover{
  background:#FFF9EB;
}
#nav-sec a{
  background:url(/images/h2-border.gif) repeat-x 0 0;
  display:block;
  font-size:1em;
  line-height:2.25em;
  font-weight:normal;
  text-decoration:none;
}
#nav-sec li.current a{
  color:#524006;
}
#nav-sec li:first-child a{
  background:none;
}

/* =content-main
------------------------------------------------------------------*/
.back-to-top{
  display:block;
  background:url(/images/back-to-top.gif) no-repeat 0 60%;
  line-height:1.5em;
  padding-left:16px;
}

#video{
  background:#F7F2E3;
  padding:1.5em;
  text-align:center;
}

#content-main li{
  background:url(/images/bullet.gif) no-repeat 0 0.6em;
  display:block;
  line-height:18px;
  padding:0 0 4px 9px;
}
#content-main ul li:first-child{
  border-top:0;
  padding-top:0;
}

/* contact info */
.vcard{
  margin-bottom:1.5em;
}
p.tel+p.tel{
  margin-top:-1.5em;
}

.contact-info h3{
  font: bold 1em/1.5em "Lucida grande","Lucida Sans", verdana, sans-serif;
  margin-bottom:1em;
  margin-top:0;
}
.contact-info{
  background:#f7f2e3;
  float:left;
  padding:18px;
  position:relative;
  width:522px;
}
.contact-info .naam-en-adres{
  border-right:1px solid #e9e2cb;
  float:left;
  margin-right:17px;
  width:270px;
}

.download-vcard{
  line-height:18px;
  position:absolute;
  right:1.5em;
  top:1.5em;
}
.download-vcard a{
  font-size:0.8333em;
  background: url(/images/icon-hcard-download.png) no-repeat scroll center right;
  display:block;
  float:right;
  font-weight:normal;
  padding-right:26px;
}

.contact-info+p, .contact-info+h4{
  clear:left;
}
.contact-info p, .contact-info h4{
  margin-right:0;
}

/* muzikanten */
.muzikanten #content-main div{
  background:url(/images/h2-border.gif) repeat-x 0 100%;
  float:right;
  padding-top:1.5em;
  width:558px;
}
.muzikanten #content-main div h3{
  margin-top:0;
}
.muzikanten #content-main div p{
  margin-right:0;
}

/* gastenboek */
.message{
  background:#f7f2e1 url(/images/guestbook-item-bottom-bg.jpg) no-repeat 0 100%;  
  margin-bottom:1.5em;
  padding-bottom:1px;
}
.message h3{
  background:#fff9eb url(/images/guestbook-item-top-bg.gif) no-repeat 0 100%;
  font-size:1em;
  font: bold 1em/1.5em verdana;
  line-height:36px;
  margin:0;
  padding:0 0 18px 41px;
}
.message h3 span{
  font-size:0.833em;
  padding-left:.5em;
}
.message p{
  padding-left:1.5em;
}

.gastenboek #form{
  margin-bottom:1.5em;
}
#add-message{
  position:absolute;
  margin-right:0;
  right:0;
  top:2em;
}
#add-message a{
  background:url(/images/add-message.gif) no-repeat 0 center;
  float:left;
  padding-left:26px;
  height:20px;
}
#textile-formatting-guide{
  margin-top:1.5em;
}
#textile-formatting-guide h4{
  margin:0 0 1.5em 0;
  text-align:right;
}

#form td{
  font-weight:normal;
}
#form td strong{
  font-weight:bold;
}

/* repertoire */
#repertoire-nav{
  background:url(/images/h2-border.gif) repeat-x 0 100%;
  margin:0;
  padding-bottom:1.5em;
}

/* beveiligd luik */
.nieuws #content-main, .kalender #content-main, .adressen #content-main{
  width:100%;
}
#secured-nav #nav-sec li{
  display:inline;
  border-left:1px solid #c9bf9a;
  padding-left:.5em;
}
#secured-nav #nav-sec li:first-child{
  border:none;
}
#secured-nav a{
  background:none;
  border-width:0 0 0 1px;
  display:inline;
  padding-right:.5em;  
}

/* beveiligd luik */
.eventBox{
  border-bottom:1px dotted;
  padding-bottom:1.5em;
}
.eventBox h3{
float:left;
  margin-top:1em;
width:100%;
}
.eventBox h3 em{
background:red;
float:left;
}
.eventBox h3 span{
  display:none;
  font-size:11px;
}
.eventBox h3:hover span{
float:left;
display:block;
  margin-bottom:-2px;
}

/* =content-sec
------------------------------------------------------------------*/

/* volgende concert cta */
#volgend-concert{
  background:url(/images/h2-border.gif) repeat-x 0 100%;
  padding-bottom:1px;
}
#volgend-concert div{
  background:url(/images/h2-border.gif) repeat-x 0 0;
  padding-top:1.5em;
}
#volgend-concert h3{
  margin-top:0;
  font-size:1.167em;
}
#volgend-concert h3 strong{
  font-weight:bold;
}

#volgend-concert li{
  background:url(/images/bullet.gif) no-repeat 0 0.6em;
  display:block;
  line-height:18px;
  padding:0 0 4px 9px;
}
#volgend-concert ul li:first-child{
  border-top:0;
  padding-top:0;
}


/* cta lijst */
#cta-list{
  background:url(/images/ctalist-bg.jpg) repeat-x 0 0;
  padding-top:1.5em;
}
#cta-list h3{
  margin-top:0;
  margin-bottom:.5em;
  font-size:1.167em;
  font-weight:bold;
}
#cta-list a{
  background:url(/images/cta-list-a-bg.gif) no-repeat 0 center;
  font-weight:normal;
  line-height:2.25em;
  padding-left:22px;
  text-decoration:none;
}
#cta-list a:hover{
  text-decoration:underline;
}
#cta-list ul{
  background:url(/images/h2-border.gif) repeat-x 0 100%;
  margin:0;
  padding-bottom:1.5em;
}
#cta-list li.current a,
#parent_of_current a{
  color:#524006;
}

/* cta-video */
#cta-video-wrap{
  background:url(/images/ctalist-bg.jpg) repeat-x 0 0;
  padding-top:1.5em;
}
#cta-video{
  background:url(/images/cta-video-bg.gif) no-repeat 0 0;
  margin-bottom:1.5em;
  padding-bottom:1.5em;
}
#cta-video div{
  overflow:auto;
  background:url(/images/cta-video-bg.gif) no-repeat 0 100%;
  padding:1.5em 1.5em 0 1.5em;
}
#cta-video img{
  float:left;
  margin:0 1.5em 0 0;
}
#cta-video h3{
  background:transparent url(/images/h2-border.gif) repeat-x scroll 0pt 100%;
  font-size:1em;
  font-weight:bold;
  margin:0 0 .75em 117px;
  padding-bottom:.75em;
}
#cta-video p{
  font-size:0.917em;
  font-weight:normal;
  line-height:1.636em;
  margin-right:0;
}
#cta-video a{
  font-weight:normal;
  text-decoration:none;
}
#cta-video a:hover{
  text-decoration:underline;
}

/* =footer
------------------------------------------------------------------*/
#footer p{
  font-family:Georgia, serif;
  color:#d1b864;
}
#footer a{
  color:#FFF;
}

/* =forms
------------------------------------------------------------------*/
#form{
  background:#F7F2E3;
  padding:1.5em;
}
form div{
  margin-bottom:10px;
}
form br{
  display:none;
}
form label{
  display:block;
}
label, form div{
  color:#82642b;
  font-weight:bold;
}
input[type="text"], textarea{
  font-size:1em;
  padding:.25em;
  border:1px solid #c6c2b6;
}
input[type="submit"]{
  background:url(/images/submit-btn.gif) no-repeat 0 0;
  border:none;
  color:#FFF;
  font-size:.75em;
  font-weight:bold;
  line-height:2em;
  height:18px;
  padding:0 16px 0 16px;
  text-transform:uppercase;
}
textarea{
  height:170px;
  width:450px;
}

/* notes & error handling */
.validation-advice{
  color:red;
  display:inline;
  font-size:0.8333em;
  font-weight:normal;
  padding:0 .5em;
}
.note{
  font-size:0.8333em;
  font-weight:normal;
}

/* =tables
------------------------------------------------------------------*/
table{
font-size:0.917em;
margin-bottom:1.636em;
width:100%;
}
caption{
  color:#826406;
	font-family: Georgia, "Lucida Sans Unicode", Arial, verdana;  
  font-weight:normal;
  font-size: 1.5em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 1.5em; 
  margin-bottom: 1.5em;
  text-align:left;  
}
thead{
background:#F7F2E3;
border:1px solid #e9e2cb;
border-width:1px 0 1px 0;
color:#826406;
font-size:1.1667em;
font-weight:bold;
line-height:1.286em;
margin-top:1.286em;/*18px*/
padding:.5em;
text-align:left;
}
th,td{
border-bottom:1px solid #e9e2cb;
padding:0.417em 0.417em 0.417em 0;
width:50%;
vertical-align: top;
}
th{
font-weight:bold;
}
.repertoire td{
  font-style: italic;
}
td:first-child{
  font-style:normal;
}
tr:hover{
  background:#f7f2e3;
}

.adressen th, .adressen td{
  width:141px;
}
td img{
  border:none;
  padding:0;
}

/* =footer
------------------------------------------------------------------*/
#footer a{
  text-decoration:none;
}
#footer a:hover{
  text-decoration:underline;
}
#footer p{
  margin:0;
}
#inloggen{
  background:url(/images/inloggen-bg.gif) no-repeat 0 0;
  width:270px;
  height:54px;
}
#inloggen a{
  display:block;
  padding:9px 0 0 60px;
}
#cbo{
  float:right;
  background:url(/images/footer-bg.gif) no-repeat 0 0;
  width:558px;
  height:54px;
  padding-top:9px;
  text-align:center;
}