/*  MenuMain_bpgs        BPGS      stijlblad  20070111  20080310  20110312

op 20090219 laten valideren en okay bevonden
*/


body {
   background     :  #66cc00;
   margin         :  0;
   padding        :  0;
   }

/*      MENU - NAVIGATIE ONDERDELEN  */


.menu {
   position:relative;
   text-align:center;
   list-style: none;
   margin    :  0;
   padding: 7px 0px 7px 0px;   /* dit mag aangepast   */
   font-family    :  arial,verdana, Helvetica, Geneva, sans-serif;
   font-size         :  14px;
   text-transform:uppercase;
   background-color  : #e2e0dc;
   border            : 0px 0px 1px 0px;
   border-style      : none none solid none;
   border-color      : #dcc645;  }





.menu li{
     position:relative;
     display:inline;
     cursor:pointer;
     margin    : 0;   /* later toegevoegd  */
 }

.menu li a{
     text-decoration:none;
     color:gray;
     width:100%;
     padding   :  0px 15px 0px 15px;
     height:100%;
 }

.menu li a:hover{
     color:black;
 }

.menu li:hover{
     background-color:gray;
     color:black;
 }

.menu li ul{
     position:absolute;
     white-space:nowrap;
     text-align:left;
     list-style:none;
     display:none;
     z-index:5;
     left:0%;
     top    :  1.15em;    /* van 1.15 naar 4 maar dan werkt het niet meer  */
     margin:0px;
     padding:0px;
     border:1px solid gray;
     background-color:black;
 }

.menu li ul li{
     position:relative;
     left:0px;
     display: list-item;
     cursor:pointer;
 }

.menu li ul li{
     position:relative;
     left:0px;
     padding   :  4px 0px 4px 0px; /* toegevoegd in submenu  werkt goed */
     cursor: pointer;
     width:200px;
 }

.menu li ul li a{
     display:block;
     margin-left:3px;
     margin-right:3px;
 }

.menu li:hover > ul{
     display:block;
 }




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




/*  test 20121020 voor het hoofdmenu   */

a.hoofdmen:link, a.hoofdmen:active, a.hoofdmen:visited {
   font-family    : arial,verdana, Helvetica, Geneva, sans-serif;
   color          : #111;    /* #0099FF;  */
   background-color  : #99ff33;
   border         :  0px;
   font-weight    :  bold;
   font-style     :  normal;
   font-size      :  16px;
   text-decoration:  none;
}
a.hoofdmen:hover {
   color             : #b53d09;
   background-color  : #ffff00;
   text-decoration   : none;
}



/*  20140305 voor het hoofdmenu Woonwijzer van de HA  */

a.woonwijs:link, a.woonwijs:active, a.woonwijs:visited {
   font-family    : arial,verdana, Helvetica, Geneva, sans-serif;
   color          : #111;    /* #0099FF;  */
   background-color  : #ff0000;
   border         :  0px;
   font-weight    :  bold;
   font-style     :  normal;
   font-size      :  16px;
   text-decoration:  none;
}
a.woonwijs:hover {
   color             : #b53d09;
   background-color  : #ffff00;
   text-decoration   : none;
}


/*         EINDE MENU - NAVIGATIE ONDERDELEN  */







#overblok {
   left     :  12%;
   background-color  : #80ee00;    /* was #88dd00   */
   padding           :  8px 4px 8px 16px;
   margin            :  0px 0px 0px 20px;
   border-style      :  none;
   text-decoration   :  none;
   height            :  1em;
   line-height       :  0.8em;
   width             :  14em;
   font-family       :  arial,verdana, Helvetica, Geneva, sans-serif;
   font-size         :  16px;
   color             :  #ffff11;
   font-weight       :  bold;

   }


#linkblokje a:link {
   color :  #ffffff;
   }

#linkblokje a:visited {
   color :  #eeeeee;
   }

#linkblokje a:hover {
   color :  #6694e3;
   }

#linkblokje a:active {
   color :  #0055f1;
   }


img.logees {
   float    :  left;
   margin   :  4px 26px 6px 1px;
}

img.lorechts60 {
   float    :  right;
   margin   :  0px 60px 0px 0px;
}



img.BorderBlack {
   border         :  solid black 2px;  /* boven, rechts, onder en links  */
   border-style   :  solid;
   margin-left: 30px;
}



#artikelbegin {
   clear:   both;
   }

#navblok
   {
   position       :  fixed;
   left           :  0%;
   background     :  #66cc00;
   padding        :  0px 0px 0px 8px ;   /* boven, rechts, onder en links  */
   top            :  20px;     /*  was xx  */
   }


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

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

#navigatie li
   {
   border-style   :  none;
   padding        :  8px 4px 8px 16px;   /* boven, rechts, onder en links  */
   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         :  3em;    /* was 4em  */
   line-height    :  2em;
   width          :  12em;
   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  */
   }

   /*         * * * * *   geen afbeeldingen ingeval van printen, maar wel de ruimte blank laten     * * * * *     */
   .noafbeelding {
visibility     :  visible;
border         :  0;
margin-top     :  10px;
margin-bottom  :  6px;
   }


   .fotonova {
float          :  left;
border         :  2px solid black;
margin-left    :  30px;
   }



   /*                   BEGIN HOOFDSTUKKOPJES      */


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


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

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

h3.kop3rechts {
   text-align     :  right;
   margin-right   :  200px;
   }


h4 { font-family  :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-size      :  20px;
   color          :  #000000;
   margin         :  0;
   padding        :  0px 12px 0px 12px;
   }


h5 { font-family  :  "Times New Roman",Garamond,"Bookman Old Style";
   font-weight    :  normal;
   font-size      :  20px;
   color          :  #666666;
   margin         :  0;
   padding        :  0px 12px 0px 12px;
   }



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




#kopjesblok
   {
   padding     :  0 12px 0 12px;     /* boven, rechts, onder en links  */
   margin      :  0;
   }

#hoofdkopjes
   {
   margin         :  0;
   padding        :  0 12px 0 12px;     /* boven, rechts, onder en links  */
   text-align     :  left;
   }

#hoofdkopjes ul
   {
   margin      :  0;
   padding        :  0 12px 0 12px;     /* boven, rechts, onder en links  */
   }

#hoofdkopjes li
   {
   border-style   :  none;
   }

#hoofdkopjes a
   {
   margin         :  0;
   padding        :  0 12px 0 12px;     /* boven, rechts, onder en links  */
   text-decoration:  none;
   font-family    :  arial,verdana, Helvetica, Geneva, sans-serif;
   font-size      :  15px;
   }

   #hoofdkopjes a:link {
color          :  #0000ff;             /*    blauw    */
   }


   #hoofdkopjes a:visited {
color          :  #666644;    /*  middelgroen  */
   }

   #hoofdkopjes a:hover {
color          :  #f0f0f0;   /*   'Meerwaldt'-rood op navgeelgroen */
   }


   /*                   EINDE HOOFDSTUKKOPJES       */



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


#centerkop {
   position       :  absolute;
   left           :  19%;
   background     :  #fff;
   padding        :  19px 6px 20px 6px;   /* boven, rechts, onder en links  */
   top            :  0px;
   width          :  50%;
   border         :  0px;
 }

   #totaalkopb {
 position       :  absolute;
 background     :  #fff;
 left           :  280px;   /* was 200 - 20121017 naar 280  */  */
 padding        :  0px 0px 0px 61px ;   /* boven, rechts, onder en links  */
 top            :  0px;
 width          :  720px;
 height         :  100px;
 border         :  0px;
   }

#centerinhoud {
   position       :  absolute;
   left           :  280px;    /* was 200 - 20121017 naar 280  */
   background     :  #fffefe;
   padding        :  0px;   /* boven, rechts was 6, onder en links was 6  */
   top            :  100px;
   width          :  720px;
   border         :  0px;
   z-index        :  4;
 }

#centerinb {
   position       :  absolute;
   left           :  80px;
   background     :  #fffefe;
   padding        :  0px;   /* boven, rechts was 6, onder en links was 6  */
   top            :  85px;
   width          :  720px;
   border         :  0px;
   z-index        :  4;
 }

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



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



/*  instructies voor lijstje binnen teksten  - 20070523 gewijzigd vanwehe IE-afwijking op 20090217 */

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


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


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




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

p.beetjewit          /* om een dun witregeltje ertussen te zetten  */
{  font-size   :  4px;
}


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


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

p.twinRoman
   { font-family:  "Times New Roman",Garamond,"Bookman Old Style";
   font-size: 20px;
   }


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.twintigcursinspring
{  font-size   :  20px;
   font-weight :  normal;
   font-style  :  italic;
   text-indent :  16.2em; }


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

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


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


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


p.vijftienrood
{  font-size   :  14px;
   color       :  #ff0000;
}

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


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

p.veertienvet
{  font-size   : 14px;
   margin      : 0;
   font-weight :  bold;
}

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


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

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

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


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



   sup10 {
vertical-align :  text-top;
font-size      :  10px;
}

/*    test van 20091227 zi Enotes voor fonts en voetnoten

      ATTENTIE: hoger plaatsen van tekens midden in een tekstblok
      levert een grotere regelhoogte op en dus een onrustiger tekstbeeld ! ! !
*/


   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          :  630px;
   padding        :  0;   /* boven, rechts, onder en links  */
   margin-left    :  20px;   /* boven, rechts, onder en links  */
   vertical-align :  top;
   text-align     :  left;
   }


   td.minikol1 {
border         :  0px;  /* boven, rechts, onder en links  */
padding        :  0px 0px 0px 30px ;   /* boven, rechts, onder en links  */
margin         :  0px;
vertical-align :  top;
width          :  120px;
   }


   td.minikol2 {
border         :  0px;  /* boven, rechts, onder en links  */
padding        :  0px 0px 0px 10px ;   /* boven, rechts, onder en links  */
margin         :  0px;
width          :  400px;
   }

   td.minikol3 {
border         :  0px;  /* boven, rechts, onder en links  */
padding        :  0px 0px 0px 10px ;   /* boven, rechts, onder en links  */
margin         :  0px;
vertical-align :  top;
width          :  200px;
   }


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

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


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