/* ----- standard elements ------------------
Tinten paars:
            l.i.g.h.t:  200 188 198  = #C8BCC6
          m.e.d.i.u.m:  160 137 155  = #A0899B
              d.a.r.k:  127  88 117  = #7B5A73
  p.u.r.p.l.e.g.r.e.y:               = #786173
      m.o.r.e.g.r.e.y:               = #81757F
*/


* {
   margin: 0;
   padding: 0;
}

a {
   border: 0;
}
a.hover {
   border: 0;
}

img {
   border: 0;
}

body {
   background: #D4C9D0 url(../img/layout/lyra_paars10.jpg);
   font: normal 62.5% Verdana, sans-serif;
   color: #696755;
   margin: 0% 0;
}

p,ul {
   padding-bottom: 1em;
}
p.koptekst {
   text-align: center;
}


ul {margin-left: 1.2em;}

li {list-style: none;}

h1 {color: #330033;}
h2 {color: #330033;}
h3 {color: #330033;}
h4 {
  font: normal 90.0% Verdana, sans-serif;
  color: #4A4A4A;
}

/* misc */
.clearer {clear: both;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}



/* ----- container --------------- */
.container {
   font-size: 1.2em;
   background: url(../img/layout/786173/bgcontainer.jpg) repeat-y;
   margin: 0 auto;
   width: 890px;
   border: 10px solid #786173;
}




/* ----- header ------------------ */
.header {
  float: left;
  width: 680px;
  background: url(../img/layout/786173/header.jpg) no-repeat;
}
.header h1 {
  padding-top:35px;
  padding-left:86px;
  text-align: left;
  font: normal 1.1em Times,serif;
  font-size: 50px;
  color:#000000;
/*  line-height: 80px;*/
}
.header h2 {
  padding-left:86px;
  padding-bottom:20px;
  text-align: left;
  font: normal 1.1em Times,serif;
  font-size: 20px;
  color:#000000;
}


/* ----- main ------------------ */
.main {
   background: url(../img/layout/lyra_paars5.jpg) repeat;
   float: left;
   width: 518px;
}
.main .padded {
   padding: 20px 35px;
}
.main h1 {
   padding-top: 20px;
   font-size: 18px;
   color:#330033;
}
.main h2 {
  padding-top: 5px;
  padding-bottom: 0px;
  font-size: 15px;
  color:#330033;
}
.main a {
  color:#FFFFFF;
}
.main a:hover {
  color:#FFFFFF;
}
.main h2 a {
  color:#330033;
  text-decoration: underline;
}
.main h2 a:hover {
  color:#4A4A4A;
  text-decoration: underline;
}
.main h4.rightinfo {
   text-align: right;
	font-style: italic;
   color: #330033;
/*
   color: #6D5064;
*/
}
.main h4 a {
  color:#4A4A4A;
  text-decoration: underline;
}
.main h4 a:hover {
  color:#330033;
  text-decoration: underline;
}
.main table {
   border-collapse: separate;
   border-spacing: 0px 4px
}
.main table th {
   font: normal 140% Verdana,sans-serif;
   font-weight: bold;
   text-align: left;
   color: #330033;
}
.main table td.ks {
   font-weight: bold;
   color: #6D5064;
}
.main table.order td {
   vertical-align: top;
   padding: 3px 6px 3px 6px;
}
.main table.concerten td {
   vertical-align: top;
   padding: 0.3em 1em;
}
.main table.agenda td {
   vertical-align: top;
   padding: 0.3em 1.1em 0.3em 0.0em;
}
.main table.sb {
   vertical-align: top;
   horizontal-align: left;
   border-spacing: 7px 12px;
}
.main table tr.name {
   border-spacing:0px 2px;
   font: normal 90% Arial,sans-serif;
   font-weight: bold;
   text-align: left;
   color: #330033;
}
.main ul {
   padding-bottom: 7px;
}
.main ul.sub {
   padding-top: 0px;
   padding-bottom: 7px;
}
.main li {
   list-style-image: url(../../img/layout/li.jpg);
   padding-bottom: 6px;
   padding-top: 6px;
}
.main li.sub {
   list-style-image: url(../../img/layout/streepje.jpg);
   //list-style-type: circle;
   padding-top: 0px;
   padding-bottom: 0px;
}
.main li.pdf {
   list-style-image: url(../../img/layout/pdf.gif);
   padding-top: 2px;
   padding-bottom: 2px;
}
.main li.doc {
   list-style-image: url(../../img/layout/doc.gif);
   padding-top: 2px;
   padding-bottom: 2px;
}
.main li.xls {
   list-style-image: url(../../img/layout/xls.gif);
   padding-top: 2px;
   padding-bottom: 2px;
}
.main li.zip {
   list-style-image: url(../../img/layout/zip.gif);
   padding-top: 2px;
   padding-bottom: 2px;
}
.main li.sib {
   list-style-image: url(../../img/layout/sib.gif);
   padding-top: 2px;
   padding-bottom: 2px;
}
.main img.bij {
   border: 1px solid #786173;
}
.main img#flyer:hover {
   border: 2px solid #786173;
}
.main img.sponsor {
//   border: 1px solid #786173;
   padding-top: 20px;
   padding-right: 20px;
   padding-left: 20px;
   padding-bottom: 20px;
   width: 400px;
   float: center;
}




/* ----- main_right ------------
standard color: E5E7FF
*/
.main_right {
   float: right;
   width: 210px;
   color: #330033;
}
.main_right .padded {
   padding: 6px 2px 6px 15px;
}
.main_right h3 {
   color: #EDEDED;
}
.main_right h4 {
   font: normal 0.8em Verdana;
   color: #EDEDED;
   padding-bottom: 8px;
}
.main_right h4.link {
  padding-bottom: 3px;
}
.main_right h4 a {
   color: #EDEDED;
   text-decoration: underline;
}
.main_right h4 a:hover {
   color: #330033;
   text-decoration: underline;
}
.main_right a#flyer {
   display: block;
   width: 167px;
//   height: 237px;
   margin: 0 auto;
//   background-image: url(../img/flyer/Flyer_Echte_Mannen_dark.jpg);
   background-image: url(../img/koor/Groepsfoto_(24-10-2009)_small.jpg);
}
//.main_right a#flyer:hover {
//   background-image: url(../img/flyer/Flyer_Echte_Mannen.jpg);
//   width: 167px;
//   height: 237px;
}


/* ----- sub-navigation -------- */
.subnav {
   float: left;
   width: 160px;
   padding-top: 8px;
}
.subnav h2 {
   background: #786173;
   color: #FFE;
   font: bold 1.1em Verdana,sans-serif;
   line-height: 24px;
   padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
   border-bottom: 1px solid #786173;
   list-style: none;
}
.subnav li a {
   background: #E9DDE7;
   color: #111;
   display: block;
   padding: 8px 0 8px 14px;
   width: 136px;
   text-decoration: none;
}
.subnav li a:hover {
   background: #D5BED1;
   color: #000;
}


/* ----- footer ---------------- */
.footer {
   background: url(../img/layout/bgfooter.gif) repeat-x;
   color: #330033;
   font-size: 0.8em;
   line-height: 30px;
   margin-left: 160px;
   width: 511px;
   text-align: right;
   padding-right: 8px;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #330033;}
.footer a:hover {color: #330033;}




/* ----- header2 ------------------ */
.header2 {
  float: left;
  width: 1300px;
  background: url(../img/layout/786173/header2.jpg) no-repeat;
}
.header2 h1 {
  padding-top:35px;
  padding-left:86px;
  text-align: left;
  font: normal 1.1em Times,serif;
  font-size: 50px;
  color:#000000;
/*  line-height: 80px;*/
}
.header2 h2 {
  padding-left:86px;
  padding-bottom:20px;
  text-align: left;
  font: normal 1.1em Times,serif;
  font-size: 20px;
  color:#000000;
}


/* ----- main2 ------------------ */
.main2 {
   background: url(../img/layout/lyra_paars5.jpg) repeat;
   float: left;
   width: 100%;
}
.main2 .padded {
   padding: 20px 35px;
}
.main2 h1 {
   padding-top: 20px;
   font-size: 18px;
   color:#330033;
}
.main2 h2 {
  padding-top: 5px;
  padding-bottom: 0px;
  font-size: 15px;
  color:#330033;
}
.main2 h4 {
  font: normal 90.0% Verdana, sans-serif;
  color: #330033;
}

.main2 a {
  color:#330033;
}
.main2 table.lijst {
   border-collapse: separate;
   vertical-align: top;
   horizontal-align: left;
   border: 1px solid grey;
   //border-spacing: 7px 12px;
   //padding: 4px 4px;
}
.main2 table th {
   font: normal 100% Verdana,sans-serif;
   font-weight: bold;
   text-align: left;
   color: #330033;
}
.main2 table td {
   font: normal 100% Verdana,sans-serif;
   //font-weight: bold;
   text-align: left;
	border: 1px solid #CCCCCC;	
   color: #330033;
   padding: 4px 7px;
}



/* ----- footer2 ---------------- */
.footer2 {
   background: url(../img/layout/bgfooter.gif) repeat-x;
   color: #330033;
   font-size: 0.8em;
   line-height: 30px;
   margin-left: 0px;
   width: 100%;
   text-align: right;
   padding-right: 0px;
}
.footer2 .left,.footer .right {padding: 0 16px;}
.footer2 a {color: #330033;}
.footer2 a:hover {color: #330033;}