body
{
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* main page */
.page
{
  width:100%;
  position: relative;
  text-align: left;
}

.pagePopup {overflow:hidden;}
.pagePopup .page 
{

  width: 680px;height:520px;overflow:hidden;
  margin:55px 15px 15px 15px;
  padding:5px;
  background-color:white;  
}

/* the main content of a page */
.pageContent
{
  position: absolute;z-index:20;
  left: 46px; top: 79px;
  width: 560px; height: 374px;
  padding: 5px 15px;
  margin:5px;
  overflow: hidden;
  overflow-y: scroll;
  line-height: 16px;
}

.pagePopup .pageContent
{
  position: relative;z-index:20;
  left: 0px; top: 0px;
  width: 680px; height: 518px;
  margin:0;
  padding:0;
  overflow: hidden;
  overflow-y: scroll;
  line-height: 16px;
}

.op .pageContent { overflow: scroll;}
.ff .pageContent {width:585px;height:384px;}

.pageContent
{

  scrollbar-3dlight-color:#CDDDF2;
  scrollbar-arrow-color:#ffffff;
  scrollbar-base-color:#ff6347;
  scrollbar-darkshadow-color:#B4CBEA;
  scrollbar-face-color:#9DC1E9;
  scrollbar-highlight-color:#8BB3E0;
  scrollbar-shadow-color:#81AAD8;
  scrollbar-track-color:#DEE9F6;
}

.pageCmsLink 
{
  position: absolute;top: 20px; left: 20px;z-index:20;
}
.pageCmsLink2
{
  left: 55px;
}

.pageCmsLink a {color:blue;}

.pageBackground 
{
  position: absolute;left: 46px; top: 79px;z-index:10;
  width: 600px; height: 394px;
  background-color:white;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity:0.6;
}

.over .pageBackground
{
  opacity:0.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

/* the green green grass at the home */
.pageStylingBottomBackground
{
  position: absolute;
  left: 0; top: 384px;
  width: 100%; height: 88px;
  background: url("../images/bg_grass.jpg") no-repeat 0 -22px;
}

/* the transparent box behind pageContent */
.pageStylingContentBackground
{
  position: absolute;
  z-index: 2;
  left: 14px; top: 29px;
  width: 550px; height: 281px;
  background: #fff;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);  
}

.pageContent h2
{
  margin: 0 0 10px 0;
  font-size: 16px;
}
.pageContent h3
{
  margin: 0;
  font-size: 13px;
}
.pageContent h4
{
  margin: 15px 0 0 0;
  font-size: 12px;
}


.pageContent a
{
  color: #000;
}
.pageContent a:hover
{
  text-decoration:none;
}
.pageContent .resultType
{
  color:gray;
}

.pageLinks 
{
  position:absolute;top:0px;right:10px;
  font-size:0.9em;line-height:1.5em;
  text-align:right;
}
.pageProductHeader {padding:1em 0 0.5em 0;border-bottom:solid 1px black;}
.pageOrganisationHeader {padding:1em 0 0.5em 0;border-bottom:solid 1px black;}

.pageProdType,
.pageOrgType {margin:0 0 10px 0;color:gray;}
.pageProdValue,
.pageOrgValue {margin:0 0 0 10px;}
.pageProdValueTD {width:140px;}
.pageOrgValueLabel{text-transform:capitalize;}

.pagePopupContentHeader 
{
  position:absolute;top:5px;left:5px;
  width:664px;height:40px;z-index:30;
  background-color:white;
  padding-top:5px;
}


/* img */
.plaatje-container
{
  margin:30px 20px 30px 0;
  display:block;
}

.plaatje-container-align-center
{
  text-align:center;
}
.plaatje-container-align-center .plaatje
{
  margin: 0 auto;
}

.plaatje-container-align-right
{
  text-align:right;
}
.plaatje-container-align-right .plaatje
{
  margin: 0 0 0 auto;
}