/* --------------------------------------------  */
/*          vd.css                               */
/*        ALGEMENE CLASSES                       */
/* --------------------------------------------  */

body { margin: 0px 20px 0px 0px;    color:#333333;
    font-family: Arial, Helvetica, sans-serif;    font-size: 10pt;  }


table { border: 1px solid black;    margin: 5px; padding: 5px; 
    border-collapse: collapse;
    font-family: Arial,Helvetica,sans-serif;    font-size: 10pt;    }
td {   padding: 15px;    }

ul { margin-bottom: 0px;    }
li { margin-bottom: 5px;    }


h1, h2, h3, h4, h5, h6 {    margin-top: 3px; margin-bottom: 3px; }
h1 {    font-family: tahoma, verdana, Helvetica, Arial, lucida, sans-serif;
    font-size: 20pt;    font-weight: bold;    }
h2 {    font-family: tahoma,verdana,Helvetica,Arial,lucida,sans-serif;
    font-size: 17pt;    font-weight: bold;    }
h3 {     font-family: tahoma,verdana,Helvetica,Arial,lucida,sans-serif;
    font-size: 14pt;    font-weight: bold;    }
h4 {    font-family: tahoma, verdana, Helvetica, Arial, lucida, sans-serif;
    font-size: 12pt;    font-weight: bold;    }
h5 { font-family: tahoma, verdana, Helvetica, Arial, lucida, sans-serif;
     font-size: 12pt; font-weight: normal; }
h6 { font-family: tahoma, verdana, Helvetica, Arial, lucida, sans-serif;
     font-size: 10pt; font-weight: normal; }

a        { text-decoration: none;      color: #000099;  }
a:hover  { color: black; ; font-weight: bold}
a:active { text-decoration: none;      color: black; }


.grijs {  color: #666666}
.kleingrijs {  font-size: x-small;  color: #666666}
.d-rood	{ color: #990000; }

.krap        { padding: 0px;  margin: 0px;  }
.ruim       { padding: 10px; }
hr {  color: #000099}


/*  ===================================================   */
/*     LAYERS    (voorheen in aparte    vd-layers.css)    */
/*  ===================================================   */

#banner-container      
    { position:absolute; left:10px; top:10px;  width:975px;
      margin: 0px 10px 0px 10px;
      padding-top: 0px; padding-bottom: 0px; }

#content-container      
   {  position:absolute; left:220px; top:100px;
      margin:   0px 20px  0px  0px;   
      padding: 10px 15px 10px 20px;}

#nav-container           
   { position:absolute; left: 10px; top:100px;   width: 210px; 
     color:#0000CC; font-size: 9pt;
     margin-right: 0px; margin-left: 0px;
     padding: 0px; }



.knop a:hover  { color: #990000; font-weight: bold;
                  margin-left: 4px; padding-right: 0px }
.knop a:active { color: black;   font-weight: bold; text-decoration: underline; 
                  margin-left: 8px; }

.knop   {  
     margin: 0px 10px  0px  0px;
    padding: 0px 10px  0px 10px; }

.knop-s {
     margin: 0px 0px 0px 4px;
    padding: 3px 2px 3px 8px;
    color:black; font-weight: bold; text-decoration: none;    }
.knop-s a        { text-decoration: none;      color: black;  font-weight: bold;     }
.knop-s a:hover  { color: black;  ; font-weight: bold}
.knop-s a:active { text-decoration: none;      color: black;  }
/* ...-s = geselecteerd: zo ziet de   _knop en de  _link van de pagina waar je bent er uit*/


.leeg   { height:8px; 
          margin: 0px 10px  0px 0px; 
          padding: 0px;   }
  /* vnl. hoogte ingesteld van lege ruimte boven+onder subgroepjes in nav-kolom   */

.lijn   { margin: 0px 10px  0px 0px; 
         padding: 0px;
   border-color:black; border-style: solid; border-width: 0px;}
/* wordt niet gebruikt; mogelijkheid om lijn tussen subdelen nav-kolom te maken  */



/*   ===================================================   */
/*    AGENDA      (voorheen in apparte   vd-agenda.css)    */
/*    onderdelen van        agenda_vd-binnenkort.htm       */
/*   ===================================================   */

.ag-datum {  font-weight: bold}
.ag-door-ons {  font-size: 8pt; font-style: italic}
.ag-soort {  font-weight: bold; text-decoration: underline; color: #50AC10}
.ag-specialeplek {  font-style: italic}
.ag-stad {  color: #3333FF}
.ag-thema {  font-weight: bold}
.ag-datumreeks {  font-size: smaller}
.ag-soort-zonder { font-weight: bold; color: #50AC10 }
.ag-maand { font-size: larger; font-weight: bold; color: #006600 }

a.agenda {  font-weight: normal; color: #333333; text-decoration: none}


/*  ===============================================  */
/*                   KLEUREN                         */   
/*  ===============================================  */

/*                 tijdelijk verwijderd

in body was ook{ background-color: #70cc30;}   zie bovenaan    
.bg1     { background-color:#90EC50; }    --index  
.bg2     { background-color:#B0F670; }    -- themas-lesvormen-praktisch -prijzen 
.bg3     { background-color:#D0FF90; }    -- jaaroverzicht-agenda komende maanden- 									  	   themamiddagen-verwenweekend  
.bg4     { background-color:#E0FFC6; }    --  wie zijn wij-contact-routes-links  
.bg-vbb  { background-color:#FFFFCC; }    --   trainingen voor bedrijven-knop  
.bg-da   { background-color:#3070CC; }    --   dansavontuur-knop  

*/
.smal-10 { margin: 0px 10px 0px 15px}
.smal-15 { margin: 0px 15px 0px 20px}
.smal-25 { margin: 0px 25px 0px 35px; padding: 0px 25px 0px 0px}
.smal-35 { margin: 0px 35px 0px 50px}