BODY
{
    FONT-SIZE: 12px;
    COLOR: brown;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-image: url(image001.jpg);
    text-align: center;
    margin-left: 0px;
}
TABLE
{
    border: 0px;
    width: 180px;
    margin-left: auto;
    margin-right: auto;
}
TABLE.stijl
{
	width: 310;
}
TD
{
	FONT-SIZE: 12px;
	COLOR: brown;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TD.stijl
{
	width: 150;
}
A
{
    font-size: 12px;
    color: brown;
    font-family: arial, helvetica, sans-serif;
}
.akleur
{
    BORDER-RIGHT: white 1px solid;
    PADDING-RIGHT: 2pt;
    BORDER-TOP: white 1px solid;
    PADDING-LEFT: 5pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: white 1px solid;
    font-COLOR: black;
    FONT-FAMILY: Arial;
    PADDING-TOP: 2pt;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #FF3333;
    text-align: left;
    font-weight: bold;
}
.bkleur
{
    BORDER-RIGHT: white 1px solid;
    PADDING-RIGHT: 2pt;
    BORDER-TOP: white 1px solid;
    PADDING-LEFT: 5pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: white 1px solid;
    FONT-FAMILY: Arial;
    PADDING-TOP: 2pt;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #A52A2A;
    text-align: left;
    font-weight: bold;
}
.ckleur
{
    BORDER-RIGHT: white 1px solid;
    PADDING-RIGHT: 2pt;
    BORDER-TOP: white 1px solid;
    PADDING-LEFT: 5pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: white 1px solid;
    COLOR: white;
    FONT-FAMILY: Arial;
    PADDING-TOP: 2pt;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #FF0000;
    text-align: left;
    font-weight: bold;
}
.a1kleur
{
    BORDER-RIGHT: brown 1px solid;
    PADDING-RIGHT: 2pt;
    BORDER-TOP: brown 1px solid;
    PADDING-LEFT: 5pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: brown 1px solid;
    FONT-FAMILY: Arial;
    PADDING-TOP: 2pt;
    BORDER-BOTTOM: brown 1px solid;
    BACKGROUND-COLOR: #EEDDBB;
    text-align: left;
    font-weight: bold;
}
.b1kleur
{
    BORDER-RIGHT: #EEDDBB 1px solid;
    PADDING-RIGHT: 2pt;
    BORDER-TOP: #EEDDBB 1px solid;
    PADDING-LEFT: 5pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: #EEDDBB 1px solid;
    FONT-FAMILY: Arial;
    PADDING-TOP: 2pt;
    BORDER-BOTTOM: #EEDDBB 1px solid;
    background-image: url(image001.jpg);
    text-align: left;
    font-weight: bold;
}
TH
{
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
H2
{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 12px;
    margin-bottom: 6px;
    margin-left: auto;
    color: brown;
}

#navcontainer1 { width: 180px; }

#navcontainer1 ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#navcontainer1 a
{
	display: block;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 175px;
	background-color: #A52A2A;
	text-align: left;
	border-right: white 1px solid;
	border-left: white 5px solid;
	border-top: white 1px solid;
	border-bottom: white 2px solid;
}

#navcontainer1 a:link, #navlist a:visited
{
	color: white;
	text-decoration: none;
}

#navcontainer1 a:hover
{
	background-color: #ff3333;
	color: white;
}
#navcontainer1 a:active
{
	background-color: #FF0000;
}
#active a
{
	background-color: #772A2A;
}
#terug a
{
	background-color: #772A2A;
}


/*De 'truc' van het hovereffect is dus om zowel <li>, als 'a', als 'a:hover' en
 'a:visited' en 'active' een display:block te geven en bij <li> een breedte op te
  geven, absoluut, en bij de andere een breedte op te geven van 100%. Dan is
   het hovereffect 'dekkend' en wordt het effect van oplichtende knoppen bereikt. */

/*Menu met plaatjes*/

/*eerst de lijst als geheel*/

#navcontainer { width: 175px; }

#navcontainer ul {
	display: block;
	background: transparent;
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	text-indent: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 19px;
}

/*daarna de lijstitems */

#navcontainer li {
	display:block;
	width:175px;
	height: 19px;
	text-align: left;
	background-image:url(wlknop1.gif);
	padding-left: 4px;
	margin-bottom:2px;
	margin-left: 2px;
	border-left: #772a2a 5px solid;
	border-bottom: blue 1px solid;
	border-right: blue 1px solid;
}

#navcontainer li a, #navcontainer li a:visited {
	display:block;
	width: 100%;
	color: white;
	text-decoration:none;
}

#navcontainer li a:hover {
	background-color: #FA9E1A;
	text-decoration: none;
}

#navcontainer li a:active {
	display:block;
	width: 100%;
	background-color: #a52a2a;
	color: white;
	text-decoration: none;
}