/* MENU HORIZONTAAL alfabetische volgorde aanhouden  */


/* ---------------------------------------------------------* /
/* geldt voor gewone A links , die niet in een LIJST zitten */


A:LINK {		
background-color: #tranparant;			/*  #transparant  */
color: #006600;						/* groen = #006600  wit = #FFFFFF  zwart = #000000 */
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
}

A:VISITED {
background-color: transparent;
color: #660000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 100%;
}

A:HOVER {
background-color: #FFFF99;					/* geel FFFF99  */
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
}

A:ACTIVE {
background-color: transparent;
color: #000000;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
} 



BODY { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000; background-color: #FFFFFF; 
}



#BOX_BLANKO_A{				/*   met een blanko box kan je afstand scheppen tussen twee tabellen  */
width: 800px;
height: 35px;
/* border: 1px solid #FF0066;  */
border: 0; 
background: #FFFFFF;
margin-bottom: 5px;
}


#BOX_KOPTEKST{				/*   koptekst voor bedrijfsinfo */
/* width: 800px; height: 60px;  maten hoef je nioet perse op te geven, kom je ook niet in de knel met padding etc. */
background: #CCFFCC;			/* lichtgroen = #CCFFCC */
color: #000000;					/* tekst zwart */
margin-bottom: 5px;
margin-top: 5px; 
padding-bottom: 18px; 			/* groenvlak bovenkant van de box ; kort notatie padding FAALT onde IE !! */
padding-top: 18px; 				/* groenvlak onderkant van de box */
text-align: CENTER;
font-size: 100%;
}

#BOX_MODEL{				/*   koptekst voor model scanner etc */
/* width: 800px; height: 60px;  maten hoef je nioet perse op te geven, kom je ook niet in de knel met padding etc. */
background: #CCFFCC;			/* lichtroze = #FFDDFF; */
margin-bottom: 1px;
margin-top: 5px; 
padding-bottom: 5px; 			/* kort notatie padding FAALT onde IE !! */
padding-top: 5px; 
text-align: CENTER;
font-size: 90%;
}


H1 {
color: #FFFFFF;		/* FFFFFF = zwart */
font-size: 100%;		/* door size op 100% te zetten is H1 net zo graat als H2 en H3 op 100% */
text-align: center;
font-weight: bold;
}


H2 {
color: #FFFFFF;		/* zwart */
font-size: 90%;		
font-weight: normal;
}


H3 {
color: #0000FF;		/* blauw */
font-size: 100%;
}


IMG{
border:0
}

P {			/* paragraaf geef je kleine font; grote font doe je met kop H1 etc  */
color: #000000;
font-size: 75%;
}

/*  -------------------------------------------------   */
/*   gewone LIJST dus los van de navigatie menu's     */

LI {				/* Regel in een Lijst */
margin: 0;			/* boven rechts onder links ; ruimte tot een ander blok, dus witruimte tussen twee blokken */
padding: 0;			/* ruimte tussen tekst en de rand van dit blok, voor de leesbaarheid niet te kort */
color: #000000;		/* #0000ff = blauw */
font-size: 95%;		/* hoofdmenu horizontaal */
}


LI A{			/* A ref in een regel van een gewone lijst */
display: block;
text-decoration: none;
padding: 2px 5px 2px 5px;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
width: 120px;
}

LI A:link, LI A:visited{  	/* A LINK in een regel van een lijst, werkt ook in het MENU */
background: #FFFFFF;
color: #000000;				/* horizontale hoofmenu */
font-weight: normal;
}

LI A:hover{ 				/* A HOVER in een regel van een lijst, werkt ook in het MENU  */
background: #FFFFFF;
color: #000000;				/* horizontale hoofmenu */
font-weight: bold;
}

LI A:active{ 			/* A HOVER in een regel van een lijst, werkt ook in het MENU  */
background: #FFFFFF;
color: #000000;				/* horizontale hoofmenu */
font-weight: bold;
}



LI LI A:link, LI LI A:visited{		* genestte lijst-regel met een LINK, werkt ook in het MENU  */
background: #CCFFCC;
color: #000000;				/* uitklapdeel van hoofmenu */
font-weight: normal;
}


LI LI A:hover{		/* genestte lijst-regel met een LINK, werkt ook in het MENU  */
background: #FFFF99;		/* uitklapdeel van het menu */
color: #000000;		
font-weight: bold;
}

LI LI A:active{		/* genestte lijst-regel met een LINK, werkt ook in het MENU  */
background: #FFFFFF;		/* uitklapdeel van het menu */
color: #000000;		
font-weight: bold;
}





/*  -----------------------------------------------------------   */
/*   # zijn Id's voor MENU's met SUB-MENU'S  navigatie menu's     */

#NAV, #NAV UL {			/* geldt voor ID = NAV  en ID = NAV UL  navigatie */
padding-top: 3px;		/* boven rechts onder links ;afstand tussen tekst en rand */
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin: 0;			/* boven rechts onder links; afstand tot het volgende blok, wegens genestte submenu op 0 houden  */
list-style: none;
}

#NAV LI {			/* geldt voor alle LI's die een Child zijn van NAV navigatie */
float: left;			/* left */
width: 115px;			/* 165 breedte dwingt de regels in het gareel verticaal onder het hoofdmenu, in plaats van horizonaal  */
}


#NAV LI:hover UL, #NAV LI.ie_does_hover UL  {		/* sub menu's komen op het beeld bij Hover */
left: auto;			/* linker coordinaat moet de UL en de LI zelf bepalen */
background-position: 0 0;
}

#NAV UL {			/* navigatie Lijst*/
position: absolute;		/* absolute */
width: 115px;			/* 165 breedte aanpassen in #NAV UL in #NAV LI en in LI A  */
left: -1000px;			/* sub menu's vallen buiten beeld door deze niet bestaande negatieve pixel waarde */
} 


/*  -------------------------------------------------------------   */
/*  LIJSTEN zoals in de UITKLAP GEDEELTES van de menu's                                      */


UL a{
font-weight: normal;			/* hoofd menu letter */
font-size: 100%;	
color: #000000;					/* uitklap gedeelte */
cursor: default;
}

UL UL a:link, UL UL a:visited{
font-weight: normal;
font-size: 80%;				/* kleinere letter in het SUB menu */
color: #000000;					/* uitklap gedeelte */\
cursor: pointer;
}

UL UL a:hover, UL UL a:active{
font-weight: bold;			/* submenu letters bold geeft betere leesbaarheid */
font-size: 80%;				/* kleinere letter in het SUB menu */
color: #000000;					/* uitklap gedeelte */
cursor: pointer;
}

UL LI{
background-color: #FFFFFF;
border-left: 0px solid #FFF;		/* 3px */
}

UL UL LI{
background-color: #FFFFFF;
border-top: 3px solid #FFF;
border-left: 0;
}

/* IE only hack \*/
* html UL li, * html UL UL LI{
border-bottom: 3px solid #FFF;
}


* HTML UL UL LI{
border-top: 0;
}


TABLE{
layout: auto;
margin-left: auto; margin-right: auto; 
border:0;
color: #000000;
}

TD{
padding-left: 4px; padding-right: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0;			/* geen randen */
font-size:75%;

}



/* -------------------------------------------------------	*/
/* deze is voor op de index pagina tabel helemaal bovenaan */
/* centreren gaat via de margin-left en margin-right  		*/

#tabeltop { 
margin-left: auto; margin-right: auto; 
cellspacing:20px;
}

#tabeltopTD{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:90%;
border-width: 1px; border-style: solid; text-align: center;border-color: #339900;
padding-left: 45px; padding-right: 45px;
}