/*
Colours used:
color background: 	#FFFFFF  wit
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  groen - logo RDO (RGB: 1 - 99 - 50)
color hyperlinks: #00008B  donkerblauw (RGB: 0 - 0 - 139), wordt gebruikt voor de lijnen
*/


body
      {
      width: 900px;
      height: 100%;
      overflow: scroll;
      margin: 0 auto;
      padding: 0 auto;

      font-family: Arial, Helvetica, sans-serif;
      font-size: 10pt;
      background-color: #FFFFFF;
      background-image: url('../img/background.gif');
      background-repeat: no-repeat;

      scrollbar-face-color: #FFFFFF;
      scrollbar-shadow-color: #125e32;
      scrollbar-3dlight-color: #FFFFFF;
      scrollbar-highlight-color: #125e32;
      scrollbar-track-color: #FFFFFF;
      scrollbar-arrow-color: #125e32;
      scrollbar-darkshadow-color: #FFFFFF;
}

/* class voor de randen om de Hoofdtabel */
   .myMainTabel {border-left-style: solid; border-left-color: #C4DBCF; border-right-style: solid; border-right-color: #C4DBCF;}


table {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }


/* Hoofdstuk definities (standaard wordt dus niet gebruikt) */
   H1 {font-size: 20pt; }
   H2 {font-size: 14pt; }  /* Hoofdtitel op de pagina */
   H3 {font-size: 12pt; }  /* Alinea titel bijvoorbeeld in de nieuwsberichten */
   H4 {font-size: 10pt; }
   H5 {font-size: 10pt; }
   H6 {font-size:  8pt; font-weight: normal;}  /* gebruikt voor datum vermelding in bijv. de nieuwsberichten */



/* standaard class indien bijvoorbeeld een categorie of item niet zichtbaar hoort te zijn */
   .myNodisplay  { display : none; }


/* 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 een volledige alinea als hyperlink */
   a.alinealink:link    {color: #000000; text-decoration: none}
   a.alinealink:visited {color: #000000; text-decoration: none}
   a.alinealink:active  {color: #000000; text-decoration: none}
   a.alinealink:hover   {color: #016332; text-decoration: none}


/* -----instellingen voor het menu -----------*/

.menulijst {
            float: left;
            width: 150px;
            padding: 00 0 0 0;
            margin: 0;
            height: 100%;
            overflow: hidden;    /* geen scrollbars */
}

/* class om de lijst-stijlen in het menu te voorkomen (dit zijn de randen) */
   .myMenustijl  {margin: 0; padding: 0 0 0 0;  list-style: none; line-height: 1.2;}     /* lijnhoogte getal x lettergrootte (normaal is 1.2)  */

/* ID voor instellingen en achtergrondafbeelding voor de Hoofdmenuitem's. Opnemen als class in de <li> van het menu <li id='myMenu'> */
   #myMenu {padding: 0 5 0 5; list-style: none; line-height: 2.0; background: url(menu_achtergrond.jpg) no-repeat ;}

/* 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.) */
   #myMenuItemActief {color: #CA2E4A; font-size: 9pt; font-weight: bold; }

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

/* class gebruikt voor het disabelen van menu items = wel zichtbaar maar grijs */
   .myMenuItemdisabled  { font-size: 9pt; color:#ACA899; }

/* class gebruikt kleine letters (in plaats van H6 die een extra witregel geeft) */
   .myH6  { font-size: 8pt; font-weight: normal; }







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