/*
 * horizontaal css menu,
 * copyright © 2007 Roland Franke - info@demidex.com
 */


.menu {
	/*z-index: 100;*/
	position: relative;
	top: 0px;
	left: 73px;
	width: 152px;
	margin: 0;
	padding: 0;
}

.menu ul {
    position: absolute;
    display: block;
    width: 76px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
    
.menu li ul {
    visibility: hidden;
}

.menu li li ul {
    position: absolute;
}
    
.menu li {
    list-style: none;
    width: 76px;
    height: auto;
    display: inline;
    display/**/: block;
    float: none;
    float/**/: left;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
    
.menu li li {
    display: inline; /*block*/
    float: none;
}
    
/* correct a little IE bug */
* html .menu li li {
    display: inline;
	float: none;
}

.menu a {
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
    color: #000;
	text-decoration: none;
    text-align: center;
	width: 76px;
	height: 76px;
}

.menu a:hover {
	text-decoration: none;
}

DIV.top {
	height: 76px;
	width: 76px;
	background-repeat: no-repeat;
}
.paars { background-image: url(../images/btn_1.jpg); }
.rood { background-image: url(../images/btn_2.jpg); }
.oranje { background-image: url(../images/btn_3.jpg); }
.geel { background-image: url(../images/btn_4.jpg); }

DIV.top a {
	height: 76px;
	width: 72px;
	padding-right: 4px;
	line-height: 76px;
	font-size: 12px;
	text-transform: uppercase;
}

DIV.top a:hover {
	width: 72px;
	padding-right: 4px;
	background-image: url(../images/btn_over.jpg);
	background-repeat: no-repeat;
}

DIV.sub {
	/*display: block;*/
	width: 76px;
	height: 40px;
	background-repeat: no-repeat;
}
.paarssub { background-image: url(../images/btn_1-sub.jpg); }
.roodsub { background-image: url(../images/btn_2-sub.jpg); }
.oranjesub { background-image: url(../images/btn_3-sub.jpg); }
.geelsub { background-image: url(../images/btn_4-sub.jpg); }

DIV.sub a {
	/*display: block;*/
	width: 70px;
	height: 26px;
	padding: 14px 0 0 0;
	line-height: 10px;
}

DIV.sub a:hover {
	padding-right: 6px;
	width: 70px;
	background-image: url(../images/btn_over_sub.jpg);
	background-repeat: no-repeat;	
}