body {
  text-align: center;
  color: #FFF;
  font-family:Verdana, Arial, Helvetica, sans-serif;
/*  background: #000 url(images/treeback.jpg) repeat-x top; */
  background: #000;
}


.mainTable {
  border : 1px solid #6633FF;
  width: 800px;
/*  background: #000 url(images/section.jpg) no-repeat top right; */
  background: #000;
  margin: 0px auto;
  text-align: left;
}

.mainTable tr td {
  padding: 0px;
  margin : 0px;
}

body,td,th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
}

a,a:hover {
  text-decoration: underline;
  font-weight : bold; 
}

a {
  color: #FF0000;
  text-decoration: none;
}

a:hover {
  color: yellow;
  font-weight : bold; 
  text-decoration: underline;
}


.headers {
  font-size: 12px;
  font-weight: bold;
}

.headers a, .headers a:hover {
  color: #FF0000;
  text-decoration: none;
}

.highLight {
  background: #fff url(images/buttonbar.gif) repeat-x top ;
  font-weight: bold;
  border: solid 1px #000000;
}

.bannerRow {
  height        :90px;
  margin        :0px;
  padding        :0px;
  right   :inherit;
  background-color: #000;
}

.menuRow {
  border-top : solid 1px #6633FF; 
  border-bottom : solid 1px #6633FF; 
  background: #000 url(images/menubg.jpg) repeat-x top;
  margin         :0px;
  padding :0px;
}

.bodyMainRow {
        background: #000 url(images/backbody.jpg) repeat-y top;
        margin        :0px;
        padding       :0px;
}

.footerRow {
  background: #000 url(images/footerbg.jpg) repeat-x top;
  margin        :0px;
  padding        :0px;
  border-top : solid 1px #6633FF; 
  border-bottom : solid 1px #6633FF; 
}

.footerText {
  font-size: 9px;
  color:yellow;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

img {
  border: 0px;
}

li {
  padding: 0px;
  margin: 5px 0px 0px 5px;
  list-style: disc outside url(images/li.gif);
}

ul {
  margin: 0px 0px 0px 10px;
}

.silent {
  color: #000000;
  text-decoration: none;
}

.silent:hover {
  color: #000000 !important;
  text-decoration: none !important;
}

fieldset {
  padding: 5px;
}

legend {
  font-weight: bold
}

legend a,legend a:hover {
  display: block;
  text-decoration: none;
}

.contentbox {
  width: 795px;
  height: 200px;
}

/* FORM ELEMENTS */

.leftmoduleBody {
    width: 380px;
    background: transparent url(images/leftmod_middle.jpg) left repeat-y;
    margin: 0px;
    padding : 0px;
    border : 0px;
}

.leftmoduleMiddle {
    width: 380px;
    background: transparent url(images/leftmod_middle.jpg) left repeat-y;
    margin-bottom: 0px;
    margin-left : 0px;
}

.leftmoduleTop {
    width: 380px;
    background: transparent url(images/leftmod_top.jpg) top left no-repeat;
}

.leftmoduleBottom {
    width: 380px;
    height : 25px;
    background: transparent url(images/leftmod_bottom.jpg)  bottom left no-repeat;
}

#leftmodulecontent {
    width: 340px;
    left: 0px;
    float: left;
    margin-top   : 5px;
    margin-left  : 13px;
    margin-right : 5px;
    margin-bottom : 0px;
    padding-left : 7px;
    padding-right: 7px;
    padding-top  : 0px;
    padding-bottom: 0px;
    border        : 0px solid #000000;
    text-align    : left;
    font-family : Tahoma,Times,Times New Roman;
    color:#33FF99;
    font-size : 12px;
}

/* Nieuwskolom Module */

.moduleBody {
    width: 380px;
    background: transparent url(images/news_middle.jpg) left repeat-y;
    margin: 0px;
    padding : 0px;
    border : 0px;
}

.moduleMiddle {
    width: 380px;
    background: transparent url(images/news_middle.jpg) left repeat-y;
    margin-bottom: 0px;
    margin-left : 0px;
}

.moduleTop {
    width: 380px;
    background: transparent url(images/news_top.jpg) top left no-repeat;
}

.moduleBottom {
    width: 380px;
    height : 25px;
    background: transparent url(images/news_bottom.jpg)  bottom left no-repeat;
}

#newscontent {
    width: 340px;
    left: 10px;
    float: left;
    margin-top   : 5px;
    margin-left  : 15px;
    margin-right : 10px;
    margin-bottom : 5px;
    padding-left : 7px;
    padding-right: 7px;
    padding-top: 0px;
    padding-bottom: 0px;
    border        : 0px solid #000000;
    text-align    : left;
    font-family : Tahoma,Times,Times New Roman;
    color:#33FF99;
    font-size : 12px;
}

#content {
    width : 795px;
    left: 0px;
    float: left;
    margin-top   : 10px;
    margin-left  : 2px;
    margin-right : 2px;
    margin-bottom : 0px;
    padding-left : 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border        : 1px solid #000000;
    text-align    : left;
    font-family : Tahoma,Times,Times New Roman;
    color:#FFF;
    font-size : 12px;
}



/* PHPLM_CSS */
.horbar  {
  margin:0;
  margin-top : 0px;
  padding:0;
}

.horbaritem  {
  font-family : Tahoma,Times,Times New Roman;
  font-size: 1.2em;
  border: 2px solid #FF9121;
  color:white;
  text-align:center;
  margin:0 0 0 0;
  padding: .1em .1em .1em .1em;
}

.horbaritem a  {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding :0em;
}

.horbaritem a:link  {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

.horbaritem a:visited  {
  color: #FFCC33;
  text-decoration: none;
}

.horbaritem a:hover  {
  color: yellow;
  background-color: #FF0000;
  text-decoration: none;
  font-weight: bold;
}

.horbaritem a:active  {
  background-color: yellow;
  color: green;
  text-decoration: none;
}

.horbaritem a img {
  border:none;
  margin:0;
  padding:0;
}

.verbar  {
  color: black;
  background-color: #FFF;
  border: 2px solid #ffaa55;
  margin-right:.0em;
}

.submenu  {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

.subframe  {
  position: relative;
  display: block;
  background-color: #000;
  border: 2px solid #FF0000;
}

.item  {
  text-align: left;
  white-space: nowrap;
  font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
  font-size: 1em;
  margin:.0em 0em .0em .0em;
  padding: .1em .1em .1em .1em;
}

.item a  {
  position: relative;
  display: block;
  text-decoration: none;
}

.item a:link  {
  color: white;
  text-decoration: none;
}

.item a:visited  {
  color: #FFcc33;
  text-decoration: none;
}

.item a:hover  {
  color: yellow;
  background-color: #FF0000;
  text-decoration: bold;
}

.item a:active  {
  color: yellow;
  text-decoration: none;
  font-weight : bold;
}

.item .fwdarr  {
  position: absolute;
  top: .5em;
  right: .5em;
}

.item a img {
  border:none;
}

.separator  {
  background-color: #ff0000;
  border-top: 0px solid red;
  border-bottom: 0px solid #ffffff;
  margin: 0 0 0 0;  /* top right bottom left */
  padding:0 0 0 0;
  height: 0;
  font-size: 0px;
  line-height: 0;
}

/*--- LIGHTBOX ---*/
#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(./assets/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./assets/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./assets/images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }