/*  MenuMain  Meerwaldt  stijlblad  20070111  20080310

   8 januari 2019 gestart als menumaind
*/

/* = = = = = =   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  */

   /*         * * * * *   geen afbeeldingen ingeval van printen, maar wel de ruimte blank laten     * * * * *     */
   .noafbeelding {
visibility     :  visible;
border         :  0;
   }


.beeldtebreed  /*  om het beeld horizontaal te scrollen - dit i.p.v. frame  */
   {
   position :  relative;
   left     :  28px;
   }

#navblok
   {
   position       :  fixed;
   left           :  0%;
   background     :  #fff;
   padding        :  0px;   /* boven, rechts, onder en links  */
   top            :  22px;     /*  was 77 en later 50   */
   }


#navigatie
   {
   position       :  fixed;
   list-style     :  none;   /*  geen bullets  */
   margin         :  0;
   padding        :  0;
   width          :  12em;    /*  was 13   */
   }

#navigatie ul
   {
   list-style  :  none;
   padding     :  0;
   margin      :  0;
   }

#navigatie li
   {
   border-style   :  none;
   padding        :  8px 4px 8px 6px;   /* boven, rechts, onder en links  */
                      /*  was links 16  */
   margin: 0;
   }

#navigatie a
   {
   display        :  block;
   background     :  url(navgeelgroen.gif) repeat-x;  /*  #fff weggehaald bij alle a elementen */
   background-position  :  0% 12%;
   border-style   :  none;
   text-decoration:  none;
   height         :  2,6em;    /* was 3em  */
   line-height    :  1,7em;
   width          :  12em;    /*  was 12     */
   font-family    :  arial,verdana, Helvetica, Geneva, sans-serif;
   font-size      :  15px;
   font-weight    :  bold;
   }

#navigatie a:link
   {
/*   text-align     :  center;  */
   text-align     :  left;
   color          :  #000000;
   }

   }

#navigatie a:visited
   {
   color          :  #666666;    /*  middelgroen op navgeelgroen */
   }

#navigatie a:hover
   {
   color          :  #f0f0f0;   /*   'Meerwaldt'-rood op navgeelgroen */
   background     :  url(navdonkergroen.gif) repeat-x;  /*  #fff weggehaald bij alle a elementen */
   background-position  :  0% 8%;
   }

/*
#navigatie a:active
   {
   color          :  #f0f0f0;   middelgroen op navgeelgroen
   }
*/

#navigatie li#huidig a
   {
   background     :  url(navlichtgroen.gif) repeat-x;  /*  #fff weggehaald bij alle a elementen */
   background-position  :  0% 10%;
   color          :  #ba2e3c;   /*   'Meerwaldt'-rood op navgroen  */
   }

#gewonelijst
   {clear:both;
   }



/*  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;
}


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


blockquote {
  margin-left: 30px;
  margin-right: 8px;
}

/*  Voor bloktekstje StopHuurExplosie   */

#huurexplosiestop {
   position       :  relative;
   left           :  28%;
   padding        :  0px;
   width          :  40%;
}


 /* boven, rechts, onder en links  */
p.huurexplosie {
   font-family    :  GeosansLight, "Segoe UI Light", "Calibri Light";
   font-style     :  normal;
   font-size      :  40px;
   margin         :  4px 40px 4px 25px;
   text-align     :  center;
   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;
}




/*   Afbeeldingen   */


#parkeerfoto {         /*  20110402                       */
   position    :  relative;
   left        :  8%;
   padding     :  0px;
   width       :  80%;
   border      :  0px;
   }



img   {
      max-width:  100%;
      height:     auto;
      }


img.centrum {          /*  voor image huurexplosie   */
   position       :  center;
   border-style   :  solid;
   border         :  solid red 3px;  /* boven, rechts, onder en links  */
   }

/*  de serie met logees: met toevoeging om beelden resizable
    te maken...

*/

img.logees {
   float    :  left;
   margin   :  4px 26px 6px 1px;
   style="max-width:100%;
   height:auto;"
}

img.tussentekst {
   margin   :  6px 0px 1px 30px;
}


img.BorderBlack {
   border         :  solid black 2px;  /* boven, rechts, onder en links  */
   border-style   :  solid;
   margin-left: 6px;
   style="max-width:100%;
   height:auto;"
}


img.BorderBlackKort {
   border         :  solid black 2px;  /* boven, rechts, onder en links  */
   border-style   :  solid;
   margin-left: 3px;
   style="max-width:100%;
   height:auto;"
}

h1 {
   font-family: arial,verdana, Helvetica, Geneva, sans-serif;;
   font-weight: bold;
   font-size: 42px;
   letter-spacing :  0.3em;
   text-align     :  center;
   width          :  100%;
   margin         :  0;
   }

h2 {
   font-family    :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-size      :  30px;
   text-align     :  left;
   width          :  100%;
   margin         :  0;
   }

h3 { font-family  :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-size      :  22px;
   margin         :  0;
   padding        :  0 12px 6px 12px;
}

h4 {
   font-family: arial,verdana, Helvetica, Geneva, sans-serif;
   font-weight: bold;
   font-size: 34px;
   letter-spacing :  0.1em;
   text-align     :  center;
 /*  width          :  100%;  */
   margin         :  0;
   }

h5 { font-family  :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-size      :  19px;
   margin         :  0;
   padding        :  3px 12px 2px 12px;
}


#grnbalk  {
   position    :  relative;
   left        :  0%;
   background  :  url(bovengroenval.gif) repeat-x;
   height      :  26px;
   padding     :  0px;
/*   top         :  58px;  */
   width       :  100%;
   border      :  0px;
   }


#centerkop {
   position       :  relative;
   left           :  17.5%;
   background     :  #fff;
   padding        :  19px 8px 20px 6px;   /* boven, rechts, onder en links  */
   top            :  0px;
/*   width          :  72.5%;    was 54  */
   border         :  0px;
 }


#centerkop2 {
   background-color: #002000;
   color: black;

/*   color          :  #002000;
   left           :  17.5%;
   position       :  absolute;
   padding        :  19px 0px 20px 0px;    oorspronkelijk boven, rechts 8, onder en links 6  
  top            :  0px;
   width          :  72.5%;   */
   border         :  0px;
 }


#totaalkop {
   position       :  absolute;
   background     :  #fff;
   padding        :  19px 0px 0px 0px;   /* boven, rechts, onder en links  */
   top            :  0px;
   width          :  100%;
   border         :  0px;
 }

#centerinhoud {
   position       :  absolute;
   left           :  17.5%;
   background     :  #e5ffe5;
   padding        :  12px 8px 20px 6px;   /* boven, rechts was 6, onder en links was 6  */
   top            :  81px;
/*   width          :  62%;  */
   width          : 62.5%
   border         :  0px;
   z-index        :  4;
 }



#centerinhoud2 {
   position       :  relative;
   background     :  #e5ffe5;
   padding : 5px;  /* test 6 januari 2019   */
/*   padding        :  12px 0px 20px 6px;   -- boven, rechts was 6, onder en links was 6  -- 
   top            :  81px;
   width          :  62%; 
   left           :  17.5%; 
   width          : 62.5%  */
   border         :  0px;
   z-index        :  4;
 }

#totaalinhoud {
   position       :  absolute;
   background     :  #e5ffe5;
   padding        :  12px 40px 0px 30px;   /* boven, rechts, onder en links  */
   top            :  81px;
   width          :  100%;
   border         :  0px;
   z-index        :  4;
 }

#prezi-box {
   padding  :  0px 0px 0px 30px;
   margin   :  0px 0px 0px 40px;
   }



#terzijde  {
   position    :  fixed;          /*  geprobeerd met fixed ipv absolute, resulteert in op het eerste gezicht okay  . . .    */
   left        :  72%;
   padding     :  16px 6px 20px 4px;  /* boven, rechts, onder en links  */
   top         :  77px;
   width       :  15%;
/*   float       :  right;  */
   border      :  0px;
   z-index     :  2;
   }

#rechtskop {
   position       :  absolute;
   left           :  69%;
   background     :  #fff;
   padding        :  16px 0px 20px 0px;   /* boven, rechts, onder en links  */
   top            :  0px;
   width          :  31%;
   border         :  0px;
 }

#achterzijde  {
   position    :  absolute;
   left        :  69%;
   padding     :  5px 2px 8px 1px;  /* boven, rechts, onder en links  */
   top         :  77px;
   width       :  8%;
   z-index     :  1;
   border      :  0px;
   }


/*  - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


.simpelcentrum     /* om iets simpelweg in centrum te zetten  */
{  display     :  block;
   text-align  :  center;    /* wel met <p class="" plaatsen  */
   max-width   :  67%;
   height      :  auto;
}

/*  - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

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

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.nieuweregel
 /*   overflow: auto;  werkt niet goed */
 {clear   :  both;
   }


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.twintig
{  font-size: 20px;
}

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

p.twintigcurs
{  font-size:     20px;
   font-weight:   normal;
   font-style:    italic;
}



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

p.zestienvet
{  font-size: 16px;
   font-weight: bold;
}


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


p.vijftienruimer  /* meer ruimte onder en boven  */
{  font-size: 15px;
   margin   :  4px 0px 4px 0px;
}


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


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


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

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

p.dertienvet
{  font-size: 12px;
   font-weight: bold;
}

.dertienvet
{  font-size: 12px;
   font-weight: bold;
}


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

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

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


p.drie
   {font-size  :  3px;
   }

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

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

p.centrum18 /* voor centerteksthuurexplosie  ***  boven, rechts, onder en links   */
{  font-size   :  18px;
   margin      :  4px 50px 4px 50px;
   text-align  :  center;
   }

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


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


p.invijftienlang
{  font-size: 15px;
   margin: 0;
   text-indent: 5.1em;
}



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


p.inspringver13    /* boven, rechts, onder en links  */
{  font-size: 13px;
   margin:  1px 20px 0px 290px;
   text-indent: 5.6em;
}


p.inspringver9    /* boven, rechts, onder en links  */
{  font-size: 9px;
   margin:  1px 20px 0px 390px;
   text-indent: 5.6em;
}



/*        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;
}

<!--  Hier voor SPAN gedefinieerd maar werkt niet; zie in header html bestand
#navwijsnoot
  enzovoorts -->
}



/*  instructies voor lijstje binnen teksten  - 20070523  en 20090127  
li
{  font-family :  Arial,Helvetica,Verdana,Swiss;
   font-size   :  14px;  
   line-height :  130%;
   font-weight :  normal;
   font-color  :  #000000;
   margin      :  0;
}
*/

li2
{  list-style  :  none;   /*  geen bullets  */
   font-size   :  15px;
   font-weight :  normal;
   font-color  :  #000000;
   margin      :  0;
}

/*
ul
{  margin      :  0;
}
*/


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


   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;
   }



/*  instructies voor tabellen miniconferentie okt 2008  */


#parttabel {
   position       :  relative;
   left           :  5%;
   }


table.minicon {
   border-style   :  none;  /* boven, rechts, onder en links  */
   background     :  yellow;
   width          :  80%;
   padding        :  0;   /* boven, rechts, onder en links  */
   margin         :  0;   /* boven, rechts, onder en links  */
   vertical-align :  top;
   text-align     :  left;
   font-family    :  arial,verdana, Helvetica, Geneva, sans-serif;
   }

td.minikol1 {
   border         :  solid black 1px;  /* boven, rechts, onder en links  */
   border-style   :  solid;
   padding        :  4px;   /* boven, rechts, onder en links  */
   margin         :  2px;
   align          :  center;
   width          :  60px;
   }

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

td.minikol3 {
   border         :  solid black 1px;  /* boven, rechts, onder en links  */
   border-style   :  solid;
   padding        :  4px;   /* boven, rechts, onder en links  */
   margin         :  2px;
   }



td.minikol4 {        /*  voor tabelletje met Thumbs 20120604 */
   border         :  none;  /* boven, rechts, onder en links  */
   padding        :  4px;   /* boven, rechts, onder en links  */
   margin         :  2px;
   align          :  center;
   width          :  180px;
   }


tr.minirij {
   border         :  solid black 1px;  /* boven, rechts, onder en links  */
   border-style   :  solid;
   padding        :  4px;   /* boven, rechts, onder en links  */
   margin         :  2px;
   align          :  center;
   }

p.minicon {
   padding        :  16px 21px 16px 21px;   /* boven, rechts, onder en links  */
   vertical-align :  center;
   font-size      :  15px;
   margin         :  0;
   }

p.minicon2 {
   padding        :  16px 21px 16px 21px;   /* boven, rechts, onder en links  */
   vertical-align :  center;
   text-align     :  center;
   font-size      :  15px;
   margin         :  0px;
   }


/*             einde instructies voor tabellen miniconferentie okt 2008          */






/*    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 */
   }