/* =============== RESET TAGS NEW 0*/ a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, input, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol, strong {margin:0px; padding:0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000; text-decoration:none; } a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, label, legend, li, p, select, span, table, td, th, tr, ul, ol, strong { border:0px; } html, body{ height:100%; } body { font-size:100%; } img { display:block; } ul { width:auto; list-style:none; } li a { display:block; } .divider { display:inline; vertical-align:middle; } @media all { * html li a { height:1%; } /* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ } /* =============== END RESET TAGS */ /* =============== PAGE DIVISIONS */ body { margin:0; padding:0; border:0; text-align:center; } div { text-align:left; } #all-container { width:984px; margin:0px auto; } #header-layer { margin-left:1px; background-color:rgb(4,3,250); width:984px; } #middle-layer { margin-left:1px; width:984px; background-color:#fff; } #left-col { display:none; } body.left-margin-col #left-col { float:left; width:218px; display:block; } #main-content { float:left; background-color:#fff; width:754px; } body.left-margin-col #main-content { width:536px; } body.left-margin-col.full-width-content #main-content { width:756px; } .one-column { float:left; width:50%; } .two-columns { float:left; width:100%; } .two-columns.fixed { float:left; width:536px; } #shortcuts { float:left; background-color:#fff; width:220px; } /* =============== SPECIFIC PAGE DIVISIONS */ #main-content .item { margin-bottom:15px; } #main-content .content-block { margin-right:18px; } body.left-margin-col.full-width-content #main-content .one-column .content-block.right { margin-right:0px; } body.left-margin-col.full-width-content #main-content .two-columns .content-block { margin-right:0px; } body.left-margin-col.full-width-content #main-content .two-columns.fixed .content-block { margin-right:18px; } body.left-margin-col.full-width-content #main-content #shortcuts .content-block { margin-right:0px; } #left-col .item, #left-col #left-menu { margin-bottom:10px; width:200px; } #shortcuts .item { margin-bottom:10px; width:220px; } /* =============== END SPECIFIC PAGE DIVISIONS */ /* ============== Nieuw: 13-05-05 MK */ body.left-margin-col.full-width-content #main-content { width:756px; } /*body.left-margin-col.full-width-content #main-content .content-block { margin-right:0px; }*/ /* ============== Eind Nieuw */ /* =============== END PAGE DIVISIONS */ /* =========== SPECIFIC */ /* HEADER */ #header-layer li, #header-layer a, #header-layer p, #header-layer input, #header-layer strong { color:#fff; } #header-layer h1 {float:left; height:104px; padding:1px 1px 1px 1px; width: 218px; } #header-layer h1 { voice-family: "\"}\""; voice-family: inherit; height:80px; width: 208px; } #header-layer h1 a { background:transparent url(../images/logos/logo.gif) 0px 0px no-repeat; display:block; height:77px; width:63px; } #header-layer #clubnaam {float:left; width:400px; padding:10px 0px 20px 50px; background-color:rgb(4,3,250);font-size:20px; font-weight:bold; color:white;text-align:center;} #header-layer #user-info {float:left; width:80px; padding:9px 0px 19px 0px;} /*#header-layer #user-info { voice-family: "\"}\""; voice-family: inherit; } */ #header-layer #user-info ul li { font-size:0.69em; font-weight:bold; height:1.6em; }/*padding-left:20px; background:transparent url(/system/images/bullets/bullet_persona.gif) 0px 1px no-repeat; */ #header-layer #user-info ul li a { font-weight:bold; padding:0px 0px 0px 15px; color:#009; background:#fff url(images/bullets/bal_a_int.jpg) 0px 4px no-repeat; } #header-layer #user-info ul li a:hover { color:#f60; } #header-layer form { float:left; margin-top:4px; display:block; } #header-layer form fieldset { float:left; } #header-layer form input { border:1px solid #009; width:120px; height:1.5em; padding:2px 0px 1px 0px; font-size:0.69em; } #header-layer form input { voice-family: "\"}\""; voice-family: inherit; height:1.3em; } #header-layer form #search-simple { width:4.3em; height:1.6em; border:none; background-color:#fff; font-size:0.69em; font-weight:bold; cursor:pointer; color:#009; } #header-layer form #search-advanced { width:10.6em; height:1.6em; border:none; background-color:#fff; font-size:0.69em; font-weight:bold; cursor:pointer; color:#009; } #header-layer #domains { float:right; text-align:right; padding:9px 20px 0px 0px; background-color:rgb(4,3,250);font-size:12px; color:white;} #header-layer #menu-layer { margin-top:0px; margin-bottom:12px; width:984px; height:46px; background:#fff url(../images/backgrounds/menubar.gif) 0px 0px no-repeat; } #header-layer #menu-layer ul#menu li, #header-layer #menu-layer ul#menu li a { float:left; } #header-layer #menu-layer ul#menu li a, #header-layer #menu-layer ul#menu li a.out, #header-layer #menu-layer ul#menu li a.out:hover { padding:8px 10px 0px 10px; display:block; border-top:none; border-left:1px solid #4e4ccd; border-bottom:1px solid #474791; border-right:1px solid #1f1cb4; height:31px; text-align:center; color:#fff; font-family:verdana, geneva, arial, helvetica, sans-serif; font-size:11px; font-weight:bold; } #header-layer #menu-layer ul#menu li a, #header-layer #menu-layer ul#menu li a.out, #header-layer #menu-layer ul#menu li a.out:hover { voice-family: "\"}\""; voice-family: inherit; height: 22px; } /* active page */ #menu-layer ul#menu li a.active, #menu-layer ul#menu li a.active:hover { border:none !important; background:rgb(4,3,250) url(../images/backgrounds/menubar_selected.gif) -1px 0px no-repeat !important; color:#fff !important; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:block; padding:8px 11px 0px 11px !important; height:40px !important; } #menu-layer ul#menu li a.active, #menu-layer ul#menu li a.active:hover { voice-family: "\"}\""; voice-family: inherit; height: 32px !important; } /*home page is a special case because of rounded edges */ #menu-layer ul#menu li strong#menu-1 { background:rgb(4,3,250) url(../images/backgrounds/menubar_selected.gif) 0px 0px no-repeat; } /* end active page */ /* Styles Added for submenus */ #header-layer #menu-layer ul {} /* a.out:hover is necessary to fix bug in firefox windows */ #header-layer #menu-layer ul#menu li a.out:hover, #header-layer #menu-layer ul#menu li a:hover, #header-layer #menu-layer ul#menu li a.over { height:31px; border-top:none; border-left:1px solid #CBCBCB; border-bottom:1px solid #E3E3E3; border-right:1px solid #CBCBCB; color:#009; background:#fff url(../images/backgrounds/menubar_mo.gif) -1px 0px no-repeat; } #header-layer #menu-layer ul#menu li a.out:hover, #header-layer #menu-layer ul#menu li a:hover, #header-layer #menu-layer ul#menu li a.over { voice-family: "\"}\""; voice-family: inherit; height: 22px; } /*home page is a special case because of rounded edges */ #header-layer #menu-layer ul#menu li a#menu-1:hover { height:31px; background:rgb(4,3,250) url(../images/backgrounds/menubar_mo.gif) 0px 0px no-repeat; border-bottom:1px solid #CBCBCB; border-right:1px solid #EEEEEE; } #header-layer #menu-layer ul#menu li a#menu-1:hover { voice-family: "\"}\""; voice-family: inherit; height: 22px; } #header-layer #menu-layer ul li ul.sub-menu { position:absolute; top:0px; left:-999em; width:12.5em; z-index:99; background-color:#ffffff; border-right:1px solid #ccc; border-bottom:9px solid rgb(4,3,250); border-left:1px solid #ccc; padding:14px 1.0em; voice-family:"\"}\""; voice-family:inherit; width:10.25em; } .body #header-layer #menu-layer ul li ul.sub-menu { width:8.25em;} #header-layer #menu-layer ul#menu li ul.sub-menu li, #header-layer #menu-layer ul#menu li ul.sub-menu li a { float:none; display:block; } #header-layer #menu-layer ul#menu li ul.sub-menu li a { background:#ffffff; border:0px solid transparent; border-bottom:1px solid #dcdcdc; text-align:left; padding:1px 0px 5px 15px; color:rgb(4,3,250); font-size:11px; line-height:1.4em; height:auto; font-weight:bold; } #header-layer #menu-layer ul#menu li ul.sub-menu li a:hover { color:#fff; background:rgb(0,0,128) url(../images/bullets/bal_a_int.jpg) 0px 6px no-repeat; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #009; height:auto; } /* End of Styles for submenus */ #header-layer ul#emailadres { float:right; padding-right:10px; width: auto;} html:not([dummy]) #header-layer ul#emailadres { width:auto;} #header-layer ul#emailadres li, #header-layer ul#emailadres li a, #header-layer ul#emailadres li strong { float:left; } #header-layer ul#emailadres li a { display:block; height: 31px; text-align:center; padding:9px 10px 0px 10px; color:#fff; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; ; font-size:11px; border-top:none; border-left:1px solid #4E4CCD; border-bottom:1px solid #474791; border-right:1px solid #1F1CB4; } #header-layer ul#emailadres li a { voice-family: "\"}\""; voice-family: inherit; height:21px; } /* CAO is a special case because of rounded edges */ #header-layer ul#emailadres li a#util-1 { height: 31px; text-align:center; padding:9px 12px 0px 12px; color:#fff; border-top:none; border-left:1px solid #4E4CCD; border-bottom:1px solid #474791; border-right:none; } #header-layer ul#emailadres li a#util-1 { voice-family: "\"}\""; voice-family: inherit; height:21px; } #header-layer ul#emailadres li a:hover { border-top:none; border-left:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; border-right:1px solid #CBCBCB; color:#009; background:transparent url(../images/backgrounds/menubar_mo.gif) -1px 0px no-repeat; } /* CAO is a special case because of rounded edges */ #header-layer ul#emailadres li a#util-1:hover { border-top:none; border-left:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; border-right:none; color:#009; background:transparent url(../images/backgrounds/menubar_mo.gif) 100% 0px no-repeat; } #header-layer ul#emailadres li a.active, #header-layer ul#emailadres li a.active:hover { border-left:1px solid rgb(4,3,250); border-right:1px solid rgb(4,3,250); border-bottom: none; background:#f60 url(../images/backgrounds/menubar_selected.gif) -1px 0px no-repeat; padding:9px 11px 0px 11px; display:block; height:40px; color:#fff; font-weight:normal; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; ; font-size:11px; } #header-layer ul#emailadres li a.active, #header-layer ul#emailadres li a.active:hover { voice-family: "\"}\""; voice-family: inherit; height: 30px; } /* CAO is a special case because of rounded edges */ #header-layer ul#emailadres li a.active#util-1, #header-layer ul#emailadres li a.active#util-1:hover { height: 40px; color: white; border-left:1px solid #f60; border-right:none; border-bottom: none; background:#f60 url(../images/backgrounds/menubar_selected.gif) 100% 0px no-repeat; padding:9px 13px 0px 12px; } #header-layer ul#emailadres li a.active#util-1, #header-layer ul#emailadres li a.active#util-1:hover { voice-family: "\"}\""; voice-family: inherit; height: 30px; } /* END HEADER */ /* FOOTER */ #footer #left-footer, #footer #right-footer { float:left; padding-bottom:30px; font-size:0.63em; } #footer #left-footer { padding-left:218px; width:754px; } #footer #left-footer { voice-family: "\"}\""; voice-family: inherit; width:536px; } #footer #right-footer { width:220px } #footer #right-footer .link-top, #footer #right-footer .link-print { padding-left:20px; vertical-align:top; float:left; } #footer #right-footer .link-top { margin-right:18px; background:#fff url(../images/bullets/bullet_top.gif) 1px 2px no-repeat; } #footer #right-footer .link-print { background:#fff url(../images/bullets/bullet_print.gif) no-repeat 0px 0px; } /* END OF FOOTER */ /* SPECIAL TAGS */ .no-show { display:none; } @media all{ .noshow { display:block; visibility:hidden; position:absolute; left:-1000px; } } .clear-spacer { display:block; clear:both; } /* is used to force container elements to adjust height to its biggest child (problems in moz/opera) */ body.clear-spacer { height:1px; background-color:#fff;} /* hack:specific for non-IE browsers */ /* END SPECIAL TAGS */ /* MIDDLE LAYER ======================================================================== ======================================================================================= */ #middle-layer li { vertical-align:top; } * html #middle-layer ul, * html #middle-layer ol { height:1%; } #main-content .content-block.blauw { padding:4px; border-top:2px solid rgb(4,3,250); } /* =============== FONT-SPECIFICS GENERAL */ #middle-layer .content-block h3, #popup-container .content-block h3 {font-family: verdana, arial, sans-serif;font-size:1.38em; font-weight: bold; color: rgb(4,3,250);} #middle-layer .content-block.no-top-border h3, #popup-container .content-block.no-top-border h3 { color:rgb(4,3,250); margin-top:-4px; padding:0px; } #middle-layer h4 {font-family: verdana, arial, sans-serif; font-size:0.82em; font-weight: bold; color: rgb(4,3,250);} #middle-layer h5 { color:#333; font-size:0.69em; } #middle-layer p, #middle-layer li { font-size:0.69em; line-height:1.4em; padding-bottom:0.5em; } #middle-layer li li { font-size:100%; } #middle-layer li p { font-size:100%; } /* for downloads */ #middle-layer li span.date { font-size:91%; } /* for downloads */ #middle-layer .paragraph.smalltext span { font-size:0.92em; } /* for search results */ #middle-layer #errordiv li, #validatediv li { color:#f00; } #middle-layer .paragraph.richtext ul li a { display:inline; margin-left:0px; } #middle-layer .paragraph.richtext p { font-size:0.72em; color: rgb(4,3,250); padding-bottom:1.2em; } #middle-layer .paragraph.richtext ul { padding-bottom:0.5em; } #middle-layer #main-content a:visited { color:#606; } #middle-layer #main-content li a:visited { color:#606; } /* default unordered list definitions */ #middle-layer ul li, #popup-container ul li { background:transparent url(../images/bullets/bullet_li.gif) 0px 6px no-repeat; padding: 0px 0px 5px 15px; } #middle-layer ul li.error, #popup-container ul li.error { background:transparent url(../images/bullets/bullet_li_error.gif) 0px 6px no-repeat; padding: 0px 0px 5px 15px; } /* default unordered lists in item with coloured background */ #middle-layer .item.orange2 ul li, #middle-layer .item.grey2 ul li, #middle-layer .item.iceblue2 ul li, #middle-layer .item.orange4 ul li, #middle-layer .item.grey4 ul li { color:#fff; background:transparent url(../images/bullets/bullet_li_wt.gif) 0px 6px no-repeat; } /* default ordered list definitions */ #middle-layer ol, #popup-container ol { padding: 0px 0px 0px 30px; } /* 03-05-05 Aangepast door MK: padding-left aangepast van 17px naar 30px i.v.m. uitlijning in IE */ html>body #middle-layer ol, html>body #popup-container ol { padding: 0px 0px 0px 26px; } /* 03-05-05 Toegevoegd door MK: hack:specific for non-IE browsers */ #middle-layer ol li, #popup-container ol li { padding:0px 0px 5px 0px; } /* default ordered lists in item with coloured background */ #middle-layer .item.orange2 ol li, #middle-layer .item.grey2 ol li, #middle-layer .item.iceblue2 ol li, #middle-layer .item.orange4 ol li, #middle-layer .item.grey4 ol li { color:#fff; } /* all lists with links reset to 0px margin to cover default bullet */ #middle-layer ul li a, #popup-container ul li a { margin-left:-15px; } /* nested lists definitions */ #middle-layer ol ol, #popup-container ol ol, #middle-layer ul ol, #popup-container ul ol{ padding-top: 5px; } /*RS 02-08-2005: Toegevoegd om nested
    top-padding*/ #middle-layer ul ol li, #middle-layer ol ul ol li, #middle-layer ol ol ol li, #middle-layer ul ul ol li{ background:transparent 0px 11px no-repeat; padding: 0px 0px 5px 0px; } /* Toegevoegd door ER 2005-04-28 Reden: tonen van ordered list in un-ordered list -> ordered items moeten dan geen bullet krijgen. RS 02-08-2005: padding verplaats van top naar bottom en uitgebreid met middle-layer ol ol ol li, ul ul ol li */ #middle-layer ul ul li { background:transparent url(../images/bullets/bullet_li.gif) 0px 11px no-repeat; padding: 5px 10px 0px 15px; } /* Toegevoegd door ER 2005-04-28 Reden: tonen van ul in ul -> padding was niet goed */ #middle-layer ol ol li { background:transparent 0px 11px no-repeat; padding: 0px 0px 5px 0px; } /* Toegevoegd door ER 2005-04-28 Reden: tonen van ol in ol -> padding was niet goed. RS 01-08-2005: padding verplaats van top naar bottom. */ #middle-layer ol ul li { background:transparent url(../images/bullets/bullet_li.gif) 0px 11px no-repeat; padding: 5px 0px 0px 15px; } /* Toegevoegd door MK 08-04-05 Reden: goed tonen van geneste lists (ol in ul) *//*Origineel: padding: 0px 0px 5px 15px */ /* link definitions */ #middle-layer a.link-anchor { font-weight:bold; padding:0px 0px 0px 15px; color:#666; background:#fff url(../images/bullets/bullet_a_anchor.gif) 3px 3px no-repeat; } #middle-layer a.link-anchor:hover { color:#f60; } #middle-layer a.link-download, #popup-container a.link-download { font-weight:bold; padding:0px 0px 0px 15px; color:#666; background:#fff url(../images/bullets/bullet_a_download.gif) 0px 7px no-repeat; voice-family: "\"}\""; voice-family: inherit; background-position:0px 2px; } #middle-layer a.link-download:hover, #middle-layer a.link-download:hover strong, #popup-container a.link-download:hover, #popup-container a.link-download:hover strong { color:#f60; } #middle-layer a.link-ext, #popup-container a.link-ext { font-weight:bold; padding:0px 0px 0px 15px; color:#666; background:#fff url(../images/bullets/bullet_a_ext.gif) 0px 4px no-repeat; } #middle-layer a.link-ext:hover, #middle-layer a.link-ext:hover strong, #popup-container a.link-ext:hover, #popup-container a.link-ext:hover strong { color:#f60; } #middle-layer a.link-int, #popup-container a.link-int { font-weight:bold; padding:0px 0px 0px 15px; color:#666; background:#fff url(../images/bullets/bal_a_int.jpg) 0px 5px no-repeat; } #middle-layer a.link-int:hover, #middle-layer a.link-int:hover strong, #popup-container a.link-int:hover, #popup-container a.link-int:hover strong { color:#f60; cursor:pointer; } #middle-layer a.link-int-more { font-weight:bold; padding:0px 0px 0px 15px; color:#333; background:#fff url(../images/bullets/bal_a_int.jpg) 0px 5px no-repeat; } #middle-layer a.link-int-more:hover, #middle-layer a.link-int-more:hover strong { color:#f60; } #middle-layer a.link-up { font-size:0.92em; font-weight:bold; padding:0px 0px 0px 15px; color:#666; background:#fff url(../images/bullets/bullet_a_up.gif) 3px 3px no-repeat; } #middle-layer a.link-up:hover { color:#f60; } #middle-layer .link-print { font-size:0.92em; font-weight:bold; padding:0px 0px 0px 19px; color:#333; background:#fff url(../images/bullets/bullet_print.gif) 0px 2px no-repeat; } #middle-layer a.link-print:hover, #middle-layer a.link-print:hover strong { color:#f60; } /* right aligned top and print links */ #middle-layer ul.right-link li { float:right; background-image:none; padding:0px; margin:0px; width:8.0em; background-color:#fff; } html>body #middle-layer ul.right-link li { width:7.0em; } #middle-layer ul.right-link li a { float:right; width:8.0em; voice-family: "\"}\""; voice-family: inherit; width:6.8em; } html>body #middle-layer ul.right-link li a { width:7.2em; } #middle-layer ul.right-link li a.link-up { width:7.8em; background-color:#fff; voice-family: "\"}\""; voice-family: inherit; width:6.4em; } html>body #middle-layer ul.right-link li a.link-up { width:6.4em; } /* Metadata definitions ( New 25-04-05 MK)*/ #middle-layer div.paragraph.metadata ul li, #middle-layer div.paragraph.metadata ul li p , #middle-layer div.paragraph.metadata ul li a, #middle-layer div.paragraph.metadata ul li a:visited, #middle-layer div.paragraph.metadata ul li div.floatleft, #middle-layer div.paragraph.metadata ul li div.leftspace { font-weight:normal; color:#666 !important; } #middle-layer div.paragraph.metadata ul li p a { display:inline; margin: 0px; padding:0px; } /*RS 12-07-2005: aangepast voor zodat (mailto:)links goed inspringen en niet automatisch op volgende regel komen*/ #middle-layer div.paragraph.metadata ul li { font-size: 0.64em; } #middle-layer span.metadata, #middle-layer div.paragraph a.link-ext.metadata p { font-weight:normal; font-size:0.92em; color:#666; } #middle-layer div.paragraph.metadata ul li div.floatleft { float:left; } #middle-layer div.paragraph.metadata ul li div.leftspace { padding-left: 5px; } /* End Metadata */ #middle-layer #main-content .content-block { padding:10px 0px 0px 0px; } #middle-layer #main-content .content-block.no-top-border { padding:0px 0px 0px 0px; } #middle-layer .content-block img.shortcut { padding: 0px 0px 0px 0px; } #middle-layer .content-block img.left { float:left; margin:4px 10px 10px 0px; } #middle-layer #shortcuts .content-block img.left { float:left; margin:4px 10px 2px 0px; } #middle-layer .content-block img.right { float:right; margin:4px 0px 10px 10px; } #middle-layer .content-block img.doc-icon, #popup-container .content-block img.doc-icon { display:inline; vertical-align:top; margin:0px 0px 0px 6px; } /* Aangepast op 03-05-05 door MK: top-margin wordt 0 i.p.v. -1 */ #middle-layer .content-block img.banner { margin:4px 0px 8px 0px; } /* Nieuw MK 14-06-05 */ #middle-layer #main-content .paragraph { padding:5px 0px 0px 0px; } #middle-layer div.grey-line, #popup-container div.grey-line { border-top:1px solid #ddd; margin-top:4px; padding-top:5px; } body.left-margin-col.full-width-content #middle-layer div.grey-line { margin-top:0px; } /* Toegevoegd op 01-06-05 door MK */ #middle-layer div.white-line { border-top:1px solid #fff; margin-top:4px; padding-top:5px; } /* TABLES */ #middle-layer .tabel { margin-top:5px; width:518px; border-top:1px solid #777; border-bottom:1px solid #777;} #middle-layer p .tabel td, #middle-layer li .tabel td {font-size:0.92em;} #middle-layer .tabel td { vertical-align:top; font-size:0.63em; color: #fff; text-align: left; padding:2px 2px 2px 2px; background-color:rgb(4,3,250); font-weight:bold; border-bottom:1px solid #fff; } #middle-layer .tabel td a{ background-color:rgb(0,0,128); color: rgb(254,254,254); } #middle-layer .tabel td p { font-size:100%; } #middle-layer .tabel td.first-col { width: 100px; } #middle-layer .tabel strong { font-size:120%; color:orange;} /* End Variant1 */ /* END TABLES*/ /* =============== SPECIAL TAGS */ #middle-layer .date { color:#666; font-size:0.63em; } #middle-layer p.date { padding-bottom:0.2em; } #middle-layer span.date.list { margin-right:29px; padding-top:0px; font-weight:normal; font-size:0.92em; } /*0.92em of 0.69em is 0.63em */ #middle-layer a.link-int span { display:block; } #middle-layer span.grey-text { color:#666; } /* =============== 2-COLUMN LIST */ #middle-layer ul.grey-line { border-top:1px solid #ddd; margin-top:4px; } #middle-layer ul.grey-line li {border-bottom:1px solid #ccc; margin-top:5px; } #middle-layer div.colspan.grey-line { border-top:1px solid #ddd; } /* =============== Shortcuts ==================================================== */ #middle-layer #shortcuts a.link-int { font-weight:bold; color:#666; } #middle-layer #shortcuts a.link-int:hover { font-weight:bold; color:#000; } #middle-layer #shortcuts .content-block { padding:0px 0px 5px 0px; } /* Orange border is default */ #middle-layer #shortcuts .item h4 { margin-bottom:0px; padding:5px 10px 5px 10px; border:5px solid rgb(4,3,250); } #middle-layer #shortcuts .item .paragraph { padding:5px 10px 10px 10px; margin:1px 0px 0px 0px; border:1px solid #f60; position:relative; } /* unordered lists on coloured background*/ #middle-layer .item.orange2 ul li, #middle-layer .item.grey2 ul li, #middle-layer .item.iceblue2 ul li, #middle-layer .item.orange4 ul li, #middle-layer .item.grey4 ul li { color:#fff; background:transparent url(../images/bullets/bullet_li_wt.gif) 0px 6px no-repeat; } /* Orange2:like default but with orange paragraph & white text, black arrows */ #middle-layer #shortcuts .item.orange2 .paragraph { background-color:#f60; } #middle-layer #shortcuts .item.orange2 .paragraph p, #middle-layer #shortcuts .item.orange2 .paragraph p strong, #middle-layer #shortcuts .item.orange2 .paragraph a, #middle-layer #shortcuts .item.orange2 .paragraph p.date { color:#fff; } #middle-layer #shortcuts .item.orange2 a.link-int { background:#f60 url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.orange2 a.link-int-more { background:#f60 url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.orange2 .paragraph a:hover { color:#333; } /* Orange3 :Orange h4 background, paragraph with orange border */ #middle-layer #shortcuts .item.orange3 h4 { color:#fff; background-color:#f60; } /* Orange4 :Orange h4 background with orange paragraph & white text, black arrows */ #middle-layer #shortcuts .item.orange4 h4 { color:#fff; background-color:#f60; } #middle-layer #shortcuts .item.orange4 .paragraph { background-color:#f60; } #middle-layer #shortcuts .item.orange4 .paragraph p, #middle-layer #shortcuts .item.orange4 .paragraph p strong, #middle-layer #shortcuts .item.orange4 .paragraph a, #middle-layer #shortcuts .item.orange4 .paragraph p.date { color:#fff; } #middle-layer #shortcuts .item.orange4 a.link-int { background:#f60 url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.orange4 a.link-int-more { background:#f60 url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.orange4 .paragraph a:hover { color:#333; } /* 1 :like default but with iceblue borders*/ #middle-layer #shortcuts .item.iceblue1 h4, #middle-layer #shortcuts .item.iceblue1 .paragraph { border:1px solid rgb(4,3,250); } /* Iceblue2:like default but with iceblue paragraph */ #middle-layer #shortcuts .item.iceblue2 h4, #middle-layer #shortcuts .item.iceblue2 .paragraph { color:#fff; background-color:rgb(0,153,255); border:1px solid rgb(0,153,255); } #middle-layer #shortcuts .item.iceblue2 .paragraph { color:#fff; background-color:rgb(0,153,255); } #middle-layer #shortcuts .item.iceblue2 .paragraph p, #middle-layer #shortcuts .item.iceblue2 .paragraph p strong, #middle-layer #shortcuts .item.iceblue2 .paragraph a, #middle-layer #shortcuts .item.iceblue2 .paragraph p.date { color:#fff; } #middle-layer #shortcuts .item.iceblue2 a.link-int { background:#8ac url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.iceblue2 a.link-int-more { background:#8ac url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.iceblue2 .paragraph a:hover { color:#333; } /* Iceblue3 :Iceblue h4 background, paragraph with iceblue border */ #middle-layer #shortcuts .item.iceblue3 h4 { color:#fff; background-color:rgb(4,3,250); border:1px solid rgb(4,3,250); } #middle-layer #shortcuts .item.iceblue3 .paragraph { border:1px solid rgb(4,3,250); } #middle-layer #shortcuts .item.iceblue3 .paragraph p { color:rgb(4,3,250); } #middle-layer #shortcuts .item.iceblue3 a.link-int-more { background:#fff url(../images/bullets/bal_a_int.jpg) 0px 5px no-repeat; } /* Grey1 :like default but with grey borders*/ #middle-layer #shortcuts .item.grey1 h4, #middle-layer #shortcuts .item.grey1 .paragraph { border:1px solid #777; } /* grey2:like default but with grey paragraph */ #middle-layer #shortcuts .item.grey2 h4, #middle-layer #shortcuts .item.grey2 .paragraph { border:1px solid #777; } #middle-layer #shortcuts .item.grey2 .paragraph { background-color:#777; } #middle-layer #shortcuts .item.grey2 .paragraph p, #middle-layer #shortcuts .item.grey2 .paragraph p strong, #middle-layer #shortcuts .item.grey2 .paragraph a, #middle-layer #shortcuts .item.grey2 .paragraph p.date { color:#fff; } #middle-layer #shortcuts .item.grey2 a.link-int { background:#777 url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.grey2 a.link-int-more { background:#777 url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.grey2 .paragraph a:hover { color:#F93; } /* Grey3 :Grey h4 background, paragraph with grey border */ #middle-layer #shortcuts .item.grey3 h4 { color:#fff; background-color:#777; border:1px solid #777; } #middle-layer #shortcuts .item.grey3 .paragraph { border:1px solid #777; } /* Grey4 :Grey h4 background with grey paragraph */ #middle-layer #shortcuts .item.grey4 h4 { color:#fff; background-color:#777; border:1px solid #777; } #middle-layer #shortcuts .item.grey4 .paragraph { border:1px solid #777; } #middle-layer #shortcuts .item.grey4 h4, #middle-layer #shortcuts .item.grey4 .paragraph { border:1px solid #777; } #middle-layer #shortcuts .item.grey4 .paragraph { background-color:#777; } #middle-layer #shortcuts .item.grey4 .paragraph p, #middle-layer #shortcuts .item.grey4 .paragraph p strong, #middle-layer #shortcuts .item.grey4 .paragraph a, #middle-layer #shortcuts .item.grey4 .paragraph p.date { color:#fff; } #middle-layer #shortcuts .item.grey4 a.link-int { background:#777 url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.grey4 a.link-int-more { background:#777 url(../images/bullets/bullet_a_int_white.gif) 0px 5px no-repeat; } #middle-layer #shortcuts .item.grey4 .paragraph a:hover { color:#F93; } /* Darkblue :like default but with darkblue borders*/ #middle-layer #shortcuts .item.darkblue h4, #middle-layer #shortcuts .item.darkblue .paragraph { border:1px solid #009; } /* Specific for full-width-content page (Toegevoegd op 01-06-05 door MK) */ body.left-margin-col.full-width-content #main-content #shortcuts ul li { padding: 1px 5px 15px 30px; } body.left-margin-col.full-width-content #main-content #shortcuts ul li.bullet_zst { background:#fff url(../images/bullets/bullet_zst.gif) 0px 0px no-repeat; } body.left-margin-col.full-width-content #main-content #shortcuts ul li.bullet_lst { background:#fff url(../images/bullets/bullet_lst.gif) 0px 0px no-repeat; } body.left-margin-col.full-width-content #main-content #shortcuts ul li.bullet_opl { background:#fff url(../images/bullets/bullet_opl.gif) 0px 0px no-repeat; } /* END OF shortcuts */ /* Paging */ #middle-layer .paging, #popup-container .paging { margin-top: 5px; margin-bottom: 5px; } #middle-layer .paging table { width:auto; font-size:0.69em; text-align:center } #middle-layer .paging table.inner { width:auto; font-size:1em; } /*Toegevoegd 26-04-2005 door RS. Om te voorkomen dat een tabel binnen een tabel dubbel 0.69em meekrijgt */ #middle-layer .paging table td, #popup-container .paging table td { padding:0px; } #middle-layer .paging a, .paging span, #popup-container .paging a, .paging span { display:block; padding-left:6px; padding-right:6px; font-weight:bold; border-right: 1px solid #009; } #middle-layer .paging span.current, #popup-container .paging span.current { color: #f60; } #middle-layer .paging a, #popup-container .paging a { color: #009; } #middle-layer .paging a:hover, .paging span, #popup-container .paging a:hover, .paging span { color: #009; } #middle-layer .paging a.previous-link, .paging a.next-link, #popup-container .paging a.previous-link, .paging a.next-link { padding:0px 6px 0px 0px; border-right: 1px solid #009; border-left: 1px solid #009; height:1.4em; width:18px; voice-family: "\"}\""; voice-family: inherit; width:15px; } #middle-layer .paging a.previous-link span, .paging a.next-link span, #popup-container .paging a.previous-link span, .paging a.next-link span { display:none;} #middle-layer .paging a.previous-link, #popup-container .paging a.previous-link { background:#fff url(../images/bullets/paging_previous.gif) 0px 3px no-repeat; } #middle-layer .paging a.next-link, #popup-container .paging a.next-link { background:#fff url(../images/bullets/paging_next.gif) 0px 3px no-repeat; padding-right:0px; margin-right:18px; } #middle-layer .paging a.next-link.no-right-margin, #popup-container .paging a.next-link.no-right-margin { margin-right:0px; } #middle-layer .paging a.previous-link:hover, #popup-container .paging a.previous-link:hover { background-position: -17px 3px; } #middle-layer .paging a.next-link:hover, #popup-container .paging a.next-link:hover { background-position: -17px 3px; } #middle-layer .paging a.last-link, #popup-container .paging a.last-link { border:none; } #middle-layer .paging table td.first-column, #popup-container .paging table td.first-column { width:100%;} #middle-layer .paging span.current-last, #popup-container .paging span.current-last { color: #f60; border:none; margin-right:41px;} /* Toegevoegd 26-04-2005 door RS. Laatste nummer in pagina-navigatie indien geselecteerd: gekleurd en zonder rand rechts. Margin toegevoegd 08-06-2005: plaatst getallenrij precies in midden, ongeacht afwezigheid "volgende" link */ #middle-layer .paging span.current-first, #popup-container .paging span.current-first { color: #f60; margin-left:23px;} /* Toegevoegd 08-06-2005 door RS. Plaatst getallenrij precies in midden, ongeacht afwezigheid "vorige" link */ /* end of paging */ /* popup */ #popup-container #main-content { font-size:0.69em; width:100%; } #popup-container #main-content h3 { font-size:2.0em; } /* Toegevoegd door MK 01-06-05 */ #popup-container #main-content h4 { font-size:1.2em; } #popup-container #main-content .paragraph { margin-top:1.5em; } #popup-container #main-content a.link-close { float:right; color:#000; font-size:0.88em; background:#fff url(../images/bullets/bullet_close.gif) 100% 4px no-repeat; padding:3px 16px 0px 0px; } #popup-container #main-content a:hover.link-close { color:#f60; } /* end of popup */ /* =============== Left Col Home ==================================================== */ #middle-layer #left-col a.link-int { font-weight:bold; color:#666; } #middle-layer #left-col a.link-int:hover { color:#f60; } #middle-layer #left-col .content-block { padding:0px 0px 5px 0px; } /* Orange border is default */ #middle-layer #left-col .item h4 { margin-bottom:0px; padding:5px 10px 5px 10px; border:1px solid #f60; } #middle-layer #left-col .item .paragraph { padding:5px 10px 10px 10px; margin:1px 0px 0px 0px; border:1px solid #f60; } /* Orange2:like default but with orange paragraph & white text, black arrows */ #middle-layer #left-col .item.orange2 .paragraph { background-color:#f60; } #middle-layer #left-col .item.orange2 .paragraph p, #middle-layer #left-col .item.orange2 .paragraph p strong, #middle-layer #left-col .item.orange2 .paragraph a, #middle-layer #left-col .item.orange2 .paragraph p.date { color:#fff; } #middle-layer #left-col .item.orange2 a.link-int { background:transparent url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.orange2 a.link-int-more { background:transparent url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.orange2 .paragraph a:hover { color:#333; } /* Orange3 :Orange h4 background, paragraph with orange border */ #middle-layer #left-col .item.orange3 h4 { color:#fff; background-color:#f60; } /* Orange4 :Orange h4 background with orange paragraph & white text, black arrows */ #middle-layer #left-col .item.orange4 h4 { color:#fff; background-color:#f60; } #middle-layer #left-col .item.orange4 .paragraph { background-color:#f60; } #middle-layer #left-col .item.orange4 .paragraph p, #middle-layer #left-col .item.orange4 .paragraph p strong, #middle-layer #left-col .item.orange4 .paragraph a, #middle-layer #left-col .item.orange4 .paragraph p.date { color:#fff; } #middle-layer #left-col .item.orange4 a.link-int { background:transparent url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.orange4 a.link-int-more { background:transparent url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.orange4 .paragraph a:hover { color:#333; } /* Iceblue1 :like default but with iceblue borders*/ #middle-layer #left-col .item.iceblue1 h4, #middle-layer #left-col .item.iceblue1 .paragraph { border:1px solid #8ac; } /* Iceblue2:like default but with iceblue paragraph */ #middle-layer #left-col .item.iceblue2 .h4 { color:#8ac; background-color:#333; border:1px solid #333; } #middle-layer #left-col .item.iceblue2 .paragraph { background-color:#333; } #middle-layer #left-col .item.iceblue2 .paragraph p, #middle-layer #left-col .item.iceblue2 .paragraph p strong, #middle-layer #left-col .item.iceblue2 .paragraph a, #middle-layer #left-col .item.iceblue2 .paragraph p.date { color:#333; } #middle-layer #left-col .item.iceblue2 a.link-int { background:transparent url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.iceblue2 a.link-int-more { background:transparent url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.iceblue2 .paragraph a:hover { color:#333; } /* Iceblue3 :Iceblue h4 background, paragraph with iceblue border */ #middle-layer #left-col .item.iceblue3 h4 { color:#fff; background-color:#8ac; border:1px solid #8ac; } #middle-layer #left-col .item.iceblue3 .paragraph { border:1px solid #8ac; } /* Grey1 :like default but with grey borders*/ #middle-layer #left-col .item.grey1 h4, #middle-layer #left-col .item.grey1 .paragraph { border:1px solid #777; } /* grey2:like default but with grey paragraph */ #middle-layer #left-col .item.grey2 h4, #middle-layer #left-col .item.grey2 .paragraph { border:1px solid #777; } #middle-layer #left-col .item.grey2 .paragraph { background-color:#777; } #middle-layer #left-col .item.grey2 .paragraph p, #middle-layer #left-col .item.grey2 .paragraph p strong, #middle-layer #left-col .item.grey2 .paragraph a, #middle-layer #left-col .item.grey2 .paragraph p.date { color:#fff; } #middle-layer #left-col .item.grey2 a.link-int { background:transparent url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.grey2 a.link-int-more { background:transparent url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.grey2 .paragraph a:hover { color:#F93; } /* Grey3 :Grey h4 background, paragraph with grey border */ #middle-layer #left-col .item.grey3 h4 { color:#fff; background-color:#777; border:1px solid #777; } #middle-layer #left-col .item.grey3 .paragraph { border:1px solid #777; } /* Grey4 :Grey h4 background with grey paragraph */ #middle-layer #left-col .item.grey4 h4 { color:#fff; background-color:#777; border:1px solid #777; } #middle-layer #left-col .item.grey4 .paragraph { border:1px solid #777; } #middle-layer #left-col .item.grey4 h4, #middle-layer #left-col .item.grey4 .paragraph { border:1px solid #777; } #middle-layer #left-col .item.grey4 .paragraph { background-color:#777; } #middle-layer #left-col .item.grey4 .paragraph p, #middle-layer #left-col .item.grey4 .paragraph p strong, #middle-layer #left-col .item.grey4 .paragraph a, #middle-layer #left-col .item.grey4 .paragraph p.date { color:#fff; } #middle-layer #left-col .item.grey4 a.link-int { background:#777 url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.grey4 a.link-int-more { background:#777 url(../images/bullets/bullet_a_int_white.gif) 0px 6px no-repeat; } #middle-layer #left-col .item.grey4 .paragraph a:hover { color:#F93; } /* Darkblue :like default but with darkblue borders*/ #middle-layer #left-col .item.darkblue h4, #middle-layer #left-col .item.darkblue .paragraph { border:1px solid #009; } /* Poll left & right column */ #middle-layer .form input { vertical-align:middle; margin:0px 2px 0px 0px; padding-top:7px; } #middle-layer .form label { vertical-align:middle; font-size:0.69em; line-height:1.4em; } html:not([dummy]) #middle-layer .form label { vertical-align:middle; } html>body #middle-layer .form label { padding-left:5px; } #middle-layer form.form fieldset { padding-top:8px; padding-bottom:3px; } #middle-layer form.form fieldset div { padding-bottom:7px; } #middle-layer form.form .btn-form { cursor:pointer; border: 1px solid #777; font-size:0.69em; color: #333; padding: 1px 5px 1px 15px; width: auto; background:transparent url(../images/buttons/poll_submit.gif) 5px 5px no-repeat; font-weight:bold; } /* color specials */ #middle-layer .item.orange2 .form input, .item.orange2 .form label, #middle-layer .item.iceblue2 .form input, .item.iceblue2 .form label, #middle-layer .item.grey2 .form input, .item.grey2 .form label { color:#fff; } #middle-layer .item.orange2 form.form .btn-form, #middle-layer .item.iceblue2 form.form .btn-form, #middle-layer .item.grey2 form.form .btn-form { cursor:pointer; border: 1px solid #fff; font-size:0.69em; color: #fff; padding: 1px 5px 1px 15px; width: auto; background:transparent url(../images/buttons/poll_submit_white.gif) 5px 5px no-repeat; font-weight:bold; } /* MK 15-06-05: General form */ #middle-layer .form.general input, #middle-layer .form.general textarea, #middle-layer .form.general select { font-size:0.69em; voice-family: "\"}\""; voice-family: inherit;} #middle-layer .form.general input { padding:1px 0px 1px 3px; width:30em; } #middle-layer .form.general input.submit { padding:0px 0px 3px 0px; width:9em; height:1.8em; } #middle-layer .form.general textarea { height:10em; padding:1px 0px 1px 3px; width:30em; } #middle-layer .form.general select { width:25em; } #middle-layer .form.general div.label { float:left; width:8em; } /* RS 05-08-05: Telgids form */ #middle-layer .form.telgids input { padding:1px 0px 1px 3px; float:left; font-size:0.69em; voice-family: "\"}\""; voice-family: inherit;} #middle-layer .form.telgids input.achternaam { width:18em; } #middle-layer .form.telgids input.voornaam { width:7em; } #middle-layer .form.telgids input.initialen { width:3.5em; } #middle-layer .form.telgids input.telefoon { width:10em; } #middle-layer .form.telgids input.locatie { width:10em; } #middle-layer .form.telgids div.label { float:left; } #middle-layer .form.telgids div.label.achternaam { width:5em; } #middle-layer .form.telgids div.label.voornaam { width:5em; } #middle-layer .form.telgids div.label.initialen { width:0.6em; } #middle-layer .form.telgids div.label.telefoon { width:7em; } #middle-layer .form.telgids div.label.locatie { width:7em; } #middle-layer .form.telgids .block-left { width:320px; float:left; } #middle-layer .form.telgids .block-right { width:370px; float:right; } /* end of color specials */ /* submenu in left col */ #left-col #left-menu ul.blue-line { border-top:1px solid #8ac; } #middle-layer #left-col #left-menu ul li { display:block; padding:0px; } #middle-layer #left-col #left-menu ul li a { display:block; border-bottom:1px solid #ddd; background-color:#fff; margin-left:0px; padding:3px 5px 3px 15px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:rgb(4,3,250) } #middle-layer #left-col #left-menu ul li a.selected { background-color:rgb(0,0,128); border-bottom:1px solid #fff; font-weight:bold; color:white} #middle-layer #left-col #left-menu ul li a:hover { color:rgb(4,3,250); border-top:1px solid rgb(4,3,250); border-bottom:1px solid rgb(4,3,250); border-left:1px solid rgb(4,3,250); border-right:1px solid rgb(4,3,250); } #middle-layer #left-col #left-menu ul li a.direct:hover { background:#fff url(../images/bullets/bal_a_int.jpg) 0px 7px no-repeat; } #middle-layer #left-col #left-menu ul li a.subsubmenu:hover { background:#fff url(../images/bullets/bal_a_int.jpg) 2px 7px no-repeat; } #middle-layer #left-col #left-menu ul li a.selected:hover { background-color:rgb(254,254,254); } #middle-layer #left-col #left-menu ul li ul.subsubitems li { padding-left:0px; background:none; } #middle-layer #left-col #left-menu ul li ul.subsubitems li a { background:none; padding:3px 5px 3px 30px; font-weight:normal; } #middle-layer #left-col #left-menu ul li ul.subsubitems li a.selected { background-color:#eef; border-bottom:1px solid #009; } #middle-layer #left-col #left-menu ul li ul.subsubitems li a.direct:hover { background:transparent url(../images/bullets/bal_a_int.jpg) 15px 7px no-repeat; } #middle-layer #left-col #left-menu ul li ul.subsubitems li a.subsubmenu:hover { background:#fff url(../images/bullets/bal_a_int.jpg) 15px 7px no-repeat; } #middle-layer #left-col #left-menu ul li ul.subsubitems li a.selected:hover { background-color:#eef; } #middle-layer #left-col #left-menu ul li ul.subsubitems li ul.subsubitems li a { background:none; padding:3px 5px 3px 45px; font-weight:normal; } #middle-layer #left-col #left-menu ul li ul.subsubitems li ul.subsubitems li a.selected { background-color:#eef; border-bottom:1px solid #009; } #middle-layer #left-col #left-menu ul li ul.subsubitems li ul.subsubitems li a.direct:hover { background:transparent url(../images/bullets/bal_a_int.jpg) 30px 7px no-repeat; } #middle-layer #left-col #left-menu ul li ul.subsubitems li ul.subsubitems li a.subsubmenu:hover { background:#fff url(../images/bullets/bal_a_int.jpg) 30px 7px no-repeat; } #middle-layer #left-col #left-menu ul li ul.subsubitems li ul.subsubitems li a.selected:hover { background-color:#eef; } /* END OF submenu in left col */ /* END OF left-col =============================* /* New April 21 2005 */ sub { font-size: 0.92em; vertical-align: -1px; } sup { font-size: 0.92em; vertical-align: top; } #middle-layer div.summary p { font-weight: bold; } #center-header { float: left; width:580px; }