/* CSS FOR THERMEN DILBEEK - NAVIGATION */
/* --------------------------------------- */

/* DIV: staticnavigation */
div#staticnavigation { position: absolute; top: 10px; right: 15px; color: #FFF; }
div#staticnavigation a { text-decoration: none; text-transform: uppercase; font-size: 10px; color: #FFF; }
div#staticnavigation a:hover, div#staticnavigation a.active { text-decoration: underline; }

/* DIV: topnavigation */
div#topnavigation {	position: absolute; top: 135px; left: 235px; height: 16px; width: 720px; }
div#topnavigation a { color: #333; text-decoration: none; text-transform: uppercase; font-size: 11px; }
div#topnavigation a:hover, div#topnavigation a.active { color: #21699B; }

/* DIV: l-col */
/*div#l-col { float: left; width: 300px; min-height: 300px; _height: 300px; padding: 32px 30px; voice-family: "\"}\""; voice-family: inherit; width: 240px; min-height: 236px; _height: 236px; }
div#l-col a { display: block; background: url('../images/bg_l_col_a.gif') no-repeat 0 -48px; padding: 0 0 0 16px; margin: 0 0 12px 0; color: #333; text-transform: uppercase; text-decoration: none; font-size: 12px; }
div#l-col a:hover,div#l-col a.active { background: url('../images/bg_l_col_a.gif') no-repeat 0 1px; }
div#l-col a.subitem, div#l-col a.subitemactive { padding: 0 0 0 0px; margin: 0 0 8px 30px; font-size: 11px; background: none; color: #333; }
div#l-col a.subitem:hover, div#l-col a.subitemactive, div#l-col a.subitemactive:hover { color: #F00; background: none }
*/
div#l-col-home, div#l-col-cont { float: left; width: 229px; min-height: 275px; }
div#l-col-home div.top, div#l-col-cont div.top { float: left; width: 229px; height: 12px; line-height: 0px; font-size: 0px; background: url("../images/bg_l_col_top.jpg") no-repeat top left; }
div#l-col-cont div#othernav-top.top { margin: 14px 0 0 0; }
div#l-col-home div.middle, div#l-col-cont div.middle { float: left; width: 229px; min-height: 52px; position: relative; background: url("../images/bg_l_col_middle.jpg") repeat-y top left; padding: 0 3px; voice-family: "\"}\""; voice-family: inherit; width: 223px; }
div#l-col-home div.middle { min-height: 250px; _height: 250px; }
div#l-col-cont div#othernav.middle { min-height: 140px; }

div#l-col-home div.bottom, div#l-col-cont div.bottom { float: left; width: 229px; height: 11px; background: url("../images/bg_l_col_bottom.jpg") no-repeat top left; }

div#l-col-cont div.middle div.catname { position: absolute; top: -9px; left: 3px;background: url("../images/bg_catname.png") no-repeat top left; width: 223px; height: 30px; text-transform: uppercase; color: #FFF; font-size: 12px; font-weight: normal; padding: 9px 0 0 18px; voice-family: "\"}\""; voice-family: inherit; width: 205px; height: 21px;  }
div#l-col-cont div.middle div.subnavigation { float: left; width: 223px; padding: 35px 0 0px 0; _margin-right: -3px; background: url("../images/bg_subnav.jpg") repeat-x 0 21px;}
div#l-col-cont div.middle div.subnavigation a { display: block; margin: 0 0 12px 20px; _margin-right: -3px; padding: 1px 0 0 23px; text-transform: uppercase; font-size: 12px; text-decoration: none; background: url("../images/bg_subnav_a.gif") no-repeat top left;  }
div#l-col-cont div.middle div.subnavigation a:hover, 
div#l-col-cont div.middle div.subnavigation a.active { color: #21699B; background: url("../images/bg_subnav_a_active.gif") no-repeat top left; }

div#l-col-cont div.middle div.subnavigation div.subnav div.subnav-cont { width: 223px; padding: 0 15px; voice-family: "\"}\""; voice-family: inherit; width: 193px; }
div#l-col-cont div.middle div.subnavigation div.subnav div.subnav-cont a { width:auto; height: auto; padding: 0 0 0 62px; margin: 0 0 5px 0; color: #333; background: url('../images/bg_subnav2_a.gif') no-repeat 50px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: lowercase; }
div#l-col-cont div.middle div.subnavigation div.subnav div.subnav-cont a.active, 
div#l-col-cont div.middle div.subnavigation div.subnav div.subnav-cont a:hover { background: url('../images/bg_subnav2_a_active.gif') no-repeat 50px 5px; color: #21699B; }
div#l-col-cont div.middle div.subnavigation div.subnav div.subnav-cont a.active { font-weight: bold; }
					

div.middle a#pictures, div.middle a#cadeaubon, div.middle a#subscribe_newsletter, div.middle a#archive_newsletter, div.middle a#actions { float: left; display: block; width: 223px; height: 41px; font-family: Helvetica, Trebuchet MS, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: none; color: #656565; padding: 5px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 23px;}
div.middle a#pictures { height: 27px; background: url(../images/bg_btn_pictures.jpg) no-repeat top left; padding: 5px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 23px;}
div.middle a#pictures.btm { float: none; height: 38px; position: absolute; bottom: 155px; left: 3px; background: url(../images/bg_btn_pictures.jpg) no-repeat top left; padding: 13px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 25px;}
div.middle a#cadeaubon { height: 38px; background: url(../images/bg_btn_cadeaubon.jpg) no-repeat top left; padding: 13px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 25px;}
div.middle a#cadeaubon.btm { float: none; height: 38px; position: absolute; bottom: 117px; left: 3px; padding: 13px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 25px;}
div.middle a#cadeaubon.home { height: 27px; background: url(../images/bg_btn_cadeaubon2.jpg) no-repeat top left; padding: 5px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 23px;}

div.middle a#subscribe_newsletter { height: 38px; width: 223px; background: url(../images/bg_btn_subscribe_newsletter.jpg) no-repeat top left; padding: 13px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 25px;}
div.middle a#subscribe_newsletter.btm { float: none; position: absolute; bottom: 38px; left: 3px;}
div.middle a#archive_newsletter { height: 38px; background: url(../images/bg_btn_archive_newsletter.jpg) no-repeat top left; padding: 13px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 25px;}
div.middle a#archive_newsletter.btm { float: none; position: absolute; bottom: 76px; left: 3px;}
div.middle a#actions { display: none; height: 38px; background: url(../images/bg_btn_actions.jpg) no-repeat top left; padding: 13px 5px 0 60px; voice-family: "\"}\""; voice-family: inherit; width: 158px; height: 25px;}
div.middle a#actions.btm { float: none; position: absolute; bottom: 0px; left: 3px;}


div.middle a#pictures:hover, div.middle a#subscribe_newsletter:hover, div.middle a#archive_newsletter:hover, div.middle a#actions:hover, div.middle a#cadeaubon:hover { color: #21699B}
div.middle div#logos {float: left; position: relative; width: 223px; min-height: 18px; background: url(../images/bg_btn_lcol.jpg) no-repeat top left; padding: 30px 0 0 20px; _padding: 27px 0 0 20px; voice-family: "\"}\""; voice-family: inherit; width: 203px; min-height: 26px; }
div.middle div#logos a#tbg { display: block; position: absolute; top: 19px; left: 40px; width: 68px; height: 47px; background: url(../images/bg_blank1.gif) no-repeat top left; }  
div.middle div#logos a#svb { display: block; position: absolute; top: 19px; left: 122px; width: 55px; height: 47px; background: url(../images/bg_blank2.gif) no-repeat top left; }  


div#l-col-cont div.middle a { _margin-right: -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: #21699B; text-decoration: none;}