/* CSS FOR FYLDS - NAVIGATION */
/* -------------------------- */

/* DIV: topnavigation */
div#topnavigation {	position: absolute; top: 0px; left: 0px; height: 100px; width: 950px; background: url('../images/bg_topnavigation.png') no-repeat top right; padding: 0; }
* html body div#topnavigation { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://fylds-nl.browsbox.be/templates/fylds/images/bg_topnavigation.png',sizingMethod='crop'); }
div.mainnav { position: absolute; top: 65px; left: 466px; }
div.mainnav a { display: block; position: relative; float: left; height: 34px; padding: 0 6px; margin: 0 10px 0 0; font-size: 12px; color: #FFF; text-align: center; text-transform: uppercase; text-decoration: none; }
div.mainnav a.active, div.mainnav a:hover { background: url('../images/bg_mainnav_a.gif') repeat-x bottom left; }

/* DIV: l-col */
div#l-col { float: left; width: 300px; min-height: 300px; _height: 300px; padding: 0px 45px 0 0px; voice-family: "\"}\""; voice-family: inherit; width: 255px; }
div#l-col a { display: block; padding: 0 0 0 22px; margin: 0 0 10px 0; color: #999; text-transform: uppercase; text-decoration: none; font-size: 13px; }
div#l-col a:hover,div#l-col a.active { background: url('../images/bg_l_col_a_active.gif') no-repeat 0 6px; }

/* 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: #c00; text-decoration: none;}