/* ----- 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: #B8D0DD url(../img/layout/bg.jpg);
   font: normal 62.5% Verdana, sans-serif;
   color: #B8D0DD;
   margin: 0% 0;
}

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


ul {margin-left: 1.2em;}

li {list-style: none;}

h1 {color: #000000;}
h2 {color: #000000;}
h3 {color: #000000;}
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/bgcontainer.jpg) repeat-y;
   margin: 0 auto;
   width: 890px;
   border: 1px solid #303055;
}




/* ----- header ------------------ */
.header {
  float: left;
  width: 890px;
  height: 129px;
/*  
  background: url(../img/layout/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 {
   float: left;
   width: 518px;
}
.main .padded {
   padding: 20px 35px;
}
.main h1 {
   padding-top: 20px;
   font-size: 18px;
   color:#003366;
}
.main h2 {
  padding-top: 5px;
  padding-bottom: 0px;
  font-size: 15px;
  color:#000000;
}
.main a {
  color:#000000;
  text-decoration: underline;
}
.main a:hover {
  color:#003366;
  text-decoration: underline;
}

.main a img {
   border: 0px solid #FFFFFF;
}
.main a img:hover {
   border: 1px solid #FFFFFF;
}
.main h2 a {
  color:#000000;
  text-decoration: underline;
}
.main h2 a:hover {
  color:#4A4A4A;
  text-decoration: underline;
}
.main h4.rightinfo {
   text-align: right;
   font-style: italic;
   color: #000000;
}
.main h4 a {
   color:#000000;
   text-decoration: underline;
}
.main h4 a:hover {
   color: #003366;
   text-decoration: underline;
}
.main table {
   border-collapse: separate;
   border-spacing: 0px 0px
}

.main table th {
   color: #003366;
   font: bold 10px Verdana, Arial, sans-serif;
   font-weight: bold;
   letter-spacing: 1px;
   text-align: left;
   border-bottom: 1px solid #7A7A7A;
   padding: 3px 6px 6px 6px;
}
.main table td {
   color: #000000;
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   text-align: left;
   align-verticle: top;
   border-bottom: 1px solid #7A7A7A;
   border-right: 1px solid #7A7A7A;
   padding: 3px 6px 3px 6px;
   vertical-align: top;
}
.main table td.ks {
   font-weight: bold;
   color: #6D5064;
}
.main table td.desr {
   color: #3D3D3D;
   border: 0px;
}
.main table td.cont {
   color: #000000;
   border: 0px;
}
.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 ul {
   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);
   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 img.bij {
   border: 1px 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: #000000;
}
.main_right .padded {
   padding: 6px 2px 6px 15px;
}
.main_right img {
   padding-bottom: 12px;
   float: left;
}
.main_right h3 {
   color: #000000;
}
.main_right h4 {
   font-family: Verdana;
   font-size: 10px;
   letter-spacing: 1px;
   color: #000000;
   padding: 6px;
}
.main_right h4.link {
  padding-bottom: 3px;
}
.main_right h4 a {
   color: #000000;
   font-weight: bold;
}
.main_right h4 a:hover {
  color: #003366;
   font-weight: bold;
   text-decoration: underline;
}


/* ----- sub-navigation -------- */
.subnav {
   background: url(../img/layout/bg.jpg) repeat-y;
   float: left;
   width: 160px;
   padding-top: 0px;
}
.subnav h2 {
/*   background: #786173;
   background: #525A7B;   */
   color: #FFE;
   font: bold 1.1em Verdana,sans-serif;
   line-height: 24px;
   padding-left: 8px;
}
.subnav h4 {
   font: normal 0.8em Verdana;
   color: #000000;
   padding: 6px;
}
.subnav h4 a {
   color: #003366;
}
.subnav h4 a:hover {
   color: #000000;
}
.subnav ul {
   margin: 0; padding: 0;
}
.subnav li {
   color: #003366;
   border-bottom: 1px solid #525A7B;
   list-style: none;
   font-weight: bold;
}
.subnav li a {
   color: #003366;
   background: #CDDFF2;
   display: block;
   padding: 8px 0 8px 14px;
   width: 146px;
   text-decoration: none;
}
.subnav li a:hover {
   color: #FFFFFF;
   background: #81A3C7;
}


/* ----- footer ---------------- */
.footer {
   background: #B8D0DD url(../img/layout/bgfooter.jpg) repeat-x;
   color: #000000;
   font-size: 0.8em;
   line-height: 18px;
   border-left: 1px solid #000000;
   margin-left: 160px;
   width: 722px;  /* 511 */
   text-align: right;
   padding-right: 8px;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #000000;}
.footer a:hover {color: #000000;}