@media all {
  #RTE                                          { font-family: Trebuchet MS,Arial,Helvetica; font-size: 75%; lline-height: 100% }

  body                                          { margin: 0px; font-family: Trebuchet MS,Arial,Helvetica }
  table, div                                    { font-size: 1.0em }

  p, td, input, select, textarea                { font: 1.0em Trebuchet MS,Arial,Helvetica; color: #333333 }

  p, div, img, form                             { margin: 0px; padding: 0px }

  ul                                            { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url("../img/bullet.gif") }
  hr                                            { height: 1px; border: none; background-color: #2B512A; color: #2B512A }

  h1                                            { margin: 0px; padding: 0px; font-weight: bolder; font-size: 1.6em; line-height: 1.5em }
  h2                                            { margin: 0px; padding: 0px; font-weight: bolder; font-size: 1.5em; line-height: 1.5em }
  h3                                            { margin: 0px 0px 9px 0px; padding: 0px; font-weight: bolder; font-size: 1.2em; line-height: 1.5em }
  h4                                            { margin: 0px; padding: 0px; font-weight: bolder; font-size: 1.2em; line-height: 1.5em }
  h5                                            { margin: 0px; padding: 0px; font-weight: bolder; font-size: 1.1em; line-height: 1.5em }
  h6                                            { margin: 0px; padding: 0px; font-weight: bolder; font-size: 1.1em; line-height: 1.5em }

  div.extranet                                  { color: white; text-align: right; font-size: 120%; font-weight: bold; padding: 0px 5px 20px 0px }

  .menu                                         { padding-left: 10px; font-size: 12px }

  .textcol                                      { padding: 10px; font-size: 1.2em; line-height: 1.5em }
  .textcol a.title                              { font-weight: bolder; text-decoration: underline }
  .textcol p.excerpt                            { padding-bottom: 6px }
  .textcol div.navigator                        { margin-top: 8px; text-align: center; font-size: 115% }
  .textcol div.navigator span                   { font-weight: bolder }
  .textcol div.navigator a                      { text-decoration: underline }
  .textcol img                                  { vertical-align: middle }

  #logo                                         { background: url("../img/header.jpg") #86976E no-repeat; padding: 0px }
  #logo a                                       { display: block; width: 100%; height: 100% }

  #search                                       { background: url("../img/header-right.jpg") #86976E no-repeat; padding: 0px }
  #search input.text                            { height: 20px; border-width: 1px; margin: 0px 0px 6px 0px; padding: 0px 1px; font-size: 12px }
  #search input.button                          { height: 20px; border-width: 1px; margin: 0px 5px 5px 0px; padding: 0px 1px; font-size: 12px }

  #MapNL                                        { }

  #submenu                                      { background-color: #D0DFBE; font-size: 1.2em; line-height: 1.5em; padding: 10px 10px 15px; margin-bottom: 5px }
  #submenu div.path                             { margin-bottom: 6px; border-bottom: 1px solid #B0BB9A }
  #submenu a, #submenu a:visited                { color: #2B512A }
  #submenu a:hover                              { color: #3B813A }
  #submenu a.active                             { font-weight: bolder; text-decoration: none }

  #context                                      { background-color: #FFEF70; font-size: 1.2em; line-height: 1.5em; padding: 10px 10px 20px 10px }
  #context form option                          { font-size: 11px }

  #contact form                                 { width: 100% }
  div.error                                     { color: red }
  #contact input.text,
  #contact textarea                             { width: 100%; padding: 0px 1px; border-width: 1px }
  #contact input.button                         { margin-top: 8px }

  #footer                                       { background-color: #EBEBEB; padding-left: 10px; font-size: 1.2em; line-height: 1.5em }
}

@media screen {
  body                                          { background-color: #F5F5F5 }

  p, td, input, select, textarea                { color: #333333 }

  #mainpage                                     { width:770px; height:100%; background-color: white }

  h2, h4, h6                                    { color: #EFEFC0 }

  a, a:visited                                  { color: #3B813A; text-decoration: none }
  a:hover                                       { color: #3BA13A; text-decoration: underline }

  .menu                                         { background-color: #EBEBEB }
  .menu .divider                                { padding: 0px 3px 4px 3px; font-size:14px; font-weight: bolder }
  .menu a, .menu a:visited                      { display: block; height: 26px; padding: 0px 2px; text-decoration: none; color: #333333 }
  .menu a:hover                                 { text-decoration: underline; color: #3B613A }
  .menu a.active                                { background: url("../img/bg-menuactive.gif") 0px 18px repeat-x  }

  #help, #help:visited                          { display: block; float: right; width: 23px; height: 15px; font-size: 1px; cursor: pointer;
                                                  background-image: url("../img/help.gif"); background-repeat: no-repeat;
                                                }
  #help:hover                                   { background-position: 0px -15px; text-decoration: none }
  #print, #print:visited                        { display: block; float: right; width: 23px; height: 15px; font-size: 1px; cursor: pointer;
                                                  background-image: url("../img/print.gif"); background-repeat: no-repeat;
                                                }
  #print:hover                                  { background-position: 0px -15px; text-decoration: none }

  #theme, #theme:visited                        { display: block; float: right; width: 23px; height: 15px; font-size: 1px; cursor: pointer;
                                                  background-image: url("../img/theme.gif"); background-repeat: no-repeat;
                                                }
  #theme:hover                                  { background-position: 0px -15px; text-decoration: none }

  #steunpuntsel                                 { width: 95% }
}

@media print {
  body, #footer                                 { background-color: transparent; color: black }

  #rightcolsizer,
  tr.headerrow form,
  #mainmenusep,
  #mainmenu,
  #submenu                                      { display: none }

  #steunpuntsel                                 { width: 90% }

  a, a:visited                                  { text-decoration: none; font-weight: bolder; color: black }
}