*{	margin: 0px;
	padding: 0px;
	font-family: "verdana";
	font-size: 11px;
	color: black;
	letter-spacing: 1.1;
}

body {margin: 0px;
	padding: 3px;
	/*padding-top: 0px;*/
	background-image: url('bgalg1.gif') ;
	background-color: #DFDFDF;
}

.top	{/*background-image: url('kop_site_water2.jpg') ;
		/*background-attachment: fixed;
		background-position: 100% 100% ; 
		background-repeat: no-repeat;*/
		background-color: #444444;
		color: #FFFFFF;
		/*position: relative;*/
		vertical-align: top;
		padding-left: 10px;
}
.naam h1	{font-size: 15px; color: #FFFFFF;
}
.logo {align: right;}
.kop	{width: 100%;
	height: 100%;
	vertical-align: bottom;
	text-align: left;
	color: #FFFFFF;
	/*background-color: transparant;*/
	/*position: relative;*/
}

.kop a{
	display: inline;
	width: 120px;
	height: 1.8em;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	color: black;
	background-color: #CCCCCC;
	background-image:url('item_oranje.gif');
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left: 24px;
	border-bottom: 1px solid #FF6600;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	line-height: 1.7em;
}
.kop a:hover { 
	background-image:url('item_hover2.gif'); /* IE6 Bug */ 
	color: #444444;
	background-color: #EEEEEE;
} 
.teksten	{background-color:#DFDFDF;
		margin: 0px 0px 0px 0px;
		padding: 14px 30px 10px 10px;
		height: 100% ; 
		width: 100%;
		overflow: auto;
		position: static;
}

/*STYLE VOOR MERKEN*/
.merk {margin:0px; padding: 0px; width: 750; height: 98%; border: 0px solid black; 
}
.merken {margin:0px; padding: 0px; vertical-align: top; border-collapse: collapse; width: 750; height: 100%;}
.merk_t {margin:0px; padding: 0px; /*padding-left: 3px;*/ vertical-align: top; width: 67%; height: 120;}
.merk_trb	{text-align: right; margin:0px; padding: 0px; width: 33% ; height: 120px; vertical-align: top
}
.merk_lb{text-align: left; margin:0px; padding: 0px; /*padding-right:3px;*/ width: 33%; height: 150px; vertical-align: top
}

.merk_mb {text-align: center; margin:0px; padding: 0px; width: 34%; height: 150px; vertical-align: top
}

.merk_rb	{text-align: right; margin:0px; padding: 0px ; /*padding-left:3px; */ width: 33%; height: 150px; vertical-align: top
}
.merk_lo{text-align: left; margin:0px; padding: 0px ; /*padding-right:3px; */ width: 33%; height: 150px; vertical-align: bottom
}

.merk_mo {text-align: center; margin:0px; padding: 0px; width: 34%; height: 150px; vertical-align: bottom
}

.merk_ro	{text-align: right; margin:0px; padding: 0px ; padding-left:3px; width: 33%; height: 150px; vertical-align: bottom
}

div.bottom	{
	/*width: 100%;*/
	height: 10;
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	vertical-align: bottom;
	text-align: left;
	position: absolute;
	bottom: 0px;
	border: 0px solid red;
}

div.pseudobottom	{
	/*width: 100%;*/
	height: 10;
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	vertical-align: bottom;
	text-align: left;
	position: absolute;
	bottom: 20px;
	border: 0px solid red;
}


div.bottom a,
div.pseudobottom a {
	display: inline;
	width: 120px;
	height: 1.2em;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	color: black;
	background-color: #CCCCCC;
	background-image:url('item_oranje.gif');
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left: 24px;
	border-bottom: 1px solid #FF6600;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	line-height: 1.4em;
}
div.bottom a:hover,
div.div.pseudobottom a:hover { 
	background-image:url('item_hover2.gif'); /* IE6 Bug */ 
	color: #444444;
	background-color: #EEEEEE;
}

/*MENU OPMAAK*/
#menu{
	height: 100%;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-left: 10px;
	text-transform: none;
	border-right: 1px solid #FF6600; 	
	background-color: #666666;
}
#menu ul { 
	left:2px;
	margin: 0px; 
	padding: 0px; 
	list-style: none;
	width: 162px; /* Width of Menu Items */ 
	color: #FFFFFF;
} 

#menu ul li { 
	position: relative; 
	padding-bottom: 5px;
} 

#menu li ul { 
	position: absolute; 
	left: 161px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
	/*background-color: #666666;*/
	padding-top: 5px;
} 

#menu li:hover ul {
	display: block; 
} 
#menu ul li:hover ul li {
	padding-bottom: 0px;
}
#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0px 0px 0px 0px; 
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block; 
	text-align: left;
	text-decoration: none; 
	height: 1.8em;
	color: #FFFFFF;
 	background-color: #666666;
 	background-image:url('item_oranje.jpg'); /* IE6 Bug */ 
	background-position: 100% 50%;
	background-repeat: no-repeat;
	padding-left: 10px; 
	
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 		
} 

/* Hover Styles */ 
#menu ul a:hover { 
	background-image:url('item_hover.jpg'); /* IE6 Bug */ 
	background-color: #666666;
	color: #FFFFFF;
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: FFFFFF;
	background-image:url('item_oranje.jpg'); /* IE6 Bug */ 
	padding-left: 20px; 
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 	
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	background-image:url('item_hover.jpg'); /* IE6 Bug */ 
	color: #FF6600;
} 

/* copyright linken*/
a:link.copyright	{color: #666666;
		font-size:10px;
		font-weight: 400;
		text-decoration: none;
}
a:visited.copyright	{color: #666666;
		font-size:10px;
		font-weight: 400;
		text-decoration: none
}
a:active.copyright	{color: #666666;
		font-size:10px;
		font-weight: 400;
		text-decoration: none
}
a:hover.copyright	{color: #666666;
		font-size:10px;
		font-weight: 400;
		text-decoration: none;
		cursor: hand;
}

/* CSS-hack voor Netscape en Mozilla: uitlijning menublok*/
html>body {height: 96%; width:auto; }
html>body .kop {width:auto; }
html>body .teksten {width:95%; height: 93%; }
html>body #menu {height: 95.5%; width:auto;}
html>body #menu li ul a {height: 1.0em;}
html>body #menu li ul { padding-top: 3px;} 
html>body #menu ul li {position: relative; padding-bottom: 3px;} 
html>body .teksten div.bottom  {width: auto; height: 1.2em; position: relative; bottom: -18px; /*padding-left: 2px;*/}
/*STYLE VOOR MERKEN MOZILLA*/
html>body .merk {width: 740; height: 94%; padding-right: 0px;}	 
/*html>body.merk {width: 740; height: 96%; }*/
html>body .merken {width: 740; height: 95%;}
html>body .merk_t {width: auto; height: 120;}
html>body .merk_trb	{width: 32% ; height: 120px;}
html>body .merk_lb{width: 32%; height: 150px; }

html>body .merk_mb { width: 33%; height: 150px; }

html>body .merk_rb	{width: 32%; height: 150px; }
html>body .merk_lo{ width: 32%; height: 150px; }

html>body .merk_mo { width: 33%; height: 150px; }

html>body .merk_ro	{ width: 32%; height: 150px; }
