a:link, a:visited, a:active {
/*  color: rgb(181, 194, 206); */
  color: rgb(147, 166, 183);
  text-decoration: none;
}
a:hover {
/*  color: rgb(181, 194, 206); */
  color: rgb(147, 166, 183);
  text-decoration: underline;
}

a.sponsor:link, a.sponsor:visited, a.sponsor:active {
  color: rgb(236, 239, 242);
/*  color: rgb(147, 166, 183); */
  text-decoration: none;
}
a.sponsor:hover {
  color: rgb(236, 239, 242);
/*  color: rgb(147, 166, 183); */
  text-decoration: underline;
}

body {
  border: 0;
  color: rgb(70, 90, 106);
  font-family: Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 8pt;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 4px;
/*  scrollbar-base-color: rgb(200, 210, 219); */
  scrollbar-base-color: rgb(200, 210, 214);
  scrollbar-arrow-color: rgb(70, 90, 106);
  text-align: justify;
}

  /* body van de effectieve inhoud */
body.contentBody {
  background-color: rgb(255, 255, 255);
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 20px;
  text-align: left;
  width: 94%;
}

  /* body van de indexpage */
body.indexBody {
  background-color: rgb(236, 239, 242);
    /* padding and margin are set explicitly to use the <full> screen */
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

  /* body van het verticale menu */
body.menuBody {
  background-color: rgb(200, 210, 214);
  padding-left: 8px;
  padding-top: 47px;
  filter: alpha(opacity=100, finishopacity=0, style=1, startX=95, startY=0, finishX=140, finishY=0);
}
  /* body van de startpagina */
body.startBody {
   background-color: rgb(255, 255, 255);
   background-position: bottom left;
   background-repeat: no-repeat;
   height: 100%;
   overflow: hidden;
   text-align: right;
   vertical-align: center;
}


div.indexMenu {
  text-align: right;
}
div.infoLink {
  cursor: pointer;
  padding-top: 6px;
  padding-bottom: 4px;
  text-decoration: underline;
}
div.infoTarget {
  display: none;
  text-align: justify;
  width: 520px;
}
div.kalenderLegend {
  background-color: rgb(249, 250, 251);
  padding-top: 4px;
  padding-bottom: 4pt;
  padding-left: 10px;
  padding-right: 0px;
  text-align: justify;
  width: 98%;
}

  /* speciale layout voor het logo */
div.logoDiv {
  height: 100%;
  margin-top: 0px;
  margin-left: 100px;
  text-align: left;
  scroll: auto;
}

  /* speciale layout voor de banner op de intro */
div.banner {
  position: absolute;
  left: 0px;
  bottom: 0px;
}


  /* frames op onderste deel van het schern */
frame.bodyFrame {
  border: 0;
  border-collapse: collapse;
  frameborder: no;
  framespacing: 0;
  /* noresize: true; */
  scrolling: auto;
}


  /* onderste deel van scherm */
frameset.bodyFrames {
  border: 0;
  border-collapse: collapse;
  frameborder: no;
  framespacing: 0;
  /* noresize: true; */
  scrolling: auto;
}


h1 {
  font-family: Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 14pt;
  filter: shadow(color:gray, direction:135, strength:4);
  height: 30px;
  margin-left: 10px;
  width: 300px;
}
h2 {
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  font-style: normal;
  font-size: 11pt;
}


iframe.indexBody {
  height: 100%;
  width: 100%;
}


img {
  border: none;
}
img.activity {
  border: solid black 1px;
  height: 110px;
  width: 110px;
}
img.sponsor {
  border: solid black 1px;
  width: 167px;
  margin: 0px auto;
}
img.mainsponsor {
  border: solid black 1px;
  width: 278px;
  margin: 0px auto;
}

img.right {
  float: right;
  margin-left: 7px;
}
img.left {
  float: left;
  margin-right: 7px;
}
img.sloepke {
  position: absolute;
  right: 67px;
  bottom: 10px;
}
img.schuitje {
  position: absolute;
  right: 48px;
  bottom: 10px;
}
img.karveel {
  position: absolute;
  right: 29px;
  bottom: 10px;
}
img.veerke {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
img.thumbnail {
  cursor: pointer;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

  /* spans die zorgen voor alpha channel achtergrond en twee "velden" op die achtergrond 
     van de kalenderitems en de sponsoritems */
span.kalenderBG, span.sponsorBG {
  background-color: rgb(70, 90, 106);
 /* filter: alpha(opacity=100, finishopacity=0, style=1, startX=625, startY=0, finishX=0, finishY=0);*/
  padding-bottom: 4px;
  padding-top: 4px;
  width: 615px;
}
span.kalenderDate, span.sponsorDate {
  background-color: rgb(255, 255, 255);
  color: rgb(70, 90, 106);
  font-weight: bold;
  font-style: normal;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-top: 4px;
  position: absolute;
  text-align: left;
  width: 300px;
  z-index: 2;
}
span.kalenderEvent, span.sponsorEvent {
  background-color: transparent;
  color: rgb(70, 90, 106);
  font-weight: bold;
  font-style: normal;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 10px;
  position: absolute;
  text-align: right;
  width: 300px;
  z-index: 2;
}
  /* menuitems in structuur op de index pagina: horizontaal menu, altijd zichtbaar */
span.indexMenuItem {
  background-color: transparent;
  color: rgb(181, 194, 206);
  cursor: pointer;
  filter: shadow(color:black, direction:135, strength:3);
  font-size: 10pt;
  font-weight: bold;
  text-align: center; 
}
  /* span voor de verticale menu items */
span.menuItem {
  background-color: transparent;
  color: rgb(70, 90, 106);
  cursor: pointer;
  filter: shadow(color:gray, direction:135, strength:4);
  font-size: 10pt;
  font-weight: bold; 
  padding-left: 5px;
  padding-top: 5px;
  text-align: left;
  width: 130px;
}

span.salesInfo {
  color: red;
  font-size: 6pt;
  font-weight: normal;
  text-align: right;
  vertical-align: bottom;
  width: 100%;
}

  /* table die de layout van de hoofdpagina van de activiteiten bepaald */
table.activity {
  width: 100%;
  text-align: center;
}
 
table.gallery {
  table-align: center;
  text-align: center;
  border: 0;
  border-collapse: separate;
  table-layout: fixed;
} 

  /* table die bepalend is voor de globale site-layout */
table.indexTable {
  border: 0;
  border-collapse: collapse;
  height: 100%;
  width: 800px;
}

td {
  font-family: Verdana, Arial, Helvetica;
  font-weight: normal;
  font-style: normal;
  font-size: 8pt;
}
td.activity {
  padding-top: 15px;
  text-align: center; 
}
td.bestuur {
   padding-right: 7px;
}

td.gallery {
  background-color: rgb(236, 239, 242);
  border-style: solid;
  border-color: rgb(200, 210, 214);
  border-width: 1px;
  height: 114px;
  padding: 4px;
  text-align: center;
  vertical-align: center;
  width: 114px;
}
td.sponsorgallery {
  background-color: rgb(236, 239, 242);
  border-style: solid;
  border-color: rgb(200, 210, 214);
  border-width: 1px;
  padding: 4px;
  text-align: center;
  vertical-align: center;
  width: 178px;
}

td.mainsponsorgallery {
  background-color: rgb(236, 239, 242);
  border-style: solid;
  border-color: rgb(200, 210, 214);
  border-width: 1px;
  padding: 4px;
  text-align: center;
  vertical-align: center;
  width: 270px;
}

  /* bovenste deel van scherm: afbeelding met daarop het horizontale menu */
td.indexHeading {
  background-image: url("../images/Heading LowRes.jpg");
  padding-bottom: 4pt;
  padding-right: 10pt;
  height: 200px;
  text-align: right;
  vertical-align: bottom;
  width: 800px;
}
td.kalenderAudience {
  background-color: rgb(249, 250, 251);
  border-bottom-color: rgb(255, 255, 255);
  border-bottom-style: solid;
  border-bottom-width: 4px;
  padding-bottom: 4pt;
  text-align: right;
  vertical-align: bottom;
}
td.kalenderHeading {
  border-bottom-color: rgb(70, 90, 106);
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  color: rgb(70, 90, 106);
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
}
td.kalenderContent, td.sponsorContent {
  background-color: rgb(249, 250, 251);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
  width: 615px;
}
td.kalenderExtraInfo, td.sponsorExtraInfo {
  background-color: rgb(249, 250, 251);
  border-bottom-color: rgb(255, 255, 255);
  border-bottom-style: solid;
  border-bottom-width: 4px;
  padding-top: 4px;
  padding-bottom: 4pt;
  padding-left: 10px;
  text-align: left;
}

ul {
  list-style-image: url('../images/arrow.gif')
}