html {
	/* code for the forms scrollbar */
	scrollbar-3dlight-color:burlywood;
	scrollbar-arrow-color:burlywood;
	scrollbar-base-color:#f5f5dc;
	scrollbar-darkshadow-color:#EBE3D5;
	scrollbar-face-color:#773c42;
	scrollbar-highlight-color:#ECE3D5;
	scrollbar-shadow-color:burlywood; 

}
body { 	background: #773c42; color: #EBE3d5;	/* background: #ECE3B5; color: #666699; */
	margin-left: 0; margin-right: 0; 
	margin-top: 0; margin-bottom: 0;
	font-family: Palatino Linotype, CAC Leslie, Apple Garamond, sans serif, Comic Sans MS;
	font-weight: 700;
	font-style: inherit;
}
.bk2 {background: tan; color: #666699;}
.bk1 {background:#F5F5DC;}
.layer1 { color: #808080;
	margin-top: -3px;
/*	position:absolute; */ 
	weight: 900;
/*	margin-left: -145px; position:absolute; */
margin-left: 13px;
	font-size: 22px; 
	font-style:  oblique; 
	line-height: 50px;
}
.tekst2 { color: cornsilk;
	position: relative; 
	margin-top: 5px;
	margin-left: 5px;
	weight: 100;
	font-size: 18px; 
	line-height: 20px;
}
.tekst21 { clear:both; color: cornsilk;
	position: relative; 
	margin-top: 5px;
	margin-left: 5px;
	weight: 100;
	font-size: 48px; 
	line-height: 100px;
}
.layer3 { color: blue;
	margin-top: 20px;
	weight: medium;
	font-size: 15px; 
  	font-style:  oblique;
	line-height: 45px;
}
.layer4 { color: #993300;
	margin-top: -40px;
/*	position:absolute; */  
	weight: 700;
	margin-left: 11px;
	margin-bottom: 5px;
	font-size: 22px; 
	font-style: oblique;
	line-height: 30px
	} 

/* knoppen formulier */
.invoerveld {background-color: #773c42; color:#ebe3d5; font-weight: 900;}
.normalknop {color: #ebe3d5; background-color: #773c42;}

	
	a:link {text-decoration: none;}
		
	#holder2 {position: relative;	/* absolute; */
		width: 500px;
		border: none;	/* 1px dashed #000;	 */		
		padding: 2px;}	

	#holder {position: relative;
		width: 500px;
		border: none;	/* 1px dashed #000;	 */		
		padding: 5px;}	
		
	.boxlogo  {float: left;
		width: 51px;
		height: 60px;
		border: 1px solid #000;
		}
	.box1, .box2, .box3, .box4, .clearbox {float: left;
		width: 51px;
		height: 11px;
		border: 1px solid #000;
		margin: 4px;
		padding: 4px;
		font: 0.7em "Trebuchet MS", sans-serif;
		text-decoration: none;
		color: #000000;
		background: burlywood;
		text-align: center;	}
	.box1:hover {color: #CCCCFF; background: #804000;}
		
	.box2 {color: green;
		background: #CCCCFF;
		text-align: left;}
	.box2:hover {background: #804000;}
	.box2:hover:before {content: "&nbsp";}
	
	.box3 {color: #330066;
		background: #666699;
		text-align: left;}
	.box3:hover {background: #9999FF;}
	
	.box4 {float: right;
		color: yellow;
		background: #CC6600;
		text-align: left;	}
	.box4:hover {background: #6699FF;}
	
	.clearbox {	border: 1px solid white;}
	
	.clearboth {clear: both;}

	#xholder {position: relative;	/* absolute; */
		width: 120px;
		height: 33px;
		border: none;
		padding: 10px;}	
		
	.xbox1, .xbox2, .xbox3, .xbox4, .xclearbox {float: left;
		width: 348px;
		height: 331px;
		border: none;	/* 2px solid #000; */
		margin: 4px;
		padding: 4px;
		font: 0.7em "Trebuchet MS", sans-serif;
		text-decoration: none;
		color: #000000;
		background: #773c42;
		text-align: left;	}
	.xbox1:hover {color: #773c42; background: #CCCC99;}
		
	.xbox2 {background: #CCCC99;
		text-align: left;	}
	.xbox2:hover {color: #ffffFF; background: #773c42;}
	.xbox2:hover:before {content: "&nbsp";}
	
	.xbox3 {color: #000000;
		background: tan;
		text-align: left;}
	.xbox3:hover {color: #ffffFF; background: #773c42;}
	
	.xbox4 {color: #000000;
		/* background: khaki; */
		width: 44px;
		height: 51px;
		text-align: left;	}
	.xbox4:hover {color: #ffffFF; background: khaki;}
	
	.xclearbox {	border: 1px solid white;
		background: #773c42;
		color:#ffffFF;}
	
	.xclearboth {clear: both;}

.base { color: #774C42;
	weight: medium;
	margin-top: 25px;
	font-size: 25px; 
   	font-style:  oblique;
	line-height: 35px }
.pfont {  font-size: 12pt; color: #f0e86c}
.layer1 { color: #808080;
	margin-top: -3px;
/*	position:absolute; */ 
	weight: 900;
/*	margin-left: -145px; position:absolute; */
margin-left: 13px;
	font-size: 22px; 
	font-style:  oblique; 
	line-height: 50px}
.layer2 { color: cornsilk;
	position:absolute; 
	margin-top: 5px;
	margin-left: 55px;
	weight: 10;
	font-size: 52px; 
	line-height: 145px}
.layer3 { color: blue;
	margin-top: 20px;
	weight: medium;
	font-size: 15px; 
  	font-style:  oblique;
	line-height: 45px}
.layer4 { color: #993300;
	margin-top: -40px;
/*	position:absolute; */  
	weight: 700;
	margin-left: 11px;
	margin-bottom: 5px;
	font-size: 22px; 
	font-style: oblique;
	line-height: 30px
	} 

div.voettxt1 {float: left; position: absolute; margin: 0 1em 0 0;}
#div.kopregel {position: absolute; top: +1em; left: -1em; color: white;}
.kopregel {MARGIN-BOTTOM : 1em; color:#ebe3d5;FILTER: Shadow(Color=#c0c0, Direction=245);width:450px;font-size:22pt;} 
.kleinekopregel {MARGIN-BOTTOM: 1em;MARGIN-left: 0.5em; color:#ffffff;FILTER: Shadow(Color=#c0c, Direction=245);width:80px;font-weight:italic; font-size:12pt;} 

div.main {background: #EBE3D5; width: 100%; left: 0em; top: 0em; margin: 0 0; padding: 0 0 0 0}
img.curveTL {float: left; clear: left;  position:relative; margin: 0 1em 0 0;}
img.curveTR {float: right; clear: right;  position:relative; margin: 0 0 0 1em;}
img.curveBL {float: left; clear: left;  position:relative; margin: 0 1em 0 0;}
img.curveBR {float: right; clear: right; position:relative; margin: 0 0 0 1em;}
/* h1 {margin: 0; background: #EBE3D5; font-style:normal; font-variant:normal; font-weight:normal; font-size:120%; font-family:Comic Sans, sans-serif; position: absolute; top: +0.8em; left: 11em; right: 5em; background-image:url('images/achtergr.gif')}  */
h4 {font-family: Palatino Linotype, sans-serif; margin-left:1em; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0.25em; padding-bottom:0.125em} */
p {margin: 1.5em 0.5em 0.50em 0.75em;}
pre {margin-left: 2em;}

#volgende
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 350px;
    FLOAT: right;
    VISIBILITY: visible;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto 0px;
    BORDER-LEFT: 0px;
    WIDTH: 200px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: sans-serif;
    POSITION: absolute;
    TOP: 400px;
    TEXT-ALIGN: right
}
#volgende ADDRESS
{
  font-size: 12px;
   height: 15px;
    FLOAT: right;
    WIDTH: 200px
}

#volgende P
{
    FLOAT: right;
    WIDTH: 200px;
    LINE-HEIGHT: 31px;
    TEXT-ALIGN: right
}
#volgende A:link
{
   COLOR: #000000;
    BACKGROUND-COLOR: #EBE3B5
}
#volgende A:visited
{
    COLOR: #000000;
    BACKGROUND-COLOR: #EBE3B5
}
#volgende A:hover
{
    COLOR: #EBE3D5;
    BACKGROUND-COLOR: #773C42
}
#volgende A.imgHref
{
    BACKGROUND-COLOR: transparent
}
#volgende A.imgHref:hover
{
    COLOR: #336699;
    BACKGROUND-COLOR: transparent
}

*::-moz-any-link br,*:-moz-any-link br { 
/*a workarround for mozilla*/
display:none;
}
div#menu * {
  cursor: pointer; /*because IE displays the text cursor if the link is inactive*/
}
.disabled {
   color: red !important;
   background: none !important;
}
div#menu {
   background: #EBE3D5;
   font: 10px "Sans Serif";
   height: 15px;
   white-space: nowrap;
   width: 100%;
}

div#menu .a {
   background: #ece3d5;
   border: 1px edge #773C42;   /* EBE3D5; */
   color: #000000; 
   text-decoration: none;
}

div#menu .a table {
   display: block;
   font: 10px sans-serif;
   white-space: nowrap;
}

div#menu table, div#menu table a {
   display: none;
}

div#menu .a:hover, div#menu div.menuitem:hover {
   background: #773C42;
   border: 1px groove #000000;
   color: #EBE3D5;
   margin-right:-1px; /*resolves a problem with Opera not displaying the right border*/
}

div#menu .a:hover table, div#menu div.menuitem:hover table{
   background: #FFFFFF;
   border: 1px solid #708090;
   display: block;
   position: absolute;
   white-space: nowrap;
}

div#menu .a:hover table a, div#menu div.menuitem:hover table a {
   border-left: 10px solid #708090;
   border-right: 1px solid white; /*resolves a jump problem*/
   color: #000000;
   display: block;
   padding: 1px 12px;
   text-decoration: none;
   white-space: nowrap;
   z-index: 1000;
   
}

div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
   background: #C0C000;
   border: 1px solid #000000;
   border-left: 10px solid #000000;
   color: #000000;
   display: block;
   padding: 0px 12px;
   text-decoration: none;
   z-index: 1000;
}

td {
   border-width: 0px;
   padding: 0px 0px 0px 0px;
}
.menuitem {
   float: left;
   margin: 1px 1px 1px 16px;
   padding: 1px 1px 1px 1px;
}

.menuitem * {
   padding: 0px 0px 0px 0px;
}
#other {
  height: auto;visibility: visible;
}
#moz{
  height: 1px;visibility: hidden;
}
#moz::-moz-cell-content{
  height: auto; visibility: visible;
}
#other::-moz-cell-content{
  height: 1px; visibility: hidden;
}