/**
 * Buro SRO - Bestemmingsplan opmaak
 * @version: $Id: burosro.css 115 2010-01-30 19:37:43Z lekkerduidelijk $
 * @author: lekkerduidelijk@me.com
 */

/* Standaard tags
 *****************************************************************************/
   html,body{ margin:0;padding:0; }
   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
 *****************************************************************************/
   #inhoud { padding:1em 2em;margin:0 5px;background-color:#F0F0F0; }
   .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; }
   #container{ width:951px;margin:auto;text-align:left;overflow:hidden;padding-bottom:60px;
      background:transparent url(http://www.buro-sro.nl/plan/tagline.gif) no-repeat bottom left; }
   body > #container{ background-image:url(http://www.buro-sro.nl/plan/tagline.png); } /* IE */
   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; }
   }