/* 

STYLESHEET FOR IFANZY.COM / NL
created by Stoneroos Interactive Television

TOC:
		1:	Mainmenu
		2:	Submenu
		
*/

/* 1: Mainmenu */

div#menu ul {
  margin:					0;
  padding:		         	0 10px 0; /* TODO: moet 14px 10px 0; zijn voor safari windows */
  list-style:				none;
  }

div#menu li {
  float:					left;
  background:				url("/images/bg-tab-left.gif") no-repeat left top;
  margin:					0;
  padding:					0 0 0 9px;
  }

div#menu a, div#menu span {
  float:					left;
  display:					block;
  width:					.1em;
  background:				url("/images/bg-tab-right.gif") no-repeat right top;
  padding:		            4px 15px 1px 6px;
  text-decoration:			none;
  font-weight:				bold;
  color:					#444;
  white-space:				nowrap;
  line-height: 				18px;
}
  
div#menu > ul a, div#menu > ul span {
	width:					auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#menu a, div#menu span {
	float:					none;
}
/* End IE5-Mac hack */

div#menu a:hover {
	color:					#000;
	text-decoration:		none;
}

div#menu .selectedtab {
  	background-position:	0 -150px;
  	border-width:			0;
}
 
div#menu .selectedtab a,
div#menu .selectedtab span {
  	background-position:	100% -150px;
  	padding-bottom:			1px;
  	color:					#000;
}

div#menu li:hover, div#menu li:hover a {
  	background-position:	0% -150px;
  	color:					#000;
}

div#menu li:hover a {
  	background-position:	100% -150px;
}

/* 2: Submenu */

#submenu {
	width:						100%;
}

#submenu {
	width:					100%;
}

#submenu table {
	vertical-align:			middle;
	width:					100%;
	border: 				1px solid #ccc;

}
	
#submenu td {
	text-align:				center;
	width: 					14%;	
	line-height:			14px;							
}

#submenu .selected-sub {
	background:				url(/images/subcat-select-bg.gif) repeat-x;
	color:					#fff;
	font-weight:			bold;
}

div.pagenumbers span {
	padding: 				0px 5px;
}

div.pagenumbers a {
	text-decoration:		none;
	padding:				2px;
}

div.pagenumbers a.pagelink {
	padding:				0;
	text-decoration:		underline;
}

div.pagenumbers a.pagelink:hover {
	text-decoration:		none;
}

div.pagenumbers a:hover {
	padding:				0;
}

div.pagenumbers span.selectedpage {
	background-color:		#034D6C;
	color:					#FFF;
	font-weight:			bold;
	border:					solid 2px #034D6C;
}

div.pagenumbers a:hover span {
	border:					solid 2px #034D6C;
}