*{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
}

body{
	font:13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background:#36386A url(../gfx/bgbody.jpg) repeat-x left top; 
	color:#2A2724;
}

h1{
	font:24px "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	color:#FFCB82; 
	font-weight:normal;
	letter-spacing:1px;
	position:absolute;
	height:67px;
	line-height:67px;
	bottom:0;
	left:203px;
	margin-bottom:0;
}

h2{
	color:#F2932E;
	font-size:18px;
	font-weight:normal;
	margin-bottom:1em;
}

h3{
	font-size:16px;	
	color:#2A2724;
}

h4{
	font-size:14px;	
	color:#b36d22;
	margin-top:1em;
}

	
.grid-home h1{
	color:#B36D22 !important;
	left:240px;
}	

p{ 
	
}

ul{ 
	margin-bottom:1em;
}

ol{ }

li{ }

a{
	color:#51559F;
}

a:hover{
	color:#BDBBFF;}

a img{
		border:none;
}
form{ }

fieldset{ 
	border:none;
}

legend{ 
	color:#51559F;
	font-weight:bold;
} 

label{ }

table{ }

th{ }

td{ }

dl{ }

dt{ }

dd{ }

div{ }

/*	structuur
======================================================*/

#container{
	margin:0 auto;
	width:800px;
	overflow:hidden;
	background-color:#FFF;
	min-height:100%;
	position:relative;
}

#header{
	height:208px;
	background:#FFF url(../gfx/titelbg.gif) no-repeat left bottom;
	overflow:hidden;
	position:relative;
}
.grid-home #header{
	background-image:url(../gfx/titelhomebg.gif);
}

#footer{
	height:21px;
	overflow:hidden;
	background:#FFF url(../gfx/bgfooter.gif) repeat-x left top;
	font-size:11px;
	text-align:center;
	padding:4px 0 0;
	color:#686259;
	position:absolute;
	bottom:0;
	width:800px;
	clear:both;
}

#content{
	overflow:hidden;
	margin:20px 10px;
}

.column{
	float:left;
	margin-bottom:20px;
	overflow:hidden;
	width:100%;
}
.column-left{
	width:176px;
	margin-right:16px;
}
.grid-home .column-left{
	width:200px;
	margin-right:32px;
}
.column-main{
	width:440px;
}
.grid-home .column-main{
	width:326px;
	margin-right:32px;
}
.column-right{
	width:148px;
}
.grid-home .column-right{
	width:190px;
}


/* algemene stijlen
======================================================*/
.hide{
	display:none;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.last{
	margin-right:0!important;
}

/* topnavigatie
======================================================*/

#menu {
	height:54px;
	position:absolute;
	bottom:37px;
	left:137px;
	overflow:hidden;
	z-index:10;
}

#menu ul {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 13px !important;
	font-weight:bold;
	position:relative;
	z-index:999 !important;
	clear:left;
	list-style: none;
	width:100%;
	padding: 0;
}

#menu li {
	float: left;
  position: relative;
	text-align: left;
	width:auto;
	cursor: default;	
}

#menu #mainNav li a:hover {
	color:#F2932E;
	text-decoration:none;
	z-index:999;
}

#menu li ul {
	display: none;
	position: absolute;
	float:left;
	width:800%;
}

#menu li>ul {
	top: auto;
	left: auto;
}

#menu li li {
	display: block !important;
	color:#000000;
	width:auto !important;
	margin-bottom:-5px;
	border:none;
}

#menu #mainNav li li a {
	cursor:pointer;
	background:transparent url(/gfx/submenubg.png) repeat-x left top;
	color:#51559F;
	padding:0 8px 5px;
	text-decoration:none;
}

#menu #mainNav li li a.left{
	background-image:url(/gfx/submenuleft.png);
	padding-left:24px;
}

#menu #mainNav li li a.right{
	background-image:url(/gfx/submenuright.png);
	background-position:right top;
	padding-right:24px;
}


#menu #mainNav li li a:hover {
	color:#F2932E;
	z-index:999;
	background-position:left -24px;
}

#menu #mainNav li li a.left:hover{
	background-position:left -24px;
}

#menu #mainNav li li a.right:hover{
	background-position:right -24px;
}

#menu li:hover ul, 
#menu li.over ul {
	display:block;
	z-index:999;
}

#menu ul a, 
#menu ul a:visited {
	display:block;
	cursor:pointer;
	padding:5px 8px;
	color:#51559F;
	text-decoration:none;
}
#menu ul a.submenu{
	margin-right:10px;
	padding-right:10px;
	background:transparent url(/gfx/pijlsubmenu.gif) no-repeat right 12px;
}
#menu ul a.submenu:hover{
	background-position:right -8px;
}

/* specifieke stijlen
===================================================*/
#footer a{
	text-decoration:none;	
	color:#686259;
}
#footer a:hover{
	text-decoration:underline;
}

h4.subtitel{
	color:#B36D22;
	font-size:12px;
	margin:0 0 1em;
}

p.intro{
	font-weight:bold;
	margin-bottom:1em;
}

p.log{
	position:absolute;
	right:15px;
	bottom:41px;
	color:#BDBBFF;
	font-size:11px;
}
.grid-home p.log{
	color:#868177;
}
p.log a{
	color:#BDBBFF;
}
p.log a:hover{
	color:#D1D0FF;
}

.grid-home p.log a{
	color:#868177;
}
.grid-home p.log a:hover{
	color:#666;
}

p.bijschrift{
	font-size:12px;
	font-style:italic;
	margin-bottom:1em;
}

p.datum{
	font-size:12px;
	margin-bottom:1em;
}

p.warning {
	padding:5px;margin:10px 0;
	color: #f00;	border:1px solid #f00; border-top-width:2px; border-bottom-width:2px;}

.column-main ul{
	margin-left:16px;
}

a.verder{
	text-transform:uppercase; font-size:11px;	text-decoration:none;	font-weight:bold;
	background:transparent url(../gfx/pijlverder.gif) no-repeat right 4px; padding-right:9px;}
a.verder:hover{
	background-position:right -16px; color:#656AC7;}

a.calltoaction{
	font-weight:bold;	text-decoration:none; 
	background:transparent url(../gfx/pijlhover.gif) no-repeat right top;
}
a.calltoaction:hover{
	background-position:right -26px;color:#F2932E;
}
#header a.calltoaction {
	background:url("../gfx/pijlovaal.jpg") no-repeat scroll right top transparent;
	color:#F2DCC5;
	font-weight:bold;
	text-decoration:none;
	bottom:13px;
	height:26px;
	padding-bottom:0;
	padding-right:36px;
	position:absolute;
	right:10px;
}
#header a.calltoaction:hover{
	background-position:right -26px; color:#F2C799;}

a.edit{
	background:#FFF url(../gfx/edit.gif) no-repeat left top;display:block;float:right;width:16px;
	height:16px;margin-right:5px;}
a.delete{
	background:#FFF url(../gfx/delete.gif) no-repeat left top;display:block;float:right;width:16px;
	height:16px;margin-right:5px;}
a.edit2{
	background:transparent url(../gfx/bewerkknop.gif) no-repeat left top;
	width:60px;height:22px;display:block;	float:right;	margin:10px -5px 0 0;}
a.edit2:hover{
	background-position:left -25px;}
a.extra{
	background:transparent url(../gfx/pijlsubmenu.gif) no-repeat 100% 8px;
	padding-right:10px;
	text-decoration:none;
}


/* agenda homepagina
=================================================*/
#agenda  {
	background:url(../gfx/homeAgenda.gif) no-repeat scroll left top #FFFFFF;
	padding-top:33px;
	overflow:hidden;
}
#agenda h2{
	display:none;
}

.ladderitem  {
	color:#686259;
	font-size:13px;
	padding:5px 5px 10px;
	background-color:#DCD8D2;
}
.ladderitem.even{
	background:#DCD8D2 url("../gfx/arcering.gif") repeat 0 0;
}
.ladderitem .datum{
	font-size:11px;
	color:#2A2724;
	margin-bottom:0;
}
.ladderitem h3{
	color:#2A2724;
	font-size:14px;
}
.ladderitem h4{
	color:#7F6541;
	font-size:12px;
	margin-top:0;
}
.ladderitem a.verder{
	color:#7F6541;
	background-image:url(../gfx/pijlverder3.gif);
}
.agendafooter{
	background-color:#686259;	padding:2px 5px 3px;}
.agendafooter a.verder{
	color:#FFCB82;	text-transform:none;	background-image:url(../gfx/pijlverder2.gif);}
.agendafooter a.verder:hover{
	color:#F2DCC5;}
	
/* foto's homepagina
==================================================*/
#fotos img{
	margin-bottom: 10px;
	width:200px;
}

/* koren
==================================================*/

#tabel{
	float:left; overflow:hidden;}

table.zebra{
	background-color:#FFF;	font-size:12px;}

table.zebra th{
	padding:2px 10px 2px 14px; 
	text-align:left;	background-color:#BF9861; color:#FFF;	cursor:pointer;
	background:#BF9861 url(../gfx/sorteerpijl.gif) no-repeat 4px 6px;
}
table.zebra td{
	vertical-align:top;
	padding:2px 10px 2px 4px;}
table.zebra td.koor{
	width:176px; }
table.zebra td.last{
	padding-right:4px; }
table.zebra td.last span{
	display:none; }
table.zebra dd{
	display:none; }
table.zebra dd img{
	width:176px; margin-top:5px;}
	
table.zebra tr.even{
	background-color:#FFEFD8;}
table.zebra tr.odd{
	background-color:#FFF;}
table.zebra a{
	text-decoration:none;}
table.zebra a:hover{
	text-decoration:underline;}
table.zebra th.headerSortDown,
table.zebra th.headerSortUp{
	color:#686259;background-color:#FFCB82;}
table.zebra th.headerSortDown{
	background-position:4px -34px;}
table.zebra th.headerSortUp{
	background-position:4px -14px;}
table.zebra td.koor dt{
	color:#B36D22;font-weight:bold;}
table.zebra dt{
	cursor:pointer;}
table.zebra td.koor dt:hover{
	color:#51559F;}
table.zebra dd p{
	font-size:12px;color:#868177;}	
	
/* prikbord
==================================================*/

div.postit{
	width:378px;margin:0 6px 2px 4px;	padding-bottom:0;
	background:#FBFDBA url(../gfx/postit_schaduw_r.gif) no-repeat right top;
}
div.algemeen{
	background-color:#F2DCC5;}
div.dirigent{
	background-color:#BAF6FD;}

div.postit div.content{
	padding:5px 20px 0 12px; overflow:hidden; 
	background:transparent url(../gfx/postit_top1.gif) no-repeat left top;overflow:hidden;
}
div.algemeen div.content{
	background-image:url(../gfx/postit_top2.gif);}
div.dirigent div.content{
	background-image:url(../gfx/postit_top3.gif);}

div.postit div.bottom{
	height:22px; width:378px; cursor:pointer; 
	background:transparent url(../gfx/postit_schaduw_b.gif) no-repeat left top;
}
div.postit img.corner{
	position:absolute; right:10px; bottom:10px; cursor:pointer;
}
div.postit h4{
	margin:0;font-size:11px;color:#7C7E40; 
}
div.dirigent h4{
	color:#3F7F86;
}
div.postit h5{
	margin-bottom:5px;
	font-size:14px;color:#000;
}
div.postit .bericht{
	margin-top:5px;
	display:none;	border-top:1px solid #868177;
}
	
div.postit p{
	font-size:13px;
}
div.postit em{
	font-style:normal;font-weight:bold;color:#b36d22;
}

div.postit ul{
	margin-left:15px;
}

div.tooltip{
	border:1px solid #BDBBFF;	
	background-color:#36386A;	
	color:#BDBBFF; 
	font-weight:bold;
	font-size:11px;
	padding:0 3px;
	width:70px;
}

/* agenda
==================================================*/

div.maand{
	overflow:hidden; padding-left:100px; width:680px; }

div.concert{
	overflow:hidden; margin:0 0 20px; width:780px; border-top:1px solid #000; }
div.concert div.links{
	float:left; width:175px; margin-right:18px; text-align:right;	background-color:#FFF; }
div.concert div.links .datum{
	margin:6px 0 0 0; font-style:normal;	font-weight:bold;	color:#868177;	line-height:150%;}
div.concert div.links img.affiche{
	height:120px; margin:0;}
div.concert div.rechts{
	float:left; width:445px;}

div.affiche{
	margin:10px -8px 0 8px; padding:0 8px 0 0; float:right; position:relative; height:128px;
	background:#FFF url(../gfx/affiche_schaduw_r.jpg) no-repeat right bottom;}
div.affichebottom{
	height:8px; width:8px; overflow:hidden;
	background:#FFF url(../gfx/affiche_schaduw_lo.jpg) no-repeat left top;}
	
h3.titel{
	color:#F2932E;font-size:16px;}
h4.subtitel{
	color:#B36D22;	font-size:12px;}
h5{
	font-size:13px;}
p.locatie{
	color:#B36D22;
	font-weight:bold;
	margin-top:12px;
}

.concert ul{
	margin-left:15px;
}

/* links
==================================================*/

.grid_4{
	width:186px; margin-right:12px;
}

div.linkbox{
	float:left; overflow:hidden; margin:0 0 12px 0; width:186px; }
div.linkbox h4{
	height:23px; margin:0;padding:2px 4px 0 10px; 
	background:#FFF url(../gfx/bloktitel.jpg) no-repeat left top;color:#FFF;}
div.linkbox h5{
	padding:0 4px; background-color:#E1C49A;font-size:11px;border-left:1px solid #D6AE75;
	border-right:1px solid #D6AE75;font-weight:normal;}
div.linkbox p{
	padding:0 4px;}
div.linkbox ul{
	padding:0 4px; list-style:none;border:1px solid #D6AE75;border-top:none;}
div.linkbox ul li{
	margin-bottom:5px;}
div.linkbox ul a{
	text-decoration:none;font-weight:bold;}
div.linkbox ul a:hover{
	text-decoration:underline;}
div.linkbox ul li span,
div.linkbox ul li p.info{
	font-size:11px;padding-left:0;}
	
/* formulier
==================================================*/
form{
	width:440px; margin:20px 0; overflow:hidden;
	background-color:#ffefd8;
}
form p.uitleg{
	margin-bottom:15px;}
	
form p.info{
	margin:0 0 5px 120px;	display:none;}
	
fieldset{
	margin:0; border:none;
}

label{
	width:120px; display:block; float:left;}
label.indent{
	width:auto; margin-left:120px; font-size:11px; color:#7F6541;}

input.tekst{
	width:280px; padding:0 2px; display:inline;
	border:1px solid #868177;	font:12px "Trebuchet MS", Arial, Verdana, sans-serif;	color:#36386a;
}
input.kort{
	width:80px;
}

input.hint{
	color:#999;
}

textarea.tekst{
	width:280px; padding:0 2px;
	border:1px solid #868177;	font:12px "Trebuchet MS", Arial, Verdana, sans-serif;	color:#36386a;
}

select.tekst{
	margin:5px 0 0; border:1px solid #868177;	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;	
	color:#36386a;
}

option{
	padding:0 2px 0 0;}

form ol{
	list-style:none;}
form ol li{
	padding:4px 10px; overflow:hidden;
	border-bottom:1px solid #e1c49a;border-top:1px solid #FFF;
}
form ol li ol li{
	padding:4px 0;
	border:none;
}

label.error{
	padding-left:120px;width:290px; }

input.button{
	font:12px "Trebuchet MS", Arial, Verdana, sans-serif;
	background:#51559F url(../gfx/bgbutton.jpg) repeat-x 0 100%;
	border:1px outset #51559F;
	color:#FFF;
	font-weight:bold;
	padding:1px 4px;
	cursor:pointer;
}	
input.error,
textarea.error,
select.error{
	border-color:#F00;}
label.error{
	display:none;	font-size:12px;	color:#F00;}
input.readonly{
	background-color:#ffefd8;	border-color:#e1c49a;}
ul#errorContainer{
	list-style:none;}
ul#errorContainer label{
	background-color:#d6ae75;	color:#FFF;	font-size:11px;	font-weight:bold;}

span.code{
	color:#f2932e;	font-weight:bold;}
span.teller{
	font-size:11px;	float:left;	display:block;	margin-right:16px;	color:#7F6541;}
	
div.uitleg{
	padding:5px; font-size:11px;
	border:1px solid #868177;	background-color:#f3eee9;}

	
/* faq
==================================================*/

.faq_rubrieken{
	margin-top:38px;}

.faq_rubrieken ul{
	margin:10px 0;}
.faq_rubrieken ul li{
	margin-bottom:5px;}
.faq_rubrieken ul li a{
	font-weight:bold; color:#51559f; text-decoration:none; padding-left:10px;
	background:transparent url(../gfx/pijlverder.gif) no-repeat 0 -16px; }
.faq_rubrieken ul li a:hover{
	background-position:0 4px; color:#7f6541;}

div.faq{
	width:575px;}
div.faq h2{
	margin-bottom:20px;}

div.faq dt a{
	background:#ffefd8 url(../gfx/pijlverder3.gif) no-repeat 8px 9px; display:block; cursor:pointer;
	padding:4px 0 4px 18px; text-decoration:none; border-bottom:1px solid #FFF; color:#000;}
div.faq dt a:hover{
	background-color:#ffcb82; color:#000; text-decoration:none;}
div.faq dt a.open,
div.faq dt a.open:hover{
	border-bottom:0; background:#FFF7EB url(../gfx/pijlsubmenu.gif) no-repeat scroll 6px 12px; font-weight:bold;}
div.faq dd{
	display:none; background-color:#fff7eb; padding:5px 18px; margin-bottom:1px;}
div.faq dd.open{
	display:block;}
div.faq dd ul{
	margin-left:18px;}

/* mijn pagina
=================================================*/

table.data{
	border:1px solid #868177;margin-top:10px;	width:100%;}
table.data td{
	padding:2px;	vertical-align:top;	background-color:#f3eee9;	border:1px solid #FFF;
	border-bottom:none;	border-left:none;}
	
ul.contributions{
	list-style:none; border-top:1px solid #868177; margin:5px 0 0 0;}
ul.contributions li{
	border-bottom:1px solid #868177; padding:3px 0; color:#51559F;}

#changepw{
	display:none;
}