body {	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	background:#e6e5e3;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* hier definieer ik het algemene lettertype voor de site */
TD{font-family:arial;
		font-size:12px;
		font-weight:500;
		color:#000000;}
TABLE{font-family:arial;
		font-size:12px;
		font-weight:500;
		color:#000000;}
		
/* Algemene links */
a:visited {color:#000;
           text-decoration: none;}
		   
a:link {color:#000;
        text-decoration: none;}
	
a:hover {color:#6c1e13;
         text-decoration: underline;
	     }
		 
/* specifieke links */
a.b:visited {color:#000;
           text-decoration: none;
		 }

a.b:link {color:#000;
           text-decoration: none;
		   }

a.b:hover {color:#6c1e13;
           text-decoration: underline;
		}


a.c:visited {color:#fff;
           text-decoration: none;
		 }

a.c:link {color:#fff;
           text-decoration: none;
		   }

a.c:hover {color:#fff;
           text-decoration: underline;
		}

	
/* lijntje : mogelijkheden:solid,dotted,dashed*/
HR {color:#ffffff;height:1px;border-style:solid;}

/* kopteksten */
H1{font-family:verdana;
		font-size:14px;
		font-weight:600;
		color:#000;padding:0px;margin:0px;}
		
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;}

/*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:#ffffff;border-width:1px;} /* kadertje om rond tabellen of foto's te zetten */ 


/* id's */


#small {font-family:verdana;font-size:10px;} /* kleine tekstgrootte */

#header {
	width:900px;
	height:134px;
	background-image:url(images/header.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
	
#header h1 {
	text-indent:-9999px;
	position:absolute;
	}
	
#navig {
	width:211px;
	height:400px;
	}
	
#footer { 
	width:900px;
	height:40px;
	background-image:url(images/footer.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

#footer img {
	padding-top:21px;}
	
#content {
	padding:15px;
	}

.big {
	font-size:18px;}

/* scrolling div'ke */
div#content1
{ 
overflow:auto;
width:800;
height:300;
}

.lagen {
	visibility:hidden;
	position:absolute;
	z-index: 1;
	top:150px;
	margin-left: 0px;
    scrollbar-face-color: #ffffff;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-arrow-color: #b3081b;
    scrollbar-track-color: #ffffff;
}

/* definieer kleuren, lettertype enz. voor horinzontaal of vertikaal menu, je kan ook een afbeelding als achtergrond gebruiken -> background-image:url(image.gif);  */

/* common styling */
.menu {font-family: arial, sans-serif; width:640px; height:20px; position:relative; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;height:20px; text-align:left; color:#000; border:1px solid #e6e5e3; background:#e6e5e3; line-height:20px; font-size:14px; overflow:hidden; padding:0 18px;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:160px;}
.menu ul li:hover ul li a.hide {background:#6c1e13; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6c1e13; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#6c1e13; color:#fff; width:170px; }
.menu ul li:hover ul li a:hover {background:#000; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:120px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-120px;}

/* CSS Document */

.nav {
	margin-left:200px;
	margin-top:20px;
	
	}
	
	
/* common styling */
.menufr {font-family: arial, sans-serif; width:640px; height:20px; position:relative; z-index:100;}
.menufr ul li a, .menufr ul li a:visited {display:block; text-decoration:none; color:#000;height:20px; text-align:left; color:#000; border:1px solid #e6e5e3; background:#e6e5e3; line-height:20px; font-size:14px; overflow:hidden; padding:0 14px;}
.menufr ul {padding:0; margin:0; list-style: none;}
.menufr ul li {float:left; position:relative;}
.menufr ul li ul {display: none;}

/* specific to non IE browsers */
.menufr ul li:hover a {color:#fff; background:#000;}
.menufr ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:160px;}
.menufr ul li:hover ul li a.hide {background:#6c1e13; color:#fff;}
.menufr ul li:hover ul li:hover a.hide {background:#6c1e13; color:#000;}
.menufr ul li:hover ul li ul {display: none;}
.menufr ul li:hover ul li a {display:block; background:#6c1e13; color:#fff; width:170px; }
.menufr ul li:hover ul li a:hover {background:#000; color:#fff;}
.menufr ul li:hover ul li:hover ul {display:block; position:absolute; left:120px; top:0;}
.menufr ul li:hover ul li:hover ul.left {left:-120px;}

