html, body { padding: 0; margin: 0; font-family: arial, serif;  }
body { behavior:url("/stylesheet/csshover.htc"); }

/*p { margin: 0; padding: 0px; font-family: arial, serif; font-size: 12px; font-weight: normal; }*/
body#index {  text-align: center; background: #FFF;}
#index #container { margin: 0 auto; width: 775px; }
#index #cont1 { display: inline; margin: 0px; padding: 0px; float: left; background: #0075BA; text-align: left; border:1px solid #025384; width:100%;}
#index #cont2 { display: inline; float: right; width: 432px; background: #FFF; text-align: left; } 
#index #mainContent { display: inline; float: left; height: 306px; width: 180px; background: #FFF url(../media/indexfoto2.jpg) top left no-repeat; border: 1px solid #025384; border-width: 0 1px; } 

/* deze toevoeging is gedaan door Gaston, en betreft de rolloverfoto's op de homepage (keuzepagina) */ 
#index #mainContent .teaserfoto { background-color: transparent; width: 180px; height: 306px;}

#index #rightColumn { overflow: hidden; height: 265px; display: inline; float: right;background: #FFF; line-height: 18px; } 
#index #rightColumn { padding: 15px 5px; width: 240px; }
#index #rightCo\lumn { padding: 15px; width: 220px; }
#index #leftColumn { display: inline; float: left; width: 311px; padding: 15px 15px 0 15px; } 
#index #header { clear: both; float:left; text-align: right; width: 775px; height: 158px; position: relative; }
#index #header #indexlogo { margin-top: 55px; float: left; }
#index #footer { clear: both; margin-right: -3px; float:left; padding-top: 10px;width: 775px; text-align: left; background: #FFF; color: #7F7F7F; font-size: 11px; font-weight: bold; font-family: arial, serif;}
#index #rightColumn h1 { font-family: arial, serif; font-weight: bold; font-size: 1.1em; color: #0075BA; margin-top: 0; border-bottom: 1px solid #DFDFDF; padding-bottom: 7px;}
#index #rightColumn { font-family: arial, serif; font-size: 1.2em; font-weight: normal; color: #000; }

#index #leftColumn h1  { font-family: arial, serif; font-weight: bold; font-size: 1.8em; color: #FFF; margin: 0 0 8px 0;}
#index #leftColumn h2, 
#index #leftColumn a  { text-decoration: none; font-family: arial, serif; font-weight: bold; font-size: 1.1em; color: #FFF; margin: 0; padding:0;}
#index #leftColumn ul { padding: 0; margin: 0; list-style: none; }
#index #leftColumn li  { border-top: 1px solid #3391C8; font-family: arial, serif; font-weight: bold; font-size: 1.1em; color: #6FBEED; padding: 2px 0 3px 0; margin: 0;}
#index #leftColumn li:hover  { background-color: #006DAD; }
#index #subContent { clear: both; height: 0px; line-height: 0; } * html #index #subContent { display: none; }

/* INLOGGEN PAGINA VINZZZ */
#index.inloggen #cont1 { background: #0075BA url(../media/inloggen_hr.gif) 15px 40px no-repeat; }
#index.inloggen #cont2 { background: none; }
#index.inloggen #leftColumn h1 { margin-bottom: 20px; }
#index.inloggen .inlogitem { cursor: pointer; padding: 5px; margin-bottom: 20px; }
#index.inloggen #leftColumn .inlogitem h2 { margin-left: 100px; border-bottom: 1px solid #0075BA; font-size: 1.5em;}
#index.inloggen #leftColumn .inlogitem:hover h2 { cursor: pointer; border-bottom: 1px solid #FFF; }
#index.inloggen .inlogitem img { float: left; }
#index.inloggen .inlogitem .text { margin-left: 115px; }
#index.inloggen #leftColumn ul { list-style: square; }
#index.inloggen #leftColumn li  { border: none; font-family: arial, serif; font-weight: normal; font-size: 1.1em; color: #FFF; }
#index.inloggen #leftColumn li:hover  { background: none; }
#index.inloggen #rightColumn { width: 412px; background: none; padding: 50px 0; height: 215px; }
* html #index.inloggen #rightColumn { padding: 62px 0; }
#index.inloggen #rightColumn h1 { color: #FFF; border: none; }
#index.inloggen #rightColumn { color: #FFF; font-size: 1.2em; }
#index.inloggen #header #zoek { margin-top: 120px; }
#index.inloggen #leftColumn a * { border: none; }




/*
#index #header #zoek { bottom: 0px; position: absolute; } 
*/
/** html #index #header #zoek { padding-top:125px; position: relative; bottom: 0; float:right;} */
#index #header #zoek form { margin: 5px 0 0 0; padding: 0; }
#index #header #zoek img { border: 0; float: right; padding-bottom:4px;}

#index #header #walterLogo {}
#index #header #zoek {float: right; margin: 100px 0 0 0; width: 250px;}

#index #header #zoek .text   { background-color: #EBF5FB; border: 1px solid #005C93; height: 12px; float: right; font-family: arial, serif; font-weight: normal; font-size: 11px; margin: 5px 10px 0 10px; }
#index #header #zoek .btnsubmit { background-color: #005C93; border: 1px solid #005C93; height: 16px; float: right; line-height: 12px; font-family: arial, serif; font-weight: bold; font-size: 11px; color: #FFF; margin: 5px 0 0 0;}

#index #footer { font-family: arial, serif; font-weight: bold; font-size: 1.1em; color: #949494; }
#index #footer img { float: none; border: 0; }
#index #footer a { color: #929292; }
#index #footer a:hover { background-color: #929292; color: #FFF; text-decoration: none; }


/**************************************************************************************************************/
/**************************************************************************************************************/

body { padding: 0; margin: 0; background: #FFF url(../media/body_bg.gif) top left repeat-y; font-size: 65%; }
#headercontainer { position: relative; padding: 0 2em 0 0;	margin: 0; color: #FFF;	height: 105px; background: transparent url(../media/bodytop_bg.gif) top left repeat-x; text-align: right; }
#headercontainer img { float: left; border: 0; }
#headercontainer #logo { background: transparent url(../media/header_bg.gif) top left no-repeat; position: absolute; left: 0; width: 624px; height: 97px; }

#container { position: relative; top: 0; margin: 0; padding: 0 2em 0 0; color: #000000; }
#leftcontainer { position: relative; left: 0; top: 0; float: left; margin: 0; padding: 0; width: 190px; color: #FFF; }
* html #leftcontainer { height: 1%; }
#centercontainer { padding: 0 5em 0 0; position: relative; top: 0; margin: 0 0 0 210px; color: #000; }
* html #centercontainer {  margin: 0 0 0 207px; } /* 3pixel jog bug IE*/ /*uiteindelijk height: 1%; weggehaald omdat er anders geen bottom border bij de h1 in content kwam*/
#footercontainer { clear: both; float: left; width: 100%; margin: 0; padding: 20px 2em 20px 210px; font-family: arial, serif; font-weight: bold; font-size: 1.1em; color: #949494; } 
#foo\tercontainer { float: left; width: auto; } /*IE5.x leest dit niet, gedaan omdat er anders geen footer komt bij IE5.x*/
#footercontainer a { font-family: arial, serif;	font-weight: bold; font-size: 1.0em; color: #949494; text-decoration: underline; }
#footercontainer a:hover { background-color: #949494; color: #FFF; text-decoration: none; }

#klikpad { text-align: left; font-family: arial, serif;	font-weight: bold; font-size: 1.1em; color: #949494;	position:absolute; top: 75px; left: 210px; }
#klikpad a { font-family: arial, serif;	font-weight: bold; font-size: 1.0em; color: #949494; text-decoration: underline; }
#klikpad a:hover { background-color: #949494; color: #FFF; text-decoration: none; }

#menu { float: left; width: 190px; }
* html #menu { height: 1%; }
#menu ul {  padding: 0; margin: 0; list-style: none; }
#menu ul#nav { border-top: 1px solid #89C5E8;}
#menu ul#nav li { padding-left: 30px; border-bottom: 1px solid #89C5E8; background: transparent url(../media/hoofdmenu_bg.gif) top left no-repeat; }
#menu ul#nav li.active { background: transparent url(../media/hoofdmenu_li_hover.gif) top left no-repeat;}
#menu ul#nav li.submenu { background: transparent url(../media/hoofdmenu_li.gif) top left no-repeat; }
#menu ul#nav li.submenu.active { background: transparent url(../media/hoofdmenu_li_hover.gif) top left no-repeat; }
#menu ul#nav li a {padding: 5px 0; display: block; font-family: arial, serif; font-weight: bold; font-size: 1.1em; color: #FFF; text-decoration: none;}

#menu ul#nav ul { margin-left: -30px; }
#menu ul#nav ul li { padding-left: 30px; border: 0; background: transparent url(../media/submenu_li.gif) top left repeat-y; }
* html #menu ul#nav ul li { padding-top: 4px; padding-bottom: 4px; }  /*IE bug (1/2), anders worden de hyperlinks veel te ver gestretched */
* html #menu ul#nav ul li a { display: inline; } /*IE bug (2/2), anders worden de hyperlinks veel te ver gestretched */
#menu ul#nav ul li.active { background: transparent url(../media/submenu_li_hover.gif) top left repeat-y; }
#menu ul#nav ul li a { color: #02598C; }
#menu ul#nav ul li a:hover { text-decoration: underline; color: #298AC3;}

#menu ul#nav li:hover, #menu ul#nav li.over { background: transparent url(../media/hoofdmenu_li.gif) top left no-repeat; }
#menu ul#nav li.active:hover { background: transparent url(../media/hoofdmenu_li_hover.gif) top left no-repeat; }
#menu ul#nav .submenu li:hover { background: transparent url(../media/submenu_li.gif) top left no-repeat; }
#menu ul#nav .submenu li.active:hover { background: transparent url(../media/submenu_li_hover.gif) top left no-repeat; }
.iebug { color: #0075BA; }





#zoeken { position: absolute; right: 2%; top: 10px; width: 220px; height: 25px; background: transparent url(../media/zoek_loep.gif) top left no-repeat; }
#zoeken form { margin: 5px 0 0 0; padding: 0; }
#zoeken p { padding: 0; margin: 0; display:inline; }
#zoeken img { border: 0; float: left; padding-bottom:4px;}
#zoeken .text   { border: 1px solid #005C93; height: 12px; font-family: arial, serif; font-weight: normal; font-size: 11px; margin: 0 10px;  }
#zoeken .submit { background-color: #005C93; border: 1px solid #005C93; height: 16px; line-height: 12px; font-family: arial, serif; font-weight: bold; font-size: 11px; color: #FFF; }

#utilities { position: absolute; right: 2%; top: 46px; }
#utilities ul { list-style: none; margin: 0; padding: 0; float:right; border-right: 1px solid #025384; position: relative; width: 268px; }
#utilities li { float:left; padding: 0 8px 0 22px; margin: 0; border: 1px solid #025384; border-width: 1px 0 1px 1px; background: #0075BA url(../media/li_utilities.gif) top left no-repeat; }
#utilities a { font-family: arial, serif; font-weight: bold; font-size: 11px; color: #FFF; text-decoration: none; height:17px; line-height: 17px;}
#util\ities a {height:19px; line-height: 19px; }
#util\ities ul { width: 267px; height: 23px; } /* IE5.x leest dit niet */
* html #util\ities a { height:21px; line-height: 21px; } /*boxmodel IE*/
#utilities a:hover { text-decoration: underline; }

/*Mac IE BUG*/
#utilities ul { width: 280px; }
#utilities li { width: 35px; }
/*Mac IE leest de volgende code niet*/
/* \*/
#utilities ul { width: 268px; }
#utilities li { width: auto; }
/* */


#topbutton { clear:both; margin: 0; text-align: right; }
#centercontainer>#topbutton { float:right; }
#topbutton img { border: 0; }
#topbutton .topbutton { display:block; width: 20px; height: 20px; background: transparent url(../media/topbutton.gif) top left no-repeat; }

#content h1 { margin: 0 0 19px 0; padding: 0 0 15px 0; font-family: arial, serif; font-size: 18pt; line-height: 18pt; font-weight: bold; color: #007AC2; border-bottom: 1px solid #C9C9C9;}
* html #content h1 { line-height: 18px; padding-bottom: 10px; }
#content img { border: 1px solid #045F95; float: left; margin: 3px 20px 15px 0; }
* html #content img { margin-top: 3px; }
#content h2 { margin: 0 0 11px 0; padding: 0; font-family: arial, serif; font-size: 1.2em; font-weight: bold; color: #007AC2; }
#content h2 a { font-weight: bold; text-decoration: none; }
#content a.nieuwstitel { margin: 0 0 11px 0; padding: 0; font-family: arial, serif; font-size: 1.2em; font-weight: bold; color: #007AC2; font-weight: bold; text-decoration: none;}

#content #left {float: left; width: 360px;}

#content { margin: 0; padding: 0; font-family: arial, serif; font-size: 1.2em; font-weight: normal; color: #000; }
#centercontainer>#content { float: left; }
#content div.nieuws { padding: 0 0 11px 0; background: #FFF url(../media/nieuws_bg.gif) bottom left no-repeat; }
#content a, #content li a { color: #007AC2; text-decoration: underline; font-family: arial, serif; font-size: 1.0em; font-weight: normal; }
#content a:hover { background-color: #007AC2; color: #FFF; text-decoration: none; }
#content ul { list-style-image: url(../media/sitemap.gif); }
#content .paragraaf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content .paragraaf { margin-bottom: 30px; }
#content p {  }
/* Hides from IE-mac \*/ * html #content .paragraaf {height: 1%;} /* End hide from IE-mac */

#contactform {  }
#contactform span { margin-top: 4px;float: left; width: 130px; font-family: arial, serif; font-weight: normal; color: #000;}
#contactform label { display: block; margin: 10px 0; font-size: 12px; }
#contactform input, #contactform textarea { width: 200px;  }
#contactform .radio, #contactform .checkbox { width: auto; }
#contactform input.submit, #contactform input.reset { border: 1px solid black; background-color: #0075BA; font-size: 10px; color: #FFF; width: 60px; }
#contactform input.reset { width: 40px; }
/*************************/
/*   HOMEPAGE            */
/*************************/

#hp_leftcontainer { position: relative; left: 0; top: 0; float: left; margin: 0; padding: 0; width: 460px; color: #FFF; }
#hp_centercontainer { padding: 0 5em 0 0; position: relative; top: 0; margin: 0 0 0 480px; color: #000; }
* html #hp_centercontainer { margin: 0 0 0 477px; } /* 3pixel jog bug IE*/ /*zie boven waarom height: 1%;  is weggehaald*/

#homepage_nieuws .homepagefoto { width: 248px; }
#homepage_nieuws { float: right; width: 248px; background: #FFF; border: 1px solid #025384;}
#homepage_nieuws h1 { text-indent: 9px; border-top: 1px solid #025384; margin: /*186px*/-3px 0 0 0; padding: 5px 0 0 0; color: #0075BA; font-family: arial, serif; font-size: 1.8em; font-weight: bold;}
#homepage_nieuws hr { height: 1px; color: #DFDFDF; border: 0; background-color: #DFDFDF; margin: 5px 9px 7px 9px; } * html #homepage_nieuws hr { margin: 0 9px; }
#homepage_nieuws h2 { line-height: 18px;  margin: 0px 9px; padding: 0px 0 0 0; color: #0075BA; font-family: arial, serif; font-size: 1.1em; font-weight: bold;}
#homepage_nieuws p { background: #FFF url(../media/homepage_nieuws_border.gif) bottom left no-repeat; margin: 0 9px 9px 9px; padding: 0 0 10px 0; color: #0075BA; font-family: arial, serif; font-size: 1.1em; font-weight: bold;}
#homepage_nieuws a { color: #7F7F7F; text-decoration: underline; }
#homepage_nieuws a:hover { color: #FFF; background-color: #7F7F7F; text-decoration: underline; }









/***************************/
/* EXTRA KLEURVARIANTEN    */
/***************************/
body#HRC { background: #FFF url(../media/HRC/body_bg.gif) top left repeat-y; }
#HRC #headercontainer { background: transparent url(../media/HRC/bodytop_bg.gif) top left repeat-x; }
#HRC #headercontainer #logo { background: transparent url(../media/HRC/header_bg.gif) top left no-repeat; }

#HRC #menu ul#nav { border-top: 1px solid #87D1D0;}
#HRC #menu ul#nav li { border-bottom: 1px solid #87D1D0; background: transparent url(../media/HRC/hoofdmenu_bg.gif) top left no-repeat; }
#HRC #menu ul#nav li.active { background: transparent url(../media/HRC/hoofdmenu_li_hover.gif) top left no-repeat;}
#HRC #menu ul#nav li.submenu { background: transparent url(../media/HRC/hoofdmenu_li.gif) top left no-repeat; }
#HRC #menu ul#nav li.submenu.active { background: transparent url(../media/HRC/hoofdmenu_li_hover.gif) top left no-repeat; }
#HRC #menu ul#nav ul li { border: none; background: transparent url(../media/HRC/submenu_li.gif) top left repeat-y; }
#HRC #menu ul#nav ul li.active { background: transparent url(../media/HRC/submenu_li_hover.gif) top left repeat-y; }
#HRC #menu ul#nav ul li a { color: #00605F; }
#HRC #menu ul#nav ul li a:hover { text-decoration: underline; color: #269C9A;}
#HRC #menu ul#nav li:hover, #HRC #menu ul#nav li.over { background: transparent url(../media/HRC/hoofdmenu_li.gif) top left no-repeat; }
#HRC #menu ul#nav li.active:hover { background: transparent url(../media/HRC/hoofdmenu_li_hover.gif) top left no-repeat; }
#HRC #menu ul#nav .submenu li:hover { background: transparent url(../media/HRC/submenu_li.gif) top left no-repeat; }
#HRC #menu ul#nav .submenu li.active:hover { background: transparent url(../media/HRC/submenu_li_hover.gif) top left no-repeat; }
#HRC .iebug { color: #00908E; }


#HRC #zoeken { background: transparent url(../media/HRC/zoek_loep.gif) top left no-repeat; }
#HRC #zoeken .text   { border: 1px solid #00605F; }
#HRC #zoeken .submit { background-color: #00605F; border: 1px solid #00605F; }

#HRC #topbutton .topbutton { background: transparent url(../media/HRC/topbutton.gif) top left no-repeat; }

#HRC #utilities ul { border-right: 1px solid #00605F; }
#HRC #utilities li { border: 1px solid #00605F; border-width: 1px 0 1px 1px; background: #00908E url(../media/HRC/li_utilities.gif) top left no-repeat; }

#HRC #content h1 { color: #00908E; }
#HRC #content img { border: 1px solid #00908E; }
#HRC #content h2 { color: #00908E; }
#HRC #content div.nieuws { background: #FFF url(../media/hrc/nieuws_bg.gif) bottom left no-repeat; }
#HRC #content a { color: #00908E; }
#HRC #content a:hover { background-color: #00908E; color: #FFF; }

#HRC #homepage_nieuws { border: 1px solid #006E6C; }
#HRC #homepage_nieuws h1 { border-top: 1px solid #006E6C; color: #00908E; }
#HRC #homepage_nieuws h2 { color: #00908E; }
#HRC #homepage_nieuws p { background: #FFF url(../media/hrc/homepage_nieuws_border.gif) bottom left no-repeat; color: #00908E; }

#HRC #contactform input.submit, #HRC #contactform input.reset { border: 1px solid black; background-color: #00908E; font-size: 10px; color: #FFF; }
/************************/

body#HCA { background: #FFF url(../media/HCA/body_bg.gif) top left repeat-y; }
#HCA #headercontainer { background: transparent url(../media/HCA/bodytop_bg.gif) top left repeat-x; }
#HCA #headercontainer #logo { background: transparent url(../media/HCA/header_bg.gif) top left no-repeat; }
#HCA #menu ul#nav { border-top: 1px solid #FA6E9B;}
#HCA #menu ul#nav li { border-bottom: 1px solid #FA6E9B; background: transparent url(../media/HCA/hoofdmenu_bg.gif) top left no-repeat; }
#HCA #menu ul#nav li.active { background: transparent url(../media/HCA/hoofdmenu_li_hover.gif) top left no-repeat;}
#HCA #menu ul#nav li.submenu { background: transparent url(../media/HCA/hoofdmenu_li.gif) top left no-repeat; }
#HCA #menu ul#nav li.submenu.active { background: transparent url(../media/HCA/hoofdmenu_li_hover.gif) top left no-repeat; }
#HCA #menu ul#nav ul li { border: none; background: transparent url(../media/HCA/submenu_li.gif) top left repeat-y; }
#HCA #menu ul#nav ul li.active { background: transparent url(../media/HCA/submenu_li_hover.gif) top left repeat-y; }
#HCA #menu ul#nav ul li a { color: #AA0137; }
#HCA #menu ul#nav ul li a:hover { text-decoration: underline; color: #FFF;}
#HCA #menu ul#nav li:hover, #HCA #menu ul#nav li.over { background: transparent url(../media/HCA/hoofdmenu_li.gif) top left no-repeat; }
#HCA #menu ul#nav li.active:hover { background: transparent url(../media/HCA/hoofdmenu_li_hover.gif) top left no-repeat; }
#HCA #menu ul#nav .submenu li:hover { background: transparent url(../media/HCA/submenu_li.gif) top left no-repeat; }
#HCA #menu ul#nav .submenu li.active:hover { background: transparent url(../media/HCA/submenu_li_hover.gif) top left no-repeat; }
#HCA .iebug { color: #C60040; }



#HCA #zoeken { background: transparent url(../media/HCA/zoek_loep.gif) top left no-repeat; }
#HCA #zoeken .text   { border: 1px solid #AA0137; }
#HCA #zoeken .submit { background-color: #AA0137; border: 1px solid #AA0137; }

#HCA #topbutton .topbutton { background: transparent url(../media/HCA/topbutton.gif) top left no-repeat; }

#HCA #utilities ul { border-right: 1px solid #AA0137; }
#HCA #utilities li { border: 1px solid #AA0137; border-width: 1px 0 1px 1px; background: #C60040 url(../media/HCA/li_utilities.gif) top left no-repeat; }

#HCA #content h1 { color: #C60040; }
#HCA #content img { border: 1px solid #C60040; }
#HCA #content h2 { color: #C60040; }
#HCA #content div.nieuws { background: #FFF url(../media/HCA/nieuws_bg.gif) bottom left no-repeat; }
#HCA #content a { color: #C60040; }
#HCA #content a:hover { background-color: #C60040; color: #FFF; }

#HCA #homepage_nieuws { border: 1px solid #C60040; }
#HCA #homepage_nieuws h1 { border-top: 1px solid #C60040; color: #C60040; }
#HCA #homepage_nieuws h2 { color: #C60040; }
#HCA #homepage_nieuws p { background: #FFF url(../media/HCA/homepage_nieuws_border.gif) bottom left no-repeat; color: #C60040; }

#HCA #contactform input.submit, #HCA #contactform input.reset { border: 1px solid black; background-color: #C60040; font-size: 10px; color: #FFF; }
/************************/

body#HAC { background: #FFF url(../media/HAC/body_bg.gif) top left repeat-y; }
#HAC #headercontainer { background: transparent url(../media/HAC/bodytop_bg.gif) top left repeat-x; }
#HAC #headercontainer #logo { background: transparent url(../media/HAC/header_bg.gif) top left no-repeat; }
#HAC #menu ul#nav { border-top: 1px solid #A792D7;}
#HAC #menu ul#nav li { border-bottom: 1px solid #A792D7; background: transparent url(../media/HAC/hoofdmenu_bg.gif) top left no-repeat; }
#HAC #menu ul#nav li.active { background: transparent url(../media/HAC/hoofdmenu_li_hover.gif) top left no-repeat;}
#HAC #menu ul#nav li.submenu { background: transparent url(../media/HAC/hoofdmenu_li.gif) top left no-repeat; }
#HAC #menu ul#nav li.submenu.active { background: transparent url(../media/HAC/hoofdmenu_li_hover.gif) top left no-repeat; }
#HAC #menu ul#nav ul li { border: none; background: transparent url(../media/HAC/submenu_li.gif) top left repeat-y; }
#HAC #menu ul#nav ul li.active { background: transparent url(../media/HAC/submenu_li_hover.gif) top left repeat-y; }
#HAC #menu ul#nav ul li a { color: #250B64; }
#HAC #menu ul#nav ul li a:hover { text-decoration: underline; color: #FFF;}
#HAC #menu ul#nav li:hover, #HAC #menu ul#nav li.over { background: transparent url(../media/HAC/hoofdmenu_li.gif) top left no-repeat; }
#HAC #menu ul#nav li.active:hover { background: transparent url(../media/HAC/hoofdmenu_li_hover.gif) top left no-repeat; }
#HAC #menu ul#nav .submenu li:hover { background: transparent url(../media/HAC/submenu_li.gif) top left no-repeat; }
#HAC #menu ul#nav .submenu li.active:hover { background: transparent url(../media/HAC/submenu_li_hover.gif) top left no-repeat; }
#HAC .iebug { color: #5400A8; }

#HAC #zoeken { background: transparent url(../media/HAC/zoek_loep.gif) top left no-repeat; }
#HAC #zoeken .text   { border: 1px solid #250B64; }
#HAC #zoeken .submit { background-color: #250B64; border: 1px solid #250B64; }

#HAC #topbutton .topbutton { background: transparent url(../media/HAC/topbutton.gif) top left no-repeat; }

#HAC #utilities ul { border-right: 1px solid #250B64; }
#HAC #utilities li { border: 1px solid #250B64; border-width: 1px 0 1px 1px; background: #5400A8 url(../media/HAC/li_utilities.gif) top left no-repeat; }

#HAC #content h1 { color: #3C1F81; }
#HAC #content img { border: 1px solid #3C1F81; }
#HAC #content h2 { color: #3C1F81; }
#HAC #content div.nieuws { background: #FFF url(../media/HAC/nieuws_bg.gif) bottom left no-repeat; }
#HAC #content a { color: #3C1F81; }
#HAC #content a:hover { background-color: #3C1F81; color: #FFF; }

#HAC #homepage_nieuws { border: 1px solid #3C1F81; }
#HAC #homepage_nieuws h1 { border-top: 1px solid #3C1F81; color: #3C1F81; }
#HAC #homepage_nieuws h2 { color: #3C1F81; }
#HAC #homepage_nieuws p { background: #FFF url(../media/HAC/homepage_nieuws_border.gif) bottom left no-repeat; color: #3C1F81; }

#HAC #contactform input.submit, #HAC #contactform input.reset { border: 1px solid black; background-color: #3C1F81; font-size: 10px; color: #FFF; }
/************************/

body#FMS { background: #FFF url(../media/FMS/body_bg.gif) top left repeat-y; }
#FMS #headercontainer { background: transparent url(../media/FMS/bodytop_bg.gif) top left repeat-x; }
#FMS #headercontainer #logo { background: transparent url(../media/FMS/header_bg.gif) top left no-repeat; }
#FMS #menu ul#nav { border-top: 1px solid #FEF3C0;}
#FMS #menu ul#nav li { border-bottom: 1px solid #FEF3C0; background: transparent url(../media/FMS/hoofdmenu_bg.gif) top left no-repeat; }
#FMS #menu ul#nav li.active { background: transparent url(../media/FMS/hoofdmenu_li_hover.gif) top left no-repeat;}
#FMS #menu ul#nav li.submenu { background: transparent url(../media/FMS/hoofdmenu_li.gif) top left no-repeat; }
#FMS #menu ul#nav li.submenu.active { background: transparent url(../media/FMS/hoofdmenu_li_hover.gif) top left no-repeat; }
#FMS #menu ul#nav li a { color: #846C01; }
#FMS #menu ul#nav ul li { border: none; background: transparent url(../media/FMS/submenu_li.gif) top left repeat-y; }
#FMS #menu ul#nav ul li.active { background: transparent url(../media/FMS/submenu_li_hover.gif) top left repeat-y; }
#FMS #menu ul#nav ul li a { color: #846C01; }
#FMS #menu ul#nav ul li a:hover { text-decoration: underline; color: #B39924;}
#FMS #menu ul#nav li:hover, #FMS #menu ul#nav li.over { background: transparent url(../media/FMS/hoofdmenu_li.gif) top left no-repeat; }
#FMS #menu ul#nav li.active:hover { background: transparent url(../media/FMS/hoofdmenu_li_hover.gif) top left no-repeat; }
#FMS #menu ul#nav .submenu li:hover, #FMS #menu ul#nav .submenu li.over { background: transparent url(../media/FMS/submenu_li.gif) top left no-repeat; }
#FMS #menu ul#nav .submenu .active:hover { background: transparent url(../media/FMS/submenu_li_hover.gif) top left no-repeat; }
#FMS .iebug { color: #F8B800; }

#FMS #zoeken { background: transparent url(../media/FMS/zoek_loep.gif) top left no-repeat; }
#FMS #zoeken .text   { border: 1px solid #CAA919; }
#FMS #zoeken .submit { background-color: #CAA919; border: 1px solid #CAA919; }

#FMS #topbutton .topbutton { background: transparent url(../media/FMS/topbutton.gif) top left no-repeat; }

#FMS #utilities ul { border-right: 1px solid #CAA919; }
#FMS #utilities li { border: 1px solid #CAA919; border-width: 1px 0 1px 1px; background: #F8B800 url(../media/FMS/li_utilities.gif) top left no-repeat; }
#FMS #utilities a { color: #846C01; }

#FMS #content h1 { color: #846C01; }
#FMS #content img { border: 1px solid #846C01; }
#FMS #content h2 { color: #846C01; }
#FMS #content div.nieuws { background: #FFF url(../media/FMS/nieuws_bg.gif) bottom left no-repeat; }
#FMS #content a { color: #846C01; }
#FMS #content a:hover { background-color: #846C01; color: #FFF; }

#FMS #homepage_nieuws { border: 1px solid #846C01; }
#FMS #homepage_nieuws h1 { border-top: 1px solid #846C01; color: #846C01; }
#FMS #homepage_nieuws h2 { color: #846C01; }
#FMS #homepage_nieuws p { background: #FFF url(../media/FMS/homepage_nieuws_border.gif) bottom left no-repeat; color: #F4C700; }

#FMS #contactform input.submit, #FMS #contactform input.reset { border: 1px solid black; background-color: #846C01; font-size: 10px; color: #FFF; }
/************************/

body#HCG { background: #FFF url(../media/HCG/body_bg.gif) top left repeat-y; }
#HCG #headercontainer { background: transparent url(../media/HCG/bodytop_bg.gif) top left repeat-x; }
#HCG #headercontainer #logo { background: transparent url(../media/HCG/header_bg.gif) top left no-repeat; }
#HCG #menu ul#nav { border-top: 1px solid #FECFA0;}
#HCG #menu ul#nav li { border-bottom: 1px solid #FECFA0; background: transparent url(../media/HCG/hoofdmenu_bg.gif) top left no-repeat; }
#HCG #menu ul#nav li.active { background: transparent url(../media/HCG/hoofdmenu_li_hover.gif) top left no-repeat;}
#HCG #menu ul#nav li.submenu { background: transparent url(../media/HCG/hoofdmenu_li.gif) top left no-repeat; }
#HCG #menu ul#nav li.submenu.active { background: transparent url(../media/HCG/hoofdmenu_li_hover.gif) top left no-repeat; }
#HCG #menu ul#nav ul li { border: none; background: transparent url(../media/HCG/submenu_li.gif) top left repeat-y; }
#HCG #menu ul#nav ul li.active { background: transparent url(../media/HCG/submenu_li_hover.gif) top left repeat-y; }
#HCG #menu ul#nav ul li a { color: #E87511; }
#HCG #menu ul#nav ul li a:hover { text-decoration: underline; color: #F89B4A;}
#HCG #menu ul#nav li:hover, #HCG #menu ul#nav li.over { background: transparent url(../media/HCG/hoofdmenu_li.gif) top left no-repeat; }
#HCG #menu ul#nav li.active:hover { background: transparent url(../media/HCG/hoofdmenu_li_hover.gif) top left no-repeat; }
#HCG #menu ul#nav .submenu li:hover { background: transparent url(../media/HCG/submenu_li.gif) top left no-repeat; }
#HCG #menu ul#nav .submenu li.active:hover { background: transparent url(../media/HCG/submenu_li_hover.gif) top left no-repeat; }
#HCG .iebug { color: #E87511; }


#HCG #zoeken { background: transparent url(../media/HCG/zoek_loep.gif) top left no-repeat; }
#HCG #zoeken .text   { border: 1px solid #B75F06; }
#HCG #zoeken .submit { background-color: #B75F06; border: 1px solid #B75F06; }

#HCG #topbutton .topbutton { background: transparent url(../media/HCG/topbutton.gif) top left no-repeat; }

#HCG #utilities ul { border-right: 1px solid #B75F06; }
#HCG #utilities li { border: 1px solid #B75F06; border-width: 1px 0 1px 1px; background: #E87511 url(../media/HCG/li_utilities.gif) top left no-repeat; }

#HCG #content h1 { color: #EC8721; }
#HCG #content img { border: 1px solid #EC8721; }
#HCG #content h2 { color: #EC8721; }
#HCG #content div.nieuws { background: #FFF url(../media/HCG/nieuws_bg.gif) bottom left no-repeat; }
#HCG #content a { color: #EC8721; }
#HCG #content a:hover { background-color: #EC8721; color: #FFF; }

#HCG #homepage_nieuws { border: 1px solid #EC8721; }
#HCG #homepage_nieuws h1 { border-top: 1px solid #EC8721; color: #EC8721; }
#HCG #homepage_nieuws h2 { color: #EC8721; }
#HCG #homepage_nieuws p { background: #FFF url(../media/HCG/homepage_nieuws_border.gif) bottom left no-repeat; color: #EC8721; }

#HCG #contactform input.submit, #HCG #contactform input.reset { border: 1px solid black; background-color: #EC8721; font-size: 10px; color: #FFF; }





