#navigation li a {
	font-family: Verdana, sans-serif;
	color: #fff;
	background: url(images/ltab_h.png) no-repeat 0 0;
	text-decoration: none;
	font-size: 15px;
	height: 33px;
	text-align: left;
}

#navigation li a div {
	border-top: 2px solid #fff;
	border-bottom: 3px solid #fff;
	background:#333333;
	height:28px;
}

#navigation li a div span {
	display: block;
	margin:6px 6px 0 0;
	height:40px;
	padding:0 0 0 0;
	background:transparent none;
}

#navigation li a {
	display: block;
	float: left;
	padding: 0 10px 0 10px;
}

#navigation li a div {
	float: left;
}

/* Hide from IE5-Mac \*/
#navigation li a, #navigation li a span{
	float: none
}
/* End hide */

#navigation li a:hover{
	color: #fff;
}

#navigation li a:hover div span {
	background:transparent url('images/bal.png') no-repeat center 30px;
	height:50px;
}

#navigation {
	display:block;
	list-style: none;
	margin:0; padding:0;
}

#navigation li{
	float: left;
	list-style: none;
	margin-left: 2px;
	background: url(images/rtab_h.png) no-repeat right top; 
} 
#navigation li:hover {} 

/* gruwelijke hack voor IE6 */
*html #navigation li,
*html #navigation li a {
	display:block; width:100px; height:28px; overflow:hidden;
}


#navigation li.current_page_item {
	background: url(images/rtab.png) right top no-repeat;
}
#navigation li.current_page_item a {
	color: #fff;
	background: url(images/ltab.png) left top no-repeat;
}
#navigation li.current_page_item a div {
	border-top: 2px solid #fff;
	border-bottom: 3px solid #3399cc;	
	background:#3399cc;
	overflow:visible;
}
#navigation li.current_page_item a div span {
	display:block;
	padding:0 0 0 0;
	overflow:visible;
}