a:link { 
color: #000000; text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
 
a:visited{
color: #000000; text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
 
a:active{ 
color: #000000; text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}

a:hover{ 
color: #000000; text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}



a.grpHref:link { 
color: #FFFFFF; text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
 
a.grpHref:visited {
color: #FFFFFF; text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
 
a.grpHref:active {
color: #FFFFFF; text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}

a.grpHref:hover {
color: #FFFFFF; text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}

 

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #000000;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #AFAFAF;
	scrollbar-highlight-color:;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #AFAFAF;
	background-image: url(http://secure.worldhosting.org/cgi-bin/wh/get_img_by_name.pl?webid=132286&reload=1&ei_code=bg);
	background-attachment: scroll;
	background-repeat: repeat-y;
                     text-align: left;
                     padding: 0px;
                     margin: 0px;

}

p.titel { 
padding-top:3px;
text-align: right;
font-size:20px;
color: #007f7b;
font-family:"Arial Black";
text-transform:uppercase;
}

td     
{ font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #000000}

.kop
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold}

.imgborder
{ border: 1px solid #005F5C }

li
{ margin-left: -24; }

hr
{ color: #969696 }

font
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 15px }

.invulveld
{ font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #000000; height: 18px; width: auto; float: none; clear: none; border: 1px #007F7B solid; background-color: #FFFFFF; }

.invulveldhoog
{ font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #000000; height: 84px; width: auto; float: none; clear: none; border: 1px #007F7B solid; background-color: #FFFFFF }

.tabel
{ border: 1px solid #005F5C; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; margin-top: 2px }

#form label, #form input
{ font-family: Verdana, Arial; display: block; margin-bottom: 5px; max-width: 160px; height: 20px; float: left; width: 300px }

#form label, #form textarea
{ font-family: Verdana, Arial; display: block; margin-bottom: 5px; max-width: 200px; height: 84px; float: left; width: 300px }

#form label, #form select
{ font-family: Verdana, Arial; display: block; margin-bottom: 5px; max-width: 160px; height: 20px; float: left; width: 300px }

#form label.labelcheckbox
{display: block; float: right; text-align: left; margin-right: 85px;}

#form input.checkbox
{ margin-left: 70px; float: left; width: 12px; height: 14px  }

#form label, #form input.button
{ font-family: Verdana, Arial; display: block; margin-bottom: 5px; height: 20px; float: left; width: 100px }

#form label
{ font-size: 11px; font-family: Verdana, Arial; text-align: right; padding-right: 5px; width: 135px }

#form br
{ font-family: Verdana, Arial; clear: left }

#form hr
{ font-family: Verdana, Arial; clear: left }

#form A
{ font-size: 11px; font-family: Verdana, Arial }

#form span.requireditem
{ color: #FF0000; }




  


#nav {
    background-color:darkgrey;
    border-top:0 solid silver;
    border-bottom:0 solid silver;
}

/* these are the std menubox properties – width etc can be added but is mostly not visible all properties are mostly set in li */
 #nav ul { 
	padding: 0;
	margin:0;
	list-style: none;
    	width:100;
    	z-index:99;
   	position:relative;
    	overflow:visible;  
   }

/* here most of the display properties are set */
/* here most of the display properties are set */
#nav li { 
	width:100;
   	height:25;
                     background-color:darkgrey;
    	border: 1px solid silver;
	margin:0;
	float:left;
	position: relative;
   	display:block;
	overflow:visible;  
}

/* all text properties are set here */
#nav a {
font-size: 11px; 
    font-family: Arial;
    font-weight:bold;
    color:white;
    text-decoration:none;
    border-top:0 solid silver;
    border-bottom:1 solid silver;
   padding-left: 20px;
  width: 100%;

}

/* if submenu’s need different color,  border etc add properties here*/
#nav ul li{ background-color:#aa231b;}

/* properties for mouseover the menu text */
#nav a:hover{
	width:100px;				 /*helps IE with hover */
	font: 10 arial;
	color:yellow;
	padding: 0;  
 	margin: 5; 
}

#nav ul{
    display:none;   
}

/* the position of the 2nd submenu group */
#nav ul ul, #nav ul ul ul{
    display:none; 
    position:absolute; 
    margin-top:-20; 
    margin-left:95;
}

/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-15; 
 }

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}
li>ul { top: auto; left: auto; }





./*for the tree TOC*/
.toc_raised{
  border-top: 1px solid buttonhighlight;
  border-left: 1px solid buttonhighlight;
  border-bottom: 1px solid buttonshadow;
  border-right: 1px solid buttonshadow;
  background: buttonface;
  margin: 1;
}
.toc_pressed{
  border-top: 1px solid buttonshadow;
  border-left: 1px solid buttonshadow;
  border-bottom: 1px solid buttonhighlight;
  border-right: 1px solid buttonhighlight;
  background: buttonface;
  margin: 1;
}

#tocm{ font-family:verdana,Arial;font-size: 11px;}
.tocParent 		{ textOverflow:scroll; font-size: 11px;}
.tocChildItemHide { textOverflow:scroll; position:relative; left:11pt; display:none;font-family:verdana,Arial;font-size: 11px;}
.tocChildItemShow { textOverflow:scroll; position:relative; left:11pt; display:block;font-family:verdana,Arial;font-size: 11px;}


#vertnav {
	list-style: none; 
	margin-top:10;
	margin-left:10;
}

/* these are the std menubox properties – width and background can be added but is not visible all properties are set in li */
#vertnav ul {    
	padding:0;
	margin:0;
	list-style: none;
   	z-index:99;
   	overflow:visible;
  	position:absolute; 
}

/* here most of the display properties are set */
#vertnav li { 
	width: 130;
   	height:25;
	background-color:darkblue;
	border: solid 1 blue;
	margin:0;
	padding:0;
	position: relative;
   	display:block;
}

/* all text properties are set here */
#vertnav a {
	width130;				 /*helps IE with hover */
	font: 12 arial bold;
	color:white;
	padding: 0;  
 	margin: 5;			 	/*helps Opera with hover */
  	text-decoration:none; 
  	display:block;
}

/* if submenu’s need different color */
#vertnav ul li{ background-color:blue;}

/* properties for mouseover the menu text */
#vertnav a:hover{
	font: 12 arial bold;
	color:yellow;
	padding: 0;  
 	margin: 5; 
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
    	display:none; 
    	position:absolute; 
   	top:0; 
    	left:130;		/* distane for submneu from left side menubox */
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{ display:none;}
#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{display:block;}
li>ul { top: auto; left: auto;}