/*     menubijleefbaar   stijlblad  20080915

Volgorde, bijvoorbeeld:
padding     :  1px 120px 1px 90px;   top  rechts  onder  links

*/

 /* margin      5px 34px 5px 36px;   /*      top  rechts  onder  links     */



/* = = = = = =   begin project resize stuff  = = = = = = = = = = */

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

html {
  font-family: "Lucida Sans", sans-serif;
}

.header {
  background-color: #9933cc;
  color: #ffffff;
  padding: 5px;    /*  WAS 15, dus hogere balk     */
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 5px;  /*  origineel 7 px  */
  background-color: #33b5e5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #0099cc;
}

.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer {
  background-color: #0099cc;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}

/* For mobile phones: */
[class*="col-"] {
   width    :  100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}




/*  = = = = = = = = = = = = = einde resize projectstuff  */

  div.blokje {
        width:410px;
        padding:5px 12px 10px 12px;
        border:1px solid gray;
        margin:6px 6px 28px 20px;
        }



/*  20120830 voor verwijzingen naar top en terug   */

a.client:link, a.client:active, a.client:visited {
   color: #ed8714;    /* #0099FF;  */
         font-weight :  bold;
         font-style  :  normal;
         font-size   :  12px;
   text-decoration: none;
}
a.client:hover {
   color: #525252;
   text-decoration: none;
}

/*         voor verwijzer naar voetnoten   sept 2012
      hoger plaatsen van de verwijzer levert een grotere regelhoogte
      en dus een onrustig tekstbeeld op

*/

a.wijsfoot:link, a.client:active, a.client:visited {
   color       :  #ed8714;    /* #0099FF;  */
   font-weight :  bold;
   font-style  :  normal;
   font-size   :  12px;
   text-decoration: none;
}
a.wijsfoot:hover {
   font-weight :  bold;
   color       :  #525252;
   font-size   :  12px;
   text-decoration: none;
}

/*      einde verwijzers naar top - terug enz.   */



/*         * * * * *   geen afbeeldingen ingeval van printen, maar wel de ruimte blank laten     * * * * *     */

   .noafbeelding {
visibility     :  visible;
border         :  0;
   }



   h1 {
font-family    :  "Times New Roman",Garamond,"Bookman Old Style";
font-weight    :  normal;
font-size      :  32px;
color          :  #000000;
width          :  100%;
margin         :  0;
   }

h2 {
   font-family    : "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-style     :  italic;
   font-size      :  26px;
   color          :  #000000;
}



h3 { font-family  :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-style     :  italic;
   font-size      :  21px;
   color          :  #111111;
   margin         :  0;
}

h4 { font-family  :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-style     :  italic;
   font-size      :  18px;
   color          :  #111111;
   width          :  100%;
   margin         :  0;
}

h5 { font-family  :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-style     :  italic;
   font-size      :  16px;
   color          :  #111111;
   margin         :  0;
}

h6 { font-family  :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-style     :  italic;
   font-size      :  18px;
   color          :  #111111;
   margin         :  0;
}



p
{  font-family :  Arial,Helvetica,Verdana,Swiss;
   font-size   :  12px;
   line-height :  130%;
   font-weight :  normal;
   font-color  :  #000000;
   margin      :  0px;
}


p.voorpag1
{  font-family:"Trebuchet MS", verdana, arial;
   font-weight: normal;
   color: #781232;
   font-size: 50px;
}

p.voorpag2 { font-family: "Times New Roman",Garamond,"Bookman Old Style";
   font-weight: normal;
   font-size: 30px;
}

p.kop1 { font-family: "Times New Roman",Garamond,"Bookman Old Style";
   font-weight: normal;
   font-size: 36px;
}

p.kop2 { font-family: "Times New Roman",Garamond,"Bookman Old Style";
   font-weight: normal;
   font-size: 30px;
}

p.kop3c { font-family: "Times New Roman",Garamond,"Bookman Old Style";
   font-weight:   normal;
   font-style:    italic;
   font-size:     25px;
}

p.kop4 { font-family: "Times New Roman",Garamond,"Bookman Old Style";
   font-weight :  normal;
   text-align: center;
   font-style  :  italic;
   font-size   :  18px;
}

p.twintig
{  font-size: 20px;
}

p.twintigB
{  font-size:     20px;
   text-indent:   10em;
}

p.twintigcurs {
   font-size   :  20px;
   text-indent :  6em;
   font-style  :  italic; }


p.zestien
{  font-size: 16px;
}

p.vijftien
{  font-size: 15px;
}

p.inspring15
{  font-size: 15px;
   text-indent: 1.3em;
}

p.zeventien
{  font-size: 17px;
}


p.inspring17
{  font-size: 17px;
   text-indent: 1.3em;
}





p.inspring15ruimer  /* meer ruimte onder en boven  */
{  font-size   :  15px;
   margin      :  4px 0px 4px 0px;
   text-indent :  1.3em;
}

p.blokinspring15
   {  font-size: 15px;
   margin      :  16px;
   }

p.blokinspring15regel1
   {  font-size: 15px;
   margin      :  16px;
   text-indent: 1.3em;
   }

p.vijftienvet
{  font-size:  15px;
   font-weight: bold;
}

p.veertien
{  font-size: 14px;
}


p.inspring14
   {font-size  :  14px;
   text-indent: 1.7em;
   }


p.dertien
{  font-size: 13px;
}


p.inspring13
   {font-size  :  13px;
   text-indent: 1.7em;
   }

p.twaalf
   {font-size  :  12px;
   }

p.inspring12
   {font-size  :  12px;
   text-indent: 1.7em;
   }

p.elf
{  font-size: 11px;
}


p.inspring16
{  font-size: 16px;
   margin: 0;
   text-indent: 1.3em;
}


/*        koptekst fonts   voor speciale, tijdelijke aankondigingen    */
p.kop15c { font-family: Arial,Helvetica,Verdana,Swiss;
   font-weight:   normal;
   line-height :  150%;
   font-style:    italic;
   font-size:     25px;
   padding     :  0px 2px 0px 10px;  /* boven, rechts, onder en links  */
}

p.kop13c { font-family: Arial,Helvetica,Verdana,Swiss;
   font-weight:   normal;
   font-style:    italic;
   font-size:     20px;
}

   p.kop12c {
font-family: Arial,Helvetica,Verdana,Swiss;
font-weight:   normal;
font-style:    italic;
font-size:     18px;
}


span {
   font-style  :  bold; }


/*
   sup.kleiner {
font-size   :  12px;
}
*/

   sup {
vertical-align: text-top;
font-size   :  12px;
}              /* test van 20091227 zi Enotes voor fonts en voetnoten   */



   ul {
list-style  :  outside disc;
margin      :  0px 0px 0px 41px;
padding     :  0px 0px 0px 20px;     /* boven, rechts, onder en links  */
   }



.tekstluik {
   position :  absolute;
   overflow :  auto;
   width   :  90%;
   height   :  30%;
   }

.binnentekstluik {
   height   :  100%;
   }


/*  instructies voor lijstje binnen teksten  - 20070523  */

   li {
font-family :  Arial,Helvetica,Verdana,Swiss;
font-size   :  15px;
line-height :  130%;
font-weight :  normal;
font-color  :  #000000;
margin      :  0;
padding     :  0px 0px 0px 10px ;   /*  was 20   */
   }

li.genummerd {
   list-style  :  decimal; }


   li.vnootjes {
list-style  :  decimal;
font-family :  Arial,Helvetica,Verdana,Swiss;
font-size   :  13px;
line-height :  130%;
font-weight :  normal;
font-color  :  #000000;
margin      :  0;
}

   #voetnoot {               /*  voor horizontale lijn; was met hr maar werkte niet         */
border      :  0;
color       :  #000000;
height      :  2px;
width       :  300px;
text-align  :  left;
   }






table.simpelsmal
   {
   border         :  0px;
   margin         :  0px 18px 0px 18px;   /* boven, rechts, onder en links  */
   }

table.simpelrand
   {
   border         :  solid black 1px;
   margin         :  0px 18px 0px 18px;   /* boven, rechts, onder en links  */
   }




/*  instructies voor tabellen week-gegevens  */
table.weeklijst
   {
   border   :  0px;
   }

.weeklijst td
   {
   border         :  0px;   /* boven, rechts, onder en links  */
   font-family    :  arial,verdana, Helvetica, Geneva, sans-serif;
   font-size      :  15px;
   }

.kolom1
   {
   width       :  118px;        /*  *   *   *   *    * verruimen voor jaartallen  *   *   *   *   *   *   *   */
   text-align  :  left;
   }

.kolom2
   {
   width       :  45px;
   text-align  :  right;
   }

.kolom3
   {
   width       :  280px;
   text-align  :  left;
   }

/*  instructies voor tabellen jaar-acties  */
table.actjaar
   {
   border   :  0px;
   }

.actjaar td
   {
   border         :  0px;   /* boven, rechts, onder en links  */
   padding        :  16px 12px 40px 12px;   /* boven, rechts, onder en links  */
   vertical-align :  top;
   text-align     :  left;
   font-family    :  arial,verdana, Helvetica, Geneva, sans-serif;
   }

.kol1
   {
   width       :  150px;
   }

.kol2
   {
   width       :  420px;
   }

.kol3
   {
   width       :  630px;
   }


.kold1
   {
   width       :  290px;
   }

.kold2
   {
   width       :  340px;
   }

.kold3
   {
   width       :  630px;
   }

.kold4
   {
   width       :  40px;
   }



/*    voorbeeldje voor een footer    getest en werkt , op 10 maart 2008  */
#foot {
   position    :  fixed;
/*   clear       :  both;      toegevoegd  20071127  */
   left        :  19%;    /*  was eerst 0   */
   margin      :  0px;
   bottom      :  -1px;
   border-width   :  1px 0px 0px 0px;
   border-color   :  grey;
   border-style   :  solid;
   padding     :  6px 90px 6px 20px;   /* links was eerst 40px  */
   display     :  block;
   width       :  100%;
   height      :  14px;  /*  was 20   */
   background  :  #90CF9A;
   color       :  #000;
   font-size   :  1em;
   z-index     :  4;
   }

#footactie {
   position    :  fixed;
/*   clear       :  both;      toegevoegd  20071127   left        :  19%;    /*  was eerst 0   */
   margin      :  0px;
   bottom      :  -1px;
   border-width   :  1px 0px 0px 0px;
   border-color   :  grey;
   border-style   :  solid;
   padding     :  6px 90px 6px 2px;   /* links was eerst 20px  */
   display     :  block;
   width       :  100%;
   height      :  14px;  /*  was 20   */
   background  :  #90CF9A;
   color       :  #000;
   font-size   :  1em;
   z-index     :  4;
   }

p.voettekst15
   {
   font-size: 11px;
   padding     :  1px 70px 1px 30px;  /* top  rechts  midden  links   ***  dit moest er wel in  **  links was eerst 90 */
   }

hr {
   size  :  1px; }

hr.kort {
   width :  90px; }