<!--//
var myrules = {
	'#menu ul li.hoofd' : function(el) {
		el.onmouseover = function() {
			Element.addClassName(this, 'hoofd_hover');
			Element.removeClassName(this, 'hoofd');
		},
		el.onmouseout = function(el) {
			Element.removeClassName(this, 'hoofd_hover');
			Element.addClassName(this, 'hoofd');
		}
	},
	'#menu ul li.sub' : function(el) {
		el.onmouseover = function() {
			Element.addClassName(this, 'sub_hover');
			Element.removeClassName(this, 'sub');
		},
		el.onmouseout = function(el) {
			Element.removeClassName(this, 'sub_hover');
			Element.addClassName(this, 'sub');
		}
	} 
}			
Behaviour.register(myrules);
//-->