/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  @media print, screen {  div#toegang { display: none;   }    }

/* ======================== PRINT ================================== */
    
  @media print {
  
  body { margin: 0px; background: transparent none repeat scroll 0% 50%; color: #000;  font-size: 10pt;     }
  
  p, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 { margin: 0pt;   padding: 0pt 0pt 1em;    color: #000;   }
  
  a:link, a:visited { color: #000;  text-decoration: underline;    }
    
  .navigatie, div#inhoudsopgave { display: none;    }
    
  div#container, div#koptekst { padding: 0pt;  position: static;  width: 840px;    }
  
  div.document div#inhoudsopgave { display: block;    }
  
  div.document div#artikel { display: block;    }

  div#inhoud { border: 0px ;    padding: 0px;    clear: none;    }
  #plangegevens {  }
  #plangegevens table { border: medium none ;
    margin: 0pt 0pt 0.5em 0.5em;
    }
  #plangegevens th, #plangegevens td { color: rgb(104, 104, 104);    font-size: 8pt;    }
  
}

/* ======================== SCHERM ================================== */

@media screen {

  body { margin: 0pt;    background: #bbb;    }


  a img { border: 0pt none ;    }

  body, p, li, table, div { font-family: Arial,Helvetica,sans-serif;    line-height: 1.4em;    color: #000;    font-size: 12px;  }
 li,  div { margin-top:8px;    }

  p, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 { margin: 0pt;    padding: 1em 0pt 0pt;    }

  h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12 { font-weight: inherit;    }

  h1 { font-size: 18px;    }

  h2 { font-size: 15px;    }

  h3 { font-size: 14px;    }

  h4, h5, h6, h7, h8, h9, h10, h11, h12 { font-size: 12px;    }

  a:link, a:visited { color: #005620;    font-weight: normal;    text-decoration: none;    }

  a:hover { text-decoration: none;    color: #000;    }

  a.voetnootlink:link, a.voetnootlink:visited { cursor: help; text-decoration: none; vertical-align: super; line-height: 0.2em; font-size: 70%; margin-left: 0.1em; }

  a.voetnootlink:hover { text-decoration: none;   }

  ul#voetnoten { border-top: 1px dashed #999; margin: 1em 0pt 0pt; padding: 0pt; width: 860px;  }

  ul#voetnoten li { margin: 1em 0pt 0pt;  padding: 0pt 0pt 0pt 2.2em;  position: relative;  width: 90%;    }

  a.voetnootterug { position: absolute;    left: 0pt;    line-height: 1;    top: 0.2em;  }

  div#container { padding: 10px 10px 30px 10px;    margin:0 auto;   }
  
  div#begin{ }

  div#koptekst {    width: 900px; margin:0 auto; background:#eee;   }

  div#routeverwijzing {  padding: 0px 0px 0px 20px;  overflow: auto;   height: 66px;  }

  .route { margin: 0pt;    float: left;    color: #333;    font-size: 12px;    }

  h1.route { margin: 0pt;    padding: 0pt;    float: none;    line-height: normal;    font-size: 24pt;   }

  .route a  { padding: 0pt 1em 0pt 0pt;    color: #030 text-decoration:none; padding: 2px 9px 2px 0px; }

  .route a:hover {  	background: #fff none repeat scroll 0% 50%;    color: #000; padding: 2px 9px 2px 0px; }

  .route a:before { content: " \25BA  ";    }

  #plangegevens { padding: 0px; margin: 0px 9px 9px 0px;    float: right; background:  #ddd;   }

  #plangegevens table { border-collapse: collapse;    }

  #plangegevens th { padding-right: 1em;    }

  #plangegevens th, #plangegevens td {  font-weight: bold; color: #333; vertical-align: top; text-align: left; line-height: 110%;   max-width: 30em; font-size: 12px;border: 1px solid #c1e5dd; padding: 1px 12px 1px 3px; background: #fff;  }

  div#hoofdmenu { padding: 0pt; background: #fff none repeat scroll 0% 50%;   clear: both;    overflow: auto;    width: 900px;  }

  div#hoofdmenu ul { margin: 0pt; padding: 0pt; }

  div#hoofdmenu li { margin: 0pt;  padding: 0pt; float: left; }

  div#hoofdmenu a { padding: 9px 24px 9px 20px;  display: block; color: #030; text-decoration: none; background-color: #c1e5dd; font-size: 15px; border-right: solid 1px #eee;  }

  div#hoofdmenu a:hover {  color: #000; background-color: #fff; text-decoration: none; border-right: solid 1px #eee; }

  div#inhoudsopgave, div#inhoud, div#artikel { clear: both;    }

  div#inhoud { border-bottom: 1px solid #00AB91; width:780px;    padding: 20px 100px 180px 20px; background: #fff  url(http://www.hattem.nl/roonline/0269/CSSfiles/logorechtsonder.png) no-repeat right bottom /*scroll 0% 50%*/ ; list-style-type: none; margin: 0 auto 10px auto;  }

  #hoofdmenu.navigatie { background: #c1e5dd;  }
  
  div.navigatie ul { display: block; float: none; list-style-type: none; background: #040; }

  div.navigatie li { margin: 2em; display: inline; float: left; }

  ul.inhoudsopgave, ul#voetnoten { list-style-type: none;  }

  ul.inhoudsopgave a:link, ul.inhoudsopgave a:visited {  }

  ul.inhoudsopgave a:hover {  }

  div.document div#inhoudsopgave ul { margin-left: 20px; padding-left: 0pt; }

  div.document div#inhoudsopgave ul ul ul { margin-top: 0.5em;   }

  div.document div#inhoudsopgave ul ul ul ul { margin-top: 0pt;   }

  div.document div#inhoudsopgave ul li { margin-top: 1em; font-size: 17px; font-weight: bold;    }

  div.document div#inhoudsopgave ul ul li { margin-top: 0.5em;  font-size: 14px; font-weight: bold;  }

  div.document div#inhoudsopgave ul ul ul li { margin-top: 0pt; font-size: 12px; font-weight: bold; }

  div.document div#inhoudsopgave ul ul ul ul li { font-size: 12px; font-weight: normal; }
   
  div#inhoudsopgave ul li { list-style-type: none;  }

  
  div#artikel ul { margin-left: 0pt; padding-left: 0pt;  }

  div#artikel ul ul { margin-left: 4em; }

  div#artikel ul ul ul { margin-top: 0.5em; }

  div#artikel ul ul ul ul { margin-top: 0pt; }

  div#artikel ul li { margin-top: 0pt; margin-left: 4em; font-size: 14px; font-weight: normal; list-style-type: none;  }

  div#artikel ul ul li { margin-top: 0pt; font-size: 12px; font-weight: normal; list-style-type: none; }

  div#artikel ul ul ul li { margin-top: 0pt; font-size: 10px; font-weight: normal; list-style-type: none; }

  div.document div#artikel ul ul ul ul li { font-size: 12px; font-weight: normal; }
    
   #container > div#navigatiemenu { position: fixed;   }

  div#navigatiemenu ul { margin: 2em 0pt 0pt;  padding: 0pt;   }

  div#navigatiemenu li { margin: 0.5em 0.25em; padding: 0.1em 0.5em; float: none; display: block; width: 4.5em; }

  div#navigatiemenu li { background: #000 none repeat scroll 0% 50%; }

  div#navigatiemenu li:hover { background: #000 none repeat scroll 0% 50%; }

  div#navigatiemenu a:link, div#navigatiemenu a:visited { display: block; width: 800px; color: #ff0; text-decoration: none;  }

  div#navigatiemenu li:hover a:link, div#navigatiemenu li:hover a:visited { color: #ff0; text-decoration: none; }

  div#navigatiemenu span.inactief { color: #990; }

  div#navigatiemenu li:hover span.inactief { color: #990; }

  span.lijstnummer { display: none; }

  ins { text-decoration: none; }
  
  .pdf { background: url('http://www.hattem.nl/roonline/0269/CSSfiles/pdf.png') no-repeat right ; padding: 0 24px 0 0; }

  .mark1 { color: #000; background-color: #ff0; }

  .mark2 { color: #000; background-color: #0f0; }

  .mark3 { color: #000; background-color: #0ff; }

  .mark4 { color: #000; background-color: #f0f; }

  .mark5 { color: #000; background-color: #ccc; }

  .mark6 { color: #000; background-color: #666; }

  .doorstreept { text-decoration: line-through; }

  .superscript { vertical-align: super;  }

  .subscript { vertical-align: sub;  }

  .superscript, .subscript { line-height: 0.2em;  font-size: 70%;    }

  .onderstreept { text-decoration: underline; }

  ul.upper-alpha { list-style-type: upper-alpha;  }

  ul.lower-alpha { list-style-type: lower-alpha;  }

  ul.upper-roman { list-style-type: upper-roman;  }

  ul.lower-roman { list-style-type: lower-roman; }

  ul.decimal { list-style-type: decimal; }

  table.teksttabel { border-collapse: collapse;  width: 800px;   }

  td.teksttabelcel { border: medium none ;  vertical-align: top; }

  td.border-bottom, td.bottomborder { border-bottom: 1px solid #000; }

  td.border-left, td.leftborder { border-left: 1px solid #000;  }

  td.border-right, td.rightborder { border-right: 1px solid #000; }

  td.border-top, td.topborder { border-top: 1px solid #000; }
  
  
  
  }