body {
margin-top:0px;
background-color:#EDEEE9;
background-image:url(images/backgr.jpg);
background-repeat:repeat-x;
}
/* hier definieer ik het algemene lettertype voor de site */
TD{font-family:arial;
		font-size:12px;
		font-weight:500;
		color:#323232;}
TABLE{font-family:arial;
		font-size:12px;
		font-weight:500;
		color:#000000;}
#Table_01 {
background-image:url(images/backgr.jpg);
background-repeat:repeat-x;
}
.slogan {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color: #252757;
}			
#menu1 a {
display:block; height:40px;
background-image:url(images/menu_06.jpg);
background-position:center;
font-size:12px;
font-weight:bold;
color:#000000;
text-align:center;
text-decoration:none;
padding-top:15px;
}
#menu1 a:hover {
display:block; height:40px;
background-image:url(images/menu-over_06.jpg);
background-position:center;
font-size:12px;
font-weight:bold;
color:#FF0000;
text-align:center;
text-decoration:none;
padding-top:15px;
}
		
/* Algemene links */
a:visited {
	color:#252757;
	text-decoration: none;
	font-weight: bold;
}
		   
a:link {
	color:#252757;
	text-decoration: underline;
	font-weight: bold;
}
	
a:hover {
	color:#4D5854;
	text-decoration: none;
	font-weight: bold;
	     }
.mail {
	color:#FF0000;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		 }
a.mail:visited {
	color:#FF0000;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
		 }

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

a.mail:hover {
	color:#899AA1;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
		}		 
/* specifieke links */
.b {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	font-size: 14px;
}
		 
a.b:visited {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bolder;
		 }

a.b:link {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bolder;
		   }

a.b:hover {
	color:#252757;
	text-decoration: none;
	font-weight: bolder;
		}
.foot {
	color:#272650;
	text-decoration: none;
	font-size: 9px;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
a.foot:visited {color:#6f4317;
           text-decoration: none;
		 }

a.foot:link {color:#6f4317;
           text-decoration: none;
		   }

a.foot:hover {color:#FFFFFF;
           text-decoration: none;
		}

	
/* lijntje : mogelijkheden:solid,dotted,dashed*/
HR {color:#ffffff;height:1px;border-style:solid;}

/* kopteksten */
H1{
	font-family:verdana;
	font-size:16px;
	font-weight:bolder;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	font-variant: normal;
	text-indent: 20px;
}
		
H2{font-family:verdana;
		font-size:12px;
		font-weight:600;
		color:#3366FF;padding:0px;margin:0px;}
		
H3{font-family:verdana;
		font-size:18px;
		font-weight:600;
		color:#000000;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:#8A8484;border-width:1px;} /* kadertje om rond tabellen of foto's te zetten */ 


/* id's */


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


/* scrolling div'ke */
div#content
{ 
overflow:auto;
width:500;
height:300;
}


/* 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-color: #eeeeee;
	color:#000000;
	font-size: 11px;
	padding: 3px;
	text-decoration: none;}
	
#menu a:hover{
	display: block;
	background-color: #4DB2CF;
	color:#ffffff;
	font-size: 11px;
	padding: 3px;
	text-decoration: none;font-weight:bold;}

#menu td{
	vertical-align: middle;
	text-align: center;}
#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 
*/