/*
 *  De basis voor alle stijlen, benodigd voor de verschillende pagina's op
 *  de website.
 *
 *  De stijldefinities voor de hoofdpagina, DEFAULT.ASP, zijn opgenomen
 *  in het bestand zelf.
 *
 *  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 bv. invoer- en selectievelden
 *  - wit:       #white   <-- voor het invoerveld dat de focus heeft
 *
 */


/* Algemeen voor BODY, content en overige algemene opmaak  */
BODY	{
	 margin-left: 20px;
	 margin-right: 20px;
	 color: black;
	 background-color: #FFFF9C;
	}

#content {
	  margin-top: 20px;
	  font-family: "Verdana", "Tahoma", "Arial";
	  font-size: 12px;
	  cursor: default;
	 }

.kader	{border-width: 1px 3px 3px 1px;
	 border-color: black #800000 #800000 black;
	 border-style: solid;
	 padding: 5px;
	}

/* De standaard stijl voor alle links  */
A:link	{color: black;
	 background-color: #FFFF9C;
	 white-space: nowrap;
	}
A:visited {color: #800000;
	   background-color: #FFFF9C;
	  }
A:hover	{color: black;
	 background-color: #FFFFCC;
	}
A:active {color: #800000;
	  background-color: #FFFFCC;
	 }

/* De standaard stijl voor 3 headers */
H1	{color: #FF9C00;
	 background-color: transparent;
	 text-align: center;
	 font-size: 24px;
	}
H2	{color: #800000;
	 background-color: transparent;
	 text-align: left;
	 font-size: 20px;
	}
H3	{color: #000000;
	 background-color: transparent;
	 text-align: left;
	 font-size: 16px;
	 line-height: 10px;
	}

/* De standaard stijl voor een horizontaal lijntje  */
HR	{color: #FF9900;
	 background-color: #FFFF9C;
	 width: 100%;
	 height: 3px;
	 border-width: 3px 1px 1px 3px;
	 border-style: solid;
	 border-color: #FF9C00 #800000 #800000 #FF9C00;
	}

/* De standaard stijl voor een ongenummerde lijst */
UL	{list-style-type: square;
	 list-style: outside;
	}

/* Stijl voor een tabel die gebruikt wordt voor opmaak en niet zichtbaar is */
TABLE.blanco	{border: 0px;
		 border-collapse: collapse;
		 border-spacing: 0px;
		 margin: 0px;
		 padding: 0px;
		}

TR.blanco	{border: 0px;
		 margin: 0px;
		 padding: 0px;
		}

TD.blanco	{border: 0px;
		 margin: 0px;
		 padding: 3px;
		 font-size: 12px;
	 	 vertical-align: top;
		}

/* De standaard stijl voor een zichtbare tabel */
TABLE.lijn	{background-color: #FF9C00;
		 border-collapse: seperate;
		 border-width: 1px 3px 3px 1px;
		 border-color: black #800000 #800000 black;
		 border-style: solid;
		 border-spacing: 0px;
		 margin: 0px;
		 padding: 2px;
		}

TR.lijn		{border: 1px solid #800000;
		 margin: 0px;
		 padding: 5px;
		}

TH.lijn		{color: black;
		 background-color: #FF9C00;
		 margin: 0px;
		 padding: 5px;
		 text-align: left;
		 font-size: 12px;
		 font-weight: bold;
		 vertical-align: bottom;
		}
		
TD.lijn		{color: black;
		 background-color: #FFFF9C;
		 border: 1px solid #800000;
		 margin: 0px;
		 padding: 5px;
		 text-align: left;
		 font-size: 12px;
		 vertical-align: top;
		}

/* De standaard stijl voor INPUT-controls */
INPUT.button_std {color: black;
		  background-color: #FF9C00;
		  font: bold 12px "Verdana", "Tahoma", "Arial";
		  border-width: 1px 3px 3px 1px;
		  border-color: black #800000 #800000 black;
		  border-style: solid;
		  padding-left: 20px;
		  padding-right: 20px;
		  margin-right: 5px;
		  cursor: pointer;
		 }
INPUT.button_std:active	{color: #FFFF9C;
			 background-color: #800000;
			}

INPUT.text_std	{color: black;
		 background-color: #FFFFCC;
		 font: normal 12px "Verdana", "Tahoma", "Arial";
		 border-width: 1px 3px 3px 1px;
		 border-color: black #800000 #800000 black;
		 border-style: solid;
		 padding-left: 5px;
		 padding-right: 5px;
		}
INPUT.text_std:focus {background-color: white}

INPUT.checkbox_std	{border-color: #800000;
			 cursor: pointer;
			}

INPUT.radio_std	{border-color: #800000;
		 cursor: pointer;
		}

LABEL		{cursor: pointer;
		}

/* De standaard stijl voor de TEXTAREA  */
TEXTAREA.textarea_std	{color: black;
			 background-color: #FFFFCC;
			 font: normal 12px "Verdana", "Tahoma", "Arial";
			 border-width: 1px 3px 3px 1px;
			 border-color: black #800000 #800000 black;
			 border-style: solid;
			 padding-left: 5px;
			 padding-right: 5px;
			}
TEXTAREA.textarea_std:focus {background-color: white}


/* De standaard stijl voor de SELECT - OPTGROUP - OPTION  */
SELECT.select_std	{color: black;
			 background-color: #FFFFCC;
			 border-color: #800000;
			 font: normal 12px "Verdana", "Tahoma", "Arial";
			 cursor: pointer;
 			}
SELECT.select_std:focus {background-color: white}
 
OPTGROUP.optgroup_std	{color: #800000;
	 		 cursor: default;
	 		 padding-left: 5px;
	 		 padding-right: 5px;
	 		}
 
OPTION.option_std	{color: black;
	 		 cursor: pointer;
	 		 padding-left: 5px;
	 		 padding-right: 5px;
	 		}

/* De stijl voor de buttons van de Rich-Text editor  */
IMG.btnEditor	{border: #FF9C00 1px solid;
		 vertical-align: middle;
		 margin: 1px;
		}