HTML { height: 100%; }
BODY { SCROLLBAR-FACE-COLOR: #E8E8E8; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: White; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: Silver; SCROLLBAR-BASE-COLOR: Silver; }
IFRAME { SCROLLBAR-FACE-COLOR: #E8E8E8; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: White; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: Silver; SCROLLBAR-BASE-COLOR: Silver; }
/* speciale style voor de body van de homepage */
BODY.framepage { margin: 0 0 0 0; font-family: verdana, sana-serif; font-size: 12px; color: #3399FF; height: 100%; text-align: center; }
BODY.homepage { margin: 0 0 0 0; font-family: verdana, sana-serif; font-size: 12px; color: #3399FF; height: 100%; text-align: left; line-height: 20px; padding-left: 10px; }
BODY.textpage { margin: 0 0 0 0; font-family: verdana, sana-serif; font-size: 12px; color: #000000; text-align: left; padding-left: 10px; width: 95%; }
BODY.bannerpage { margin: 0 0 0 0; font-family: verdana, sana-serif; font-size: 12px; color: #000000; text-align: left; padding-left: 0px; }
/* default style voor alle tabelen */
TABLE { margin: 0px; padding: 0px; }
TD { margin: 0px; padding: 0px; font-size: 12px;}
/* het logo rechtsboven in het scherm */
.logo { position: absolute; float: right; left: 670px; top: 0px; } /* was: 11px */
.logo2 { position: absolute; top: 11px; float:right; }
/* geen enkele afbeelding heeft een border */
IMG { border: 0px solid black; margin: 0px; padding: 0px; }
/* de tabel waarbinnen alles gevangen zit */
.overall { height:100%; width: 770px; text-align: left; }
.overall_home { height:100%; width: 770px; text-align: left; }
TD.spacerbar { height: 4px; margin: 0px; padding: 0px; border: 0px solid black; }
TD.spacerbar IMG { display: block; }
TD.topbar { height: 25px; border: 0px solid black; margin: 0px; padding: 0px;width: 100%; background-color: #3399FF;}
TABLE.topbar { height: 0px; vertical-align: bottom; border: 0px solid black; padding: 0px; margin: 0px; width: 100%; }
TD.shadowright { width: 8px; height: 100%; margin: 0px; padding: 0px; vertical-align: top; }
.shadowright TABLE { height: 100%; }
TD.shadowvertical { width: 8px; height: 100%; margin: 0px; padding: 0px; vertical-align: top; background-image: url(../images/shadow/verticaal.gif); background-repeat: repeat-y; background-position: left top;}
TD.shadowrechtsboven { width: 8px; height: 7px; margin: 0px; padding: 0px; vertical-align: top; background-image: url(../images/shadow/rechtsboven.gif); background-repeat: no-repeat; background-position: left top;}
LI {list-style-type : disc; list-style-image: url(../images/image_listitem.gif); }
/*---------------------------------------------------------------------------------------------------------------------------------*/
/* Stijlen voor pagina waarin de banners aan de onderkant staan */
/*---------------------------------------------------------------------------------------------------------------------------------*/
.mainbar {}
.bottombar { height: 100%; background: url(../images/banner_background.jpg) repeat-x; overflow: hidden; padding-left: 0px; vertical-align: top; border: 0px solid red;}
/* positionering voor de banners aan de onderkant van het scherm */
.bottombar .bannertable { position: relative; top: -23px; display: inline; border: 0px solid black;}
.bottombar .bannerbar { vertical-align: bottom; text-align: center; border: 0px solid black; }
.bottombar DIV { left: 0px; width: 140px; height: 103px; margin-left:1px; padding-left: 2px; padding-right: 7px;padding-top: 3px;padding-bottom:3px; text-align: left; background: url( ../images/background_banners.gif ) no-repeat top; }
.bottombar DIV.banner1 { left: 0px; width: 140px; padding-top: 25px; height: 180px; background-image: url( ../images/background_loginbanner.gif ); }
.bottombar DIV.statusbanner { left: 0px; width: 139px; margin-top: 25px; padding-top: 25px; height: 160px; background-image: url( ../images/mijnstatus_bck.gif );}
/* het frame met de inhoud */
.mainbar .contentframe, .mainbar2 .contentframe { height: 100%; width: 100%; border: 0px solid black; }
/*---------------------------------------------------------------------------------------------------------------------------------*/
/* Stijlen voor de pagina waarin de banners aan de linkerkant staan */
/*---------------------------------------------------------------------------------------------------------------------------------*/
.binnentabel { width: 100%; height: 100%; border: 0px solid black; margin-top: 10px;}
TD.mainbar2 { border: 0px solid black; height: 90%; vertical-align: top; overflow: auto; }
TD.leftbar { width: 150px; height: 100%; vertical-align: top; }
.leftbar DIV { width: 139px; height: 103px; padding: 3px; text-align: left; background-image: url( ../images/background_banners2.gif ); }
.leftbar DIV.banner1 { padding-top: 25px; height: 179px; background-image: url( ../images/background_loginbanner2.gif ); }
.leftbar DIV.banner2 { padding-top: 10px; height: 100px; background-image: url( ../images/background_banners2.gif ); }
.leftbar DIV.statusbanner { left: 0px; width: 139px; padding-top: 25px; height: 162px; background-image: url( ../images/mijnstatus_bck.gif ); }
/* het frame met de inhoud */
.mainbar2 .contentframe { width: 100%; height: 100%; border: 0px solid black; }
/*---------------------------------------------------------------------------------------------------------------------------------*/
/* Stijlen voor het menu */
/*---------------------------------------------------------------------------------------------------------------------------------*/
.menubalk, .menubalk2 { border: 0px solid black; margin: 0px; padding: 0px; padding-left: 5px; vertical-align: bottom;}
.menubalk DIV, .menubalk2 DIV { background-color: #000080; width: 100%; margin: 0px; padding: 0px; }
.menubalk { width: 420px; }
.menubalk2 { width: 350px; }
.menubalk .arrangementenmenu { position:absolute; width: 170px; left: 9px; top: 32px; border: 0px none black; visibility: hidden; padding: 0px; margin: 0px; }
.menubalk .dienstenmenu { position:absolute; width: 210px; left: 160px; top: 32px; border: 0px none black; visibility: hidden; padding: 0px; margin: 0px; }
.menubalk .productenmenu { position:absolute; width: 175px; left: 280px; top: 32px; border: 0px none black; visibility: hidden; padding: 0px; margin: 0px; }
.menubalk2 .overfinsysmenu { position:absolute; width: 173px; left: 500px; top: 32px; border: 0px none black; visibility: hidden; padding: 0px; margin: 0px; }
.arrangementenmenu DIV { width: 150px; }
.dienstenmenu DIV { width: 190px; }
.productenmenu DIV { width: 155px; }
.overfinsysmenu DIV { width: 153px; }
.menubalk A, .menubalk2 A { font: 12px Verdana, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 20px; width: 100%; margin: 0px; padding: 0px; }
.menubalk A DIV, .menubalk2 A DIV { padding-left : 20px; text-align: left; position: relative; }
.menubalk A:HOVER DIV, .menubalk2 A:HOVER DIV { background-color: #3399FF; cursor: hand; }
.menubalk TABLE, .menubalk2 TABLE { margin: 0px; margin-top: 1px; padding: 0px; width: 100%; }
.menubalk TD, .menubalk2 TD { padding: 0px; margin: 0px; }
TD.menubalk { width: 400px; }
.kleinmenu TD { width: 33%; border: 0px solid red; padding: 0px; margin: 0px; }
TD.menubalk2 { width: 250px; vertical-align: bottom; text-align: center; }
TD.menushadowright { width: 8px; height: 100%; margin: 0px; padding: 0px; vertical-align: top; }
.menushadowright TABLE { height: 100%; }
TD.menushadowvertical { width: 8px; height: 80px; margin: 0px; padding: 0px; vertical-align: top; background-image: url(../images/shadow/verticaal.gif); background-repeat: repeat-y; background-position: left top; }
TD.menushadowrechtsboven { width: 8px; height: 7px; margin: 0px; padding: 0px; vertical-align: top; background-image: url(../images/shadow/rechtsboven.gif); background-repeat: no-repeat; background-position: left top; }
TD.submenu, TD.submenubar { height: 21px; width: 100%; }
TD.submenu { background-image: url(../mijnfinsys/images/mijnmenu_bck.gif); background-repeat: no-repeat; background-position: left bottom; }
/*---------------------------------------------------------------------------------------------------------------------------------*/
/* Stijlen voor links */
/*---------------------------------------------------------------------------------------------------------------------------------*/
A.darkbluelink:LINK { font: 10px Verdana, sans-serif; color: #283167; text-decoration: none; }
A.darkbluelink:HOVER { font: 10px Verdana, sans-serif; color: #3399FF; text-decoration: none; }
A.darkbluelink:ACTIVE { font: 10px Verdana, sans-serif; color: #3399FF; text-decoration: none; }
A.darkbluelink:VISITED { font: 10px Verdana, sans-serif; color: #283167; text-decoration: none; }
A.darkbluelinksmall:LINK { font: 10px Verdana, sans-serif; color: #283167; line-height:10px; text-decoration: none; }
A.darkbluelinksmall:HOVER { font: 10px Verdana, sans-serif; color: #3399FF; line-height:10px; text-decoration: none; }
A.darkbluelinksmall:ACTIVE { font: 10px Verdana, sans-serif; color: #3399FF; line-height:10px; text-decoration: none; }
A.darkbluelinksmall:VISITED { font: 10px Verdana, sans-serif; color: #283167; line-height:10px; text-decoration: none; }
A.darkbluelinkstatusoverzicht:LINK { font: 10px/98% Verdana, sans-serif; color: #283167; text-decoration: none; }
A.darkbluelinkstatusoverzicht:HOVER { font: 10px/98% Verdana, sans-serif; color: #3399FF; text-decoration: none; }
A.darkbluelinkstatusoverzicht:ACTIVE { font: 10px/98% Verdana, sans-serif; color: #3399FF; text-decoration: none; }
A.darkbluelinkstatusoverzicht:VISITED { font: 10px/98% Verdana, sans-serif; color: #283167; text-decoration: none; }
A.lightbluelink:LINK { color: #3399FF; line-height:10px; text-decoration: none; font-weight: bold; }
A.lightbluelink:HOVER { color: #283167; line-height:10px; text-decoration: none; font-weight: bold; }
A.lightbluelink:ACTIVE { color: #283167; line-height:10px; text-decoration: none; font-weight: bold; }
A.lightbluelink:VISITED { color: #3399FF; line-height:10px; text-decoration: none; font-weight: bold; }
A.lightbluelinkunderline:LINK { color: #3399FF; line-height:10px; text-decoration: underline; font-weight: bold; }
A.lightbluelinkunderline:HOVER { color: #283167; line-height:10px; text-decoration: underline; font-weight: bold; }
A.lightbluelinkunderline:ACTIVE { color: #283167; line-height:10px; text-decoration: underline; font-weight: bold; }
A.lightbluelinkunderline:VISITED { color: #3399FF; line-height:10px; text-decoration: underline; font-weight: bold; }
A.lightbluelinksmall:LINK { font: 10px Verdana, sans-serif; color: #3399FF; line-height:10px; text-decoration: none; font-weight: bold; }
A.lightbluelinksmall:HOVER { font: 10px Verdana, sans-serif; color: #283167; line-height:10px; text-decoration: none; font-weight: bold; }
A.lightbluelinksmall:ACTIVE { font: 10px Verdana, sans-serif; color: #283167; line-height:10px; text-decoration: none; font-weight: bold; }
A.lightbluelinksmall:VISITED { font: 10px Verdana, sans-serif; color: #3399FF; line-height:10px; text-decoration: none; font-weight: bold; }
A.graylinksmall:LINK { font: 10px Verdana, sans-serif; color: #909090; line-height:10px; text-decoration: none; font-weight: bold; }
A.graylinksmall:HOVER { font: 10px Verdana, sans-serif; color: #909090; line-height:10px; text-decoration: none; font-weight: bold; }
A.graylinksmall:ACTIVE { font: 10px Verdana, sans-serif; color: #909090; line-height:10px; text-decoration: none; font-weight: bold; }
A.graylinksmall:VISITED { font: 10px Verdana, sans-serif; color: #909090; line-height:10px; text-decoration: none; font-weight: bold; }
/*----------------------------------------------------------------------------------------------------------------------------*/
/* Pagina specifieke style staan hieronder geregeld */
/*----------------------------------------------------------------------------------------------------------------------------*/
TABLE.verdubbeluwkracht { width: 100%; height: 100%; padding: 5px;}
TABLE.verdubbeluwkracht { background-image: url( ../images/backgroundimage_home.gif ); background-repeat: no-repeat; background-attachment: fixed; background-position: right top;}
.verdubbeluwkracht TD { vertical-align: top; margin: 0px; padding: 0px; font-size: 12px; line-height: 20px;}
.kopje { font-weight: bold; color : #3399FF; }
.mainkopje { font-weight: bold; color : #000081; }
.textbannerszwart, .textbannerzwartextrasmall { COLOR: #000000; FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 10px; line-height: 10px; }
.textbannerszwartextrasmall { FONT-SIZE: 9px; line-height: 9px; }
.textbannersdarkblue, .textbannersdarkbluesmaller, textbannerdarkbluebold { COLOR: #283167; FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 10px; line-height: 14px; }
.textbannersdarkbluesmaller, .textbannersdarkbluebold { FONT-SIZE: 9px; }
.textbannersdarkbluebold { font-weight: bold; }
.textarealogin { BACKGROUND-COLOR: #FFFFFF; COLOR: Black; FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 9px; border: 1px inset; font-weight: normal; border-color: #000000 #000000 #000000 #000000; }
/*----------------------------------------------------------------------------------------------------------------------------*/
/* Styles voor het intranet / Mijn Finsys */
/*----------------------------------------------------------------------------------------------------------------------------*/
.kophomepage { font: 20px "Frutiger-Roman", Verdana, sans-serif; color : #3399FF; font-weight: normal; margin-bottom: 10px; margin-top: 0px; }
.texthomepage { font: 12px/25px Verdana, sans-serif; color : #3399FF; line-height: 20px; }
.arrangemententable, .nieuwstable { border-bottom: 1px dotted #9595CB; border-right: 1px dotted #9595CB; align: center; font-weight: bold; font-size: 10px; color: #000081; padding-left: 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px; }
.nieuwstable { font-weight: normal; }
.kalender_tap {border: 0px solid #3399fe;}
.tabs {border: 0px solid #3399fe;}
.tab, .tab1 {border: 1px solid #3399fe; background: #efefef; display: inline; width: auto; margin: 0 2px; padding: 2px 10px;text-decoration: none;}
.tab:hover, .tab1:hover {text-decoration: underline;}
.tab1 {background: white; border-bottom: 1px solid white; color: #000080;}
.month, .month1 {border: 1px solid #3399fe; background: white; display: none; height: 190px; overflow: auto; width: auto; padding: 5px;}
.month1 {display: block;}
.tabs a { font-weight: bold; color: #3399fe; }
.tabs a:hover { font-weight: bold; color: #000080; }
.tabs1 a { font-weight: bold; color: #000080; }
.tabs1 a:hover { font-weight: bold; color: #000080; }