body {
margin-top:0px;
background-color:#FEFFEF;
}
.font0 {font:10.00pt "Arial", sans-serif;}
 .font6 {font:12.00pt "Times New Roman", serif;}
 .font7 {font:18.00pt "Times New Roman", serif; text-decoration:underline;}
  .font1 { font:10.00pt "Times New Roman", serif; }
 .font2 { font:10.00pt "Times New Roman", serif; }
 .font3 { font:10.00pt "Times New Roman", serif; }
 .rechts {
 position:relative;
 float:right}
/* hier definieer ik het algemene lettertype voor de site */
TD{font-family:arial;
		font-size:11px;
		font-weight:normal;
		color:#7A7664;}
TABLE{font-family:arial;
		font-size:12px;
		font-weight:500;
		color:#000000;}
#Table_01 {
background-color:#FFFFFF
}
/*
this is an image effect to add a hand cursor effect, just add this line to your image
<a href="javascript:;" onClick="OnMouseOver="this.className='cursor';"><img src="images/ttrap.jpg" width="" height="" border="0"></a>
*/
.cursor {  cursor: hand}
.slogan {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color: #FF0000;
	font-style: italic;
	text-decoration:none;
}	
a.slogan:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color: #FF0000;
	font-style: italic;
	text-decoration:none;
}
a.slogan:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color: #FF0000;
	font-style: italic;
	text-decoration:none;
}
a.slogan:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color: #FF0000;
	font-style: italic;
	text-decoration:underline;
}			
.menu1 a {
display:block;
width:141px;
background-image:url(images/menusmallback.gif);
}
.menu1 a:hover {
display:block;
background-image:url(images/menubackhover.gif);
}
		
/* Algemene links */

a {color:#06866D;
           text-decoration: underline;}
a:visited {color:#06866D;
           text-decoration: underline;}
		   
a:link {color:#06866D;
        text-decoration: underline;}
	
a:hover {color:#9A9CA6;
         text-decoration: none;
	     }
		 
/* specifieke links */
.mail {
	color:#068771;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		 }
a.mail:visited {
	color:#068771;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
		 }

a.mail:link {
	color:#068771;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
		   }

a.mail:hover {
	color:#716F64;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
		}
.b {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	font-size: 12px;
}
a.b:visited {color:#DFCC80;
           text-decoration: none;
		 }

a.b:link {color:#DFCC80;
           text-decoration: none;
		   }

a.b:hover {color:#FFFFFF;
           text-decoration: underline;
		}
.foot {
	color:#373737;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
		}
a.foot:visited {
	color:#373737;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
		 }

a.foot:link {
	color:#373737;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
		   }

a.foot:hover {
	color:#A2A39E;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
		}

	
/* lijntje : mogelijkheden:solid,dotted,dashed*/

/* kopteksten */
H1{font-family:Arial, Helvetica, sans-serif;
text-align:left;
text-indent:5px;
		font-size:14px;
		font-weight:600;
		color:#635e4b;padding:0px;margin:0px;}
		
H2{font-family:verdana;
		font-size:12px;
		font-weight:600;
		color:#635E4B;padding:0px;margin:0px;}
		
H3{font-family:verdana;
		font-size:14px;
		font-weight:600;
		color:#068771;padding:0px;margin:0px;}
.H1{font-family:verdana;
		font-size:16px;
		font-weight:bolder;
		color:#000000;padding:0px;margin:0px;}
.H2{font-family:verdana;
		font-size:12px;
		font-weight:600;
		color:#FFFFFF;padding:0px;margin:0px;}

/*lijst stijl met image, je kan ook gewoon li{list-style:square;} of circle of disc gebruiken}*/
li {list-style-image:URL(pijl.gif);} 
	
/* classes */	
	
.wh{color:#ffffff;}	/* witte tekstkleur */


.imgb {
	border-style:solid;
	border-color:#635E4B;
	border-width:1px;
	color: #635E4B;
} /* kadertje om rond tabellen of foto's te zetten */ 


/* id's */


#small {font-family:verdana;font-size:10px;} /* kleine tekstgrootte */


/* scrolling div'ke */
.info
{
font-size:10px;
}


/* definieer kleuren, lettertype enz. voor horinzontaal of vertikaal menu, je kan ook een afbeelding als achtergrond gebruiken -> background-image:url(image.gif);  */

#menu a:link, #menu a:visited{
	display: block;

	background-image:url(images/menusmallback.gif);
}
	
#menu a:hover{
	display: block;

	background-image:url(images/menubackhover.gif);
}

#menu td{
	vertical-align: middle;
	text-align: left;}
#contentbackgrpic {
background-color:#E3CD84;
background-image:url(images/content_03.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
#Lttabelcolor {
background-color:#895D30;
}
#contactTD {
margin-left:20px;
margin-top:20px;
color:#DFCC80;
font-size:11px;
font-weight:bold;
}

/* HTML CODE */
/*
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>

<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Sub Item 2.1.3</a></li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
*/
/* MENU HORIZONTAL STYLE*/
/* START DHTML MENU + JAVAS CRIPT */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*
.suckerdiv {
background: #4fa7d7;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
height:17px;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 828px; // Width of Menu Items 
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
background: #4fa7d7;
position: relative;
float:left;
}

	
//Sub level menu items 
.suckerdiv ul li ul{
background: #4fa7d7;
position:absolute;
top: 0;
margin-top:17px;
_margin-top:19px;
margin-left:-99px;
visibility: hidden;
width: 186px; //sub menu width
}
.suckerdiv ul li ul li{
width: 200px; //sub menu width
}

// Sub level menu links style
.suckerdiv ul li a{
//display: block;
overflow: auto; //force hasLayout in IE7
color: #FFFFFF;
text-decoration: none;
background: #4fa7d7;
padding: 1px 10px;
border: 1px solid #ccc;
border-bottom: 0;
}
.suckerdiv ul li ul li a{
display: block;
}

.suckerdiv ul li a:visited{
color: #FFFFFF;
text-decoration:none;
}

.suckerdiv ul li a:hover{
background-color: #a9dffd;
color:#000000;
}

.suckerdiv .subfolderstyle{
}

	
// Holly Hack for IE \
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
// End

// MENU VERTICAL STYLE
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; // Width of Menu Items 
border-bottom: 1px solid #ccc;
}
	
.suckerdiv ul li{
background: #33cccc;
position: relative;
}

	
//Sub level menu items 
.suckerdiv ul li ul{
background: #33cccc;
position: absolute;
width: 186px; //sub menu width
top: 0;
visibility: hidden;
}

// Sub level menu links style
.suckerdiv ul li a{
display: block;
overflow: auto; //force hasLayout in IE7 
color: black;
text-decoration: none;
background: #33cccc;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
text-decoration:none;
}

.suckerdiv ul li a:hover{
background-color: #ccffff;
}

.suckerdiv .subfolderstyle{
}

	
// Holly Hack for IE \
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
// End 
*/