body
{
  margin:10px auto;
  padding: 0px 0px 0px 0px;
  background-color: #808080;
}

#iframe
{
  width: 540px;
  height: 400px;
  overflow: auto;
}

ul
{
  color: #C7D3A5;
  background-color: #C7D3A5;
  padding: 1px 0px 0px 10px;
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 0px;
  }

td.pageheader
{
  background-color: #00ff00;
  background-image: url(../bg_mainmenu.png);
  background-repeat: repeat;
}

.mysubmenu
{
  color: #0000ff;
  background-color: #00ff00;
  display: block;
  margin-top: 0px;
  padding-top: 10px;
  padding-left: 5px;
  padding-bottom: 10px;
  text-align: left;
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: normal;
  font-size: 75%;
  line-height:120%;
}

.container
{
  width: 945px;
  margin: 0px auto;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 3px solid #000000;
  border-bottom: 3px solid #000000;
  background-image: url(../bollen_paars_soft.png);
  background-repeat: repeat-x;
}


td.printable
{
  height: 25px;
  width: 200px;
  color: #c7d3a5;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: normal;
  font-size: 75%;
  text-decoration: none;
  padding-right: 10px;
  background-image: url(../bg_mainmenu.png);
  background-repeat: repeat-x;
  vertical-align: middle;
  text-align: center;
}

table.menu
{
  height: 25px;
  width: 770px;
  text-align: center;
}

table.menu td.td_home
{
  width: 80px;
}

/*Bar left from menu-items, separates het menu items */
table.menu td.td_border
{
  border-left: 0px solid #0a540a;
}

table.menu td.selected
{
  background-image: url(../bg_main_sel.png);
  background-repeat: repeat-x;
}

table.menu a.main_selected
{
  color: #000000;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
}

table.menu a.main_unselected
{
  color: #c7d3a5;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
}

table.container td.submenu
{
  width: 200px;
  height: 400px;
  vertical-align: top;
  background-color: #c7d3a5;
}

table.container td.submenu a
{
  display: block;
  color: #0a540a;
  margin-top: 10px;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 0px;
  text-align: left;
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 80%;
  line-height:100%;
}

table.container td.submenu a.normal
{
  color: #000000;
  height: 20px;
  line-height:90%;
}

table.container td.submenu a.is_selected
{
  color: #000000;
  height: 20px;
  background-image: url(../submenu_bg_sel.gif);
  background-repeat: repeat-x;
  line-height:90%;
}

table.container td.submenu a.not_selected
{
  color: #000000;
  height: 20px;
  background-image: url(../submenu_bg.gif);
  background-repeat: repeat-x;
  line-height:90%;
}

td.content
{
  height: 400px;
  vertical-align: top;
  background-color: #ffffff;
  line-height:120%;
  background-image: url(../content.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

td.homeimage
{
  height: 400px;
  background-image: url(../homeimage.png);
  background-color: #0a540a;
  background-repeat: no-repeat;
}

td.head
{
  background-image: url(../bg_mainmenu.png);
  background-repeat: repeat;
}

td.nieuws
{
  width:200px;
  height: 400px;
  margin: 0px 18px 0px 18px;
  font-family: Arial, Helvetica, Sans-serif;
  text-align: center;
  background-color: white;
  /*background-image: url(../newsheading.jpg);*/
  background-repeat: repeat;
  line-height:100%;
  vertical-align: top;
}

.newsitemtitle
{
  color: #006902;
  margin: 10px 8px 0px 8px;
  font-size: 95%;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
}

.newsitemtdescription
{
  margin: 0px 8px 0px 8px;
  color: #006902;
  font-weight: normal;
  font-size: 80%;
  text-decoration: none;
  line-height:100%;
}

a.newslink
{
  margin: 0px 8px 0px 8px;
  color: #000066;
  font-size: 70%;
}


td.copyright
{
  height: 15px;
  width: 970px;
  color: #333333;
  font-family: Arial, Helvetica, Sans-serif;
  font-weight: normal;
  font-size: 70%;
  text-decoration: none;
  text-align: center;
  background-image: url(../copyright.png);
  background-repeat: repeat-x;
}

/*******************************************************************

  PLEASE NOTE:
  The following classes should NEVER be renamed, as they are used by
  WebHare Lite internally, in both the sitemap and photogallery scripts.
  Feel free however to change there definitions to better meet your
  design requirements.

/******************************************************************/
/* used for the sitemap and photoalbum pages */
h2
{
  color: #074907;
  font-family: Verdana, Arial, Helvetica, San-serif;
  font-size: 16px;
  text-align: center;
  margin-bottom: 3px;
}

/*******************************************************************
  Sitemap type 1 (blocks) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/
td.blocksitemaplevel1icon { background-color: #cc0000;
                            border-bottom: 1px solid #FFFFFF;
                          }
td.blocksitemaplevel1text { background-color: #00cc00;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 3px solid #FFFFFF;
                          }
a.blocksitemaplevel1link { color: #0000cc;
                           font-family: Arial, helvetica, sans-serif;
                           font-size: 74%;
                         }

td.blocksitemaplevel2icon { background-color: #fcefad;
                          }
td.blocksitemaplevel2text { background-color: #fcefad;
                            border-right: 3px solid #FFFFFF;
                          }
a.blocksitemaplevel2link { color: #303030;
                           font-family: Arial, helvetica, sans-serif;
                           font-size: 74%;
                         }

/*******************************************************************
  Sitemap type 2 (columns) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/
td.columnsitemaplevel1icon {background-color: #bec399;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel1text {background-color: #c7d3a5;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel1link { color: #303030;
                            font-family: Arial, helvetica, sans-serif;
                            font-size: 74%;
                          }

td.columnsitemaplevel2icon {background-color: #c7d3a5;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel2text {background-color: #c7d3a5;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel2link { color: #303030;
                            font-family: Arial, helvetica, sans-serif;
                            font-size: 74%;
                          }

td.columnsitemaplevel3icon {background-color: #dee0d0;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel3text {background-color: #dee0d0;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel3link { color: #0a540a;
                            font-family: Arial, helvetica, sans-serif;
                            font-size: 74%;
                          }

/*******************************************************************
  Sitemap type 3 (Tree) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/
td.treesitemaplevel1icon {}
td.treesitemaplevel1text {}
a.treesitemaplevel1link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }

td.treesitemaplevel2icon {}
td.treesitemaplevel2text {}
a.treesitemaplevel2link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }

td.treesitemaplevel3icon {}
td.treesitemaplevel3text {}
a.treesitemaplevel3link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }
td.treesitemaplevel4icon {}
td.treesitemaplevel4text {}
a.treesitemaplevel4link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }
td.treesitemaplevel5icon {}
td.treesitemaplevel5text {}
a.treesitemaplevel15ink { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }
td.treesitemaplevel6icon {}
td.treesitemaplevel6text {}
a.treesitemaplevel16ink { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }
td.treesitemaplevel7icon {}
td.treesitemaplevel7text {}
a.treesitemaplevel7link { color: #303030;
                          font-family: Arial, helvetica, sans-serif;
                          font-size: 74%;
                        }


/*******************************************************************
  Photoalbum specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/

/* The table cell containing the thumbnail pagenumbers */
td.thumbnailpagenumbers {text-align: center;}
/* the number of the currently viewed page */
span.currentthumbnailpage
{
  color: #A2A721;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 74%;
  font-weight: bold;
  text-decoration: none;
}
/* the numbered links to all other thumbnail pages */
a.thumbnailpagelink
{
  color: #A2A721;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 74%;
  font-weight: normal;
  text-decoration: none;
}

/* the table cell that contains the 'prev' image (if available) or the '<<' text on the thumbnail pages */
td.thumbnailpageprev {text-align: left;}

/* the table cell that contains the 'next' image (if available) or the '>>' text on the thumbnail pages */
td.thumbnailpagenext {text-align: right;}

/* If no 'next', 'previous' or 'toindex' image is available, defines the textual link to the next ('>>'), index ('||') and previous ('<<') pages */
a.photoalbumprevnexttext
{
  color: #A2A721;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 74%;
  font-weight: normal;
  text-decoration: none;
}
/* If no 'next', or 'previous' image is available, and no link to the previous or next page is available
   (e.g. we're on the first or last thumbnail page) this span tag will be used */
span.photoalbumprevnexttext
{
  color: #C0C0C0;
  font-family: Verdana, Tahoma, Arial, Sans-serif;
  font-size: 74%;
  font-weight: normal;
  text-decoration: none;
}

/* The table cell that contains the 'prev' image (if available) or the '<<' text on the enlarged image pages */
td.enlargedpageprevious{text-align: left;}

/* The table cell that contains the 'next' image (if available) or the '>>' text on the enlarged image pages */
td.enlargedpagenext{text-align: right;}

/* the table cell that contains the 'back to thumbnail page' image, or the 'Index' text on the enlarged image pages */
td.enlargedpagetothumbnail{text-align: center;}


/* the table cell containing the enlarged photo */
td.enlargedphoto {text-align: center;}


/* the description of the enlarged photo */
span.enlargedphotodescription { text-align: right;
                                color: #A2A721;
                                font-family: Verdana, Tahoma, Arial, Sans-serif;
                                font-size: 74%;
                                font-weight: normal;
                                text-decoration: none;}