body {
background-image: url(images/binnen.jpg);
margin: 0px;
padding: 0px;
}

a:link { 
text-decoration: none;
font: bold 14px 'trebuchet ms', Verdana,arial;
color:#003366;
}

a:visited {
text-decoration: none;
font: bold 14px 'trebuchet ms', Verdana,arial;
color:#003366;  
}

a:active {
text-decoration: none;
font: bold 14px 'trebuchet ms', Verdana,arial;
color: #003366;
}

a:hover {
text-decoration: none;
font: bold 14px 'trebuchet ms', Verdana, arial;
color: #003366;
}

/* ***** Titel ******************************************************** */
.titel h1 {
font-family: 'trebuchet ms', Verdana, arial;
background-color: #FFFFCC;  /* #FDFDE8; */
color: #663366;
/* font-size: 28px; */
font-size: 32px;
margin: 0px;
border: 2px solid #FFFF99; 
text-align: center;
z-index: 5;
}

.index h1 {
position: relative;
font-family: 'trebuchet ms', Verdana, arial;
font-size: 38px;
margin: 0px;
padding:14px;
color: #663366;
height:84px;
border: 0px solid #FFFF99;
text-align: center;
z-index: 5;
}

/* ************************************************************************** */
/* ***** Leftmenu  ********************************************************** */
/* box; margin, border, padding. width niet ivm conflicten!!!                 */ 
.lbutbox { 
position: absolute;
background-color: #FFFFCC;  /* #FDFDE8; */
font-family: 'trebuchet ms', verdana, arial;
font-size: 14px;
left: 4px;
top: 84px;
height: 524px;
width:175px;
margin: 8px 0px 0px 4px;
border: 2px solid #FFFF99; 
padding: 4px;
z-index: 5; /* Bepaalt de volgorde in voor-achtergrond */
}

.lbutbox p {
padding: 0px;
}

.lbutbox a:visited {
font-size: 14px 'trebuchet ms', verdana;
}
.lbutbox a:link {
font-size: 14px 'trebuchet ms', verdana;
}
.lbutbox a:active {
font-size: 14px 'trebuchet ms', verdana;
}
.lbutbox a:hover  {
font-size: 14px 'trebuchet ms', verdana;
}


/* ***** Rechter menu .rbutbox ******************************************* */
.rbutbox {
position: absolute;
background-color: #FFFFCC; /* #FDFDE8; */
color: #003366;
font-family: 'trebuchet ms', verdana, arial;
font-size: 14px; 
margin: 8px 0px 0px 4px;
border: 2px solid #FFFF99; 
width: 180px; 
top: 84px;
right: 2px;
height: 524px;
padding: 4px;
z-index: 5;
}

.rbutbox a:visited {
font-size: 14px;
}
.rbutbox a:link {
font-size: 14px 'trebuchet ms', verdana;
}
.rbutbox a:active {
font-size: 14px 'trebuchet ms', verdana;
}
.rbutbox a:hover  {
font-size: 14px 'trebuchet ms', verdana;
}

/* Alle content boxes behoren tot de content class ************************** */
.content {
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
top: 8px;
width: auto;
height: 524px;
min-width: 20px;
/* margin: 0px 190px 0px 163px; */
margin: 0px 190px 0px 190px;
padding: 12px;
/* border: 1px solid #FFFF99; */ 
}

.content h1 {
color: #663366;
font-family: 'trebuchet ms', Verdana, arial;
font-size: 38px;
text-align: center;
}

.content h2 {
color: #663366;
font-family: 'trebuchet ms', Verdana, arial;
font-size: 18px;
/* margin: 18px 0px 12px 0px; */
/* text-align: left; */
}

.content p {
color: #000088;
font-family: 'trebuchet ms', Verdana, arial;
font-size: 13px;
font-weight: bold;
/* margin: 14px 0px 14px 0px; */
/* text-align: left; */
}

.content h3 {
color: #000088;
font-family: 'trebuchet ms', Verdana, arial;
font-size: 12px;
/* font-weight: bold; */
/* margin: 14px 0px 14px 0px; */
/* text-align: left; */
}

.content h4 {
color: #663366;
font-family: 'trebuchet ms', Verdana, arial;
font-size: 14px;
/* font-weight: bold; */
/* margin: 14px 0px 14px 0px; */
/* text-align: left; */
}

.content h6 {
color: #663366;
font-family: 'trebuchet ms', Verdana, arial;
font-size: 16px;
/* font-weight: bold; */
/* margin: 14px 0px 14px 0px; */
/* text-align: left; */
}

.content ul {	
font-family: 'trebuchet ms', verdana, arial;
font-size: 13px;
font-weight: bold;
}
 
.content li {
color: #000088;
 margin: 8px 0px 0px 0px 
}

.content td {	
font-family: 'trebuchet ms', verdana, arial;
font-size: 15px;
color: #000088;
margin: 8px 0px 0px 0px;
}

.content img {
 position: relative; /* Om images zonder problemen te tonen binnen content */
}	
  
.webfoot {
font: 9px/12px 'trebuchet ms', verdana;
}
.webfoot a:visited {
font: 9px 'trebuchet ms', verdana;
}
.webfoot a:link {
font: 9px 'trebuchet ms', verdana;
}
.webfoot a:active {
font: 9px 'trebuchet ms', verdana;
}
.webfoot a:hover  {
font: 9px 'trebuchet ms', verdana;
}