/* CSS FOR AB COOLSERVICE - NAVIGATION */
/* ----------------------------------- */

/* DIV: staticnavigation */
div#staticnavigation { position: absolute; top: 9px; right: 0px; font-size: 11px; text-transform: uppercase; color: #666; }
div#staticnavigation a { margin: 0 0 0 11px; text-decoration: underline; text-transform: uppercase; color: #979797; }
div#staticnavigation a:hover, div#staticnavigation a.active { text-decoration: none; color: #333 }

/* DIV: topnavigation */
div#topnavigation {	position: absolute; bottom: 0px; right: 0px; height: 36px; padding: 0 0 0 3px; text-align: right; background: url('../images/bg_topnavigation.gif') no-repeat top left; _background: none; }
div#topnavigation ul { _float: right; list-style: none; height: 36px; background: url('../images/bg_topnavigation.gif') no-repeat top left; _padding: 0 0 0 3px;}
div#topnavigation ul li { display: inline-block; *float: left; _float: left; _display: block; height: 36px; padding: 0 3px 0 0; margin: 0 0 0 0px; background: url('../images/bg_topnavigation_li.gif') no-repeat top right; }
div#topnavigation a { display: inline-block; position: relative; height: 36px; text-transform: uppercase; font-size: 14px; color: #666; text-decoration: none; padding: 13px 20px 0 20px; background: url('../images/bg_topnavigation_a.jpg') repeat-x top left; voice-family: "\"}\""; voice-family: inherit; height: 23px; }
div#topnavigation a img { display: block; position: absolute;top: 0px; left: 0px; }
div#topnavigation a div {}
div#topnavigation a div.blue {position: absolute;}
div#topnavigation a.active { background: url('../images/bg_topnavigation_a_active.jpg') repeat-x top left; }
div#topnavigation a:hover { color: #000; }

/* DIV: l-col */
div#l-col { float: left; width: 303px; padding: 0px 0 22px 16px; min-height: 200px; _height: 200px; background: url('../images/bg_l-col_bottom.png') no-repeat bottom right; voice-family: "\"}\""; voice-family: inherit; width: 287px; }
* html div#l-col { height: 200px; padding: 0 0 12px 16px; background: url('../images/bg_l-col_bottom.gif') no-repeat bottom right; }

div#l-col div#innerblock { float: right; clear: right; width: 287px; min-height: 200px; _height: 200px; background: url('../images/bg_l-col.png') repeat-y top right;}
* html div#l-col div#innerblock { background: url('../images/bg_l-col.gif') repeat-y top right; }
div#l-col ul { padding: 15px 0 0 14px; margin: 0px; display: block; list-style: none; }
div#l-col ul li { margin: 0 0 0px 0; }
div#l-col a { display: block; width: 259px; min-height: 32px; _height: 32px; padding: 7px 17px 0 42px; color: #353535; text-transform: uppercase; text-decoration: none; background: url('../images/bg_homeblock_h2.png') no-repeat top left; voice-family: "\"}\""; voice-family: inherit; width: 200px; min-height: 25px; _height: 25px;  }
* html div#l-col a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ab-coolservice-nl.browsbox.be/templates/ab-coolservice/images/bg_homeblock_h2.png',sizingMethod='crop'); }
div#l-col a.active { color: #0083D7; }
div#l-col a:hover { color: #0083D7; }
div#l-col div.subnavitems { margin: 8px 0 12px 0; }
div#l-col div.subnavitems a { display: block; margin: 0 0 8px 12px; padding: 0 0 0 21px; min-height: 15px; text-transform: uppercase; font-size: 13px; color: #D2D2D2; _font-weight: bold; background: url('../images/bg_subnavitems_a.png') no-repeat 0 1px; }
* html div#l-col div.subnavitems a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ab-coolservice-nl.browsbox.be/templates/ab-coolservice/images/bg_subnavitems_a.png',sizingMethod='crop'); }

div#l-col div.subnavitems a.active, div#l-col div.subnavitems a:hover { color: #FFF; font-weight: normal; _font-weight: bold;}
div#l-col div.subnavitems a.active { font-weight: bold; }
			
/* contact info	in l-col */
div#l-col div#contactinfo { float: left; width: 287px; padding: 15px 0 0 14px; voice-family: "\"}\""; voice-family: inherit; width: 273px; }
div#l-col div#contactinfo div#contactheader { display: block; width: 259px; min-height: 32px; _height: 32px; padding: 7px 17px 0 42px; color: #353535; font-size: 13px; text-transform: uppercase; text-decoration: none; background: url('../images/bg_homeblock_h2.png') no-repeat top left; voice-family: "\"}\""; voice-family: inherit; width: 200px; min-height: 25px; _height: 25px; }
* html div#l-col div#contactinfo div#contactheader { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ab-coolservice-nl.browsbox.be/templates/ab-coolservice/images/bg_homeblock_h2.png',sizingMethod='crop'); }
div#l-col div#contactinfo div#contactcontent { float: left; width: 259px; height: 118px; overflow: hidden; padding: 8px 15px 0 15px; font-size: 11px; color: #D8D8D8; _font-weight: bold; _color: #FFF; line-height: 131%; background: none; voice-family: "\"}\""; voice-family: inherit; width: 229px; height: 110px;}
* html div#l-col div#contactinfo div#contactcontent { filter: none;}
div#l-col div#contactinfo div#contactcontent img { display: none;}
div#l-col div#contactinfo div#contactcontent a { display: inline; background: none; padding: 0px; text-transform: none; min-height: 12px; _height: 12px; color: #D8D8D8 !important; _color: #FFF !important }
div#l-col div#contactinfo div#contactcontent a:hover { text-decoration: underline; }
div#l-col div#contactinfo div#contactfooter { display: none; }
		
				
/* PAGE NAVIGATION */
div.pagenavigation-top{	float: right; margin: 0; text-align: right;	color: #666; display: none; }
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;}