/*body.js_enabled #content { display: none; }*/ html, body { height: 100%; } body { text-align: center; background: #f0f0f0 url(/lib/images/body_bg.png) left center repeat-x; } body.homepage h1 { display: none; } h1 { font-size: 24px; margin: 0 0 22px 0; } /* header */ #header { height: 85px; background: #fff; } #header .wrappercontainer { position: relative; text-align: left; width: 960px; margin: 0 auto; padding-top: 25px; } .logo_member { position: absolute; top: 25px; left: 230px; } #flash_mute { position: absolute; top: 6px; right: 50px; } #language { position: absolute; top: 7px; right: 0; } #language ul { list-style: none; } #language li { float: left; padding: 0 5px; background: url(/lib/images/language_divider.png) right center no-repeat; } #language li.last { background: none; padding-right: 0; } #language a { float: left; width: 17px; height: 14px; text-indent: -9999px; background: url(/lib/images/language.png) 0 0 no-repeat; overflow: hidden; } #language a.language_nl { background-position: right top; } #language a.language_nl:hover { background-position: left top; } #language a.language_nl_active { background-position: left top; } #language a.language_fr { background-position: right -14px; } #language a.language_fr:hover { background-position: left -14px; } #language a.language_fr_active { background-position: left -14px; } /* aanpassing taalkeuze verbergen */ /* #language a.language_fr { display: none; } #language li { background: none; } */ #search { position: absolute; top: 50px; right: 0; } #search fieldset { position: relative; width: 260px; height: 20px;} #search legend { display: none; } #search label { display: none; } #search input.text { position: absolute; top: 0; left: 0; padding: 2px 0; font-size: 12px; width: 190px; border: 1px solid #afafaf; } #search .submit { position: absolute; top: 0; right: 0; width: 60px; height: 20px; background: url(/lib/images/search_submit_nl.png) 0 0 no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; cursor:pointer; } .body_fr #search .submit { background-image: url(/lib/images/search_submit_fr.png); } /* page layout */ div#distance { margin-bottom: -297px;/* half of content height */ width: 1px; /* required to "hide" distance div */ height: 50%; /* required */ float: left; /* required */ } div#contentcontainer { position: relative; /* positions content on top of distance *//* als test uitgezet voor expose in IE6*/ text-align: left; /* horizontal centering hack for IE */ height: 423px; /* required - desired height */ margin: 0 auto; /* required */ clear: left; /* required */ } #content { height: 423px; width: 960px; margin: 0 auto; overflow: hidden; } /* homepage */ .projectOverview { overflow: hidden; } .projectOverview .projectItem { float: left; width: 237px; margin: 0 4px 4px 0; } .projectOverview .projectItem4th { margin-right: 0; } .projectOverview .projectItem img { display: block; margin: 0 0 4px 0; border: 1px solid #7d7d7d; } .projectOverview .projectItem a.link { display: block; width: 208px; padding: 7px 22px 7px 7px; color: #fff; font-family: tahoma, Sans-Serif;font-size: 12px; font-weight: bold; text-decoration: none; background: #7d7d7d url(/lib/images/projectItem_a.png) right center no-repeat; } /* content pagina's */ body.content #content { height: 421px; width: 958px; border: 1px solid #c1c1c1; } body.content .contentcontainer_wrapper { position: relative; height: 423px; width: 960px; margin: 0 auto; overflow: hidden; } body.content #contentcontainer #content { position: absolute; top: 0; left: 0; } body.content #content .contentwrapper { padding: 34px 40px; background: url(/lib/images/content_bg.png) 0 0 no-repeat; } body.content #content .contentinner { position: relative; width: 430px; height: 370px; } body.content #content .paging_content_wrapper { overflow: hidden; width: 430px; height: 269px; } body.content #content .media .paging_content_wrapper { height: 220px; } body.content #content .paging_content { overflow: hidden; } body.content #content h1 { margin-bottom: 27px; padding-bottom: 6px; color: #046e97; background: url(/lib/images/content_h1_bg.png) left bottom repeat-x; font-size: 20px; font-family: Arial, Sans-Serif; font-weight: bold; } body.content #content .grijs h1 { color: #666666; } body.content #content .blauw h1 { color: #00afde; } body.content #content .groen h1 { color: #838901; } body.content #content .rood h1 { color: #e20032; } body.contact #content .paging_content_wrapper{ height: 320px !important; } body.content #content h2 { margin: 0 0 8px 0; font-family: verdana, Sans-Serif; color: #727272; font-weight: bold; font-size: 11px; } body.content #content .intro { margin-bottom: 10px; font-family: Arial; font-size: 15px; line-height: 22px; color: #046e97; } body.content #content .grijs .intro { color: #666666; } body.content #content .blauw .intro { color: #00afde; } body.content #content .groen .intro { color: #838901; } body.content #content .rood .intro { color: #e20032; } body.content #content .paragraph .text { font-family: verdana, Sans-Serif; font-size: 11px; line-height: 17px; color: #424242; } body.content #content .buttons { margin-top: 10px; } body.content #content .buttons a.overzicht{ float: left; } body.content #content .buttons a.bekijkmedia{ float: right; } body.content #content .paragraph .image { margin: 0px 10px 10px 0; border: 0; } body.content #content .paragraph .text ul { margin: 10px 10px 10px 20px; list-style-type: disc; } body.content #content .paragraph .text ol { margin: 10px 10px 10px 20px; list-style-type: decimal; } body.content #content .paragraph .text a { font-size: 11px; } #pages { position: absolute; bottom: 0; right: 0; } #pages ul { float: right; height: 13px; overflow: hidden; margin-top: 10px; margin-right: 0; } #pages li { float: left; margin-left: 2px; } #pages a { display: block; height: 13px; width: 13px; background: #b8b8b8; text-align: center; line-height: 13px; font-family: arial, Sans-Serif; font-size: 10px; text-decoration: none; color: #fff; } #pages a.active { background: #046e97; } body.content #content .grijs #pages a.active { background: #666666; } body.content #content .blauw #pages a.active { background: #00afde; } body.content #content .groen #pages a.active { background: #838901; } body.content #content .rood #pages a.active { background: #e20032; } body.content #content .grijs #pages a:hover { background: #666666; } body.content #content .blauw #pages a:hover{ background: #00afde; } body.content #content .groen #pages a:hover { background: #838901; } body.content #content .rood #pages a:hover { background: #e20032; } /* project pagina's */ #project_menu { margin-bottom: 13px; } #project_menu ul { overflow: hidden; } #project_menu li { float: left; margin-right: 2px; } #project_menu li.last { margin-right: 0; } #project_menu a { display: block; width: 191px; height: 25px; text-indent: -9999px; background: url() left bottom no-repeat; } #project_menu a.projectmenu_0 { width: 187px; } .thema_blauw #project_menu a.projectmenu_0 { background-image: url(/lib/images/thema/blauw/projectmenu_0.png);} .thema_blauw #project_menu a.projectmenu_1 { background-image: url(/lib/images/thema/blauw/projectmenu_1.png); } .thema_blauw #project_menu a.projectmenu_2 { background-image: url(/lib/images/thema/blauw/projectmenu_2.png); } .thema_blauw #project_menu a.projectmenu_3 { background-image: url(/lib/images/thema/blauw/projectmenu_3.png); } .thema_blauw #project_menu a.projectmenu_4 { background-image: url(/lib/images/thema/blauw/projectmenu_4.png); } .thema_blauw h1 { color: #00afde; } .thema_blauw h2 { color: #00afde; } .thema_blauw #project_submenu li { color: #00afde; } .thema_blauw #project_text .text a { color: #00afde; } .thema_blauw #project_text #pages a.active { background: #046e97; } .thema_groen #project_menu a.projectmenu_0 { background-image: url(/lib/images/thema/groen/projectmenu_0.png);} .thema_groen #project_menu a.projectmenu_1 { background-image: url(/lib/images/thema/groen/projectmenu_1.png); } .thema_groen #project_menu a.projectmenu_2 { background-image: url(/lib/images/thema/groen/projectmenu_2.png); } .thema_groen #project_menu a.projectmenu_3 { background-image: url(/lib/images/thema/groen/projectmenu_3.png); } .thema_groen #project_menu a.projectmenu_4 { background-image: url(/lib/images/thema/groen/projectmenu_4.png); } .thema_groen h1 { color: #838901; } .thema_groen h2 { color: #838901; } .thema_groen #project_submenu li { color: #838901; } .thema_groen #project_text .text a { color: #838901; } .thema_groen #project_text #pages a.active { background: #5b6504; } .thema_rood #project_menu a.projectmenu_0 { background-image: url(/lib/images/thema/rood/projectmenu_0.png);} .thema_rood #project_menu a.projectmenu_1 { background-image: url(/lib/images/thema/rood/projectmenu_1.png); } .thema_rood #project_menu a.projectmenu_2 { background-image: url(/lib/images/thema/rood/projectmenu_2.png); } .thema_rood #project_menu a.projectmenu_3 { background-image: url(/lib/images/thema/rood/projectmenu_3.png); } .thema_rood #project_menu a.projectmenu_4 { background-image: url(/lib/images/thema/rood/projectmenu_4.png); } .thema_rood h1 { color: #e20032; } .thema_rood h2 { color: #e20032; } .thema_rood #project_submenu li { color: #e20032; } .thema_rood #project_text .text a { color: #e20032; } .thema_rood #project_text #pages a.active { background: #9b0824 ; } #project_menu a:hover { background-position: left top; } #project_menu a.active { background-position: left top; } #project_text { float: left; width: 525px; height: 385px; margin-right: 10px; background: url(/lib/images/project_text_bg.png) 0 0 repeat-x; } #project_text .wrapper { position: relative; padding: 19px 30px 53px 35px; } #project_text .wrapper #pages { right: 10px; } #project_text .paragraph { position: relative; height: 185px; overflow: hidden; margin-bottom: 5px; } #project_text .paragraph .text { color: #424242; font-size: 11px; line-height: 17px; } #project_text .paragraph .text strong { color: #8a8a8a; font-size: 11px; } #project_submenu { padding-bottom: 14px; margin-bottom: 22px; border-bottom: 1px dotted #6b6b6b; } #project_submenu ul { overflow: hidden; } #project_submenu li { float: left; padding: 0 6px; font-size: 11px; border-left: 1px solid #6b6b6b; } #project_submenu li.first { padding-left: 0; border-left: 0; } #project_submenu a { font-size: 11px; text-decoration: none; color: #6b6b6b; } #project_submenu a:hover { text-decoration: underline; } #project_sidepanel .projectlogo { position: absolute; top: 0; left: 25px; } #project_sidepanel .projectlogo img { width: auto; height: auto; border: 0; } #project_sidepanel { overflow: hidden; position: relative; height: 385px; padding: 39px 0 0 10px; background: url(/lib/images/project_text_sidepanel_bg.png) 22px 103px no-repeat; } body.project_aanbod #project_sidepanel { background: none; } body.project_brochure #project_sidepanel { background: none; } body.project_lastenboek #project_sidepanel { background: none; } body.project_contact #project_sidepanel { background: none; } #project_sidepanel h2 { font-size: 32px; text-align: right; margin: 0 35px 0 0; } #project_sidepanel .mediaitems { margin-top: 15px; height: 230px; width: 455px; overflow: hidden; } #project_sidepanel img { width: 179px; height: 77px; border: 1px solid #929292; } #project_sidepanel .mediaItem { float: left; width: 181px; margin: 0 6px 4px 0; } #project_sidepanel .mediaItem2nd { margin-right: 0; } #project_sidepanel .mediaItem img { display: block; margin: 0 0 4px 0; border: 1px solid #7d7d7d; } #project_sidepanel .mediaItem a.link { height: 16px; overflow: hidden; display: block; width: 152px; margin-bottom: 4px; padding: 7px 22px 7px 7px; color: #fff; font-family: tahoma, Sans-Serif; font-size: 12px; font-weight: bold; text-decoration: none; background: #7d7d7d; } #project_sidepanel .mediaitems div.scrollable { float:left; position:relative; overflow:hidden; width: 370px; height:240px; } #project_sidepanel .mediaitems a.prev, #project_sidepanel .mediaitems a.next, #project_sidepanel .mediaitems a.prevPage, #project_sidepanel .mediaitems a.nextPage {display:block;width:13px;height:221px;background:url(/lib/images/project_media_navigator.png) left top no-repeat;float:left; cursor:pointer;} #project_sidepanel .mediaitems a.prev, #project_sidepanel .mediaitems a.prevPage { margin-right: 10px; } #project_sidepanel .mediaitems a.disabled { visibility:hidden !important; } #project_sidepanel .mediaitems a.next, #project_sidepanel .mediaitems a.nextPage { background:url(/lib/images/project_media_navigator.png) right top no-repeat;clear:right;} #project_sidepanel .mediaitems div.scrollable div.items { width:20000em; position:absolute; clear:both; } #project_sidepanel .mediaitems div.scrollable div.items div {float:left;width:180px;} #project_sidepanel .mediaitems div.scrollable div.items div.active {border:1px inset #ccc; background-color:#fff;} #project_sidepanel legend, .paragraph legend { display: none; } #project_sidepanel div.field, .paragraph div.field { overflow: hidden; margin-bottom: 10px; } #project_sidepanel label, .paragraph label { display: block; font-family: Verdana, Sans-Serif; font-size: 11px; font-weight: bold; color: #8a8a8a; } #project_sidepanel label.error, .paragraph label.error { color: #f00; position: absolute; } #project_sidepanel label.rc, .paragraph label.rc { float: left; margin-left: 3px; margin-right: 15px;} #project_sidepanel select, .paragraph select, #project_sidepanel input, .paragraph input { width: 385px; padding: 2px 0; border: 1px solid #8b8b8b; font-family: Verdana,Sans-Serif; font-size: 11px; } #project_sidepanel input.error, .paragraph input.error { border: 2px solid #f00; } #project_sidepanel input.rc, .paragraph input.rc { float: left; margin-right: 5px; width: auto; border: 0; } #project_sidepanel .email input, .paragraph .email input { width: 225px; } #project_sidepanel div.email, .paragraph div.email { float: left; margin-right: 7px; } #project_sidepanel .telefoon input, .paragraph .telefoon input { width: 153px; } #project_sidepanel div.telefoon, .paragraph div.telefoon { float: left; clear: none; } #project_sidepanel div.project, .paragraph div.project { clear: both; } #project_sidepanel div.opmerking, .paragraph div.opmerking { clear: both; } #project_sidepanel textarea, .paragraph textarea { width: 385px; height: 109px; border: 1px solid #8b8b8b; font-family: Verdana,Sans-Serif; font-size: 11px; } #project_sidepanel textarea.error, .paragraph textarea.error { border: 2px solid #f00; } #project_sidepanel div.submit input, .paragraph div.submit input { margin-left: 307px; width: 80px; height: 20px; color: #fff; border: 0; background: url(/lib/images/form_submit.png) 0 0 no-repeat; } #project_sidepanel .aanbod_scroll { height: 300px; overflow-y: scroll; } #project_sidepanel .aanbod_scroll li { margin-bottom: 20px; } #project_sidepanel .aanbod_scroll li li { padding-left: 20px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 10px; border-bottom: 1px dashed gray; } /* media pagina*/ body.mediadetail #content h1 { margin-bottom: 5px; padding-bottom: 5px; } body.mediadetail #content .date { font-size: 13px; font-family: Verdana, Sans-Serif; color: #656565; margin-bottom: 15px; } body.media .media_container { width: 960px; height: 366px; overflow: hidden; } body.media .media_projectmenu { padding-top: 20px; overflow: hidden; } body.media .media_projectmenu li { float: left; margin-right: 5px; } body.media .media_projectmenu a { display: block; width: 22px; padding-top: 3px; height: 19px; text-align: center; color: #fff; font-weight: bold; text-decoration: none; background: url(/lib/images/media_projectmenu_bol.png) 0 0 no-repeat; } body.media .media_projectmenu a.rood:hover { background-image: url(/lib/images/media_projectmenu_bol_rood.png); } body.media .media_projectmenu a.groen:hover { background-image: url(/lib/images/media_projectmenu_bol_groen.png); } body.media .media_projectmenu a.blauw:hover { background-image: url(/lib/images/media_projectmenu_bol_blauw.png); } body.media div.scrollable { position:relative; float:left; overflow:hidden; width: 836px; height:366px; } body.media div.scrollable div.items { width: 20000em; position: absolute; clear: both; } body.media div.scrollable div.items div.item { position: relative; float:left;width:270px;height: 366px; background: url(/lib/images/media_item_bg.png) 0 0 no-repeat; margin-right: 10px;} body.media div.scrollable div.items div.item .text { overflow: hidden; height: 151px; padding: 17px 15px 17px 10px; } body.media div.scrollable div.items div.item h2 { font-size: 17px; font-family: Verdana, Sans-Serif; color: #656565; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #909090; } body.media div.scrollable div.items div.item .date { font-size: 13px; font-family: Verdana, Sans-Serif; color: #656565; margin-bottom: 15px; } body.media div.scrollable div.items div.item p { font-size: 11px; color: #3c3c3c; line-height: 18px; font-family: Verdana, Sans-Serif; } body.media div.scrollable div.items div.item img { width: 270px; height: 95px; } body.media div.scrollable div.items div.item a { position: absolute; bottom: 50px; right: 15px; text-decoration: none; color: #fff; font-size: 11px; text-align: center; padding-top: 3px; width: 79px; height: 17px; background: url() 0 0 no-repeat; } body.media div.scrollable div.items div.thema_rood a { background-image: url(/lib/images/media_projectitem_readmore_rood.png); } body.media div.scrollable div.items div.thema_groen a { background-image: url(/lib/images/media_projectitem_readmore_groen.png); } body.media div.scrollable div.items div.thema_blauw a { background-image: url(/lib/images/media_projectitem_readmore_blauw.png); } body.media a.prev, a.next, a.prevPage, a.nextPage { display:block; width:13px; height:338px; background:url(/lib/images/scrollable-nav.png) left top no-repeat; float:left;margin:0 10px; cursor:pointer; } body.media a.disabled { visibility:hidden !important; } body.media a.next, a.nextPage { background:url(/lib/images/scrollable-nav.png) right top no-repeat; clear:right; } body.media div.navi { margin-left:425px; width:200px; height:20px; } body.media div.navi a {width:8px;height:8px;float:left;margin:3px;background:url(/lib/images/media_navigator.png) 0 0 no-repeat; cursor:pointer; overflow: hidden;} body.media div.navi a:hover { background-position:0 -8px; } body.media div.navi a.active { background-position:0 -16px; } /* zoek pagina */ .searchedfor { background: #d7d7d7; height: 38px; margin: 40px 0 12px 0; } .searchedfor .inner { padding: 12px; } .searchedfor strong { color: #e20032; } .search_block { float: left; width: 318px; margin-right: 4px; overflow: hidden; } .search_block .inner { height: 303px; background: url(/lib/images/search_bg.png) 0 0 repeat-x; } .search_media { width: 316px; } .search_content { margin-right: 0; } .search_block h2 { height: 25px; margin-bottom: 7px; text-indent: -9999px; } .search_projects h2 { background: url(/lib/images/search_binnenprojecten_nl.png) 0 0 no-repeat; } .body_fr .search_projects h2 { background: url(/lib/images/search_binnenprojecten_fr.png) 0 0 no-repeat; } .search_media h2 { background: url(/lib/images/search_binnenmedia_nl.png) 0 0 no-repeat; } .body_fr .search_media h2 { background: url(/lib/images/search_binnenmedia_fr.png) 0 0 no-repeat; } .search_content h2 { background: url(/lib/images/search_binnencontent_nl.png) 0 0 no-repeat; } .body_fr .search_content h2 { background: url(/lib/images/search_binnencontent_fr.png) 0 0 no-repeat; } .search_block li { padding: 5px 10px; border-bottom: 1px dotted #909090; } .search_block a { text-decoration: none; } .search_block a:hover { text-decoration: underline; } /* footer */ #footer { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 80px; background: url(/lib/images/footer_bg.png) 0 0 repeat-x; } #footer .wrappercontainer { position: relative; width: 960px; margin: 0 auto; padding-top: 16px; text-align: left; } #hoofdmenu { position: absolute; right: 0; top: 16px; } /*#hoofdmenu { margin-left: 740px; }*/ #hoofdmenu ul { list-style: none; } #hoofdmenu li { float: left; margin-left: 5px; padding-left: 5px; background: url(/lib/images/hoofdmenu_bg.png) left bottom no-repeat; } #hoofdmenu li.level1hover { padding-top: 5px; background-image: url(/lib/images/hoofdmenu_hover_bg.png); } #hoofdmenu li.level1hover a.level1 { padding-top: 5px; background-image: url(/lib/images/hoofdmenu_hover_bg.png); } #hoofdmenu li li { float: none; padding: 0; margin: 0; } #hoofdmenu a { display: block; text-decoration: none; } #hoofdmenu a:hover { text-decoration: underline; } #hoofdmenu a.level1:hover { text-decoration: none; } #hoofdmenu a.level1 { padding: 2px 5px 3px 2px; font-family: tahoma, Sans-Serif; font-size: 11px; color: #fff; background: url(/lib/images/hoofdmenu_bg.png) right bottom no-repeat; } #hoofdmenu ul.level1 li:hover ul, #hoofdmenu ul.level1 li.sfHover ul { top: auto; bottom: 26px; } /*#hoofdmenu ul.level1 li:hover ul ul, #hoofdmenu ul.level1 li.sfHover ul ul { top: auto; bottom: auto; }*/ #hoofdmenu ul.level2 { position: absolute; top: -99999px; left: 0px; width: 189px; border-bottom: 1px solid #5f5f5f; } #hoofdmenu li.level2 { background: #909090; } #hoofdmenu img { display: block; } #hoofdmenu a.level2 { color: #fff; background: none; } #hoofdmenu a.level2 span { font-weight: bold; color: #fff; display: none; } #hoofdmenu ul.level2 { background: #fff; } #hoofdmenu li.level2 { padding: 8px; border-bottom: 1px dotted #909090; background: none; } #hoofdmenu li.level2image { height: 25px; padding: 0; border: 0; background: #909090;} #hoofdmenu li.level2_last { border-bottom: none; } #hoofdmenu a.level2 { font-family: verdana, Sans-Serif; color: #6b6b6b; font-size: 12px; background: none; } #projectenmenu { } #projectenmenu li { float: left; margin-left: 5px; padding-left: 5px; } #projectenmenu li li { float: none; padding: 0; margin: 0; } #projectenmenu a { display: block; text-decoration: none; } #projectenmenu a:hover { text-decoration: underline; } #projectenmenu ul.level1 li:hover ul, #projectenmenu ul.level1 li.sfHover ul { top: auto; bottom: 0; } #projectenmenu ul.level2 { position: absolute; top: -99999px; left: 0px; width: 320px; border-bottom: 1px solid #5f5f5f; background: #fff; } #projectenmenu img { display: block; } #projectenmenu a.level2 span { font-weight: bold; color: #fff; display: none; } #projectenmenu li.level2 { height: 14px; padding: 8px; border-bottom: 1px dotted #909090; background-color: Transparent; background-repeat: no-repeat; background-position: top left; } #projectenmenu li.level2_last { border-bottom: none; } #projectenmenu li.level2:hover { background-position: bottom left; } #projectenmenu li.sfHover { background-position: bottom left; } #projectenmenu a.level2 { font-family: verdana, Sans-Serif; color: #6b6b6b; font-size: 12px; line-height: 15px; background: ; margin-left: 25px; float: left; height: 30px; } #projectenmenu li#project1 { background-image: url('/lib/images/project_index_1.png'); } #projectenmenu li#project2 { background-image: url('/lib/images/project_index_2.png'); } #projectenmenu li#project3 { background-image: url('/lib/images/project_index_3.png'); } #projectenmenu li#project4 { background-image: url('/lib/images/project_index_4.png'); } #projectenmenu li#project5 { background-image: url('/lib/images/project_index_5.png'); } #projectenmenu li#project6 { background-image: url('/lib/images/project_index_6.png'); } #projectenmenu li#project7 { background-image: url('/lib/images/project_index_7.png'); } #projectenmenu li#project8 { background-image: url('/lib/images/project_index_8.png'); } #projectenmenu li#project9 { background-image: url('/lib/images/project_index_9.png'); } #projectenmenu li#project10 { background-image: url('/lib/images/project_index_10.png'); }