/*
+-------------------------------------------------------------------+
| Voorbeeld van CSS in de stijl van Microsoft Windows XP,           |
| gebaseerd op de richtlijnen uit de "Windows XP Visual Guidelines" |
| van het Windows XP Design Team <www.microsoft.com>.               |
+-------------------------------------------------------------------+ 
*/

body {
	background-color: #FFFFDD; /* Achtergrondkleur wit */
	color:            #000000; /* Voorgrondkleur zwart */
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        9px;
	text-align: 	  left;
	line-height:      1em;
}


/* Koppen: */
.introKop {
	color:            #990033;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:       22px;
	font-weight:      bolder;
	line-height:      12px;
}
.kreet {
	color:            #000000;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:       17px;
	font-style: normal;
	font-weight:      bold;
	line-height:      18px;
}
.titel {
	color:            #000066;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:       11px;
	font-weight:      bold;
	line-height:      15px;
	font-style: normal;
}
.auteur {
	color:            #000066;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:       11px;
	font-weight:      normal;
	line-height:      15px;
	font-style: italic;
}
.h1 {
	color:            #000066;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        18px;
	font-style: normal;
	font-weight:      bold;
	line-height:      1em;
}
.adres {
	color:            #000066;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        13px;
	font-style: normal;
	font-weight:      bold;
	line-height:      17px;
}
.h2 {
	background-color: #FFFFFF;
	color:            #000000;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        11px;
	font-weight:      normal;
	line-height:      1.2em;
	margin-bottom:    0.25em;
}

.h3 {
	background-color: #FFFFFF;
	color:            #555555;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        9px;
	font-weight:      bold;
	line-height:      1em;
	margin-bottom:    0.25em;
}


/* Besturingselementen (controls) voor formulieren: */

fieldset {
	cursor:  default;
	padding: 10px;
}

input {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

label {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

legend {
	color:       #0046D5;
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

select {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   10pt;
	line-height: 1.1em;
}

/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
/* (werkt niet goed in Netscape, maar wel in Internet Explorer): */
label input {
	vertical-align: middle;
}


/* Andere blokelementen (block-level elements): */

p {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   9pt;
	line-height: 1.3em;
}

li {
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:     11px;
	line-height:   1.2em;
	margin-bottom: 1ex;
}

td {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

th {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

address {
	font-family: Verdana, Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
	font-style:  normal;
	line-height: 1.2em;
	margin-top:  13px;
}


/* Inline elementen: */

cite, em, var {
	font-style:  normal; /* Niet cursief ... */
	font-weight: bold;   /* ... maar vet     */
}


/* Selectors (pseudo-klassen) voor hyperlinks: */

a:link {
	color:            #0000FF;   /* Voorgrondkleur blauw           */
	text-decoration:  none;      /* Niet onderstrepen              */
}

a:visited {
	color:            #0000FF;
	text-decoration:  none;
	font-style: italic;
}

a:hover {
	color:            #6666FF;   /* Voorgrondkleur lichter blauw   */
	cursor:           pointer;   /* Aanwijzer weergeven als handje */
	text-decoration:  underline; /* Onderstrepen                   */
}

a:active {
	background-color: #316AC5;   /* Achtergrondkleur donkerblauw   */
	color:            #FFFFFF;   /* Voorgrondkleur wit             */
	cursor:           pointer;   /* Aanwijzer weergeven als handje */
	text-decoration:  none;      /* Niet onderstrepen              */
}


/*
+---------------------------------+
| S P E C I A L E   K L A S S E N |
+---------------------------------+
*/

/* Waarschuwingen: */
w {
	color:       #DE5C2F; /* Rood         */
	font-style:  normal;  /* Niet cursief */
	font-weight: bold;    /* Vet          */
}

/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften:        */
input.knop {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
	width:       75px;
	height:      23px;
	margin:      5px 0 10px 0;
}
.h4 {
	color:            #555555;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        13px;
	font-weight:      bold;
	line-height:      1.1em;
	margin-bottom:    0.25em;
	top: 11px;
	left: 20px;
	position: relative;
	white-space: 2;
}
.h5 {
	color:            #FFFFFF;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        10px;
	font-weight:      bold;
	line-height:      1.1em;
	margin-bottom:    0.25em;
	top: 3px;
	left: 18px;
	position: relative;
	word-spacing: 4px;
}

.body2 {
	color:            #000066;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        11px;
	line-height:      16px;
	text-align: justify;
	letter-spacing: 0.5px;
	font-weight: lighter;
	word-spacing: 1px;
	white-space: 1;
}
.bodyItalic {
	color:            #000066;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        11px;
	line-height:      16px;
	text-align: justify;
	letter-spacing: 0.5px;
	font-weight: lighter;
	word-spacing: 1px;
	white-space: 1;
	font-style: italic;
}
.bodyBold {
	color:            #990033;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        12px;
	line-height:      16px;
	text-align: justify;
	letter-spacing: 0.7px;
	font-weight: bold;
	word-spacing: -1px;
	white-space: 1;
}
.bodyBold2 {
	color:            #FFFFFF;
	background-color: #990033;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        12px;
	line-height:      16px;
	text-align: justify;
	letter-spacing: 0.7px;
	font-weight: bold;
	word-spacing: -1px;
	white-space: 1;
}
.bodyBold3 {
	color:            #000066;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        12px;
	line-height:      16px;
	text-align: justify;
	letter-spacing: 0.7px;
	font-weight: bold;
	word-spacing: -1px;
	white-space: 1;
}
.menu01 {
	color:            #FFFFFF;
	background-color: #990033;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        13px;
	line-height:      12px;
	text-align: justify;
	letter-spacing: 0.7px;
	font-weight: bold;
	font-style: normal;
	word-spacing: -1px;
	white-space: 1;
	border: 1;
	width: 140px;
	height: 20px;
	display: block;
	vertical-align: middle;
	text-indent: 5px;
	border-width: 1;
	margin: 9;
	margin-top: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
}
.menu01active {
	color:            #990033;
	background-color: #FFFFFF;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        13px;
	line-height:      12px;
	text-align: justify;
	letter-spacing: 0.7px;
	font-weight: bold;
	font-style: normal;
	word-spacing: -1px;
	white-space: 1;
	border: 1;
	width: 140px;
	height: 20px;
	display: block;
	vertical-align: middle;
	text-indent: 5px;
	border-width: 1;
	margin: 9;
	margin-top: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
}
.menu02 {
	color:            #FFFFFF;
	background-color: #000066;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        11px;
	line-height:      12px;
	text-align: justify;
	letter-spacing: 0.7px;
	font-weight: bold;
	font-style: normal;
	word-spacing: -1px;
	white-space: 1;
	border: 1;
	width: 140px;
	height: 21px;
	display: block;
	vertical-align: middle;
	text-indent: 5px;
	border-width: 1;
	margin: 6	;
	margin-top: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
}
.menu02active {
	color:            #000066;
	background-color: #FFFFEE;
	font-family:      "Arial", Arial, Helvetica, sans-serif;
	font-size:        11px;
	line-height:      12px;
	text-align: justify;
	letter-spacing: 0.7px;
	font-weight: bold;
	font-style: normal;
	word-spacing: -1px;
	white-space: 1;
	border: 1;
	width: 140px;
	height: 21px;
	display: block;
	vertical-align: middle;
	text-indent: 5px;
	border-width: 1;
	margin: 6	;
	margin-top: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
}