/* site */

body
{
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
}
div.main
{
  width:900px;
  margin:0 auto;
}
a
{
  text-decoration: none;
  color: #7067A3;
}

a:hover
{
  text-decoration: underline;
}

table.maintable
{
  width:100%;
  border:none;
  padding:0;
  margin:0;
  border-collapse:collapse;
}
td.headercell
{
  background-color: #eeeeee;
  border-bottom: 2px solid #ffffff;
  text-align: left;
  vertical-align:top;
  background-image: url(../img/header.gif);
}

td.headercell a.homelink
{
  display:block;
  height:100px;
  width:100%;
}
td.footercell
{
  background-color: #cdc9e1;
  border-top: 2px solid #ffffff;
  text-align: left;
  vertical-align:top;
  padding: 4px 10px;
  font-size: 80%;
}

td.menucell
{
  text-align: left;
  vertical-align:top;
  background: url(../img/submenubg.gif) repeat-y;
  width:220px;
  border-right: 1px solid #DEDEDE;
}

td.smallcontentcell, td.widecontentcell
{
  text-align: left;
  vertical-align:top;
  padding: 10px;
}
td.smallcontentcell
{
  width: 460px;
}
td.widecontentcell
{
  width: 660px;
}

/* De agenda */
td.agendacell
{
  vertical-align:top;
  text-align:left;
  width: 200px;
  font-family: arial, helvetica, sans-serif;
}

td.agendacell div.agendatitle
{
  font-weight: bold;
  border-bottom: 1px solid black;
  padding: 5px 0;
}

.agenda table
{
  border-collapse: collapse;
  padding: 0;
}
.agenda tr.oddrow
{
  background-color: #f4f4f4;
}
.agenda td
{
  vertical-align:top;
  text-align:left;
}
.agenda td.datecell
{
  white-space: nowrap;
  padding: 5px 4px 5px 0;
  font-weight: bold;
}
.agenda td.infocell
{
  padding: 5px 0;
}


/* left side menu */
div.webUI_menubar
{
  width: 100%;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:100%;
  text-align: left;
  padding: 0px 0px 10px 0px;
  margin-bottom: 10px;
}

div.webUI_menubar a.webUI_menubaritem
{
  padding: 3px 8px 3px 8px;
  text-decoration: none;
  color: #645C98;
  display: block;
}

div.webUI_menubar a.webUI_menubaritem.hover
{
  background-color: #9E98C0;
  color: #ffffff;
  font-family:verdana,arial,helvetica,sans-serif;
}

/* left side menu expands */
div.webUI_dropdownmenu
{
  position: absolute;
  border: 1px solid #ACA899;
  background-color: #FFFFFF;
  padding: 0px 2px;
  margin: 0px;
  list-style: none;
  visibility: hidden;
  z-index: 200;
}

div.webUI_dropdownmenu div.webUI_dropdownmenuitem
{
  margin: 0px;
  padding: 3px 4px 3px 21px; /* 21 pixels to the right, to make room for an icon */
  cursor: pointer;
  cursor: hand;
}

div.webUI_dropdownmenu div.webUI_dropdownmenuitem.hover
{
  background-color: #9E98C0;
}


  div.webUI_dropdownmenu div.webUI_dropdownmenuitem a
, div.webUI_dropdownmenu div.webUI_dropdownmenuitem span
{
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:100%;
  white-space: nowrap;
  text-decoration: none;
  color: #645C98;
  padding: 0px 12px 0px 0px; /* 12 pixels room for the menu arrow */
  margin: 0px;
  display: block;
  vertical-align: middle;
}

div.webUI_dropdownmenu div.webUI_dropdownmenuitem a.hassubmenu
{
  background-image: url(../img/dropdownmenuarrow.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

  div.webUI_dropdownmenu div.webUI_dropdownmenuitem span.hassubmenu
, div.webUI_dropdownmenu div.webUI_dropdownmenuitem.hover span.hassubmenu
{
  background-image: url(../img/dropdownmenuarrowdisabled.gif);
  background-repeat: no-repeat;
  background-position: center right;
}


div.webUI_dropdownmenu div.webUI_dropdownmenuitem.hover a.hassubmenu
{
  background-image: url(../img/dropdownmenuarrowover.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

  div.webUI_dropdownmenu div.webUI_dropdownmenuitem a img
, div.webUI_dropdownmenu div.webUI_dropdownmenuitem span img
{
  /* position the image to the left */
  margin: 0px 3px 0px -19px;
  vertical-align: middle;
  padding: 0px;
}



div.webUI_dropdownmenu div.webUI_dropdownmenuitem.hover a
{
  color:#FFFFFF;
}

div.webUI_dropdownmenu div.webUI_dropdownmenuseparator
{
  border-top: 1px solid #ACA899;
  margin: 4px 2px;
}

div.webUI_dropdownmenu div.webUI_dropdownmenuitem span
{
  color: #ACA899;
  cursor: pointer;
  cursor: hand;
}




.linkbloktable
{
  width:            100%;
  table-layout:     fixed;
/*  border-collapse:  collapse;*/
  margin-top:       10px;
}

.lbspacer
{
  width:            30px; /* de spacing is 50 pixels */
  min-width:        30px; /* en als cellen met % al veel ruimte gebruiken,
                             mogen ze niet van deze <td> pikken */
}

.lbvspacer
{
  height:           15px;
}

.lbpanel
{
  width:            50%;
  vertical-align:   top;
  border:           1px solid #cdc9e1;
  padding:          0;
}

.lbpanel a
{
  display:          block;
  text-decoration:  none;
  color:            #7067A3;

  margin:           1px 6px;
  padding:          4px 6px 4px 16px;

  background:       transparent url(../img/contentlink_blauw.gif) no-repeat scroll center left;
}

.lbpanel .linktitle
{
  color:            #534f6a;
  background-image: none;
  background-color: #cdc9e1;

  padding:          4px 6px;
  margin:           0;
}

.lbpanel a:hover
{
  color:            ##534f6a;
}