/* 
Website: Feestival.info
Description: StyleSheet for Feestival.info
Version: 1,0
Author: Nick Thesing
*/

.menu ul {
	list-style-type:none;
	margin-top: -2px;
}


.menu li {
	float: left;
	position:relative;
	width:100px; 
}

.li {
height: 29px;
padding-top: 5px;
}


.menua {
margin-top: -6px;
display: block;
height: 30px;
width: 105px;
}



/* hack for IE 5.5 */ 
* html .menu a, * html .menu a:visited {
	width:100px;
}


.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0px;
	width:100px;

}

.menu a, .menu a:visited {
color: black;
display:block;
font-size:1.2em;
text-decoration:none; 
width:100px; 
font-weight: bold;
text-align: center;
text-transform: uppercase;

}

.lastitem {
	height:27px;
}


* html .menu ul ul a{
width:100px;
}

/* hack for IE 5.5 */
* html .menu ul ul {
top:25px;
}

/* Hack for IE required to work with the layout. */
.menu table {
	position:absolute; 
	top:0px; 
	left:0px;
}

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

/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible; 
}


/**********feestival***********/

#feestival .activetop1_1 {
height:27px; 
background: transparent url(../images/new/menu1-1.png) no-repeat bottom right;
}

#feestival .menutop1_1 {
height:27px; 
background: transparent url(../images/new/menu1-1.png) no-repeat bottom left;
}

#feestival .menutop1_1:hover {
background: transparent url(../images/new/menu1-1.png) no-repeat bottom center;
}

#feestival .activedown1_2 {
height:25px; 
background: transparent url(../images/new/menu1-2.png) no-repeat bottom right;
}

#feestival .menudown1_2 {
height:25px; 
background: transparent url(../images/new/menu1-2.png) no-repeat bottom left;
}

#feestival .menudown1_2:hover {
background: transparent url(../images/new/menu1-2.png) no-repeat bottom center;
}


ul#feestival a, ul#feestival a:visited {
width:105px;
}

ul#feestival{
margin-left: -1px;
margin-top: -184px;
width: 105px;
height: 110px;
} 



/**********END-feestival***********/



/**********programma***********/

#programma .menutop {
height:27px; 
background: transparent url(../images/menu2_top.png) no-repeat bottom left;
}

#programma .menudown {
background: transparent url(../images/menu2.png) no-repeat bottom left;
height: 25px;
}

ul#programma a, ul#programma a:visited {
width:105px;
}

ul#programma{
margin-left: 1px;
margin-top: -209px;
width: 105px;
height: 100px;
} 

#programma .menudown:hover{
	background: transparent url(../images/menu2.png) no-repeat bottom center;
}

#programma .menutop:hover {
background: transparent url(../images/menu2_top.png) no-repeat bottom center;
}

#programma {
margin-left: 11px;
}



/**********END-programma***********/


/**********talent***********/

#talent .menutop {
height:27px; 
background: transparent url(../images/menu3_top.png) no-repeat bottom left;
}

#talent .menudown {
background: transparent url(../images/menu3.png) no-repeat bottom left;
height: 25px;
}

ul#talent a, ul#talent a:visited {
width:105px;
}

ul#talent{
margin-left: 1px;
margin-top: -184px;
width: 105px;
height: 125px;
} 

#talent .menudown:hover{
	background: transparent url(../images/menu3.png) no-repeat bottom center;
}

#talent .menutop:hover {
background: transparent url(../images/menu3_top.png) no-repeat bottom center;
}

#talent {
margin-left: 14px;
}



/**********END-talent***********/


/**********muziek***********/

#muziek .menutop {
height:27px; 
background: transparent url(../images/menu4_top.png) no-repeat bottom left;
}

#muziek .menudown {
background: transparent url(../images/menu4.png) no-repeat bottom left;
height: 25px;
}

ul#muziek a, ul#muziek a:visited {
width:105px;
}

ul#muziek{
margin-left: 0px;
margin-top: -209px;
width: 105px;
height: 100px;
} 

#muziek .menudown:hover{
	background: transparent url(../images/menu4.png) no-repeat bottom center;
}

#muziek .menutop:hover {
background: transparent url(../images/menu4_top.png) no-repeat bottom center;
}

#muziek {
margin-left: 14px;
}



/**********END-muziek***********/


/**********sport***********/

#sport .menutop {
height:27px; 
background: transparent url(../images/menu5_top.png) no-repeat bottom left;
}

#sport .menudown {
background: transparent url(../images/menu5.png) no-repeat bottom left;
height: 25px;
}

ul#sport a, ul#sport a:visited {
width:105px;
}

ul#sport{
margin-left: -2px;
margin-top: -184px;
width: 105px;
height: 100px;
} 

#sport .menudown:hover{
	background: transparent url(../images/menu5.png) no-repeat bottom center;
}

#sport .menutop:hover {
background: transparent url(../images/menu5_top.png) no-repeat bottom center;
}

#sport {
margin-left: 14px;
}



/**********END-sport***********/




/**********STEUN***********/

#support .menutop {
height:27px; 
background: transparent url(../images/menu6_top.png) no-repeat bottom left;
}

#support .menudown {
background: transparent url(../images/menu6.png) no-repeat bottom left;
height: 25px;
}

ul#support a, ul#support a:visited {
width:105px;
}

ul#support{
margin-left: -3px;
margin-top: -109px;
width: 105px;
height: 75px;
} 

#support .menudown:hover{
	background: transparent url(../images/menu6.png) no-repeat bottom center;
}

#support .menutop:hover {
background: transparent url(../images/menu6_top.png) no-repeat bottom center;
}

#support {
margin-left: 14px;
}


/**********END-STEUN***********/





/**********belangrijk***********/

#belangrijk .menutop {
height:27px; 
background: transparent url(../images/menu7_top.png) no-repeat bottom left;
}

#belangrijk .menudown {
background: transparent url(../images/menu7.png) no-repeat bottom left;
height: 25px;
}

ul#belangrijk a, ul#belangrijk a:visited {
width:105px;
}

ul#belangrijk{
margin-left: -3px;
margin-top: -184px;
width: 105px;
height: 100px;
} 

#belangrijk .menudown:hover{
	background: transparent url(../images/menu7.png) no-repeat bottom center;
}

#belangrijk .menutop:hover {
background: transparent url(../images/menu7_top.png) no-repeat bottom center;
}

#belangrijk {
margin-left: 13px;
}



/**********END-belangrijk***********/