/* stylesheet: nederlands kamerkoor */
/* versie: 1.7 - 05/03/2007 */
/* Studio Dumbar -  eend */
/* Robert Jan Verkade - robertjan@eend.nl */
/* Lodewijk Schutte - lodewijk@eend.nl */

body,div,img,form,fieldset,h1,h2,h3,h4{margin:0;border:0;padding:0;}	
body{padding-top:13px;background:#333 url(/img/bg_body.gif) repeat-x 0 0;font:12px/1.25em arial,helvetica,sans-serif;color:#fff;text-align:center;}
p{display:block !important;margin:0;padding:0 0 1em;}
table{margin:0 0 1em;padding:0;width:100%;border-collapse:collapse;empty-cells:show;}
tr{vertical-align:top;}
th,td,caption{text-align:left}
abbr, acronym {font-style:normal;border:none;}
select {font:84% "lucida grande",arial,verdana,sans-serif;}
a{color:#fff;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline !important}
hr{clear:both;border:0;margin:0 0 1.45em;height:1px;background:url(/img/bg_hr.gif) repeat-x 0 0;}
button {border:none;background:none !important;vertical-align:middle;padding-bottom:4px;cursor:pointer;font-family:arial,helvetica,sans-serif}
legend,label{display:none;}

/*  #wrap
-------------------------------------------- */
#wrap {position:relative;width:950px;margin:0 auto;text-align:left;}

/*  #header logo_70jaar is vervangen door logo_scherm
-------------------------------------------- */
#header {position:relative;background: url(/img/logo_scherm.gif) no-repeat 100% 0;width:950px;height:66px;}
#header h1,#header a {display:block;float:right;width:265px;height:60px;}
#header #logo{display:none;}

/*  #navigatie
-------------------------------------------- */
#nav ul {float:left;list-style:none;margin:0 0 14px;padding:0;}
#nav ul li {display:block;float:left;width:950px;border-bottom:1px solid #fff;font-weight:bold;padding-bottom:3px;}
#nav ul a {display:block;float:left;width:230px;color:#fff;}
#nav ul ul {float:right;margin-bottom:0;padding-top:2px;padding-right:230px;width:480px;border-top:2px solid #fff;min-height:3em;}
#nav ul ul li {display:inline;float:none;width:auto;border:none;font-weight:normal;font-size:120%;line-height:1.25em;}
#nav ul ul a {display:inline;float:none;width:auto;padding:1px 14px 3px 0;}

/* extra #nav door Low */
#nav ul li span {cursor:pointer;display:block;float:left;width:230px;}
#nav ul li span.hover,
#nav ul li span:hover {text-decoration:underline;}
#nav ul li div {width:710px;float:right;}

#nav ul li#nav02 span.hover,
#nav ul li#nav02 span:hover {color:#06f;}
#nav ul li#nav03 span.hover,
#nav ul li#nav03 span:hover {color:#ff0;}
#nav ul li#nav04 span.hover,
#nav ul li#nav04 span:hover {color:#0cf;}
#nav ul li#nav05 span.hover,
#nav ul li#nav05 span:hover {color:#f30;}
#nav ul li#nav06 span.hover,
#nav ul li#nav06 span:hover {color:#0f0;}
#nav ul li#nav07 span.hover,
#nav ul li#nav07 span:hover {color:#f3f;}
#nav ul li#nav08 span.hover,
#nav ul li#nav08 span:hover {color:#99ff00;}


#nav #switch {border:none}
#nav #switch a {float:right;padding-top:6px;width:auto;color:#666;font-size:90%;text-align:right}
#nav #switch a:hover {color:#fff;}

/*  #etalage
-------------------------------------------- */
#etalage{float:left;margin:-10px 0 2em;border-left:6px solid #fff}
#etalage img {display:block}

/*  #content
-------------------------------------------- */
#content {float:left;padding-bottom:3em;clear:both;width:950px;background:url(/img/bg_content_wglb.gif) repeat-y 0 0;}
#content #wrap02 {float:left;width:715px;}
#content ul {list-style:none;margin:0 0 1.6em;padding:0;}
#content li a {display:block;padding-left:8px;background:url(/img/bg_li.gif) no-repeat 0 .5em;font-weight:bold;line-height:1.5em;}
#content img{border-left:6px solid #fff}
#content img.thumb {border-width:3px}
#content h1 img,#content h2 img,#content button img,#content a img {border:none}
#content ol {margin-top:-1em}

/*  #primair
-------------------------------------------- */
#primair {float:right;width:470px;min-height:510px}
#primair #wrap03{float:right;width:225px;}
#primair #wrap04{float:left;width:225px;padding-bottom:.25em}
#primair h1 {margin-bottom:12px;}
#primair h2 {margin-bottom:4px;color:#fff;font-size:90%;font-weight:normal;text-transform:uppercase;}

/* .item  */
#primair .item h2 {margin-top:8px;font-size:135%;font-weight:normal;text-transform:none;}

/* .formulier  */
#primair .formulier {float:left;clear:both;margin-top:-3em;width:470px;}
#primair .formulier fieldset {position:relative;margin-top:3em;}
#primair .formulier legend {display:none}
#primair .formulier label {display:block;float:left;clear:left;width:135px;padding:0 10px 0 0;vertical-align:top;}
#primair .formulier input.form {display:block;float:left;width:315px;height:1.1em;border:1px solid #bbb;margin-bottom:10px;color:#000;background-color:#fff;}
#primair .formulier textarea.form {display:block;float:left;clear:right;width:315px;border:1px solid #bbb;color:#000;background:#fff;margin-bottom:10px;}
#primair .formulier button {display:block;clear:left;float:right;border:none;font-weight:bold;position:relative;}
#primair .formulier span {display:block;float:left;width:auto}
#primair .formulier #postcode {width:80px;margin-right:9px;}
#primair .formulier #geboortedatum,#primair .formulier #mm {clear:none;width:30px;margin-right:6px;vertical-align:top}
#primair .formulier #mm {margin-left:6px;}
#primair .formulier #jjjj {width:60px;margin-right:9px;margin-left:6px;vertical-align:top}
#primair .formulier .check{margin-left:145px;padding-top:.2em;width:325px;margin-bottom:.5em;}
#primair .formulier .check input{border:none;width:auto;margin-left:0;margin-top:0;}

/* #overzicht  */
#overzicht {margin-top:2em;background:url(/img/bg_hr.gif) repeat-x 0 0;}
#overzicht ol {list-style:none;margin:0;padding:0;}
#overzicht li {position:relative;padding:.7em 0 1em;background:url(/img/bg_hr.gif) repeat-x 0 100%;}
#overzicht li h2 {margin:0;font-size:135%;text-transform:none;}
#overzicht li h2 a {font-weight:normal !important;padding:0;background-image:none !important}
#overzicht li p {margin:.4em 0 0}

/* .hlisting  */
#overzicht.hlisting {margin-top:0;background:none}
#overzicht.hlisting li {float:left;padding-bottom:1.25em}
#overzicht.hlisting li h3 {margin:0;font-size:135%;text-transform:none;}
#overzicht.hlisting li h3 a {font-weight:normal !important;padding:0;background-image:none !important}
#overzicht.hlisting li div {float:right;margin-top:-6px;width:370px}
#overzicht.hlisting li img {float:left;}
#overzicht.hlisting li div p a {float:left;clear:left;width:10em;}
#overzicht.hlisting li div a.shop {float:right;clear:right;width:auto;text-align:right;margin-top:-1em}
#overzicht.hlisting li div div.soldout {float:right;clear:right;width:auto;text-align:right;margin-top:-1em;color:#fff;font-weight:normal;text-transform:uppercase;}


/*  #secundair
-------------------------------------------- */
#secundair {float:left;padding-left:5px;width:230px;}
#secundair h2 {margin-bottom:16px;font-size:135%;font-weight:normal;color:#fff;}
#secundair h3 {margin-bottom:4px;font-size:90%;font-weight:normal;text-transform:uppercase;}
#secundair fieldset {margin:-.6em 0 .7em}
#secundair select {width:180px}
#secundair #maand {width:110px;margin-right:7px}
#secundair #jaar {width:60px}

#secundair .description {margin:0;}
#secundair .date {display:block;clear:left;margin-bottom:0;font-size:90%}
#secundair .url {display:block;float:left;width:auto;margin-top:4px;margin-bottom:2em;padding-left:8px;background:url(/img/bg_li.gif) no-repeat 0 .5em;font-weight:bold;line-height:1.5em;}

/*  #extra
-------------------------------------------- */
#extra {float:right;width:225px;_width:220px;}
#extra h2 {margin-bottom:16px;font-size:135%;font-weight:normal;}
#extra h3 {margin-bottom:4px;font-size:90%;font-weight:normal;text-transform:uppercase;}
#extra h3.titel {font-size:135%;text-transform:none;}
#extra div {margin-bottom:1.25em}

/*  #footer
-------------------------------------------- */
#footer #lines {margin-bottom:-10px}

/*  #shop
-------------------------------------------- */
#shop tr.subtotaal {background:url(/img/bg_hr.gif) repeat-x 0 100%;}
#shop th {padding:1.25em 0 0;}
#shop td {padding:0 0 1.25em;}
#shop tr.totaal {background:none;font-size:135%}
#shop tr.totaal td {padding:1.25em 0 0;}
#shop .prijs{white-space:nowrap;text-align:right}
#shop div{margin-bottom:.4em}
#shop ul,#shop li,#shop li a {float:right;}
#shop li a {padding-right:3px;_display:inline}
#shop li button {display:block;clear:right;float:right;border:none;margin:0 0 1em;padding:0;font-weight:bold;text-align:right;_position:relative;}

#primair #shop ul {float:left;text-align:left}
#primair #shop li.reset,#primair #shop li.reset a,#primair #shop li.reset button {float:left;clear:left;position:relative;margin-bottom:-1.35em;}
#primair #shop thead tr {background:url(/img/bg_hr.gif) repeat-x 0 100%;}
#primair #shop thead th {padding:0 0 4px;font-weight:normal;font-size:90%;text-transform:uppercase;}
#primair #shop th {font-weight:normal;}
#primair #shop .titel {padding:0 0 4px;font-weight:normal;font-size:135%;text-transform:none;}

/*  #kalender
-------------------------------------------- */
#kalender {margin:0 0 2em;}
#kalender table {margin:1.6em 0 0;background:url(/img/bg_table_agenda.gif) repeat-y 0 0;font-weight:bold;font-size:90%}
#kalender table td {padding:16px 4px 0 6px;line-height:1em;text-align:right;}
#kalender table .first td {padding-top:0} 
#kalender table .excl {color:#666}

#kalender .vevent {display:none;font-size:110%;}
#kalender .vevent .date {font-weight:normal;font-size:100%;}
#kalender .vevent .summary {padding-top:2px;font-size:135%;line-height:1.35em;text-transform:none}
#kalender .open {padding-right:0;padding-bottom:6.0em;} 
#kalender .open a{position:relative;right:-2px;background-color:#0cf;color:#333 !important;padding:2px;}
#kalender .open .vevent{display:block;z-index:100;position:absolute;right:4px;width:209px;height:5.0em;margin-top:2px;padding:.5em 0;text-align:left;border:1px solid #0cf;border-width:1px 0;}
#kalender .open .url{background-color:transparent;color:#0cf !important;display:block;margin-top:4px;padding-left:8px;background:url(/img/bg_li_agenda.gif) no-repeat 0 .5em;font-weight:bold;line-height:1.5em;}

#secundair #kalender .open .vevent {right:719px;margin-top:4px}

/*  #bericht
-------------------------------------------- */
#bericht .intro {font-weight:bold;font-size:100%;text-transform:none}
#bericht h2.titel {color:#06f;font-size:135%;text-transform:none}
#bericht h2.eerder {margin-top:6em;}
#bericht h3 {margin:0;font-weight:bold;font-size:100%;text-transform:none;}
#bericht img{margin:4px 0}
#bericht a img {float:left;margin:3px 5px 3px 0;border-left:6px solid #06f;}
#bericht #overzicht{margin-top:0}


/*  #meta
-------------------------------------------- */
#meta01 {float:left;width:225px}
#meta02 {float:right;width:225px}
#meta01 h2,#meta02 h2 {margin:0;font-weight:bold;font-size:100%;text-transform:none;}
#prijs tr {border-bottom:1px solid #fff}
#prijs th {vertical-align:bottom;font-weight:normal}
#prijs td {padding:4px 0 2px;font-size:135%;text-align:right;}

/*  #also
-------------------------------------------- */
#also {clear:both;padding-top:1.35em;background:url(/img/bg_hr.gif) repeat-x 0 0;}
#also h2 {font-size:100%;font-weight:bold;text-transform:none}
#also ol {margin:0;padding:0;list-style:none;}
#also ol li {margin-bottom:4px}
#also ol .location{font-size:100%;font-weight:bold;text-transform:none;line-height:1.5em;}
#also ol .date{font-size:100%;width:auto;float:right;margin:0;padding:0;left:0}

/* .home  */
.home #primair{float:left;margin-left:5px;}
.home #primair h2 {margin-bottom:16px;font-size:135%;font-weight:normal;text-transform:none}
.home #primair h3 {margin-bottom:4px;font-size:135%;font-weight:normal;text-transform:uppercase;}
.home #secundair{float:right;}
.home #secundair h3 {font-size:135%;text-transform:none}
.home span.intro {display:block;clear:both;margin-bottom:4px;}
.home .date {margin-bottom:4px;font-size:90%}
.home .item {width:100%;float:left;clear:both;margin-bottom:1.25em;}
.home .item img {float:left;margin-right:5px;margin-bottom:0.25em;margin-top: 0.25em;}
.home .prijs {display:block;margin-top:10px;}
.home .url {display:block;float:left;width:auto;margin-top:4px;padding-left:8px;background:url(/img/bg_li.gif) no-repeat 0 .5em;font-weight:bold;line-height:1.5em;}

/* .intranet  */
.intranet #header h2{margin-bottom:4px;color:#fff;font-size:135%;font-weight:normal;text-transform:uppercase;}
.intranet #header p a{display:inline;float:none;font-size:90%}
.intranet #nav ul {margin:0 0 28px;}
.intranet #kalender table {background-image:url(/img/bg_table_over.gif);}
.intranet #kalender .open a{background-color:#ff0;}
.intranet #kalender .open .vevent {border-color:#ff0;}
.intranet #kalender .open .url{color:#ff0 !important;background-image:url(/img/bg_li_over.gif);background-color:transparent}
.intranet #content h2,.intranet .home #secundair h3 {color:#ff0;}
.intranet #content li a {background-image:url(/img/bg_li_over.gif);}

/*  kleurwisselingen
-------------------------------------------- */
.actueel a,  .actueel h2,  #secundair.actueel a,  #secundair.actueel h2,  #extra.actueel a,  #extra.actueel h2,  #nav #nav02 a:hover, #nav.actueel a.actief,  #primair.actueel .item h2,  .home #primair.actueel h2,  #content .actueel button {color:#06f;}
.over a,     .over h2,     #secundair.over a,     #secundair.over h2,     #extra.over a,     #extra.over h2,     #nav #nav03 a:hover, #nav.over a.actief,     #primair.over .item h2,     .home #primair.over h2,     #content .over button {color:#ff0;}
.agenda a,   .agenda h2,   #secundair.agenda a,   #secundair.agenda h2,   #extra.agenda a,   #extra.agenda h2,   #nav #nav04 a:hover, #nav.agenda a.actief,   #primair.agenda .item h2,   .home #primair.agenda h2,   #content .agenda button {color:#0cf;}
.vrienden a, .vrienden h2, #secundair.vrienden a, #secundair.vrienden h2, #extra.vrienden a, #extra.vrienden h2, #nav #nav05 a:hover, #nav.vrienden a.actief, #primair.vrienden .item h2, .home #primair.vrienden h2, #content .vrienden button {color:#f30;}
.winkel a,   .winkel h2,   #secundair.winkel a,   #secundair.winkel h2,   #extra.winkel a,   #extra.winkel h2,   #nav #nav06 a:hover, #nav.winkel a.actief,   #primair.winkel .item h2,   .home #primair.winkel h2,   #content .winkel button {color:#0f0;}
.pr a,       .pr h2,       #secundair.pr a,       #secundair.pr h2,       #extra.pr a,       #extra.pr h2,       #nav #nav07 a:hover, #nav.pr a.actief,       #primair.pr .item h2,       .home #primair.pr h2,       #content .pr button {color:#f3f;}
.av a,       .av h2,       #secundair.av a,       #secundair.av h2,       #extra.av a,       #extra.av h2,       #nav #nav08 a:hover, #nav.avr a.actief,       #primair.av .item h2,       .home #primair.av h2,       #content .av button {color: #99ff00;}

#content .actueel li a,  #content .actueel .item .url,  .home #content .actueel .url {background-image:url(/img/bg_li_actueel.gif)} 
#content .over li a,     #content .over .item .url,     .home #content .over .url {background-image:url(/img/bg_li_over.gif)} 
#content .agenda li a,   #content .agenda .item .url,   .home #content .agenda .url {background-image:url(/img/bg_li_agenda.gif)} 
#content .vrienden li a, #content .vrienden .item .url, .home #content .vrienden .url {background-image:url(/img/bg_li_vrienden.gif)}
#content .winkel li a,   #content .winkel .item .url,   .home #content .winkel .url {background-image:url(/img/bg_li_winkel.gif)} 
#content .pr li a,       #content .pr .item .url,       .home #content .pr .url {background-image:url(/img/bg_li_pr.gif)} 
#content .av li a,       #content .av .item .url,       .home #content .av .url {background-image:url(/img/bg_li_pr.gif)} 

#content .actueel img{border-color:#06f}
#content .over img{border-color:#ff0}
#content .agenda img{border-color:#0cf}
#content .vrienden img{border-color:#f30}
#content .winkel img{border-color:#0f0}
#content .pr img{border-color:#f3f}
#content .av img{border-color:#99ff00}

/* .intranet  */
.intranet a, .intranet  .over h2 {color:#ff0;}
.intranet #content .over li a, .intranet #content .home .item .url {background-image:url(/img/bg_li_over.gif)}


.intranet .vorige a{background:url(/img/bg_li_vorige_intranet.gif) no-repeat 0 0.4em !important;}
.intranet .volgende a{background:url(/img/bg_li_over.gif) no-repeat 100% 0.4em !important;}

/*  achtergrondwisselingen
-------------------------------------------- */
#wrap .over2 {background-image:url(/img/bg_content_wg.gif);}
#wrap .over2actueel {background-image:url(/img/bg_content_bg.gif);}
#wrap .over3agenda {background-image:url(/img/bg_content_wglb.gif);}

#wrap .actueel2 {background-image:url(/img/bg_content_wb.gif);}
#wrap .actueel3winkel {background-image:url(/img/bg_content_wbgr.gif);}

#wrap .agenda2 {background-image:url(/img/bg_content_lblb.gif);}
#wrap .agenda3over {background-image:url(/img/bg_content_lblbg.gif);}
#wrap .agenda3agenda {background-image:url(/img/bg_content_lblblb.gif);}
#wrap .agenda3winkel {background-image:url(/img/bg_content_lblbgr.gif);}

#wrap .winkel3winkel {background-image:url(/img/bg_content_wgrgr.gif);}

#wrap .home3agenda {background-image:url(/img/bg_content_home_bglb.gif);}
#wrap .home3intranet {background-image:url(/img/bg_content_home_www.gif);}

#wrap .winkelwagen {background-image:url(/img/bg_content_winkelwagen.gif);}

#wrap .vrienden2 {background-image:url(/img/bg_content_br.gif);}

#wrap .pr2 {background-image:url(/img/bg_content_bp.gif);}

#wrap .av2 {background-image:url(/img/bg_content_bp.gif);}


/*  classes divers/algemeen
-------------------------------------------- */
.intro, .location {font-size:90%;text-transform:uppercase;}
.ankeiler {font-size:170%;line-height:1em;padding:0 0 4px !important}
.etalage {margin-bottom:4px}
.maand {display:block;padding:10px 0 .3em;font-size:170%;text-transform:uppercase;}
.pagnav {list-style:none;margin:0;padding:0}
.pagnav li,.pagnav li a {display:inline !important}
.vorige a{background:url(/img/bg_li_vorige.gif) no-repeat 0 0.4em !important;}
.volgende a{padding:0 8px !important;background:url(/img/bg_li_agenda.gif) no-repeat 100% 0.4em !important;}
li.vevent {padding-left:105px !important}
.date {display:block;font-size:135%;}
li .date {position:relative;left:-103px;margin-bottom:-1.25em;width:100px;}
.location {display:block;margin:.25em 0 1.25em}
li .location {margin:0em}
li .conductor {font-style:italic}
#personen li a {display:inline}
.plaatsnaam {text-transform:capitalize}