/*
 *  Deze bevat alle stijldefinities die alleen gelden voor de main-pagina DEFAULT.ASP.
 *
 *  Dit betreft met name de indeling van de verschillende vlakken en
 *  de opmaak van het menu
 *
 *  De volgende kleuren worden voor deze site gebruikt:
 *  - oranje:    #FF9C00  <-- hoofdkleur, samen met geel
 *  - geel:      #FFFF9C  <-- hoofdkleur, samen met oranje
 *  - zwart:     black    <-- voor tekst
 *  - bruin:     #800000  <-- ter accentuering bij bv. kaders
 *  - lichtgeel: #FFFFCC  <-- ter accentuering van selecties
 *
 */

/*
 *
 *   Alle CSS voor het indelen van het scherm in de verschillende vakken.
 *
 */
/*  De tabel die zorgt draagt voor de indeling in vakken */
TABLE.vakken	{position: absolute;
		 left: 0px;
		 top: 0px;
		 width: 100%;
		 height: 100%;
		 border-collapse: separate;
		 border: 0px;
		 border-spacing: 0px;
		 padding: 0px;
		 margin: 0px;
		 color: black;
		 background-color: #FF9C00;
		}

/*  Bovenste vak met logo en menu  */
TD.vak1		{height: 140px;
		 border-bottom: 5px solid black;
		 background-image: url('../img/vak1.png');
		 background-position: left;
		 background-repeat: no-repeat;
		}

/*  Linker vak met onderin de email-mogelijkheid  */
TD.vak2		{border-right: 5px solid black;
		 width: 50px;
		 background-image: url('../img/vak2.png');
		 background-position: bottom;
		 background-repeat: no-repeat;
		}

/*  Het grote rechter vak waarin alle content wordt getoond  */
TD.vak3		{width: 100%;
		 height: 100%;
		 border-right: 5px solid black;
		 margin: 0px;
		}

/*  Onderste vak met wat algemene info  */
TD.vak4		{height: 50px;
		 border-top: 5px solid black;
		 background-image: url('../img/vak4.png');
		 background-position: right;
		 background-repeat: no-repeat;
		 padding-right: 20px;
		}

/* Het IFRAME waar alle content in wordt getoond  */
IFRAME.content	{width: 100%;
		 height: 100%;
		 margin: 0px;
		 border: 0px;
		 padding: 0px;
		 color: black;
		 background-color: #FFFF9C;
		}

/* Opmaak voor de email-knop in vak 2  */
#email	{width: 50px;
	 height: 50px;
	 color: black;
	 background-color: transparent;
	 font: normal 10px Arial;
         cursor: pointer
        }

/* Opmaak van de tekst in vak 4  */
#vak4txt	{height: 40px;
		 color: black;
		 background-color: transparent;
		 font: normal 10px "Verdana", "Arial";
		}

/* Opmaak Hoi-Hoi logo in vak 1  */
#hoihoi	{height: 125px;
	 width: 570px;
	 float: right;
	}

/* Opmaak Weerplaatje in vak 1  */
#weer	{height: 79px;
	 width: 153px;
	 float: left;
	 margin-left: 5px;
	 border-width: 1px 3px 3px 1px;
	 border-color: black #800000 #800000 black;
	 border-style: solid;
	}


/* De link voor het opvragen van info over siteupdate in vak 4  */
A.toonupdateinfo	{
			}

/*
 *
 *  Alle CSS voor de opbouw van het volledige menu.
 *
 */
/* De absoluut gepositioneerde DIV waarin het complete menu is opgenomen  */
#hoofdmenu	{color: black;
		 background-color: transparent;
		 position: absolute;
		 width: 100%;
		 height: 20px;
		 margin: 0px;
 		 border-collapse: collapse;
 		 border-spacing: 0px;
		 border-width: 0px;
		 padding: 0px;
		 vertical-align: middle;
		 font: bold 14px "Verdana", "Tahoma", "Arial";
		 position: absolute;
		 left: 0px; top: 85px;
		 z-index: 99;
		}

/* De ruimte die een lege optie inneemt  */
SPAN.legeoptie	{float: left;
		 vertical-align: middle;
		 z-index: 99;
		}

/* De ruimte die elk hoofdmenu optie inneemt  */
SPAN.menuoptie	{float: left;
		 cursor: pointer;
		 vertical-align: middle;
		 z-index: 99;
		}
/* De tekst van elke hoofdmenu optie  */
#menu1, #menu2, #menu3, #menu4	{color: black;
				 background-color: transparent;
				 padding: 2px 5px 2px 5px;
				 z-index: 99;
				}

/* De ruimte die elk submenu inneemt  */
#submenu1, #submenu2, #submenu3, #submenu4	{display: none; 
						 position: absolute;
						 width: 140px;
						 color: black;
						 background-color: #FFFF9C; 
						 border-collapse: seperate;
						 border-width: 1px 3px 3px 1px;
						 border-color: black #800000 #800000 black;
						 border-style: solid;
						 z-index: 99;
						}

/* De tekst van elke submenu optie in de vorm van een A-tag  */
A.submenuoptie	{font: normal 12px "Verdana", "Tahoma", "Arial";
		 text-decoration: none;
		 padding-left: 10px; padding-right: 10px;
		 line-height: 18px;
		 vertical-align: middle;
		 width: 120px;
		 z-index: 99;
		}

A.submenuoptie:link    {background-color: #FFFF9C; color: black}
A.submenuoptie:visited {background-color: #FFFF9C; color: black}
A.submenuoptie:hover   {background-color: #FFFFCC; color: black; font-weight: bold}
A.submenuoptie:active  {background-color: #FFFF9C; color: black}