html { overflow-x: hidden; overflow-y: scroll; } /* overflow-x onderdrukt de horizontale scrollbar,
overflow-y forceert altijd een vertikale scrollbar, om verspringing (met name van het menu) bij korte pagina's te voorkomen */
body { color: #333333; font: 12px/18px "Trebuchet MS", Verdana, Arial; text-align: left; margin: 0px; padding: 0px; background-color: #FFFFFF; }
.hfdmenubalk { position: fixed; top: 0px; left: 0px; width: 100%; height: 162px; z-index: 100; margin: 0px; padding: 0px; background-color: #FEF3E3; }
.hfdmenuframe { position: relative; padding: 0px; margin: 0px auto 0px auto; width: 925px; height: 162px; z-index: 100; background: url(i-menu-achtergrond-2a.gif) no-repeat; border-bottom: 10px solid white; }
.hoofdmenu { position: absolute; bottom: -2px; height: 24px; left: 40px; color: #DB7A01; width: 925px;
font: 12px/21px "Trebuchet MS", Verdana, Arial; font-weight: bold; letter-spacing: 0.0em; text-align: left; margin: 0px 0px 0px px; padding: 0px 0px; }
.hoofdmenu A { padding: 5px 8px; }
.hoofdmenu A.uit, .hoofdmenu A.uit:link, .hoofdmenu A.uit:visited { color: #F49A00; text-decoration: none; background: #FFFFFF; font-weight: bold; }
.hoofdmenu A.uit:active, .hoofdmenu A.uit:hover { color: #F49A00; text-decoration: underline; font-weight: bold; }
.hoofdmenu A.aan, .hoofdmenu A.aan:link, .hoofdmenu A.aan:visited { color: #0F1D64; text-decoration: none; background: transparent; font-weight: bold; }
.hoofdmenu A.aan:active, .hoofdmenu A.aan:hover { color: #F49A00; text-decoration: underline; font-weight: bold; }
.hfdmenulogo { position: absolute; top: 0px; left: 0px; width: 330px; height: 130px; background: url(i-menu-logo-1a.gif); }
.hfdmenutwitter { position: absolute; top: 20px; left: 750px; color: #DB7A01; width: 150px; height: 20px;
background: url(icon_twitter.gif) top left no-repeat; float: left; padding: 2px 0px 0px 22px; }
.hfdmenulinkedin { position: absolute; top: 45px; left: 750px; color: #DB7A01; width: 150px; height: 20px;
background: url(icon_linkedin.gif) top left no-repeat; float: left; padding: 2px 0px 0px 22px; }
a:hover.hfdmenulogo { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.contentbalk { position: absolute; top: 162px; left: 0px; width: 100%; margin: 0px; padding: 0px; z-index: 0; height: auto; }
.contentframe { position: relative; top: 0px; margin-left: auto; width: 925px; z-index: 0; margin-right: auto; }
.content { background-color: #FFFFFF; margin: 0px 15px 20px 0px; padding-top: 20px; z-index: 0; overflow: hidden; }
.submenubalk { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 200; }
.submenuframe { position: relative; padding: 0px; margin: 0px auto 0px auto; width: 938px; z-index: 200; }
.submenuopties { position: absolute; top: 200px; left: 10px; width: 132px; z-index: 200; }
.voetbalk { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 22px; z-index: 100; margin: 0px; padding: 0px; background-color: #0F1D64; }
.voetframe { position: relative; padding: 0px; margin: 0px auto 0px auto; width: 925px; height: 148px; z-index: 100; background-color: #0F1D64; }
.voettekst { color: #FFFFFF; padding: 3px 0px 0px 114px; }
.kolom1 { margin-left: 114px; width: 670px; }
.kolom2X { position: absolute; top: 58px; left: 534px; width: 150px; font: 10px/15px "Trebuchet MS", Verdana; color: #888888; background-color: #F3F3F3; padding: 15px; }
.nomargin { margin: 0px; padding: 0px; }
h1 { font: 24px/24px "Trebuchet MS", Arial; font-weight: bold; color: #0F1D64; letter-spacing: 0.1em; padding-bottom: 10px;}
h2 { font: 13px/18px "Trebuchet MS", Arial; font-weight: bold; font-style: italic; color: #828CBD; letter-spacing: 0.1em; padding-bottom: 0px; }
h3 { font: 12px/18px "Trebuchet MS", Arial; font-weight: bold; font-style: italic; color: #828CBD; letter-spacing: 0.1em; padding: 0px; margin: 0px; }
b { font-weight: bold; color: #333333; }
b.voet { font-weight: bold; color: #FFFFFF; position: absolute; top: 4px; left: 40px; line-height: 24px; }
b.wisseltekst { display: block; position: absolute; left: 480px; top: 36px;
font: 20px/24px "Trebuchet MS", Verdana, Arial; font-weight: bold; color: #FFFFFF; letter-spacing: 0.0em;
width: 400px; text-align: left; }
img.wisselimage { } /* was bij test: height: 106px; margin-top: -1px; vertical-align: middle; */
.imgleft { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; left: 0px; }
i { font-style: italic; }
u { text-decoration: none; color: #990000; }
tt { color: #888888; font: 11px/16px "Trebuchet MS", Verdana, Arial; text-align: left; }
ul { list-style-type: square; margin-top: 0px; margin-left: 18px; margin-bottom: 0px; padding: 0px; }
ul.sub1 { list-style-type: circle; padding-left: 10px;}
li { padding-left: 10px;}
table { align: left; padding: 0px; margin: 0px; vertical-align: top; }
td { color: #333333; font: 11px/17px Verdana, Arial ; text-align: left; padding: 5px; margin: 0px; vertical-align: top; }
.zwart { color: #000000; }
.grijs { color: #888888; }
.wit { color: #FFFFFF; }
.zachtblauw { color: #828CBD; }
.oranje { color: #F49A00; }
.pastel { color: #FEF3E3; }
b.tab1 { font-weight: bold; color: #000000; position: absolute; font-style: normal; left: 260px; line-height: 38px; }
i.tab2 { font-weight: normal; color: #666666; position: absolute; font-style: normal; left: 340px; line-height: 28px; }
i.tab2 b { color: #666666; }
img.tab0 { position: absolute; left: 114px; width: 95px; height: 45px; border-width: 0px; }
a.half img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
a.half:hover img { filter:alpha(opacity=50); -moz-opacity: 0.7; opacity: 0.7; }
A { color: #F49A00; text-decoration: none; }
A:link { color: #F49A00; text-decoration: none; }
A:active { color: #F49A00; text-decoration: none; }
A:visited { color: #F49A00; text-decoration: none; }
A:hover { color: #FF8800; text-decoration: underline; }
A.nieuws, A.nieuws:link, A.nieuws:visited { color: #FFFFFF; text-decoration: none; }
A.nieuws:active, A.nieuws:hover { color: #FFFFFF; text-decoration: underline; }
hr { border: 1px solid #DDDDDD; border-bottom: 0px; height: 1px; margin-bottom: 10px; }
/* ############## AAN / UIT tbv menu en tekstblokken ######################################### */
#hfd00, #hfd01, #hfd02, #hfd03, #hfd04, #hfd05, #hfd06, #hfd07
{ border: 0px solid white; margin: 0px 3px; font: 12px/32px "Trebuchet MS", Verdana, Arial; font-weight: bold; }
.aan, .uit { }
A.uit, A.uit:link, A.uit:visited { color: #FF8800; text-decoration: none; background: #FFFFFF; }
A.uit:active, A.uit:hover { color: #FF8800; text-decoration: underline; }
A.aan, A.aan:link, A.aan:visited { color: #FFFFFF; text-decoration: none; background: transparent; }
A.aan:active, A.aan:hover { color: #FF8800; text-decoration: underline; background: transparent; }
.submenuboven { font: 12px/21px "Trebuchet MS", Verdana, Arial; position: absolute; top: 16px; left: 0px; padding-left: 15px; font-weight: bold; z-index: 10; width: 175px; }
.submenuboven A { }
.submenuboven A.uit, .submenuboven A.uit:link, .submenuboven A.uit:visited { color: #FFFFFF; text-decoration: none; background: #FF6600; font-weight: bold; }
.submenuboven A.uit:active, .submenuboven A.uit:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.submenuboven A.aan, .submenuboven A.aan:link, .submenuboven A.aan:visited { color: #FFFFFF; text-decoration: none; background: #FF6600; font-weight: normal; }
.submenuboven A.aan:active, .submenuboven A.aan:hover { color: #FFFFFF; text-decoration: underline; font-weight: normal; }
.submenunieuws { }
.submenunieuws A.uit, .submenunieuws A.uit:link, .submenunieuws A.uit:visited { color: #FFFFFF; text-decoration: none; background: #FF6600; font-weight: bold; }
.submenunieuws A.uit:active, .submenunieuws A.uit:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.submenunieuwse A.aan, .submenunieuws A.aan:link, .submenunieuws A.aan:visited { color: #FFAA77; text-decoration: none; background: #FF6600; font-weight: bold; }
.submenunieuwse A.aan:active, .submenunieuws A.aan:hover { color: #FFAA77; text-decoration: underline; font-weight: normal; }
.voetmenu { font: 11px/21px "Trebuchet MS", Verdana, Arial; font-weight: normal; letter-spacing: 0em; text-align: left;
position: absolute; top: 3px; right: 10px; color: #BBBBBB; }
.voetmenu A { }
.voetmenu A.uit, .voetmenu A.uit:link, .voetmenu A.uit:visited { color: #BBBBBB; text-decoration: none; }
.voetmenu A.uit:active, .voetmenu A.uit:hover { color: #FFFFFF; text-decoration: underline; }
.voetmenu A.aan, .voetmenu A.aan:link, .voetmenu A.aan:visited { color: #BBBBBB; text-decoration: none; }
.voetmenu A.aan:active, .voetmenu A.aan:hover { color: #FFFFFF; text-decoration: underline; }
b.voet A, b.voet A:visited { color: #888888; text-decoration: none; }
b.voet A:hover { color: #FF6600; }
/* ############## KLEIN / GROOT tbv uitklapbare blokken tekst ################################ */
.klein, .groot { font: 11px Verdana, Arial; width: 640px; margin: 2px 0px 0px 0px;
line-height: 16px; border: 1px solid #FFFFFF; }
.klein { height: 18px; background-color: #FFFFFF; border-left: 1px solid #F8DBB6; overflow: hidden; padding: 1px 10px 0px 12px; }
.groot { height: auto; background-color: #FEF9F3; border: 1px solid #F8DBB6; margin: 2px 0px 6px 0px; padding: 1px 10px 10px 12px; }
.klein .aan { font-weight: normal; } /* dit maakt de kop in een tekstblok niet-vet als het blok is dichtgeklapt */
.groot .aan { font-weight: bold; } /* dit maakt de kop in een tekstblok wel vet als het blok is opengeklapt */
/* ############## MENULAGEN AAN/UIT ########################################################## */
.laagaan { visibility: visible; z-index: 1;}
.laaguit { visibility: hidden; z-index: 1;}