/*
Colours used:
site background: #EBEBEB  zeer licht grijs (RGB: 235 235 235)
border-color:    #E1E1E1; licht grijs (RGB: 225 225 225)


color background: #F5F9F7  heel licht groen (RGB: 245 - 249 - 247)
color highligt in tabel oa Agenda:   #C4DBCF     donker groen (RGB: 196 - 219 - 207)
color letters:    #016332  RDO-groen (RGB: 1 - 99 - 50)
color hyperlinks: #00008B  donkerblauw (RGB: 0 - 0 - 139), wordt gebruikt voor de lijnen
*/

/*  Pagina opmaken =============================================================*/

/* @import url(reset.css);  */  

html {
   background-color: #EBEBEB;   /* RGB: 235 235 235   */ 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 80%;   /* (1.00em is bij 100% = 16px. em is schaalbaar) */ 
   font-weight: normal;
   line-height: 1.25;
}

body {
   overflow: auto;
   margin: 0 auto 0 auto;
   padding: 0px;
   text-align: center;   /* truc om in IE de body gecentreerd op scherm te krijgen! */
   /*background-image: url('../img/background.gif');  */  
   /*background-repeat: no-repeat;    */
}

/* algemene instellingen van de elementen *********************************************************/
/*  Hoofdstuk indelingen (1em = 16px, em is schaalbaar in IE) */
h1  {font-size: 1.50em; font-weight: bold; line-height:1.5; margin: 0px 0px 0px 0px;}   /* Hoofdtitel op de pagina */
h2  {font-size: 1.25em; font-weight: bold; line-height:1.5; margin: 10px 0px 10px 0px;}   /* Titel van het artikel */
h3  {font-size: 1.00em; font-weight: bold; line-height:1.25;}   /* Subtitels en inleiding van het artikel */
h4  {font-size: 1.00em; font-weight: normal; line-height:1.25;} /* Default, ongebruikt */
h5  {font-size: 1.00em; font-weight: normal; line-height:1.25;} /* Default, ongebruikt */
h6  {font-size: 0.85em; font-weight: normal; line-height:1.25;} /* gebruikt voor datum vermelding in bijv. de nieuwsberichten */

p  {margin: 0px 0px 5px 0px;}   /* alinea */


ul {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 10px 0px;
}

hr {
  border-top:1px solid gray;
}






/* header instellingen ****************************************************************************/
#header {
   width: 960px;
   margin: 0 auto 0 auto;
   background-image: url('img/header.png');
   background-repeat: no-repeat;
   height: 175px;

}


/* container instellingen (hierin zit alle inhoud en menu's) **************************************/

#container {
   width: 960px;
/*   *width: 960px;  /* IE instelling - trekt de border af van de breedte! */ 
   margin: 0px auto 0px auto;
   text-align: left;   
   padding: 0px;
   background-color: #F8F8F8;  /* RGB: 248 248 248 = bijna wit;   */
/*   border-color: #E1E1E1;
   border-style: none solid none solid;
   border-width: 0px 3px 0px 3px;
*/   
}


/* Hoofdnavigatie *********************************************************************************/
#hoofdnavigatie {
   width: 100%;
   height: 50px;
}



/* hoofdinhoud instellingen (bestaat uit drie kolommen naast elkaar) ******************************/
#hoofdinhoud {
   width: 100%;
}

#inhoudkolomlinks {
   float: left;
   width: 170px;
   min-height: 600px;
   margin: 0px;
   padding: 25px 0px 5px 5px; 

/*   background-color:blue; */    
}

#inhoudkolommidden {
   min-height: 600px; 
   margin: 0px 110px 0px 175px;
   padding: 25px 10px 10px 10px;

/*   background-color:yellow;   */
}

#inhoudkolomrechts {
   float:right;
   width:100px;

   margin: 0px;
   padding: 25px 0px 0px 0px;
   
/*   background-color:red; */  
}



ul.hoofdmenu {
  list-style: none;
  line-height: 1.2;
  margin: 0px;
  padding: 0px;
}

li.hoofdmenu {
  padding: 0px 5px 0px 5px; 
  list-style: none; 
  line-height: 2.0; 
  background: url('../img/menu_achtergrond.jpg') repeat-x;
}

ul.submenu {
  list-style: none;
  line-height: 1.2;
  margin: 0px;
  padding: 0px 0px 0px 5px;
}

li.submenu {
  list-style: none;
  line-height: 1.2;
  margin: 0px;
  padding: 0px;
}


/* ID om tekst van hoofdmenu item welke actief is. Opnemen als ID in de <span> voor de tekst  (let op de <div> werkt niet goed (er is al een div definitie in het menu waar dit dan binnen zou vallen. Dat gaat niet altijd goed.) */
#hoofdmenuactief {
  color: #016332; 
  font-size: 9pt; 
  font-weight: bold; 
}

/* ID om tekst van SUBmenu item welke actief is. Opnemen als ID in de <span> voor de tekst */
#submenuactief {
  color: #016332; 
  font-size: 9pt; 
  font-weight: bold; 
}








/* overige instellingen ***************************************************************************/














div#footer {
  background-image: url('../img/footer.jpg');
  height:16px; 
  padding:4px 10px 0px 10px;
  color:black;    /* color = de kleur van de tekst */
  font-size: 0.8em; 
  font-weight: normal;
  line-height:1.0;
}




ul.inspringen {
  list-style: none;
  margin: 2px 0px 2px 0px;
  padding: 0px 0px 0px 20px;
}

img.floatrechts {  /* opnemen als eerste in p, img staat dan rechts en de tekst links */
  float: right;
  margin: 0px 0px 0px 10px;
}

img.floatlinks {   /* opnemen als eerste in p, img staat dan links en de tekst rechts */
  float: left;
  margin: 0px 10px 0px 0px;
}



/* Class voor tabel met dunne lijnen en blauw gekleurde kop 
   kan worden vooraf gegaan door titel van tabel in h4 
*/
h4.lines  {
  margin-bottom: 0px;
} 

table.lines {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border: 1px black solid;
}

th.lines {
  border: 1px black solid;
  text-align: left;
  vertical-align: top;
  background-color: #E6E6FF; 
}
td.lines {
  border: 1px black solid;
  text-align: left;
  vertical-align: top;
}





table.agendakop {
  width: '100%';
  border: 1px gray solid;
  background-color: #E6E6FF; 
  border-collapse: collapse;
}




table.agenda {
  width: '100%';
  border: 1px gray solid;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.85em; font-weight: normal; line-height:1.2;
}
th.agenda {
  background-color: #E6E6FF; 
  width: '100%';
  border: 1px gray solid;
  border-collapse: collapse;
  vertical-align: top;
}

td.agenda {
  width: '100%';
  border: 1px gray solid;
  border-collapse: collapse;
  vertical-align: top;
}

td.agendaedit {
  background-color: #FFFF00; 
  width: '100%';
  border: 1px gray solid;
  border-collapse: collapse;
  vertical-align: top;
}



/* opmaak tbv de nieuwsberichten  ==============================================*/
.tnfoto 
{
  float:left;
  width:110px;
  margin: 5px 10px 10px 0px;
  border: 0px;
}

div.nieuwsdatumtekst {
  font-size: 0.90em;
  font-weight: normal;
  line-height:1.5;
}

div.nieuwstitel {
  font-size: 1.25em;
  font-weight: bold;
  line-height:1.5;
}




.rechts {
  text-align:right;
}

.links {
  text-align:left;
}

/*
  position:relative;
  left:500px;
*/




/* normale stijl voor hyperlinks (pseudo-class selectors) */
   a:link      {color: #0000FF; text-decoration: underline; }     /* standaardkleur blauw */
   a:visited   {color: #016332;}
   a:active    {color: #000000;}
   a:hover     {color: #016332;}

/* speciale stijl voor het hoofdmenu (pseudo-class selectors) */
   a.hfdmenu:link    {color: #000000; font-size: 9pt; font-weight: bold; text-decoration: none;}
   a.hfdmenu:visited {color: #000000; font-size: 9pt; font-weight: bold; text-decoration: none; }
   a.hfdmenu:active  {color: #000000; font-size: 9pt; font-weight: bold; text-decoration: none; }
   a.hfdmenu:hover   {color: #016332; font-size: 9pt; font-weight: bold; text-decoration: underline; }

   a.submenu:link    {color: #000000; font-size: 9pt; text-decoration: none; }
   a.submenu:visited {color: #000000; font-size: 9pt; text-decoration: none; }
   a.submenu:active  {color: #000000; font-size: 9pt; text-decoration: none; }
   a.submenu:hover   {color: #016332; font-size: 9pt; text-decoration: underline; }

   a.footer:link    {color: #000000; font-size: 9pt; text-decoration: none; }
   a.footer:visited {color: #000000; font-size: 9pt; text-decoration: none; }
   a.footer:active  {color: #000000; font-size: 9pt; text-decoration: none; }
   a.footer:hover   {color: #000000; font-size: 9pt; text-decoration: none; }

   a.tnfoto:link    {color: #000000; font-size: 9pt; text-decoration: none; }
   a.tnfoto:visited {color: #000000; font-size: 9pt; text-decoration: none; }
   a.tnfoto:active  {color: #000000; font-size: 9pt; text-decoration: none; }
   a.tnfoto:hover   {color: #000000; font-size: 9pt; text-decoration: none; }












/*  Algemene Class  (van toepassing bij alle elementen: class=hidden) ========== */
.hidden {display: none;}

.floatleft {float:left;}