html {
  margin: 0;
  padding: 0;
  background-color: white;
}

body {
  position: relative;
  margin: 18px auto;
  padding: 0;
  width: 760px;
  font: 12px/18px Andale,Trebuchet,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font: 12px/18px "Comic Sans ms",Arial,sans-serif;
  color: #669019;
}

h1 a, h2 a, h3 a, h4 a {
  text-decoration: none;
}

h1 {
  font-size: 29px;
  line-height: 47px;
  font-weight: bold;
}

h2 {
  font-size: 18px;
  line-height: 29px;
  font-weight: bold;
}

h3 {
  font-size: 18px;
  line-height: 29px;
  font-weight: normal;
}

h4{
  font-size: 15px;
  line-height: 23px;
  font-weight: bold;
}

h5{
  font-size: 15px;
  line-height: 23px;
}

h6{
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
}

p {
  margin: 0 0 18px 0;
}

ul, ol, dl {
  margin: 0;
}

a {
  color: #669010;
}

img {
  border: none;
}

em {
  font-style: italic;
  color: #669019;
}

strong {
  font-weight: bold;
  color: #669019;
}

dt {
  margin: 0;
  color: #66623B;
}

dt a {
  margin: 0;
  color: #66623B;
  font-weight: bold;
  text-decoration: none;
}

dd {
  margin: 0 0 18px 18px;
  color: #669019;
}

label {
  clear: left;
  float: left;
  margin: 6px 4px;
  width: 81px;
  text-align: right;
  vertical-align: middle;
}

input, select, label.rightlabel {
  clear: right;
  margin: 6px 4px;
  width: 195px;
  text-align: left;
}

label.long {
  clear: both;
  margin: 6px 4px 0px 6px;
  width: 284px;
  text-align: left;
  vertical-align: bottom;
}

input.leftinput {
  clear: left;
  float: left;
  margin-left: 63px;
  width: 18px;
  text-align: right;
}

textarea {
  margin: 6px 4px;
  clear: both;
  width: 288px;
}

input.button {
  clear: none;
  float: left;
  margin: 9px 4px;
  width: auto;
  text-align: center;
}

.alt {
  display: none;
}

.bottomnav {
  clear: left;
}

.crumb, .posted,.bottomnav {
  margin: 0;
  font-size: 10px;
  color: #66623B;
}

.clear {
  clear: both;
}

.eventdate {
  font-family: "Comic Sans ms",Arial,sans-serif;
  font-weight: bold;
  color: #66623B;
}

.eventtitle {
  font-weight: bold;
  color: #66623B;
}

.foto {
  float: left;
  margin: 6px 18px 18px 0;
  color: #66623B;
  font-size: 10px;
  line-height: 12px;
}

.gallery {
  float: left;
  margin: 6px 18px 12px 0;
  width: 199px;
  height: 235px;
  color: #66623B;
  font-size: 10px;
  line-height: 12px;
}

.foto p, .gallery p {
  margin: 0;
}

.thumb, foto img {
  max-height: 199px;
  max-width: 199px;
}

.posted {
  clear: left;
  margin: 0 0 36px 0;
  text-align: right;
}

.nomargin {
  margin: 0;
}

.grey, a.grey, #leftbar a.grey {
  color: #66623B;
}

a#heks {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 284px;
  height: 70px;
  background-image: url(images/bgheks.gif);
  background-repeat: no-repeat;
}

a#banner {
  display: block;
  position: absolute;
  left: 296px;
  top: 0px;
  width: 464px;
  height: 70px;
  background-image: url(upload/banner_foto.gif);
  background-repeat: no-repeat;
}

#navleft {
  position: absolute;
  left: 0px;
  top: 82px;
  width: 374px;
  height: 117px;
  background-image: url(images/bgnavleft.gif);
  background-repeat: no-repeat;
}

#navleft li {
  list-style: none;
}

#navleft a {
  display: block;
  position: absolute;
  width: 87px;
  height: 23px;
}

a#start {
  right: 98px;
  top: 18px;
  background-image: url(images/bgstart.gif);
}

a#start:hover {
  background-image: url(images/bgstarthover.gif);
}

a#overons {
  right: 98px;
  top: 47px;
  background-image: url(images/bgoverons.gif);
}

a#overons:hover {
  background-image: url(images/bgoveronshover.gif);
}

a#contact {
  right: 98px;
  top: 76px;
  background-image: url(images/bgcontact.gif);
}

a#contact:hover {
  background-image: url(images/bgcontacthover.gif);
}

a#agenda {
  right: 11px;
  top: 18px;
  background-image: url(images/bgagenda.gif);
}

a#agenda:hover {
  background-image: url(images/bgagendahover.gif);
}

a#nieuws {
  right: 11px;
  top: 47px;
  background-image: url(images/bgnieuws.gif);
}

a#nieuws:hover {
  background-image: url(images/bgnieuwshover.gif);
}

a#fotos {
  right: 11px;
  top: 76px;
  background-image: url(images/bgfotos.gif);
}

a#fotos:hover {
  background-image: url(images/bgfotoshover.gif);
}

#navright {
  position: absolute;
  left: 385px;
  top: 82px;
  width: 374px;
  height: 117px;
  background-image: url(images/bgnavright.gif);
  background-repeat: no-repeat;
}

#navright li {
  list-style: none;
}

#navright a {
  display: block;
  position: absolute;
  width: 87px;
  height: 23px;
}
a#hostel {
  left: 11px;
  top: 18px;
  background-image: url(images/bghostel.gif);
}

a#hostel:hover {
  background-image: url(images/bghostelhover.gif);
}

a#leden {
  left: 11px;
  top: 47px;
  background-image: url(images/bgleden.gif);
}

a#leden:hover {
  background-image: url(images/bgledenhover.gif);
}

a#verslagen {
  left: 11px;
  top: 76px;
  background-image: url(images/bgverslagen.gif);
}

a#verslagen:hover {
  background-image: url(images/bgverslagenhover.gif);
}

a#orkest {
  left: 98px;
  top: 18px;
  background-image: url(images/bgorkest.gif);
}

a#orkest:hover {
  background-image: url(images/bgorkesthover.gif);
}

a#cursussen {
  left: 98px;
  top: 47px;
  background-image: url(images/bgcursussen.gif);
}

a#cursussen:hover {
  background-image: url(images/bgcursussenhover.gif);
}

a#poppenspel {
  left: 98px;
  top: 76px;
  background-image: url(images/bgpoppenspel.gif);
}

a#poppenspel:hover {
  background-image: url(images/bgpoppenspelhover.gif);
}

a#links {
  left: 185px;
  top: 18px;
  background-image: url(images/bglinks.gif);
}

a#links:hover {
  background-image: url(images/bglinkshover.gif);
}


a#sponsors {
  left: 273px;
  top: 18px;
  background-image: url(images/bgsponsors.gif);
}

a#sponsors:hover {
  background-image: url(images/bgsponsorshover.gif);
}

#logotop {
  position: absolute;
  left: 0px;
  top: 76px;
  width: 199px;
  height: 123px;
}

#logobottom {
  position: absolute;
  left: 0px;
  top: 199px;
  width: 199px;
  height: 76px;
}

#banjotop {
  position: absolute;
  left: 616px;
  top: 123px;
  width: 144px;
  height: 76px;
}

#banjobottom {
  position: absolute;
  left: 616px;
  top: 199px;
  width: 144px;
  height: 214px;
}

#leftbar {
  position: absolute;
  margin-top: 321px;
  width: 284px;
}

#leftbar dt {
  margin: 0;
  font: bold 15px/18px "Comic Sans ms",Arial,sans-serif;
  color: #66623B;
}

#leftbar dd {
  margin: 0 0 18px 18px;
  font: bold 15px/18px "Comic Sans ms",Arial,sans-serif;
}

#leftbar p {
  font: bold 15px/18px "Comic Sans ms",Arial,sans-serif;
  color: #66623B;
}

#leftbar a {
  text-decoration: none;
  color: #669019;
}

#content {
  position: absolute;
  margin-top: 228px;
  margin-left: 296px;
  width: 464px;
  margin-bottom: 60px;
}

#fakefloat {
  float: right;
  width: 144px;
  height: 214px;
}
</style>