/* reset CSS: START */


/*    reset css - site logogroep   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0pt none;
  font-family: inherit;
  font-size: 100%;

  margin: 0pt;
  outline-color: invert;
  outline-style: none;
  outline-width: 0pt;
  padding: 0pt;
}

/* reset CSS: END */
/* html CSS: START */



img.img_south      { margin:  0px 10px  4px  4px; }
img.img_south_west { margin:  0px  0px  4px  4px; }
img.img_west       { margin:  0px  0px  4px  4px; }
img.img_north_west { margin: 10px  0px  0px  4px; }
img.img_north      { margin: 10px 10px  0px  4px; }
img.img_north_east { margin: 10px 10px  0px  0px; }
img.img_east       { margin:  0px 10px  4px  0px; }
img.img_south_east { margin:  0px 10px  4px  0px; }
img.img_all        { margin: 10px 10px  4px  4px; }

img.left           { float: left; }
img.right          { float: right; }


table.ISE-header, tr.ISE-header, td.ISE-header, table.ISE-tablet tr.ISE-header td, table.ISE-tablet td.ISE-header 
{
  background-color: #E75001;
  color: #FFF;
  font-weight: bold;
}

tr.ISE-footer
{
  background-color: #CCC;
}

table.ISE-border
{
  border: 1px solid black;
  border-collapse: collapse;
}

table.ISE-border td
 {
 padding:4px;
}

table.ISE-boxborder
{
  border: 1px solid black;
  border-collapse: collapse;
}

table.ISE-boxborder td {
 border: 1px solid black;
 padding:4px;
}

table.ISE-tablet td {
  background-color: #E9E6E5;
  padding: 0px 4px 0px 4px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #EEE8E2 #a5aCa5 #a5aCa5 #EEE8E2
}

.ISE-align-left
{
  text-align: left;
}

.ISE-align-right
{
  text-align:right;
}

h1.ISESTYH
{
  font-family: "Arial Narrow Bold", "Arial Narrow", TArial;
  font-size: 1.67em;
  padding-bottom: 20px;
  color: #999999;
  font-weight: bold;
  vertical-align: top;
}


a {
  text-decoration: none;
  color: inherit;
}

#header h1
{
  font-size: 2.6em;
  color: #FFF;
  padding: 40px 10px 0 10px;
  text-align: right;
}

.standardtext {
  font-size: 1.2em;
  line-height: 1.5em;
}

.clear {
  clear:both;
}

sup { 
  line-height: 0.3em;
}



/* expiriment ".contentbodypane " weggehaald bij 4 onderstaande styles */
.maintext {
  padding: 0px 0px 0px 0px;
  line-height: 1.5em;
  font-size: 1.2em;
/*  float: left; */
  width: 646px;
  overflow: hidden;
}
.contentbodypane {
  clear: left;
}
.maintext h1 {
  font-family: "Arial Narrow Bold", "Arial Narrow", TArial;
  font-size: 1.67em;
  padding-bottom: 20px;
  color: #999999;
  font-weight: bold;
  vertical-align: top;
}

.maintext a {
  color: #0098DB;
  text-decoration: none;
}
.maintext a:hover {
  text-decoration: underline;
}



.contentbodypane h3.subhead {
  font-weight: bold;
  height: 1.8em;
  line-height: 1.8em;
  font-size: 1.2em;
  padding-left: 0px;
  cursor: pointer;
  cursor: hand;
  color: #000000;
  background: #CCCCCC url(/nmg/gx/ZyniefxHwnG.gif) repeat-x bottom;
  /* LN20071218:   width: 100%; werkt niet correct op IE 7 */
  width: auto;
}
.contentbodypane div.subtext {
  line-height: 1.5em;
  font-size: 1.2em;
  padding: 10px 20px 10px 20px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.contentbodypane h3.subhead div.accarrr {
  display: block;
  width: 20px;
  padding: 4px 0px 0px 2px;
  float: left;
}
.contentbodypane h3.subhead div.accarrd {
  display: none;
  width: 20px;
  padding: 2px 0px 0px 4px;
  float: left;
}
.contentbodypane h3.active, .contentbodypane h3.hover  {
  color: #FFFFFF;
  background-color: #999999;
}
.contentbodypane h3.active div.accarrr, .contentbodypane h3.hover div.accarrr {
  display: none;
}
.contentbodypane h3.active div.accarrd, .contentbodypane h3.hover div.accarrd {
  display: block;
}
.contentbodypane td {
  vertical-align: top;
}
#accordion {
  float: left;
  width: 100%;
}


.bannered {
  width: 450px;
}

.banner {
  float: right;
  margin-bottom: 10px;
  clear: right;
}


#subsubmenu {
  clear: both;
}

/* html CSS: END */

/* outline CSS: START */

/*    outline css  */

#pageWrapper
{
  margin: 0px auto;
}

#header {
  position: relative;
}

#mainWrapper
{
  overflow: hidden;
  width: 100%;
  clear: both;
}

 
#mainWrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#left
{
  position: relative;
  float: left;
}

#moduleWrapper
{
  position: relative;
  float: left;
}

#moduleWrapper .module {}

#right
{
  position: relative;
  float: right;
}

#footer {
  position: relative;
}/*    outline css - site logogroep   */

body, html {
  height: 100%;
}

body {
  background-color: #DFDFDF;
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 62.5%;
  line-height: 1;
  height: 100%;
}

body{} /* JN 071211 laten staan! javascript in ISE neemt anders de body-css van outline over. */

#pageWrapper
{
  background: url(/nmg/gx/ZyniefxHunG.gif) repeat-y #FFFFFF;
  position: relative;
  margin: 0pt auto;
  min-height: 100%;
  width: 908px;
  _height: 100%;
}
#pageWrapperPadding
{
  padding-left: 25px;
  padding-right: 25px;
}
#header
{
  height:106px;
  width: 858px;
  z-index: 100;
}

#mainWrapper
{  
  height: auto;
  width: 858px;
  padding-bottom: 40px;
}

#left
{
  background-color: #003145;
  position: relative;
  margin: 0px;
  float: left;
  width: 172px;
  height: auto;
  padding: 0px 0px 40px 0px;
  z-index: 100;
}

#moduleWrapper a {
  color: #0098DB;
}
#moduleWrapper a:hover {
  text-decoration: underline;
}
#moduleWrapper {
/*  background-color: #FFFFFF; */
  margin: 0px 0px 0px 20px;
  z-index: 50;
  width: 646px;
  float: left;
  height: auto;  
/*  padding-bottom: 40px; */
}
#toptekst {
  color: #D52B21;
  position: absolute;
  right: 20px;
  top: 40px;
  font-size: 28px;
  font-weight: bold;
  font-family: "Arial Narrow", arial;
}
#topimage{
  color: #D52B21;
  position: absolute;
  right: 20px;
  top: 40px;
  font-size: 28px;
  font-weight: bold;
  font-family: "Arial Narrow", arial;
}

#crumble {
  padding: 32px 0px 30px 0px;
  vertical-align: bottom;

}

#crumble a.crumblelink
{
  text-decoration: none;
}
#crumble a.crumblelink:hover  
{
  text-decoration: none;
}

#crumble .text
{
  font-size: 23px;
  font-weight: bold;
  vertical-align: top;
}

#hoofdvisual{
  height: 226px;
  width: 646px;
  overflow: hidden;
}

/* outline CSS: END */

/* subSite CSS: START */

/*    site css - site logogroep   */

/* CSS leftbar */

#left ul
{
  
  margin: 0px 0px;
  padding: 0px;
}

#left ul li
{
  list-style-type: none;
  height: 2.0em;
  vertical-align: top;
}

#left ul
{
  margin: 0px;
  padding: 0px;
}

#left ul li {
  background: url(/nmg/gx/ZyniefxHynG.gif) repeat-x bottom;
  list-style-type: none;
  position: relative;
  margin: 0px;
  color: #FFFFFF;
}
#left ul li.selected a {
  background-color: #FFFFFF;
  color: #003145;
}

#left ul li:hover, #left ul li.sfhover {
  background-color: #000000;
}

#left ul a{
  display: block;
  padding: 0px 0px 0px 8px;
  margin: 0px;
  font-size: 1.2em;
  line-height: 1.5em;
  height: 100%;
  color: #FFFFFF;
  overflow: hidden;
}

#left ul li ul {
  display: none;
  position: absolute;
  left: 100%;
  width: 166px;
  top: 0px;
  background-color: transparent;
  text-transform: uppercase;  
  z-index: 100;
}


#left ul.bottomleftnav ul.foldup {
  left: 100%;
  top: auto;
  bottom: -300%;
}

#left ul li:hover ul, #left li.sfhover ul, #left li:hover li:hover ul, #left li.sfhover li.sfhover ul, #left li:hover li:hover li:hover ul, #left li.sfhover li.sfhover li.sfhover ul {
  display:block;
}

#left ul li:hover ul ul, #left li.sfhover ul ul, #left li:hover li:hover ul ul, #left li.sfhover li.sfhover ul ul {
  display:none;
}

#left ul li li {
  background: url(/nmg/gx/ZyniefxHwnG.gif) repeat-x bottom;
  background-color: #CCCCCC;
}

#left ul li li ul {
  left: 100%;
  top: 0px;
}

#left ul li li a, #left ul li.selected li a, #left ul li li.selected a {
  display: block;
  background-color: transparent;
  padding: 0px 5px 0px 5px;
  margin: 0px;
  color: #000000;
}

#left ul li li:hover, #left ul li li.selected, #left ul li li.sfhover {
  color: #FFFFFF;
  background-color: #999999;
}
#left ul li li.sfhover a{
  color: #FFFFFF;
}

#left .navspacer{
  position: relative;
  margin: 0px;
  width: 100%;
  font-size: 1.2em;
  line-height: 1.9em;
  background: url(/nmg/gx/ZyniefxHynG.gif) no-repeat bottom;
}

.leftpic {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* CSS Topmenu */
#toplogo {
  height: 86px;
  padding:0px; 
  margin: 0px;
  float: left;
}

#topmenu {
  padding: 0px 0px 0px 187px; 
  margin: 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  vertical-align: middle;
  background-color: #003145;
  text-transform: uppercase;
/*  overflow: hidden; */
  width: 651px;
  height: 2.0em;
  white-space: nowrap;
  color: #999999;
}
#topmenu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#topmenu li {
  display: block;
  float: left;
  height: 2.0em;
  position: relative;
  line-height: 1.67em;
  color: #999999;
  font-size: 1.2em;
  height: 100%;
}
#topmenu a {
  padding: 0px 5px 0px 5px;
  color: #999999;
}
#topmenu li:hover a, #topmenu li.selected a, #topmenu li.sfhover a {
  color: #FFFFFF;
}
#topmenu li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 2px;
  width: 103px;
  z-index: 100;
}

#topmenu li:hover ul, #topmenu li.sfhover ul, #topmenu li:hover li:hover ul, #topmenu li.sfhover li.sfhover ul, #topmenu li:hover li:hover li:hover ul, #topmenu li.sfhover li.sfhover li.sfhover ul {
  display:block;
}
#topmenu li:hover ul ul, #topmenu li.sfhover ul ul, #topmenu li:hover li:hover ul ul, #topmenu li.sfhover li.sfhover ul ul {
  display:none;
}

#topmenu li li {
  background: url(/nmg/gx/ZyniefxHwnG.gif) repeat-x bottom left;
  background-color: #CCCCCC;
  width: 100%;
  display: block;
  font-size: 1.0em;
  overflow: hidden;
}

#topmenu li li ul {
  left: 100%;
  top: 0px;
}

#topmenu li li a, #topmenu li:hover li a, #topmenu li.sfhover li a {
  display: block;
  padding: 0px 5px 0px 5px;

  white-space: nowrap;
  color: #000000;
}
#topmenu li li:hover a, #topmenu li li.sfhover a {
  color: #FFFFFF;
  background-color: #999999;
}
/* CSS jumpmenu */

#jumpmenu {
  padding: 10px 10px 0px 0px;
  float: right;
  width: 646px;
  text-transform: lowercase;
  text-align: right;
  color: #999999;
}

#jumpmenu ul {
  margin: 0px;
  padding: 0px;
}
#jumpmenu ul li {
  display: inline;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-right: 10px;
  position: relative;
}
#jumpmenu a {
  color: #999999;
  font-size: 1.1em;
}
#jumpmenu a:hover {
  text-decoration: underline;
  color: #000000;
}
#jumpmenu li.selected a {
  color: #000000;
}
#footer {
  padding: 10px 45px 0px 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 30px
  text-align: right;
  z-index: 100;
}

#footer ul {
  text-align: right;
  width: 646px;
  margin: 0px;
  padding: 10px 0px;
  line-height: 10px;
  border-top: 1px solid #999999;
}
#footer ul li {
  text-transform: lowercase;
  text-align: right;
  display: inline;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-right: 10px;
  position: relative;
  color: #999999;
}
#footer a {
  color: #999999;
  font-size: 1.0em;
}
#footer a:hover {
  text-decoration: underline;
  color: #000000;
}
#footer li.selected a {
  color: #000000;
}

/* subSite CSS: END */

/* module CSS: START */

/* Module name: Tekstartikel (CT071120) */

#moduleWrapper {
  margin: 0px;
  width: 666px;
}
#crumble {
  padding: 0px;
}
.maintext {
  width: 666px;
}

/* module CSS: END */