html
{
  height: 100%;
  overflow-y: scroll;
}

img { border: 0; }

body
{
  font-family: Arial, Helvetica, Sans-serif;
  height: 100%;
  background-color: #FBF7EC;
  background-image: url(../images/left_bg.png);
  background-repeat: repeat-y;
  margin: 0;
  padding: 0;
}

#acasalogo
{
  position: absolute;
  width: 317px;
  height: 153px;
  left: 361px;
  top: 5px;
  cursor: pointer; cursor: hand; /* IE fix */
  z-index: 50;
}

#banners
{
  padding-top: 200px;
}

#banners div.banneritem
{
  margin: 0;
  padding: 0 0 7px 0;
}

#leftoverlay
{
  position: absolute;
  top: 0;
  left: 0;
}

#langswitches
{
  position: absolute;
  top: 40px;
  left: 0;
  width: 960px;
  text-align: right;
}

#langswitches td.flag
{
  padding: 0 6px 0 0;
}

#langswitches a
{
  font-size: 74%;
  text-decoration: none;
  color: #000000;
  font-style: italic;
}

#langswitches a:hover
{
  color: #508C3C;
}

table.framework div.leftcolumncontents
{
  padding-top: 156px;
  padding-left: 375px;
}

h1
{
  color:#508C3C;
  font-size:133%;
  font-style:normal;
  font-weight:bold;
  margin:0;
  padding:12pt 0 3pt;
  text-align:left;
  text-decoration:none;
  text-indent:0;
  text-shadow:none;
}
a.homelink
{
  position: absolute;
  top: 0px;
  left: 20px;
  font-weight: bold;
  font-style: italic;
  font-size: 76%;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 4px 3px 2px 3px;
  width: 40px;
  background-color: #508c3c;
}

table.framework
{
  height: 100%;
}

table.framework td.leftcolumn
{
  width: 330px;/*width: 315px;*/
  height: 739px;
  background-image: url(../images/lefttop_bg.png);
  background-repeat: no-repeat;
}

#dnvlogo
{
  padding-top: 40px;
}

#leftmenu
{
  position: absolute;
  top: 380px;
  left: 15px;
  z-index: 100;
}

#leftmenu a
{
  font-size: 76%;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
}

#leftmenu a.selected, #leftmenu a.unselected:hover
{
  color: #0f0f0f;
}

#leftmenu a.unselected
{
  color: #FFFFFF;
}


div.greenbar
{
  margin: 10px 0px 5px 0;
  height: 25px;
  background-color: #508c3c;
}

div.greenbar, div.bottomitems
{
  width: 620px;
}

div.bottomitems
{
  margin: 0px 0px 5px 0;
  font-size: 70%;
  color: #508c3c;
  text-align: right;
}

div.bottomitems a
{
  color: #508c3c;
  text-decoration: none;
}

/* Home section */

div.homecontainer
{
  /*margin: 30px 0px 0px 0;*/
  padding: 30px 0 0 0;
  width: 630px;
}

a.homemenu
{
  display: block;
  margin: 35px 15px 0 0;
  padding: 5px 0 5px 5px;
  background-color: #508c3c;
  color: #ffffff;
  text-decoration: none;
  font-size: 76%;
  font-style: italic;
  font-weight: bold;
  width: 205px;
}

a.homemenu-last
{
  margin-right: 0;
}

.homenewsunsel
{
  font-size: 65%;
  color: #A6A6A6;
  margin: 10px 12px 10px 0;
}

.homenewsunsel div.title
{
  color: #000000;
}

.homenewsunsel div.description
{
  color: #A6A6A6;
}

table.homenewssel
{
  font-size: 70%;
  color: #0F0F0F;
  margin: 10px 0px 10px 8px;
  width: 202px;
}

.homenewsunsel td.city, table.homenewssel td.city
{
  padding: 7px 0px 3px 0px;
  font-weight: bold;
}

.homenewsunsel ul
{
  color: #000000;
  margin: 0;
  padding: 0;
}

table.homenewssel ul
{
  color: #0F0F0F;
  margin: 0;
  padding: 0;
}

.homenewsunsel ul li, table.homenewssel ul li
{
  margin-left: 15px;
  padding: 0 0 2px 0;
}

.homenewsunsel ul li
{
  color: #A6A6A6;
}

.homenewsunsel ul li a.newstitle, .homenewsunsel a.newstitle
{
  color: #A6A6A6;
  font-weight: bold;
  text-decoration: none;
}

.homenewsunsel ul li a.newstitle:hover, .homenewsunsel a.newstitle:hover
{
  color: #000000;
}

table.homenewssel ul li a.newstitle, table.homenewssel a.newstitle
{
  color: #0F0F0F;
  text-decoration: none;
}

.homenewsunsel a.more
{
  color: #92b57c;
  text-decoration:none;
}

table.homenewssel a.more
{
  color: #508c3c;
  text-decoration:none;
}

table.homenews td.dividertop
{
  border-top: 1px solid #508C3C;
}


a.allitems
{
  font-size: 76%;
  font-weight: bold;
  color: #508c3c;
  text-decoration: none;
  margin-left: 8px;
  display: block;
  width: 180px;
}

a.allitems:hover
{
  color: #508c3c;
}

/* Normal section */

div.normalcontainer
{
  margin: 10px 0px 0px 0;
  padding: 0 15px 0 0;
}

table.submenu td
{
  width: 150px;
  padding: 0px 20px 0px 0px;
}

table.submenu a
{
  display: block;
  padding: 4px 5px 4px 8px;
  color: #ffffff;
  text-decoration: none;
  font-size: 76%;
  font-style: italic;
  font-weight: bold;
}

table.submenu a.selected, table.submenu a.unselected:hover
{
  background-color: #508c3c;
}

table.submenu a.unselected
{
  background-color: #92b57c;
}

div.subsubmenu a
{
  text-decoration: none;
  font-size: 76%;
  font-style: italic;
  font-weight: bold;
}

div.subsubmenu a.selected, div.subsubmenu.unselected
{
  color: #508c3c;
}

div.subsubmenu a.unselected
{
  color: #0F0F0F;
}

div.content
{
  width: 630px;
}

.text
{
  font-size: 76%;
}

.bold
{
  font-weight: bold;
}

div.content a
{
  color: #508c3c;
}

ul.sitemap
{
  font-size: 76%;
  color: #508c3c;
}

ul.sitemap a
{
  color: #508c3c;
  text-decoration: none;
}

ul.sitemap a:hover
{
  text-decoration: underline;
}

div.nccw-iframe
{
  margin-top: 10px;
}

.iframe
{
  background-color:#FBF7EC;
}

div.mainmenudropdown
{
  position: absolute;
  background-color: #FFFFFF;
  border-top: 1px solid #8B94B3;
  border-right: 2px solid #8B94B3;
  border-left: 1px solid #8B94B3;
  border-bottom: 2px solid #8B94B3;
  top: 203px;
  margin-left: 3px;
  visibility: hidden;
  width: 220px;
  white-space: nowrap;
  filter:alpha(opacity=92);
  -moz-opacity:0.92;
  opacity: 0.92;
}

div.mainmenudropdown a.mainmenudropdownitem
{
  font-weight: bold;
  font-size: 76%;
  text-decoration: none;
  color: #303030;
  display: block;
  padding: 3px 0px 3px 5px;
  position: relative;
}

div.mainmenudropdown a.mainmenudropdownitem:hover
{
  background-color:#000000;
  color:#FFFFFF;
  text-decoration:none;
}

div.question-nr
{
  text-align:center;
  width:20px;
}

.sec_bgcolor
{
  background-color: #508C3C;

}
.sec_color
{
  color: #0066CC;
}

.white
{
  color:#FFFFFF;
}

.bold
{
  font-weight:bold;
}

/* The standard webpack CSS. This CSS is shared by all webpacks and
   modifying it allows you to easily adapt all webpack types to your
   site design. We recommend that you remove this CSS from the individual
   webpack demos, and instead move it to your site's central CSS files */

/* Global tag, containing the complete webpack item */
.whwp
{
  font-size: 76%;
  color: #000000;
}

/* Webpack item title */
.whwp .whwp-title
{
  font-weight: bold;
}

/* Characteristics shared between input and button style links */
.whwp .whwp-button, .whwp .whwp-button:hover
{
  width: 100px;
  background-color: #508C3C;
  text-align: center;
  color: #FFFFFF;
  border: outset 2px;
  border-right-color: #808080;
  border-bottom-color: #808080;
  margin: 3px 3px 3px 0px;
}

/* Links with an input button appearance */
.whwp a.whwp-button, .whwp a.whwp-button:hover
{
  display: block;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  padding: 2px 5px;
}

.whwp input.whwp-button
{
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  cursor: hand;
  font-size: 100%; /* Inherit font-size */
}

.whwp .whwp-questiongroup
{
  padding: 10px;
  margin: 20px 0px;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px;
}

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question
{
  font-style: italic;
  margin: 10px 0px 4px 0px;
}

.whwp .whwp-questiongroup .whwp-question input, .whwp .whwp-questiongroup .whwp-question textarea,
.whwp .whwp-questiongroup .whwp-question option, .whwp label input, .whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label
{
  font-size: 100%;
  font-style: normal;
}

.whwp .whwp-entry
{
  border: 1px solid #000000;
  margin: 10px 0px;
}

.whwp .whwp-entry .whwp-header
{
  background-color: #D0D0D0;
  font-weight: bold;
  padding: 4px;
}

.whwp .whwp-entry .whwp-message
{
  padding: 4px;
}

.whwp .whwp-entry .whwp-message blockquote
{
  margin-left: 1pt;
  border-left: 1pt solid #000000;
  padding-left: 5pt;
}

.whwp .whwp-entry .whwp-footer
{
  padding: 5px;
}

.whwp table.whwp-table
{
  border: solid 1px #000000;
  border-collapse: collapse;
  width: 100%;
  font-size: 100%; /* Ensure IE picks up the inherited font-size for this table */
}

.whwp table.whwp-table th
{
  text-align: left;
  padding: 2px 5px;
  background-color: #D0D0D0;
  vertical-align: top;
  white-space: nowrap;
  color: #000000;
}

.whwp table.whwp-table td
{
  text-align: left;
  padding: 2px 5px;
  vertical-align: top;
}

.whwp .whwp-odd
{
  background-color: #EEEEEE;
}

.whwp .whwp-even
{
  background-color: #FFFFFF;
}

.whwp .whwp-errors
{
  color: #FF0000;
}

.whwp table.whwp-attachments
{
  font-size: 100%;
}

/* End of the standard webpack CSS definitions */

.whc
{
  font-size: 76%;
}

.whc a
{
  color: #508c3c;
}

.whc_searchbox
{
  border: none; padding: 8px 6px;
}

.whc_searchbox input.whc_searchfield
{
  font-size: 100%; /* Inherit font-size */
  font-style: normal;
  border: 1px solid #0F0F0F;
}


.whc_searchbox input.whc_searchbutton
{
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  cursor: hand;
  font-size: 100%; /* Inherit font-size */
  width: 100px;
  background-color: #508c3c;
  border: none;
  text-align: center;
  color: #FFFFFF;
  margin: 0px 3px 1px 0px;
  font-weight: bold;
}

.whc .whc_header
{
  font-weight:bold;
  font-size: 110%;
}

.whc div
{
  padding: 0px 0px 5px 0px;
}

.whc .result_header
{
  font-size: 120%;
}

.whc .result_footer
{
  font-size: 90%;
}

.whc div.navpages
{
  padding: 5px 0px 5px 0px;
}

input.greenbutton
{
  background-color:#508C3C;
  border:medium none;
  color:#FFFFFF;
  cursor:pointer;
  font-size:80%;
  font-weight:bold;
  margin: 3px 3px 1px 0;
  padding:3px;
  text-align:center;
}

/* Prikbord stijlen */
.prikbordcontent { border: 1px solid #fffef4; background-color:white; margin-top:10px; width:450px}
.prikbord   { font-size: 10px; line-height: 12px; font-family: "Comic Sans MS"; }
.pbgeel { background: url(../images/geel_6x.jpg) no-repeat }
.pbroze { background: url(../images/roze_1x.jpg) no-repeat }

div.homepagebanners
{
  padding: 25px 0 0 0;
}

.maatje
{
  padding-left: 21px;
}

div#brandweeroefening
{
  padding: 10px 0 0 0;
}