/* ------------------------------------------------------- 

	navigation stylesheet  /  www.gigantpodia.nl
	
	development by

	tableaux
	www.tableaux.nl
	
	january 2008

---------------------------------------------------------- */

div#headerNavigation ul{
	position:relative;
	float:left;
	width:900px;
	height:75px;
	margin-top:1px;
	margin-left:-40px;
	*margin-left:0px;
	margin-bottom:6px;
	overflow:hidden;
	text-align:left;
	}

div#headerNavigation li{
	position:relative;
	float: left;
	width: 300px;
	height: 75px;
	list-style: none;
	}

div#headerNavigation li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#FFFFFF;
	padding:36px 0px 15px 27px;
	display:block;
	text-decoration:none;
	text-transform:lowercase;
	}

div#headerNavigation ul li a.hover1:hover{
	background-image: url(../images/hover1.jpg);
	}
div#headerNavigation ul li a.hover2:hover{
	background-image: url(../images/hover2.jpg);
	}
div#headerNavigation ul li a.hover3:hover{
	background-image: url(../images/hover3.jpg);
	}


div#headerNavigation ul li a.active1{
	background-image: url(../images/active1.jpg);
	}
div#headerNavigation ul li a.active2{
	background-image: url(../images/active2.jpg);
	}
div#headerNavigation ul li a.active3{
	background-image: url(../images/active3.jpg);
	}


.item1{
	background-image: url(../images/knop1.jpg);
	}
.item2{
	background-image: url(../images/knop2.jpg);
	}
.item3{
	background-image: url(../images/knop3.jpg);
	}