a:link {
  color:                rgb(51,102,153);
}
a:visited {
  color:                rgb(153,102,153);
}
a:hover {
  color:                rgb(0,102,153);
}

/* Vergrootglas. */
a.loupe {
  background-color:     rgb(10,10,10);
  background:           url("images/loupe_s.gif") no-repeat top left;
  height:               50px;
  display:              block;
  padding-left:         50px;
  padding-top:          10px;
  vertical-align:       50%;
  color:                rgb(80,150,80);
  font-weight:          700;
}
a.loupe:link {
  color:                rgb(251,102,153);
}


body {
  text-align:           center;
  background-color:     rgb(200,200,225);
  margin:               0px;
  padding:              20px 0px;
  font:                 normal 500 100% "Arial", "sans-serif";
  overflow:             scroll;
}

br.low {
  line-height:          5px;
}

h1 {
  font:                 120%  "Arial", "sans-serif";
  background-color:     rgb(171,194,171);
  padding:              4px 230px 3px 20px;
  margin:               0px;
  background:           url("images/h1-2.png") top left no-repeat;
}

h2 {
  font:                 900 110% "Arial", "sans-serif";
  background-color:     rgb(170,225,170);
  margin:               0px;
  padding:              4px 5px;
  border-bottom:        3px solid rgb(180,235,180);
}

h3 {
  font-family:          "Arial", "sans-serif";
  font-size:            100%;
  font-weight:          800;
  margin:               5px 0px 0px 0px;
  padding:              0px;
}

h4 {
  font-family:          "Arial", "sans-serif";
  font-size:            90%;
  font-weight:          700;/*
  padding:              0px;
  margin:               3px 0px 0px 5px;*/
}

h5 { /* Voor namen onder hoofdstukjes. */
  font-family:          "Arial", "sans-serif";
  font-size:            80%;
  font-style:           italic;
  font-weight:          400;
  background-color:     rgb(225,255,225);
  padding:              0px 0px 0px 5px;
  margin:               5px 0px 0px 0px;
  display:              block;
}

img {
  margin:               0pt;
  padding:              0pt;
  background-color:     transparent;
  border:               none;
}

img.header {
  padding:              0px;
  margin:               0px;
  margin-bottom: 0;
  /* margin-bottom: -2px; */
  border:               none; /*1px solid rgb(1,1,1);*/
}

img.left {
  background-color:     transparent;
  float:                left;
  border:               3px solid rgb(210,255,210);
  margin:               0px 10px 5px 0px;
}

img.right {
  background-color:     transparent;
  float:                right;
  border:               3px solid rgb(210,255,210);
  margin:               0px 0px 5px 10px;
}

li {
  margin:               10px 0px 0px 0px;
  padding-left:         0px;
  font:                 normal 500 100% "Arial", "sans-serif";
}

ol {
  padding:              0px;
  margin:               -5px 0px 5px 30px;
  list-style:           decimal;
}

p {
  line-height:          1.1em;
  padding:              10px 0px;
}

p.center {
  text-align:           center;
}

p.copy {
  font-family:          "Arial", "sans-serif";
  font-size:            80%;
  font-style:           italic;
  font-weight:          lighter;
  padding:              0px 0px 0px 5px;
  margin:               5px 0px 0px 0px;
  display:              block;
  text-align:           right;
}

p.groen {
  font-size:            130%;
  font-style:           italic;
  color:                rgb(0,128,0);
}

p.negindent {
  padding:              0px;
  padding-left:         0.25em;
  margin:               0px 0px 0px 3.5em;
  text-indent:          -3.5em;
}

p.groot {
  font-size:            20pt;
  line-height:          30pt;
  margin:               0px;
  text-align:           center;
}

p.klein {
  font-size:            medium;
  text-align:           left;
}

table ul {
  padding-top:          0;
  padding-left:         0px;
  margin-left:          2em;
  margin-top:           0.25em;
  margin-bottom:        0.25em;
}

table#collapse {
  border-collapse:      collapse;
}

td {
  vertical-align:       top;
  padding-top:          0.4em;
  padding-left:         0.4em;
}

td.donker {
  background-color:     rgb(215,245,215);
}

td#linker {
  border-top:           4px ridge rgb(213,183,66);
  border-bottom:        4px ridge rgb(213,183,66);
  border-left:          4px ridge rgb(213,183,66);
  border-right-style:   none;
  margin:               0px;
}
td#midden {
  border-top:           4px ridge rgb(213,183,66);
  border-right-style:   none;
  border-bottom:        4px ridge rgb(213,183,66);
  border-left-style:    none;
  margin:               0px;
}
td#rechter {
  border-top:           4px ridge rgb(213,183,66);
  border-right:         4px ridge rgb(213,183,66);
  border-bottom:        4px ridge rgb(213,183,66);
  border-left-style:    none;
}

td.noPadding {
  padding:              0px;
}

tr#border {
  border:               4px ridge rgb(213,183,66);
}

ul {
  padding-top:          0;
  padding-left:         0px;
  margin-left:          2em;
  margin-top:           -0.5em;
  margin-bottom:        1.25em;
  list-style-type:      disc;
}

/* Verschillend span elementen. */
span#hilite {
  font-size:            110%;
  font-weight:          700;
  display:              block;
  margin:               0 0 1em 0;
  padding:              0.5em;
  text-align:           left;
  color:                rgb(255, 255, 255);
  background:           rgb(79,168,0);
  text-decoration:      none;
}

span#feest {
  font-size:            120%;
  font-weight:          700;
  display:              block;
  margin:               0 0 1em 0;
  padding:              0.5em;
  text-align:           center;
  color:                rgb(64,64,64);
  background:           rgb(233,203,86);
  text-decoration:      none;
  border:               10px ridge rgb(213,183,66);
  vertical-align:       middle;
}

span.button {
  background-color:     rgb(171,194,171);
  padding:              0.25em 1em;
  margin:               0px;
  border-style:         groove;
  border-width:         2px;
}

span.link {
  text-decoration:      underline;
  color:                rgb(51,102,153);
  background-color:     transparent;
}
span.link:visited {
  color:                rgb(153,102,153);
}

span.black {
  color:                rgb(0,0,0);
}

sup {
  font-size:            50%;
}

/* Hoofdcontainer voor de inhoud. */
div#container {
  background-color:     rgb(225,255,225);
  margin:               auto;
  padding:              0px;
  width:                790px;
  border:               1px solid rgb(225,255,225);
}

/* Bovenste balkje met Zonnespreng logo etc. */
div#header {
  padding:              0px;
  margin:               0px;
  border:               none;
  text-align:           left;
  background:           none;
  line-height:          0;
}

div#hoofdBlok {
  float: left;
  border-left:          1px solid rgb(0,102,204);
  border-right:         1px solid rgb(0,102,204);
}

/* Balk met menu. */
div#menubar {
  float:                left;
  width:                190px;
  margin:               0px 0px 5px 0px;
  padding:              0px 0px 0px 5px;
  font-size:            85%;
  background:           rgb(152,212,115);
  color:                maroon;
  border:               none;
  text-align:           center;
}
  
div#menubar a {
  display:              block;
  margin:               0px;
  padding:              5px 5px 5px 0px;
  text-align:           left;
  font-weight:          bold;
  border:               none;
  border-top:           1px solid rgb(136,136,187);
  color:                rgb(51,51,119);
  background:           transparent;
  text-decoration:      none;
}

/* div#menubar a#smallx { */
  /* font-size:            90%; */
/* } */

div#menubar a:visited {
  background-color:     transparent;
  color:                rgb(85,85,119);
}
div#menubar a:hover {
  background:           rgb(170,170,221);
  color:                rgb(51,51,136);
}

div#menubar div {
  margin-bottom:        1em;
}

div#menubar a span {
  display:              none;
}
div#menubar p.geenLink {
  display:              block;
  margin:               0;
  padding:              5px;
  letter-spacing:       1px;
  text-align:           left;
  font-weight:          bold;
  border-top:           1px solid rgb(136,136,187);
  color:                rgb(152,212,115);
  background:           transparent none center left no-repeat;
  text-decoration:      none;
}

div#sublinks {
  font-size:            90%;
  display:              block;
  margin:               0;
  padding:              5px;
  text-align:           left;
  color:                rgb(255,255,255);
  background:           transparent;
  text-decoration:      none;
}

div#sublinks a {
  display:              block;
  margin:               0px;
  padding:              3px 0px;
  text-align:           left;
  border-top:           none;
  color:                rgb(91,91,159);
  background:           transparent;
  text-decoration:      none;
}
div#sublinks a:hover {
  background:           rgb(200,200,251);
  color:                rgb(51,51,136);
}

div#sublinks a.smal {
  padding:              0px 0px 0px 5px;
}

div#sublinks a.indent {
  padding-left:         10px;
  text-indent:          -10px;

}

div#sublinks h2 {
  background-color:     transparent;
}

div#rotator {
  text-align:           center;
  line-height:          0px;
}

/* Hoofdinhoud. */
div#contents {
  float:                left;
  width:                563px;
  margin:               0px;
  padding:              15px;
  text-align:           left;
  background:           rgb(225,255,225);
}


/* Copyrights. */
div#footer {
  clear:                both;
  background-color:     rgb(210,255,210);
  border:               none;
  margin:               0px;
  padding:              10px 20px 20px 20px;
  text-align:           left;
  background-image:     url("images/Footer.png");
  background-repeat:    no-repeat;
}


/* Divs voor de index pagina's. */
div#wat {
  background-image:     url("images/wat.png");
  background-repeat:    no-repeat;
}

div#werken {
  background-image:     url("images/werken.png");
  background-repeat:    no-repeat;
}

div#waar {
  background-image:     url("images/waar.png");
  background-repeat:    no-repeat;
}

div#hoe {
  background-image:     url("images/hoe.png");
  background-repeat:    no-repeat;
}

div#erbij {
  background-image:     url("images/erbij.png");
  background-repeat:    no-repeat;
}

div#mensen {
  background-image:     url("images/mensen.png");
  background-repeat:    no-repeat;
}

div#nieuws {
  background-image:     url("images/nieuws.png");
  background-repeat:    no-repeat;
}

div.center {
  text-align:           center;
}

/* Popup voor artikelen. */
div.note {
  position:             absolute;
  top:                  0px;
  left:                 0px;
  width:                200px;
  background:           rgb(255,255,204);
  padding:              10px;
  border:               1px solid rgb(79,168,0);
  z-index:              1;
  visibility:           hidden;
  font:                 bold 11px "Arial", "sans-serif";
  color:                rgb(79,168,0);
  text-align:           center;
}


/* Speciale opmaak voor individuele display.*/
div#ZonnesprengInfo {
  display:              none;
  background:           rgb(190,235,190);
  color:                maroon;
  border:               none;
  text-align:           center;
  margin:               0px;
  padding:              10px;
}

div#citaat {
  /*width:                540px;*/
  margin:               5px 0px;
  padding:              10px 5px 10px 20px;
  background:           rgb(200,245,200);
  border-color:         rgb(180,225,180);
  border-style:         dashed;
  border-width:         3px;
}

div#Bezonning {
  position:             relative;
	width:                560px;
	height:               520px;
}

/* Datum display. */
div.post_cal {
  background:       #fff;
  border:           1px solid #A6A6A6;
  text-align:       center;
  width:            100px;
  float:            right;
  margin:           5px 10px 5px 10px;
}
div.post_cal div.dagnaam {
  background-color: #AA3511;
  background-color: #ccc;
  border-bottom:    1px solid #A6A6A6;
  color:            #000;
  font-weight:      bold;
  width:            100%;
}
div.post_cal div.dagnum {
  border-bottom:    1px solid #A6A6A6;
  font-size:        xx-large;
  font-weight:      bold;
  width:            100%;
}
div.post_cal div.maand, div.post_cal div.jaar {
  width:            100%;
}

/* Geschiedenis. */
div#geschiedenisData {
  position:         absolute;
  width:            155px;
}

div#geschiedenisInfo {
  position:         relative;
  width:            400px;
  left:             160px;
}

div#jaarBlok {
  background-color: rgb(122,122,122);
  padding:          5px 5px;
  margin:           3px;
}

div#jaarBlok p {
  margin:           0px;
  text-align:       center;
}

div#jaartal {
  float:            left;
  width:            30px;
  background-color: rgb(200,200,200);
  padding:          2px;
  margin:           0px;
  text-align:       center;
}

div#historie {
  position:         relative;
  left:             40px;
  width:            95px;
  height:           16px;
  background-color: rgb(222,222,222);
  padding:          2px;
  margin:           0px 0px 2px 0px;
  text-align:       right;
}
div#een {
  position:         relative;
  left:             3px;
  width:            95px;
  height:           16px;
  background-color: rgb(222,222,222);
  padding:          2px;
  margin:           0px 0px 2px 0px;
  text-align:       right;
}