body {
  color: #00200;
  background: url('images/bg-main.png');
}

#pageheader {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  height:65px;
  background: blue url('images/rgl-omloopnieuwsradio.png') no-repeat;
  z-index:99;
}

#main-top {
  position: fixed;
  left: 0px;
  top: 65px;
  right: 0px;
  height:13px;
  background: url('images/mt-middle-alpha.png') repeat-x;
  z-index:99;
}
#main-top .edge {
  position: fixed;
  width: 25px;
  height: 13px;
  top:65px;
}
#main-top .left {
  left: 0px;
  background: url('images/mt-leftt.png') no-repeat;
}
#main-top .right {
  right: 0px;
  background: url('images/mt-rightt.png') no-repeat;
}
#main-left {
  position: fixed;
  top: 78px;
  left: 0px;
  bottom: 90px;
  background: url('images/mc-left.png') repeat-y;
  width:10px;
}
#main-left .top {
  position: fixed;
  top: 78px;
  left: 0px;
  background: url('images/mt-leftb.png') no-repeat;
  width: 10px;
  height: 10px;
}
#main-right {
  position: fixed;
  top: 78px;
  right: 0px;
  bottom: 90px;
  width: 10px;
  left: auto;
  background: url('images/mc-right.png') repeat-y;
}
#main-right .top {
  position: fixed;
  top: 78px;
  right: 0px;
  background: url('images/mt-rightb.png') no-repeat;
  width: 10px;
  height: 10px;
}
#main-bottom {
  position: fixed;
  left:0px;
  right:0px;
  bottom:90px;
  background: url('images/mb-middle.png') repeat-x;
  height: 10px;
  z-index:99;
}
#main-bottom .edge {
  position: absolute;
  width: 10px;
  height: 10px;
}
#main-bottom .left {
  left:0px;
  background: url('images/mb-left.png') no-repeat;
}
#main-bottom .right {
  right:0px;
  background: url('images/mb-right.png') no-repeat;
}
#iconbar {
  position: fixed;
  height: 90px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: url('images/ib-middle.png') repeat-x;
  padding: 0px 10px 0px 10px;
  z-index:99;
}

#iconbar .edge {
  position: absolute;
  width: 10px;
  height: 90px;
}
#iconbar .left {
  left:0px;
  background: url('images/ib-left.png') no-repeat;
}
#iconbar .right {
  right:0px;
  background: url('images/ib-right.png') no-repeat;
  position: fixed;
  width:10px;
  height:90px;
  bottom:0px;
}
#iconbar #nedstat {
  position: fixed;
  bottom: 5px;
  left: 5px;
  width:9px;
  height:9px;
}


div.goededoelen {
  float: left;
  background: url('images/ich-goededoelen.png') no-repeat;
  width: 90px;
  height: 90px;
}
div.goededoelen span.image {
  display: block;
  left: 0px;
  height: 90px;
  width:90px;
  background: url('images/icn-goededoelen.png') no-repeat;
}
div.goededoelen:hover span.image{
  background:url('images/ich-goededoelen.png') no-repeat;
}

div.radio {
  float: left;
  background: url('images/ich-radio.png') no-repeat;
  width: 90px;
  height: 90px;
}
div.radio span.image {
  display: block;
  left: 0px;
  height: 90px;
  width:90px;
  background: url('images/icn-radio.png') no-repeat;
}
div.radio:hover span.image{
  background:url('images/ich-radio.png') no-repeat;
}

div.actueel {
  float: left;
  background: url('images/ich-actueel.png') no-repeat;
  width: 90px;
  height: 90px;
}
div.actueel span.image {
  display: block;
  left: 0px;
  height: 90px;
  width:90px;
  background: url('images/icn-actueel.png') no-repeat;
}
div.actueel:hover span.image{
  background:url('images/ich-actueel.png') no-repeat;
}

div.omloop {
  float: left;
  background: url('images/ich-omloop.png') no-repeat;
  width: 90px;
  height: 90px;
}
div.omloop span.image {
  display: block;
  left: 0px;
  height: 90px;
  width:90px;
  background: url('images/icn-omloop.png') no-repeat;
}
div.omloop:hover span.image{
  background:url('images/ich-omloop.png') no-repeat;
}

div.welkom {
  float: left;
  background: url('images/ich-welkom.png') no-repeat;
  width: 90px;
  height: 90px;
}
div.welkom span.image {
  display: block;
  left: 0px;
  height: 90px;
  width:90px;
  background: url('images/icn-welkom.png') no-repeat;
}
div.welkom:hover span.image{
  background:url('images/ich-welkom.png') no-repeat;
}

div.interactief {
  float: left;
  background: url('images/ich-interactief.png') no-repeat;
  width: 90px;
  height: 90px;
}
div.interactief span.image {
  display: block;
  left: 0px;
  height: 90px;
  width:90px;
  background: url('images/icn-interactief.png') no-repeat;
}
div.interactief:hover span.image{
  background:url('images/ich-interactief.png') no-repeat;
}

#main-body {
  padding: 75px 5px 100px 5px;
  background: url('images/bg-main.png');
}

#main-body h1 {
  text-align:center;
  text-decoration : underline;
  font-size: 2em;
  margin: 0px 0px 1em 0px;
  color: red;
}

#main-body h1#actueel {
  margin-bottom: 4px;
}

#main-body h2 {
  text-decoration : underline;
  font-size: 1.25em;
  font-weight: bold;
  margin: 1em 0px 0px 0px;
  color: red;
}

#main-body h3 {
  font-variant: small-caps;
  font-size: 1.1em;
  margin: .5em 0px 0px 0px;
  color: red;
}

#main-body a, .sponsorlist a {
    text-decoration: none;
    border: none 1px;
    border-bottom: dotted 1px;
    padding: 2px 2px 0px 2px;
}

#main-body a:hover {
  background-color: yellow;
  border: dotted 1px;
}

#main-body a.interactief, #main-body a.interactief:hover {
  background-color: transparent;
  border: none 0px;
  text-decoration: underline;
}

#main-body a[href="#ivj"] {
  vertical-align:super;
  font-size: 0.75em;
}

#main-body li, table.sponsorlist td {
  padding: 2px 0px;
}

ul.uuroverzicht > li {
  list-style: none;
  border-top: 1px solid;
  margin-bottom: 1.5em;
}

ul.uuroverzicht > li > span {
  float:left;
  position: relative;
  border: 1px solid;
  border-top: 2px solid;
  top: -3px;
  left: -36px;
  margin-right: -35px;
  width: 35px;
  text-align: right;
}

.table-border {
  background-color: red;
}
.table-header {
  color: aqua;
  font-weight: bold;
}
.table-contents {
  background: url('images/bg-main.png');
}