/* Global Styles                                                               */

/* Wordt gebruikt in het hele dokument; dingen die specifieker                 */
/* zijn overrulen deze style-gegevens.                                         */
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       font-size: 11pt;
       color: #333333;
       margin: 0px;
       background-color: #f4ffe4;
	  }

a { color: #ea1606;
    text-decoration: none;
  }
  
a:hover { color: #5C743D; }

/* Wordt gebruikt voor de hoofdstuktitels, subtitels en de                     */
/* titels van de pagina´s.                                                     */
/* H2 is voor de kopteksten in een pagina  (groen)                             */
/* H3 is te gebruiken voor een paarse ondertekst (kleine letters-paars)        */
/* H4 is voor onder de koptekst, bv datums en kleine intro (groen)             */
/* H5 idem als H2 maar dan links uitgelijnd (groen)                            */
/* H6 idem als H5 maar dan center (paars)                                      */
	

h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 20px;
     color: #5d8834;
     line-height: 22px;
     letter-spacing: .21em;
	 text-align: center;
   }

h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-weight: bold;
     font-size: 10pt;
     color: #993300;
     line-height:16px;
     letter-spacing:.2em;
   }
   
 h4 {
	font-family: "Trebuchet MS", Arial, Helvetia, sans-serif;
	font-size: 10pt;
	color: #76b03c;
	line-height: 1;
	letter-spacing: .21em;
	text-align: center;
	}  
	
 h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 18px;
     color: #5d8834;
     line-height: 22px;
     letter-spacing: .21em;
	 text-align: left;
   }
	
 h6 {		  
    font-family: "Trebuchet MS", Arial, Helvetia, sans-serif;
	font-size: 15px;
	color: #FF33CC;
	line-height: 22px;
	letter-spacing: .21em;
	text-align: center;
	}
	
 
     
	 
	 
	  
/* Zorgt ervoor dat plaatjes nooit een rand hebben.                            */
img { border: none; }

/* Tekst die in het hete nieuws staat heeft deze eigenschappen.                */
p { font-size: 10pt; }

/* Bij het bouwen van de site wil je vaak kunnen zien                          */
/* hoe de randen van de tabellen lopen. Hier kun je de randen                  */
/* aan en uit zetten.                                                          */
table { border-width: 0px;
        border-style: ridge;
        border-color: red;
      }

td { border-width: 0px;
     border-style: ridge;
     border-color: yellow;
   }


/* ----------------------------------------------------------------------------*/
/*                                                                             */
/* ID Styles - Kunnen niet meerdere malen in één document                      */
/* gebruikt worden.                                                            */
/*                                                                             */
/* ----------------------------------------------------------------------------*/

/* In de nu volgende div's wordt de opmaak van de menu-items geregeld.         */

/* Regelt de opmaak in de menubalk.                                            */
#menubalk {	font-size: 13px;
            color: #FFFFFF;
            letter-spacing:.2em;
            background-color:#769e42;
            height: 50px;
          }

/* Regelt alle opmaak voor alle a´s in de menubalk.                            */
#menubalk a { font-weight: bold;
              color: #E6FECD;
              line-height:13px;
              letter-spacing:.1em;
              text-decoration: none;
            }

/* Regelt alle opmaak voor alle a:hover´s in de menubalk.                      */
#menubalk a:hover { background: #769e42;
                    color:#444f35;
                  }

/* Regelt de opmaak van het deel van de menubalk achter de datum.              */
#achterdatum { font-size: 11px;
               color: #FFFFFF;
               letter-spacing:.2em;
               background-color: #5C743D;
             }

/* Regelt opmaak van het dropdown-menu                                         */
#dropmenudiv { position: absolute;
               border: 1px solid #99CC66;
               border-bottom-width: 0;
               font-family: Verdana, Arial, sans-serif;
               font-size: 9pt;
               line-height: 12px;
               z-index: 100;
             }

/* Regelt de elementen in het dropdown die gelinkt zijn.                       */
#dropmenudiv a { width: 100%;
                 display: block;
                 text-indent: 3px;
                 border-style: solid;
                 border-width: 1px;
                 padding: 1px 0;
                 text-decoration: none;
                 font-weight: bold;
                 color: #5C743D
               }

/* Regelt de achtergrondkleur van de dropdownmenu´s.                           */
#dropmenudiv a:hover { background-color: #f5fcba;
                       color: #FF9D1E;
                     }

/* Regelt opmaak van het plaatje linksboven in de titelbalk.                   */
/* Besef dat de id in hotnews.js wordt aangemaakt en dus niet                  */
/* te vinden is in het html-bestand.                                           */
#titelbalk { height: 100px;
             background-color: #c2041d; /* normal colour=bfe983 */
             margin: 0px;
           }


.titelbalklinks { position: relative;
                  left: 0px;
                  top: 0px;
                  height: 100px;
                  margin: 0px;
                  z-index: 50;
                }

/* Wordt gebruikt in de tabel met daarin de hoofdtekst.                        */
#mainbodytext { font-size: 11px;
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                color: #333333;
                text-align: justify;
                line-height: 20px;
                margin-top: 0px;
                width: 400px;
              }

/* Regelt de opmaak en het positioneren van de tekst in het hotnewsvak.        */
#hotnews { /* width: 200px; */
           /* text-align: justify;*/
         }

/* Regelt de opmaak van de navigatiebalk die op sommige pagina´s               */
/* onder in beeld verschijnt.                                                  */
#balkonder { background-color: transparent;
             text-align: center;
             position: relative;
             width: 200px;
             height: 20px;
             top: 30px;
             left: 150px;
           }
		   
/* Regelt op de indexpagina de positie van de verschillende plaatjes.          */
/* Grote plaatje middenboven.                                                  */
#middenboven { position: relative; left: 0px; }

/* De drie kleinere plaatjes rechtsonder.                                      */
#rechtseronder { position: relative; left: 300px; width: 350px; }

/* Het kleinere plaatjes linksonder.                                           */
#linksmidden {
	position: absolute;
	left: 0px;
	top: 105px;
}

/* Alle plaatjes zitten in deze div; je kan ze als groep positioneren.         */
#indexblok { position: relative; 
             top: 30px; 
			 left: 188px;
			 width: 650px;
			 background-color: transparent;
           }


/* ----------------------------------------------------------------------------*/
/*                                                                             */
/* Class Styles - Kunnen op meerdere plaatsen in het document                  */
/* gebruikt worden.                                                            */
/*                                                                             */
/* ----------------------------------------------------------------------------*/

/* Onder aan een tabel is vaak een rij opgenomen die het mogelijk maakt        */
/* kolom opmaak juist te regelen.                                              */

.regelrij { height: 0px;
            background-color: #D5EDB3;
          }

/* Regelt opmaak van het grote vak links in beeld; waar eerst                  */
/* het menu zat.                                                               */
.linkskol1 { width: 75px;
             background-color: transparent;
           }

/* Regelt opmaak van het grote vak links in beeld; tussen waar                 */
/* eerst het menu zat en het grote vak in het midden                           */
.linkskol2 { width: 75px;
             background-color: transparent;
           }

/* Regelt de opmaak van het vak in het midden van het beeld.                   */
.middenkol { color: #006600; }

/* Regelt opmaak van het vak rechts; tussen hoofdvak en het hotnewsvak.        */
.rechtskol1 { width: 50px; }

/* Regelt opmaak van het meest rechtse vak; het vak waarin hotnews             */
/* wordt weergegeven.                                                          */
.rechtskol2 { width: 300px; }


/* Regelt de opmaak van de velden die als spacer worden gebruikt.              */
.spacer { background-color: #99CC66;
          height: 0px;
          line-height: 0px;
        }

/* Regelt de opmaak van de velden met daarin een stippellijn.                  */
.stippel { background-color: #5C743D;
           height: 0px;
           line-height: 0px;
         }

/* Definieert de grootte van de kleine lettertjes.                             */
.kleinelettertjes { font-size: 8pt; }

/* Definieert de kleur van de blauwe links (verwijzing naar een andere pagina) */
.linkblauw { color: #0066FF; }



/* Centreert dingen.                                                           */
.center { text-align: center; }

/* lijnt dingen rechts uit.                                                    */
.right { position: relative; text-align: right; }

/* Laat elke verwijzing naar de for-kids-pagina er uit springen.               */
.forkids { color: #EAFF5F;
/*           background-color: #e6b0f5;                                        */
         }

.forkids a { color: #EAFF5F;
             background-color: #8ED2F5;
           }

.forkids a:hover { color: #EAFF5F;
                   background-color: #8ED2F5;
                 }

/* Regelt de kleur van de letters van het woord "4kids" in de menubalk.        */
.forkids4 { color: red; }
.forkidsk { color: #5EFCB7; }
.forkidsi { color: yellow; }
.forkidsd { color: #ffffff; }
.forkidss { color: #ff03f0; }


/* Wordt gebruikt om de tekst in tabellen uit te lijnen. Specifieker;          */
/* tekst in tabellen waar in de linkerkolom plaatjes staan en rechts           */
/* tekstjes.                                                                   */
.uitlijn { vertical-align: bottom; }


/* Zorgt ervoor dat tekst geen spaties vertoond.                               */
.nowrap { white-space: nowrap; }


/* Regelt de achtergrond van bestanden die in de bodytag deze class hebben.    */
.indexback { background-image: url(pics_opmaak/backtest.jpg); 
             background-repeat: repeat;
           }


.hoofdlijst { list-style-type: none; }
			


/* technische realisatie en grafische vormgeving - RE en GV 2007               */