/* --------------------------------------------------------------------------- */ /* Default stylesheet */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* HTML selectors */ body { margin: 0; padding: 0 0 4em 35px; font: normal normal 0.8em/1.3em Arial, Verdana, sans-serif; color: #002b3e; background: #fff url(../gfx/back.gif) -13px 1px; } p { margin-top: 0.2em; } ul { list-style-type: square; } img { border: 0; } fieldset { margin: 0; border: 0; padding: 0; } address { font-style: normal; } /* END: HTML selectors */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Links */ a { } a:link { color: #002b3e; } a:visited { color: #002b3e; } a:hover { color: #002b3e; } a:active { color: #002b3e; } #body a:link { color: #002b3e; } #body a:visited { color: #002b3e; } #body a:hover { color: #9A0033; } #body a:active { color: #9A0033; } .results a:link { text-decoration: none; color: #002b3e; } .results a:visited { text-decoration: none; color: #002b3e; } .results a:hover { text-decoration: underline; color: #002b3e; } .results a:active { text-decoration: underline; color: #002b3e; } .pagination a:link { text-decoration: underline; color: #002b3e; } .pagination a:visited { text-decoration: underline; color: #002b3e; } .pagination a:hover { text-decoration: underline; font-weight: bold; color: #002b3e; } .pagination a:active { text-decoration: underline; font-weight: bold; color: #002b3e; } .pagination .active a { text-decoration: none; font-weight: bold; color: #002b3e; } #toolbar a:link { text-decoration: none; color: #50667e; } #toolbar a:visited { text-decoration: none; color: #50667e; } #toolbar a:hover { text-decoration: underline; color: #50667e; } #toolbar a:active { text-decoration: underline; color: #50667e; } #footernavigation a:link { text-decoration: none; color: #50667e; } #footernavigation a:visited { text-decoration: none; color: #50667e; } #footernavigation a:hover { text-decoration: underline; color: #50667e; } #footernavigation a:active { text-decoration: underline; color: #50667e; } #breadcrumb { margin-left: 207px; position: relative; } #breadcrumb ul { margin: 0; padding: 1em 0 1em 0; } #breadcrumb li { display: inline; margin: 0; padding: 0 0.35em 0 0; } #breadcrumb li a { padding: 0 0.3em 0 0; } #breadcrumb a:link { text-decoration: none; color: #50667e; } #breadcrumb a:visited { text-decoration: none; color: #50667e; } #breadcrumb a:hover { text-decoration: underline; color: #50667e; } #breadcrumb a:active { text-decoration: underline; color: #50667e; } #topnav { background: #FFFFFF url(../gfx/back.gif) repeat scroll -43px 0; height: 29px; overflow: hidden; padding-left: 25px; } #topnav a { color: #50667E; text-decoration: none; } #topnav a:hover { text-decoration: underline; } #topnav fieldset { display: inline; } /* In IE6 this seems to be a block element */ #topnav input { border: 1px solid #50667E; font-size: 1em; } #topnav input[type=text] { width: 150px; } #topnav ol { list-style: none; margin: 0; padding: 8px 0 0 0; } #topnav li { float: left; margin-right: 10px; } #topnav .search { float: right; vertical-align: middle; padding-top: 4px; } #topnav .search input { vertical-align: middle; } #topnav .search input.searchButton, #extendedSearch input.searchButton { background-color:#50667E; color:#FFFFFF; font-size:0.9em; border:1px solid #50667E; vertical-align:middle;} #topnav .sites { font-size: 0.9em; float: right; text-transform: uppercase; } .gotocontent { display: none; } /* END: links */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Basic page containers */ #site { background: #e5eaef url(../gfx/back_content.gif) repeat-y 100% 0%;} #site { position: relative; width: auto; min-width: 735px; max-width: 960px;} #header { margin: 0 0 0 -25px; padding: 0; height: 132px; } #content { clear: both; overflow: hidden; } #body { overflow: hidden; } #sidebar { float: left; width: 177px; height: 200px; background: none; } html>body #sidebar { height: auto; min-height: 200px; } #extra { float: right; padding: 3em 0 0 0; width: 150px; height: 200px; background: none; background-position:expression(document.documentElement.clientWidth>=(950)?"0 0":"200 0"); z-index: 100; } html>body #extra { height: auto; min-height: 200px; background: none; } #footer { position: relative; bottom: -30px; margin: 0 0 0 0; width: 100%; background-color: white;} html>body #footer { bottom: 0; margin: 0 0 0 0; } #footer ul, #footer li { border: 0; background: transparent none; } h1 { margin: 0; padding: 0 20px 1em 0; font: normal bold 1.6em/1.3 Arial, Verdana, sans-serif; } h2 { margin: 0; padding: 0 20px 0 0; font: normal bold 1.2em/1.5 Arial, Verdana, sans-serif; } .printButton { float: right; margin-top:0.5em; margin-right:-50px; } .printAndSocialButtonBar { margin: 0; margin-top: 20px; } .printAndSocialButtonBar a { display: block; float: left; } .printAndSocialButtonBar .printButton2011 { margin-top: 2px; } .imageLeft { float: left; } .imageCenter { display: block; clear: both; } .imageRight { float: right; } .clearBoth { clear: both; } /* these are general rules for the entire site */ .clr { clear: both; margin: 0 0 -1px 0; width: 100%; height: 1px; line-height: 1px; overflow: hidden; visibility: hidden; } #toolbar .skip { margin: 0 0 0 -1px; width: 1px !important; height: 1px; overflow: hidden !important; } /* END: Basic page containers */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* START: chapter menu */ #chapters { z-index: 500; margin: 0 0 0 25px; padding: 0 0 0 205px; list-style: none; height: 103px; background: transparent url(../gfx/home.gif) no-repeat 0 0; } #chapters li { float: left; display: block; margin: 0; border-right: 2px solid #52637b; padding: 0; width: 100px; height: 25px; font-weight: bold; font-size: 0.85em; line-height: 24px; color: #fff; cursor: pointer;} #chapters li.active a:hover { background: transparent; } #chapters li a { color:#FFFFFF; display:block; height:23px; padding-left:8px; padding-top:1px; text-decoration:none; width:92px;} #chapters li a:hover { background: url("../gfx/pngback_hover.png") repeat scroll 0 0 transparent; height:24px; } #chapters li span { display: none; } #chapters .skip { cursor: default; float: none; display: block; border: 0; width: 100%; height: 77px; text-indent: -5000px; position: relative; left: -27px; } div.home #extra .article * { color: #9A0033; } /* SERVICE */ html>body div.service #chapters .skipnl { background: transparent url(../gfx/home.png) no-repeat 1px 0; } div.service #body h1, div.service #body .article h2 { color: #002b3e; } /* MENU1 */ #chapters li.menu1 a { color: #ffffff } #chapters li.menu1 a:hover { color: #E67F03} div.menu1 #chapters .skipnl { background: transparent url(../gfx/menu/nl/menu1.png) no-repeat 0 0; } div.menu1 #chapters .skipen { background: transparent url(../gfx/menu/en/menu1.png) no-repeat 0 0; } div.menu1 #chapters .skipde { background: transparent url(../gfx/menu/de/menu1.png) no-repeat 0 0; } div.menu1 #chapters li.menu1 { text-indent: -2000px; background: #E67F03 url(../gfx/pngback_wonen_c.png); } li.menu1 { background: #E67F03 url(../gfx/pngback_wonen.png); } div.menu1 #navigation { border-top: 1px solid #E67F03; border-bottom: 1px solid #E67D00; } div.menu1 #navigation li a { color: #fff; background: #E67F03; border-bottom: 1px solid #E67F03} div.menu1 #navigation li a:hover { color: #E67F03; background-color: #f6f8f9; } div.menu1 #navigation li a.arrow { background:url(../gfx/arrow_menu_up_white.gif) 0 0 no-repeat #E67F03; height:18px;} div.menu1 #navigation li a.arrow:hover { background:url(../gfx/arrow_menu_up_wonen.gif) 0 0 no-repeat #f6f8f9;} div.menu1 #navigation li li a { color: #E67F03; background-color: transparent; } div.menu1 #navigation li li a:hover { color: #E67F03; } div.menu1 #body h1, #chapters li.menu1 a:hover, div.menu1 #body .article h2 { color: #E67F03; } #subHomePage div.menu1 #body h2 { color: #fff; background: #E67F03; } /* MENU2 */ div.menu2 #chapters .skipnl { background: transparent url(../gfx/menu/nl/menu2.png) no-repeat 0 0; } div.menu2 #chapters .skipen { background: transparent url(../gfx/menu/en/menu2.png) no-repeat 0 0; } div.menu2 #chapters .skipde { background: transparent url(../gfx/menu/de/menu2.png) no-repeat 0 0; } div.menu2 #chapters li.menu2 { text-indent: -2000px; background: #4A89CE url(../gfx/pngback_ondernemen_c.png); } li.menu2 { background: #4A89CE url(../gfx/pngback_ondernemen.png); } div.menu2 #navigation { border-top: 1px solid #4A89CE; border-bottom: 1px solid #4A89CE; } div.menu2 #navigation li a { color: #fff; background: #4A89CE; border-bottom: 1px solid #4A89CE; } div.menu2 #navigation li a:hover { color: #4A89CE; background-color: #f6f8f9; } div.menu2 #navigation li a.arrow { background:url(../gfx/arrow_menu_up_white.gif) 0 0 no-repeat #4A89CE; height:18px;} div.menu2 #navigation li a.arrow:hover { background:url(../gfx/arrow_menu_up_ondernemen.gif) 0 0 no-repeat #f6f8f9;} div.menu2 #navigation li li a { color: #4A89CE; background-color: transparent; } div.menu2 #navigation li li a:hover { color: #4A89CE; } div.menu2 #body h1, #chapters li.menu2 a:hover, div.menu2 #body .article h2 { color: #4A89CE; } #subHomePage div.menu2 #body h2 { color: #fff; background: #4A89CE; } /* MENU3 */ div.menu3 #chapters .skipnl { background: transparent url(../gfx/menu/nl/menu3.png) no-repeat 0 0; } div.menu3 #chapters .skipen { background: transparent url(../gfx/menu/en/menu3.png) no-repeat 0 0; } div.menu3 #chapters .skipde { background: transparent url(../gfx/menu/de/menu3.png) no-repeat 0 0; } div.menu3 #chapters li.menu3 { text-indent: -2000px; background: #719019 url(../gfx/pngback_bezoek_c.png); } li.menu3 { background: #719019 url(../gfx/pngback_bezoek.png); } div.menu3 #navigation { border-top: 1px solid #719019; border-bottom: 1px solid #719019; } div.menu3 #navigation li a { color: #fff; background: #719019; border-bottom: 1px solid #719019;} div.menu3 #navigation li a:hover { color: #719019; background-color: #f6f8f9; } div.menu3 #navigation li a.arrow { background:url(../gfx/arrow_menu_up_white.gif) 0 0 no-repeat #719019; height:18px;} div.menu3 #navigation li a.arrow:hover { background:url(../gfx/arrow_menu_up_bezoek.gif) 0 0 no-repeat #f6f8f9;} div.menu3 #navigation li li a { color: #719019; background-color: transparent; } div.menu3 #navigation li li a:hover { color: #719019; } div.menu3 #body h1, #chapters li.menu3 a:hover, div.menu3 #body .article h2 { color: #719019; } #subHomePage div.menu3 #body h2 { color: #fff; background: #719019; } /* MENU4 */ div.menu4 #chapters .skipnl { background: transparent url(../gfx/menu/nl/menu4.png) no-repeat 0 0; } div.menu4 #chapters .skipen { background: transparent url(../gfx/menu/en/menu4.png) no-repeat 0 0; } div.menu4 #chapters .skipde { background: transparent url(../gfx/menu/de/menu4.png) no-repeat 0 0; } div.menu4 #chapters li.menu4 { text-indent: -2000px; background: #9C0537 url(../gfx/pngback_gemeente_c.png); } li.menu4 { background: #9C0537 url(../gfx/pngback_gemeente.png);} div.menu4 #extra .article * { color: #9C0537; } div.menu4 #navigation { border-bottom: 1px solid #980c33; border-top: 1px solid #980c33; } div.menu4 #navigation li a { color: #fff; background: #9C0537; border-bottom: 1px solid #980c33; } div.menu4 #navigation li a:hover { color: #9C0537; background-color: #f6f8f9; } div.menu4 #navigation li a.arrow { background:url(../gfx/arrow_menu_up_white.gif) 0 0 no-repeat #9C0537; height:18px;} div.menu4 #navigation li a.arrow:hover { background:url(../gfx/arrow_menu_up_gemeente.gif) 0 0 no-repeat #f6f8f9;} div.menu4 #navigation li li a { color: #9C0537; background-color: transparent; } div.menu4 #navigation li li a:hover { color: #980c33; } div.menu4 #body h1, #chapters li.menu4 a:hover, div.menu4 #body .article h2 { color: #9C0537; } #subHomePage div.menu4 #body h2 { color: #fff; background: #9C0537; } /* MENU5 */ div.menu5 #chapters .skipnl { background: transparent url(../gfx/menu/nl/menu5.png) no-repeat 0 0;} div.menu5 #chapters .skipen { background: transparent url(../gfx/menu/en/menu5.png) no-repeat 0 0;} div.menu5 #chapters .skipde { background: transparent url(../gfx/menu/de/menu5.png) no-repeat 0 0;} div.menu5 #chapters li.menu5 { text-indent: -2000px; background: #E10429 url(../gfx/pngback_nieuws_c.png); } li.menu5 { background: #E10429 url(../gfx/pngback_nieuws.png); } div.menu5 #navigation { border-top: 1px solid #E10429; border-bottom: 1px solid #E10429;} div.menu5 #navigation li a { color: #fff; background: #E10429; border-bottom: 1px solid #E10429; } div.menu5 #navigation li a:hover { color: #E10429; background-color: #f6f8f9; } div.menu5 #navigation li a.arrow { background:url(../gfx/arrow_menu_up_white.gif) 0 0 no-repeat #E10429; height:18px;} div.menu5 #navigation li a.arrow:hover { background:url(../gfx/arrow_menu_up_nieuws.gif) 0 0 no-repeat #f6f8f9;} div.menu5 #navigation li li a { color: #E10429; background-color: transparent; } div.menu5 #navigation li li a:hover { color: #E10429; } div.menu5 #body h1, #chapters li.menu5 a:hover, div.menu5 #body .article h2 { color: #E10429; } #subHomePage div.menu5 #body h2 { color: #fff; background: #E10429; } /* MENU6 */ li.menu6 { background: #FFEC01 url(../gfx/pngback_dbalie.png); } #chapters li.menu6 a { color: #000000 !important; } #chapters li.menu6 a:hover { color: #696969 !important; } div.menu6 #chapters .skipde { background: transparent url(../gfx/menu/de/menu6.png) no-repeat 0 0;} div.menu6 #chapters li.menu6 { text-indent: -2000px; background: #FFEC01 url(../gfx/pngback_dbalie_c.png); } /* END: horizontal menu */ /* --------------------------------------------------------------------------- */ /* START: Horizontal Toolbar (includes a search form) */ #toolbar { margin: 0 0 0 25px; display: block; padding: 0 0 4px 0; list-style: none; text-align: right; height: 29px; background: #fff url(../gfx/back.gif) repeat -43px 0; } html>body #toolbar { padding: 0 0 0 0; } #toolbar li { float: left; display: inline; margin: 0 10px 0 0; padding: 8px 0 3px 0;} #toolbar .usertools { float: none; margin: 0; padding: 0; } #toolbar .usertools li { float: none; display: inline; margin: 0 0 0 10px; padding: 0; list-style: none; text-transform: uppercase; font-size: 0.9em; } #toolbar .usertools li a { position: relative; top: 2px; } html>body #toolbar .usertools li a { top: -2px; } #toolbar .usertools form { display: inline; margin: 0 0 0 -60px; padding: 0; } html>body #toolbar .usertools form { margin: 0 0 0 0; } #toolbar .usertools fieldset { display: inline; } #toolbar .usertools input { display: inline; margin: 0 0 0 0; border: 1px solid #50667e; font-size: 1em; padding: 2px; } #toolbar .usertools input[type=hidden] {display: none;} #toolbar .usertools #searchButton { margin: 4px 0 -4px -3px; border: 0; padding: 0; } html>body #toolbar .usertools #searchButton { margin: 4px 0 -5px -3px; } #extra #searchButton { float: right; } #extra .tools .radio { float: left; width: 100%; } #extra .tools .radio input { display: inline; width: auto; } #extra .tools .radio input.searchText{ display: block; width: 96%;} #extra .tools input.button { float: right; margin-top: 0.2em; } div.extra div.tools h1 {color: #9A0033 !important;} #footernavigation { margin: 0 0 0 0; display: block; padding: 0 0 4px 0; list-style: none; text-align: right; height: 29px; background: #fff url(../gfx/back.gif) repeat -43px 0; } html>body #footernavigation { padding: 0 0 0 0; } #footernavigation li { float: left; display: inline; margin: 0 10px 0 0; padding: 8px 0 3px 0; font-size: 1em; } #footernavigation li.rss { background: transparent url(../gfx/Livemark.png) no-repeat 0 8px; } #footernavigation li.rss a{ display: block; width: 20px; text-indent: 2000px; overflow: hidden; } /* END: horizontal menu toolbar */ /* --------------------------------------------------------------------------- */ /* START: navigation menu */ #navigation { margin: 4em 0 1em 0; padding: 0; width: 177px; list-style: none; font-size: 0.85em; overflow: hidden; position:relative;} #navigation li { margin: 0; } #navigation li.active li a { background: #fff !important; } #navigation a.active { font-weight: bold !important; background: #fff !important; } #navigation li li { font-weight: normal; } #navigation li li li { font-weight: normal; } #navigation ul { margin: 0 0 -1px 0; padding: 0; list-style: none; } #navigation li ul { margin: 0 0 -1px 0; } #navigation li a { display: block; width: auto; text-decoration: none; padding: 3px 0 4px 0em; font-weight: bold; } #navigation li li a { padding-left: 7px; padding-right: 5px; width: 165px; } #navigation li li li a { padding-left: 0.5em; font-weight: normal; } #navigation li li li li a { padding-left: 1.0em; } #navigation li li li li li a { padding-left: 1.5em; } #navigation li li li li li li a { padding-left: 2.0em; } #navigation li li li li li li li a { padding-left: 2.5em; } #navigation li li li li li li li li a { padding-left: 3.0em; } #navigation li li li li li li li li li a{ padding-left: 3.5em; } /* END: navigation menu */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* Content containers */ #content .pageheader .intro { font-weight: bold; } #content .pageheader .tools { border-top:1px solid #C2CDD8; } #content .pageheader .tools fieldset { float: left; margin: 0 10px 0 0; padding: 0; width: 45%; font-style: normal; line-height: 1.6;} #content .pageheader .tools form { margin: 0; padding: 0; } #content .pageheader .tools form p { margin: 0; padding: 0; } #content .pageheader .tools form input { font-size: 0.9em; } #content .pageheader .tools form select { font-size: 0.9em; } #content .pageheader .tools input.buttonextra { margin: 0; border: 1px solid #8ba0b1; padding: 0; width: auto; font-size: 0.9em; background: #b7c3cf; cursor: pointer; } html>body #content .pageheader .tools input.buttonextra { padding: 0.1em; font-size: 0.8em; } #content .article { margin: 0; padding: 0 0 0.5em 0; } #content .article h2 { margin: 0; padding: 0; font: normal bold 1.4em/1.8 sans-serif; } #content .article h4 { margin: 0; padding: 0; font: normal bold 1em/1.4 sans-serif; } #content .article .summary { font: normal bold 1em/1.4 sans-serif; } #content .article .summary .date{ font: normal normal 1em/1.4 sans-serif; } #content .article .bodytext { font: normal normal 1em/1.4 sans-serif; } #content .article img { margin: 0 8px 0.3em 8px; } #content .article TABLE { border-collapse: collapse; border: 1px solid #AAAAAA; } #content .article TD { border: 1px solid #AAAAAA; } /* inline edit with htmlarea */ #content .article .htmlarea .toolbar img { margin: 0 0px 00em 0px; clear:left } #content .article .htmlarea .toolbar table { border-collapse: collapse; border: none; } #content .article .htmlarea .toolbar td { border: none; } #content .article .photo { float: left; } #content .article .photo img { float: none; } #content .article .photo .byline{ margin: 0; padding: 0; font: normal normal 0.85em/1.1 sans-serif; } #content .article .date { font-weight: bold; } #content .article .readon { font-weight: bold; text-decoration: none; } #content .article .readon:hover { text-decoration: underline; font-weight: bold; } #content .returnlink { display: block; padding: 2em 0; font-weight: bold; } #content .article a.comment { padding-right: 20px; background: transparent url(../gfx/comment-button.gif) no-repeat right center; } #content .article .timeandplace { margin: 0 0 0.5em 0; border-top: 1px solid #C2CDD8; border-bottom: 1px solid #C2CDD8; width: 100%; } #content .article .timeandplace table { border: none; border-collapse: collapse; width: 100%;} #content .article .timeandplace th { width: 30%; text-align: left; vertical-align: top; font: normal normal 1em/1.4 sans-serif; } #content .article .timeandplace td { text-align: left; vertical-align: top; font: normal normal 1em/1.4 sans-serif; border:none; } #content .article .back a.readon { display: inline; text-decoration: none; font-weight: bold; } #content .article .back a.readon:hover { text-decoration: underline; font-weight: bold; } #content .timeandplace { margin: 0 0 0.5em 0; border-top: 1px solid #C2CDD8; border-bottom: 1px solid #C2CDD8; width: 100%; } #content .timeandplace th { width: 20%; text-align: left; vertical-align: top; font: normal normal 1em/1.4 sans-serif; } #content .timeandplace td { text-align: left; vertical-align: top; font: normal normal 1em/1.4 sans-serif; } #content .results { margin: 0; padding: 0; } #content .results ol { margin: 0 0 -2px 0; padding: 0 0 0 0; font-weight: bold; list-style-position: outside; } html>body #content .results ol { list-style-position: inside; } #content .results ol li { margin: 0 0 0 0; border-bottom: 1px solid #fff; padding: 0.5em 0; } #content .results ol li span { display: none;} #content .results ol li a { display: block; margin: 0 0 0 3em; } #content .results ol li a span { display: inline;} html>body #content .results ol li a { margin:-1.3em 0 0 2.5em; } #content .results ul { margin: 0 0 -2px 0; padding: 0 0 0 0; font-weight: bold; list-style-position: outside; } html>body #content .results ul { list-style: none; list-style-position: inside; } #content .results ul.noshow { list-style: none;} /* NIJ-677 do not display squares in faq items edit mode (IE only)*/ #content .results ul li { margin: 0 0 0 0; border-bottom: 1px solid #fff; border-top: 1px solid #e5eaef; padding: 0.5em 0; } #content .results ul li a { display: block; margin: 0 0 0 3em; } html>body #content .results ul li a { margin:-1.3em 0 0 2.5em; } #content .results img { border: 1px solid #738b97; } #content .results .thumbnail { width: 113px; height: 235px; margin: 0 2px 2px 0; float: left; line-height: 1.0em; overflow: hidden; padding: 1px 1px 1px 1px;} #content .results .thumbnail:hover a { text-decoration: underline; } #content .results .thumbnail hr { height: 10px; width: 113px; border: none; color: #fff; background-color: #fff; } #content .results .thumbnail h4 { font-size: 0.85em; font-weight: normal; margin: 0; } #content .results .thumbnail h5 { font-size: 0.7em; margin: 0; } #content .results .detail h4, #content .results .detail h5 { font-weight: normal; margin: 2px 0 2px 0; font-size: 1.0em; } #content .results .detail h5 { font-size: 0.8em; } #content .results .searchphrase { font-style: italic; color: #ac021f; } #content .search ol { list-style-position: inside; } #content .search li a { font-weight: normal; } #content .reactions ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } #content .reactions ul li { clear: both; margin: 0 0 0 0; border-top: 1px solid #fff; padding: 0.5em 0; } #content .reactions ul li h4 { float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 80%; font-size: 1em; } #content .reactions ul li .date { float: left; display: block; width: 20%; } #content .reactions ul li .bodytext{float: left; display: block; width: 80%; font-weight: bold; } #content .reactions ul li .name { font-style: italic; font-weight: normal; } #content .reactions ul li .readon{ display: block; margin: 0 0 0 20%; width: 80%; } #content .reactions .readon { display: block; text-decoration: none; } #content .reactions .readon:hover { display: block; text-decoration: underline; } #content .pagination { margin: 1em 0; } #content .pagination p { margin: 0; padding: 0 0 0.1em 0; } #content .pagination ul { margin: 0; border-top: 1px solid #C2CDD8; padding: 0.3em 0 0 0; list-style-position: inside; } #content .pagination ul li { display: inline; margin: 0; padding: 0; font-size: 0.9em; } #content .pagination ul li a { } #content .newsitem { float: left; width: 45%; } #content .newsitem .summary { font: italic normal 1em/1.3 sans-serif; } #content .newsitem .bodytext { font: normal normal 1em/1.3 sans-serif; } #content .newsitem img { float: none; margin: 0 8px 0.3em 8px; clear: both;} #content .newsitem .date { font-weight: bold; } #content .newsitem .readon { font-weight: bold; } #content .newsitem TABLE { border-collapse: collapse; border: 1px solid #AAAAAA; } #content .newsitem TD { border: 1px solid #AAAAAA; } #subHomePage .newsoverview { padding-left: 30px; } #content .newsoverview ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } #content .newsoverview ul li.list { margin: 0 0 0 0; border-top: 1px solid #fff; padding: 0.5em 0; } #content .newsoverview ul li.list h4 { display: inline; margin: 0; padding: 0; font-size: 1em; } #content .newsoverview ul li.list .date { display: inline; font-weight: normal; } #content .newsoverview ul li.list p { margin: 0; padding: 0 0 0.5em 0; } #content .newsoverview ul li.list p .readon { display: inline; text-decoration: none; font-weight: bold; } #content .newsoverview ul li.list p .readon:hover { display: inline; text-decoration: underline; font-weight: bold; } #content .newsoverview ul li.list .bodytext{ margin: 0; padding: 0.2em 0 0 0; display: block; } #content .newsoverview ul li.list .readon{ display: inline; text-decoration: none; font-weight: bold; } #content .agenda ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } #content .agenda ul li { margin: 0 0 0 0; border-top: 1px solid #fff; padding: 0.5em 0; } #content .agenda ul li h4 { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 1em; } #content .agenda ul li a { text-decoration: none; } #content .agenda ul li a:active { text-decoration: none; color: #002b3e; } #content .agenda ul li a:hover * { text-decoration: underline; color: #002b3e; } #content .agenda ul li a:hover { text-decoration: underline; color: #002b3e; } #content .agenda ul li .date { display: block; } #content .agenda ul li .bodytext {} #content .agenda ul li .location { margin: 0 0 0 0; padding: 0 0 0 0; font-style: italic; font-weight: normal; } #content .contentfooter address { border-top: 1px solid #50667E; padding: 0; width: 45%; font-style: normal; } #content .contentfooter address em { font-style: normal; color: #50667E; } #content .contentfooter address p a { margin: 0 0 0 1.4em; display: list-item; list-style: square; } #sidebar .article a { color: #980C33; text-decoration: underline; } #sidebar .article a:hover { color: #980C33; text-decoration: underline; font-weight: normal; } #sidebar .article { margin: 0 0 1em 0; border-top:1px solid #980C33; border-bottom:1px solid #980C33; padding: 0.3em 5px; width: 167px; background: #fff; } #sidebar .article .h4 { text-transform: uppercase; font: normal bold 1em/1em sans-serif; color: #980C33; } #sidebar .article .bodytext { font: normal normal 0.9em/1.8 sans-serif; color: #980C33; } #sidebar .article img { float: none; margin: 0;} #sidebar .article ul { margin: 0; padding: 0 0 0.5em 0; list-style: square; } #sidebar .article ul li { margin: 0 0 0 1.4em; padding: 0; color: #980C33; } #sidebar .article .readon { display: block; padding: 0 0 0.5em 0; color: #980C33; text-decoration:none; } #extra h5 { margin: 0; padding:0 ;font: normal bold 1.3em/1 sans-serif; color: #980C33; } #extra ul { margin: 0; padding: 0 0 0.5em 0; list-style: square; } #extra ul li { margin: 0 0 0 1.4em; padding: 0; } #extra .article { margin: 0 0 0.5em 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0 0 0.5em 0; } #extra .article .readon { display: block; padding: 0 0 0.5em 0; color: #9A0033; text-decoration:none; } #extra .article { margin: 0; padding: 0.5em; font-weight: normal; background: #d8dfe6; } #extra .article .readon { font-weight: normal; text-decoration:none; } #extra .article .links { margin-bottom: 10px } #extra .article .links .readon { text-decoration: none; font-weight: normal; } #extra .article .links .readon:hover { text-decoration: underline; font-weight: normal; } #extra .tools { margin: 0 0 -2px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0.5em 5px; font-weight: normal; background: #d8dfe6; overflow: hidden; } #extra .tools h1 { margin: 0; border-bottom: 1px solid #fff; padding:0 0 0.5em 0; text-transform: uppercase; font: normal bold 0.9em/1 sans-serif; color: #002b3e; } #extra .tools ul { margin: 0; padding: 0 0 0.5em 0; list-style: square; } #extra .tools ul li { margin: 0 0 0 1.4em; padding: 0; } #extra .tools a { display: block; padding: 0 0 0.5em 0; text-decoration: none; font-weight: normal; color: #9A0033; } #extra .tools a:hover { text-decoration: underline; } #extra .tools form { margin: 0.3em 0; } #extra .tools input { width: 134px; } #extra .tools select { margin: 0.1em 0; width: 134px; } #sort label.hidden { display:none; } /* Make Webrichtlijnen happy */ #extra .tools input.button { width: auto; } #extra .tools input.buttonextra { float: right; margin: 0.2em 0; border: 1px solid #8ba0b1; padding: 0; width: auto; font-size: 0.85em; background: #b7c3cf; cursor: pointer; } html>body #extra .tools input.buttonextra { padding: 0.1em; } #content .tools fieldset { display: block; margin: 0 0 0 0;} #content .extra .tools fieldset { display: inline; } #content .extra .tools input.buttonextra { margin: 0.2em 0; border: 1px solid #8ba0b1; padding: 0; width: auto; font-size: 0.85em; background: #b7c3cf; cursor: pointer; display: inline;} html>body #content .extra .tools input.buttonextra { padding: 0.1em; } #extra .tools .calendar { margin: -5px -5px -9px -5px; border-collapse: collapse; border-bottom: 1px solid #fff; padding: 0; font-size: 0.85em; width: 150px; color: #002b3e; background: #c3cdd7; } #extra .tools .calendar th { border-top: 1px solid #fff; border-right: 1px solid #fff; padding: 0; height: 1.7em; line-height: 1.7; text-align: center; vertical-align: middle; } #extra .tools .calendar td { border-top: 1px solid #fff; border-right: 1px solid #fff; padding: 0; width: 21px; height: 21px; line-height: 21px; text-align: center; vertical-align: middle; color: #fff; } #extra .tools .calendar .days td{ color: #002b3e; } #extra .tools .calendar a { display: block; margin: 0 0 0 0; height: 21px; line-height: 21px; text-decoration: none; color: #002b3e; } #extra .tools .calendar a:hover { color: #fff; background: #9a0033; } #extra .tools .calendar a.active { color: #c3cdd7; background: #fff; } #extra .article a { text-decoration: none;} #extra .article * { text-decoration: none; color: #9A0033; } #extra .article #banners { margin: -2px -0.5em 0 -0.5em; padding: 0; list-style: none; } #extra .article #banners li { height:40px; float: left; margin: 0 0 -2px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0; width: 100%; } #extra .article #banners li a { color: #9A0033; background: #d8dfe6; display: block; padding: 0.8em 5px 0.8em 40px; text-decoration: none; font-weight: bold; font-size: 1.2em; line-height: 1; } #extra .article #banners li a:hover { color: #fff; background: #9A0033;} #sitemap { margin: 1.5em 0 -1px 0; padding: 0; list-style: none; font-size: 0.85em; width: 303px; } #sitemap ul { overflow: hidden; margin: 0 0 -1px 0; padding: 0; list-style: none; } #sitemap li { margin: 0; background-color: transparent; border-bottom: 1px solid #fff; } #sitemap li ul { width: 303px; margin: 0 0 -1px 0; border-top: 1px solid #008e97; } #sitemap li a { color: #fff; display: block; width: 298px; text-decoration: none; padding: 3px 0 4px 0.5em; font-weight: bold;} #sitemap li.menu1 a { background-color: #980c33; } #sitemap li.menu1 a:hover { color: #980c33; } #sitemap li.menu1 li a { background-color: #e5eaef; } #sitemap li.menu2 a { background-color: #e10026; } #sitemap li.menu2 a:hover { color: #e10026; } #sitemap li.menu2 li a { background-color: #e5eaef; } #sitemap li.menu3 a { background-color: #e67d00; } #sitemap li.menu3 a:hover { color: #e67d00; } #sitemap li.menu3 li a { background-color: #e5eaef; } #sitemap li.menu4 a { background-color: #719019; } #sitemap li.menu4 a:hover { color: #719019; } #sitemap li.menu4 li a { background-color: #e5eaef; } #sitemap li.menu5 a { background-color: #008e97; } #sitemap li.menu5 a:hover { color: #008e97; } #sitemap li.menu5 li a { background-color: #e5eaef; } #sitemap li.menu6 a { background-color: #4888cd; } #sitemap li.menu6 a:hover { color: #4888cd; } #sitemap li.menu6 li a { background-color: #e5eaef; } #sitemap li a:hover { background-color: #fff; } #sitemap li li { font-weight: normal; border-bottom: 1px solid #008e97; } #sitemap li li a { padding-left: 0.5em; color: #016167 !important; } #sitemap li li a:hover { background-color: #fff; color: #016167; } #sitemap li li li a { padding-left: 0.5em; font-weight: normal; } #sitemap li li li li a { padding-left: 1.0em; } #sitemap li li li li li a { padding-left: 1.5em; } #sitemap li li li li li li a { padding-left: 2.0em; } #sitemap li li li li li li li a { padding-left: 2.5em; } #sitemap li li li li li li li li a { padding-left: 3.0em; } #sitemap li li li li li li li li li a { padding-left: 3.5em; } #body .generalForm { margin: 1em 0; padding: 0; width: 100%; } #body .generalForm .summary { font: italic normal 1em/1.3 sans-serif; } #body .generalForm .bodytext { font: normal normal 1em/1.3 sans-serif; } #body .generalForm img { float: left; } #body .generalForm form .submessage { float: right; display: inline; width: auto; } #body .alert form .message { float: none; } #body .generalForm form .buttonextra { float: left; margin: 0.2em 0; border: 1px solid #8ba0b1; padding: 0; width: auto; font-size: 0.85em; background: #b7c3cf; cursor: pointer; } #body .generalForm form fieldset { margin: 0; border: 1px solid #c1cdd9; padding: 0.5em 1em 1em 1em; } #body .generalForm form .clr { margin: 0 0 0.4em 0;} #body .alert form .message { float: none; } #body .alert form fieldset { border: 1px solid #ab011e; } #body .alert form input { float: left; display: inline; border: 1px solid #ab011e; } #body .alert form * { color: #ab011e; } #body .alert form .buttonextra { float: left; margin: 0 0; border: 0; padding: 0 0 0 0; width: auto; font-size: 1em; color: #fff; background: #ab011e; cursor: pointer; } html>body #body .alert form .buttonextra{ padding: 0 0 0.15em 0; } /* END: Content containers */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* additional page elements */ #readspeaker_button { left: 775px; position: absolute; top: 180px; z-index: 2;} #readspeaker_button a { text-decoration: none; color: #9A0033; font-weight:bold; } #xpl {position: absolute; right: 0; top:60px; background-color: white; z-index: 2;} /* END: additional page elements */ /* --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- */ /* General form rules [WARNING! low specificity!] */ .label { float: left; width: 35%; } .required { /* optional background image */ } .text { float: left; width: 65%; } .text input { width: 100%; } .password { float: left; width: 65%; } .password input { width: 100%; } /* text type variants */ .zipcode { float: left; width: 20%; } .city { float: left; width: 30%; } .day { float: left; width: 15%; } .month { float: left; width: 15%; } .year { float: left; width: 20%; } .radio { float: left; width: 65%; } .radio input { display: inline; width: auto; } .checkbox { float: left; width: 65%; } .checkbox input { display: inline; width: auto; } .select { float: left; width: 65%; } .select option { width: 100%; } .textarea { float: left; width: 65%; } .textarea textarea { width: 100%; } .message { float: left; width: 100%; font: normal normal 1em sans-serif; } .submessage { float: right; width: 65%; font: normal normal 1em sans-serif; } .failed { float: left; width: 100%; font: normal bold 1em/1.6 sans-serif; color: #ffba00; } .submessage { float: right; width: 65%; font: normal normal 1em/1.6 sans-serif; } .errormessage { float: left; display: none; color: #ab011e; } .error .errormessage{ display: inline; } .error input { border: 1px solid #ab011e; } .error fieldset { border: 1px solid #ab011e; } .button { float: left; } .button input { width: auto; text-align: center; } .button #searchText { text-align: left; } /* END: General form rules */ /* --------------------------------------------------------------------------- */ #homePage #header { height: 371px; background-repeat: no-repeat; background-position: 25px 28px; } #homePage #content { position: relative; margin-top: -200px; width:expression(document.documentElement.clientWidth>=(950)?"960px":"742px"); } html>body#homePage #content { width: 100%; background: transparent url(../gfx/content-screen_home.png) repeat-x 0 1px; filter: none;} #homePage #body { background: none; } #homePage #body { margin: 0 -5px 0 0; padding-bottom: 1em; width:expression(document.documentElement.clientWidth>=(950)?"598px":"380px"); } html>body#homePage #body { width: auto; min-width: 300px; max-width: 601px; } #homePage .pageheader { margin: 0 -3px 0 -30px; height: 140px; padding: 0 3px 2px 32px; background: #9fb3c4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); } html>body#homePage .pageheader { margin: 0; padding: 0; background: none; filter: none; } #homePage #sidebar { margin: 0 -3px 0 0; padding: 0; background: none; } #sidebar .logo { padding-top: 5px; background: #fff; } #homePage #navigation { margin: 0 0 1em 0; } #homePage #extra { border-top: 2px solid #fff; border-left: 2px solid #fff; padding: 0; width: 150px; background: #d8dfe6; } #homePage #extra .article { border-top: 0px solid #fff; } #homePage #slideshow { position: static; margin-top: -120px; border: 0; padding: 0; } #homePage #slideshow ul { display: block; margin: 0; padding: 0; width: 370px; height: 310px; overflow: hidden; } #subHomePage #slideshow { margin-left: 120px; } #subHomePage #header { height: 371px; background-repeat: no-repeat; background-position: 25px 28px; margin-bottom: -200px; } #subHomePage #body { background: none; } #subHomePage #content { margin-top: -200px; } #subHomePage #content .newsitem a:visited { color:#002b3e; } #subHomePage #content .newsitem a:hover { color: #9A0033; } #subHomePage #body .bodytext { padding-right: 20px; } #subHomePage #sidebar { background: none; } #subHomePage #sidebar .article { position: relative; width: 167px; } html>body#subHomePage #sidebar .article { width: auto; } #subHomePage #navigation { position: relative; margin: 0 0 1em 0; background-color: #E5EAEF; } #subHomePage #extra { border-left: 2px solid #fff; padding: 0; width: 150px; background: #d8dfe6; } #subHomePage .pageheader { height: 142px; padding: 0 3px 0 30px; background: #9fb3c4; opacity: 0.85; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);} html>body#subHomePage .pageheader { height: auto; min-height: 142px; } #subHomePage .pageheader h1 { margin: 0; padding: 0; font: normal bold 2em/1.7 Arial, Verdana, sans-serif; color: #fff !important; position: relative; } #subHomePage .pageheader p { position: relative; margin: 0; padding: 0; font: normal normal 1.8em/1.2 Arial, Verdana, sans-serif; color: #fff; } #subHomePage div.nieuws h2 { margin: 0px 0 0 -10px !important; } #infoPage #header { background-repeat: no-repeat; background-position: 25px 29px; } .service .pageheader h1 { margin: 1.5em 0 0 0; font: normal bold 1.3em/1 sans-serif; } /* EOF */ /* The stuff below here fixes problems with lists in articles and with banners */ #content .article ul { margin-left: 20px; list-style: square; } /******************************************************************************* * Article in the extra column ******************************************************************************/ #extra .article { border-top: 2px solid #FFF; margin-bottom: -2px; } /******************************************************************************* * Info Page ******************************************************************************/ #infoPage #content { background: none; } #infoPage #body { padding: 0 100px 0 30px; } #infoPage #offset { position: relative; } /******************************************************************************* * Sub Homepage news list ******************************************************************************/ #subHomePage #content .newsitem { width: 49.9%; } #subHomePage #content .newsitem a { display:block; } #subHomePage #content .newsitem h2 { margin-left: 20px; padding-left: 10px; } #subHomePage #content .newsitem .bodytext { line-height: 1.1em; margin-left: 30px; } /******************************************************************************* * Sub Homepage Article list ******************************************************************************/ #subHomePage #body .article { margin-left: 20px; } #subHomePage #body .article h2 { color: #FFF; font-size: 1.3em; line-height: 1.5; padding: 0 10px; } #subHomePage #body .article .bodytext { margin-left: 10px; } /******************************************************************************* * Banners portlet ******************************************************************************/ div.banners { border-top: 2px solid #FFF; } div.banners div.banner { background: #d8dfe6; border-bottom: 2px solid #fff; font-weight: bold; font-size: 0.85em; } div.banners div.banner a { color: #9A0033; display: block; min-height: 30px; padding-top: 10px; text-decoration: none; } div.banners div.banner a:visited { color: #9A0033; } * html div.banners div.banner a { height: 30px; } /* IE hack for min-height */ div.banners div.banner a:hover { color: #fff; background: #9A0033;} div.banners div.banner img { clear: left; float: left; margin-top: -10px; } img.testimonial {float: none !important; }