/**
 * Buro SRO - Bestemmingsplan opmaak
 * @version: 03-12-2012
 * @author: Rutger Laurman - lekkerduidelijk.nl
 */

/* Standaard tags
*****************************************************************************/
  html,body { margin:0; padding:0; height: 100%; }
  html { background:url(http://www.buro-sro.nl/plan/plan-achtergrond.jpg) no-repeat top center; }
  body { text-align:center; margin:0 0 10px; background:url(http://www.buro-sro.nl/plan/plan-header.jpg) no-repeat center top; font-family:"Lucida Grande", Arial, Helvetica; font-size:12px; color:#686868; border-top:1px solid #c4d451; }
  h1,h2,h3,h4,h5,h6 { font-weight:normal; padding:0; margin:5px 0 10px 0; }
  h1 { font-size:26px; }
  h2 { font-size:18px; margin:10px 0; }
  h4,h5,h6 { font-size:14px; }
  h6 { font-size:13px; }
  li,p, .lid div { line-height:170%; }
  ul.inhoud li a { color:#5f8d9d; }

/* Basis opmaak layout
 *****************************************************************************/
  #container { background:transparent url(http://www.buro-sro.nl/plan/tagline.gif) no-repeat bottom left; height: 100%; margin:0 auto; position: relative; text-align:left; width:951px; }
  body > #container { background-image:url(http://www.buro-sro.nl/plan/tagline.png); } /* IE */
  #inhoud { border-bottom: 5px solid #C4D451; background-color:#F0F0F0; margin:0 5px; height: 70%; overflow: scroll; overflow-y: scroll; overflow-x: hidden; padding:1% 30px; position: absolute; width:881px; }
  .artikel h1, #inhoud h4, .lid h1 { font-size:18px; border-bottom:1px solid #b4b4b4; }
  .lid h5, .lid h6 { border-bottom:1px solid #b4b4b4; }
  .artikel p { padding:0; margin:0.5em 0; }
  .artikel table td { padding:0.3em; }
  .artikel table tr:nth-child(odd) td { background-color:#cecece; }
  #tekst a img { border:2px solid #fff; }
  div#koptekst { position:relative; padding-top:10px; width:941px; margin:0 5px; }
  #begin{height:60px; padding-left:100px; }

/* Klikpad
 *****************************************************************************/
  div#routeverwijzingen, div#kruimelspoor { padding:5px 0 5px 0; overflow:hidden; float:left; width:500px; }
  .route, .kruimel { margin:0; float:left; font-size:12px; }
  h1.route, h1.kruimel { margin:0; padding:0; float:none; line-height:normal; font-size:28px; color:#373737; font-family:"Lucida Grande",Arial,Helvetica; }
  .route a, .kruimel a { float:left; font-weight:normal; text-decoration:underline; }
  .route a:link, .route a:visited,  .kruimel a:link, .kruimel a:visited { color:#2C3A45; font-size:11px; padding:0 1em 0 0; }
  .route a:before, .kruimel a:before { content:" > "; }

/* Voetnoot links
 *****************************************************************************/
  a.voetnootlink:link, a.voetnootlink:visited { cursor:help; vertical-align:super; line-height:0.2em; font-size:70%; margin-left:0.1em; }
  a.voetnootlink:hover { text-decoration:underline; }
  a.voetnootterug { position:absolute; left:0; line-height:1; top:0.2em; }
  ul#voetnoten { border-top:1px dashed #BE271B; margin:3em 0 0 0; padding:0; width:100%; position:relative; }
    ul#voetnoten li { padding:0 0 0 2.2em; margin:1em 0 0 0; position:relative; width:90%; }

/* Plan gegevens
 *****************************************************************************/
  #plangegevens { float:right; margin:0 35px 1em 0; }
    #plangegevens table { border-collapse:collapse; background-color:#f1f1f1; padding:5px; }
    #plangegevens th, #plangegevens td { padding:0 1em 3px 1em; font-weight:normal; color:#000; font-size:12px; vertical-align:top; text-align:left; margin:0;  line-height:100%; max-width:30em; }
    #plangegevens th { padding-right:0;  text-align:right;  font-weight:bold;  }

/* Hoofdmenu
 *****************************************************************************/
  div#hoofdmenu { position:relative;  width:100%;  background:#FFCC00; clear:both; overflow:auto; background-color:#E5E5E5; color:#2C3A45; }
    div#hoofdmenu ul { position:relative; overflow:auto; margin:0; padding:0; }
    div#hoofdmenu li { float:left; margin:0; padding:0; }
    div#hoofdmenu a { display:block; padding:3px 1.5em; color:#036; font-weight:bold; font-size:12px; text-decoration:none; }
    div#hoofdmenu a.pdf { background-image:url(http://www.buro-sro.nl/plan/plan-iconen.gif); background-repeat:no-repeat;  background-position:right -197px; padding-right:2em; }
    div#hoofdmenu a:hover, div#hoofdmenu a.pdf:hover {  text-decoration:underline; }

/* Pagina navigatie
 *****************************************************************************/
  div.navigatie ul { display:block; float:none; list-style-type:none; }
  div.navigatie li { display:inline; float:left; margin:2em; }

/* Inhoudsopgave
 *****************************************************************************/
  div#inhoudsopgave { padding-left:15px; }
  div#inhoudsopgave, div#inhoud { clear:both; }
    div#inhoudsopgave li.pdf { background:url(http://www.buro-sro.nl/plan/plan-iconen.gif) no-repeat 0 -200px; padding-left:24px; margin-left:-24px; }
  ul.inhoudsopgave, ul#voetnoten, ul.inhoud { list-style-type:none; }
    ul.inhoudsopgave a:link, ul.inhoudsopgave a:visited, ul.inhoud a:link, ul.inhoud a:visited { text-decoration:none; font-weight:bold; }
    ul.inhoudsopgave a:hover, ul.inhoud a:hover { text-decoration:underline; }

/* Inhoudsopgave op eerste pagina
 *****************************************************************************/
  div.document div#inhoudsopgave { background-color:#10324C; padding:10px 5px; }
  div.document div#inhoudsopgave ul a { text-decoration:underline; color:#C2CED8; font-weight:normal; }
  div.document div#inhoudsopgave ul { margin-left:0; padding-left:0; }
  div.document div#inhoudsopgave ul ul { margin-left:2em; }
  div.document div#inhoudsopgave ul ul ul { margin-top:0.5em; }
  div.document div#inhoudsopgave ul ul ul ul { margin-top:0; }
  div.document div#inhoudsopgave ul li { margin-top:1em; font-size:14px; font-weight:bold; }
  div.document div#inhoudsopgave ul ul li { margin-top:0.5em; font-size:14px; }
  div.document div#inhoudsopgave ul ul ul li { margin-top:0; font-size:12px;  background:url(http://www.buro-sro.nl/plan/plan-bullet.gif) no-repeat left center; padding-left:13px; }
  div.document div#inhoudsopgave ul ul ul ul li { font-size:12px; font-weight:normal; }

/* Navigatie menu
 *****************************************************************************/
  div#navigatiemenu { position:absolute; top:240px; left:0px; }
  #container > div#navigatiemenu { position:fixed; } /* IE fix */
  div#navigatiemenu ul { padding:0; margin:0; }
  div#navigatiemenu li { padding:0; float:none; display:block; height:24px; margin:0 0 6px 8px; padding:0; }
  div#navigatiemenu a:link, div#navigatiemenu a:visited, div#navigatiemenu a:link:hover, div#navigatiemenu a:visited:hover { display:block; height:24px;  width:24px; text-indent:-200px; overflow:hidden; background-image:url(http://www.buro-sro.nl/plan/plan-iconen.gif); background-repeat:no-repeat; }
  div#navigatiemenu span.inactief { display:none; }
  div#navigatiemenu li.navigatieitemBegin a { }
  div#navigatiemenu li.navigatieitemBegin a:hover { background-position:0 -25px; }
  div#navigatiemenu li.navigatieitemVorige a { background-position:0 -50px; }
  div#navigatiemenu li.navigatieitemVorige a:hover { background-position:0 -75px; }
  div#navigatiemenu li.navigatieitemVolgende a { background-position:0 -100px; }
  div#navigatiemenu li.navigatieitemVolgende a:hover { background-position:0 -125px; }
  div#navigatiemenu li.navigatieitemOmhoog a { background-position:0 -150px; }
  div#navigatiemenu li.navigatieitemOmhoog a:hover { background-position:0 -175px; }

/* Speciale elementen opmaak
 *****************************************************************************/
  span.lijstnummer { display:none; }
  ins { text-decoration:none; }
  .mark1 { color:#000000; background-color:yellow; }
  .mark2 { color:#000000; background-color:lime; }
  .mark3 { color:#000000; background-color:aqua; }
  .mark4 { color:#000000; background-color:fuchsia; }
  .mark5 { color:#000000; background-color:#6699FF; }
  .mark6 { color:#000000; background-color:#AAAAAA; }
  .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:100%; }
  td.teksttabelcel { border:none; vertical-align:top; }
  td.border-bottom, td.bottomborder { border-bottom:1px solid #000000; }
  td.border-left, td.leftborder { border-left:1px solid #000000; }
  td.border-right, td.rightborder { border-right:1px solid #000000; }
  td.border-top, td.topborder { border-top:1px solid #000000; }

/* Print styles
  *****************************************************************************/
@media print{
  body { margin:0px; color:#000000; background:none; font-size:10px; }
  p, h1, h2, h3, h4, h5, h6 { color:#000; margin:0; padding:0 0 1em 0; }
  p { line-height:120%; }
  div#container { background:none; padding:0; margin:0; border:none; }
  div#koptekst{background:none; min-height:0; width:auto; border:0; }
  a:link, a:visited { color:#000; text-decoration:underline; }
  .navigatie, div#inhoudsopgave, div#kruimelspoor, div#routeverwijzingen { display:none; }
  div.document div#inhoudsopgave { display:block; }
  div#inhoud { padding:0; clear:none; border:0; margin:0; background:none; }
  div#plangegevens { position:static; float:right; border:none; background:none; padding:0; margin:0; }
  div#plangegevens table { border:none; margin:0 0 0.5em 0.5em; }
  div#plangegevens th, #plangegevens td { color:#DDD; font-size:8pt; }
}