/* CSS FOR BROWSBOX 2.0 - NAVIGATION */
/* --------------------------------- */

/* DIV: topnavigation */
div#topnavigation {	position: absolute; top: 56px; left: 0px; width: 900px; height: 65px; background: url('../images/bg_topnavigation.jpg') no-repeat top left; padding: 0 260px 0 0; voice-family: "\"}\""; voice-family: inherit; width: 640px; }
div#topnavigation ul { list-style: none; }
div#topnavigation ul li { display: block; _float: left;/*width: 126px;*/ height: 63px; float: left; background: url('../images/bg_topnavigation_a.png') repeat-y top right;  }
* html body div#topnavigation ul li {background: none; background: url('../images/bg_topnavigation_a_IE.gif') no-repeat top right; /*background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://browsbox-2-nl.browsbox.be/templates/browsbox-2/images/bg_topnavigation_a_IE.png',sizingMethod='crop');*/}
div#topnavigation a { display: block; _float: left;/*width: 126px;*/ height: 65px; padding: 33px 30px 0 30px; text-align: center; margin: 0px; font-size: 12px; color: #FFF; text-decoration: none; text-transform: uppercase;  voice-family: "\"}\""; voice-family: inherit; height: 32px;}
div#topnavigation a:hover, div#topnavigation a.active { background: url('../images/bg_topnavigation_a_active.jpg') no-repeat bottom center; }

/* DIV: page-utilities */
div#page-utilities { position: absolute; top: 23px; right: 0px; height: 15px; font-size: 11px; width: 650px; text-align: right; }
div#page-utilities a { font-size: 11px; color: #727174; text-decoration: none; text-transform: uppercase; margin: 0 8px; line-height: 100%;}
div#page-utilities a:hover, div#page-utilities a.active { color: #1F2126; }

/* DIV: subnav */
div#subnav { float: left; background: url('../images/bg_subnav.jpg') no-repeat 0px 0; width: 270px; height: 245px; padding: 0 29px 0 0; margin: 0px; voice-family: "\"}\""; voice-family: inherit; width: 241px; }
div#subnav div.catname { float: left; width: 241px; height: 37px; color: #FFF; text-transform: uppercase; font-size: 14px; padding: 11px 17px 0 17px; voice-family: "\"}\""; voice-family: inherit; width: 207px; height: 26px; }
div#subnav div.navitems { float: left; width: 241px; height: 208px; }
div#subnav div.navitems div.navitem { width: 241px; height: 29px; background: url('../images/bg_subnav_item.gif') repeat-x bottom left; }
div#subnav div.navitems a { display: block; width: 241px; height: 29px; padding: 6px 10px 0 37px; voice-family: "\"}\""; voice-family: inherit; width: 194px; height: 23px; font-size: 12px; text-transform: uppercase; color: #FFF; text-decoration: none;  }
div#subnav div.navitems a.active, div#subnav div.navitems a:hover { background: url('../images/bg_subnav_a_active.gif') no-repeat 20px 3px; }

/* PAGE NAVIGATION */
div.pagenavigation-top{	float: right; margin: 0; text-align: right;	color: #666; }
div.pagenavigation-bottom {	float: left; width: 100%; margin: 35px 0 0 0; text-align: center; color: #666; }
div.pagenavigation-top a.active, div.pagenavigation-bottom a.active { color: #666; text-decoration: none;}