/* Smartlet Fat Box Style (dinsdag 19 oktober 2010 12:12:08) */ /* resizable box with background and transparency*/ .smlbox{ width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; } .smlboxcontent{ padding: 4px 0px 0px 0px; background-color: #EEEEEE; background-image: url('/scf/gfx/box/boxback.jpg'); background-position: left top; background-repeat: repeat-x; overflow: auto; width: 100%; } .smlbox .smlboxcontent p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlboxtop div { margin: 0px; padding: 0px; color: #FFFFFF; overflow: hidden; white-space: nowrap; } .smlboxtop div.smlboxcapt{ font-size: 1em; font-weight: bold; } .smlboxtop div.smlboxbtns{ float: right; margin-right: 30px; } .smlboxtop div a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; color: white; text-decoration: none; } .smlboxtop div a:hover{ text-decoration: underline; } .smlboxtop button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: white; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlboxtop hidden { display:none; } .smlboxtop{ height: 20px; padding-top: 18px; margin-left: 22px; background-image: url('/scf/gfx/box/boxtop.png'); background-position: top right; background-repeat:no-repeat; } .smlboxtop span{ display: block; width: 22px; height: 38px; background-image: url('/scf/gfx/box/boxtl.png'); background-repeat: no-repeat; margin-left: -22px; margin-top: -18px; position: absolute; } .yellow .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_geel.png'); } .yellow .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_geel.png'); } .blue .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_blauw.png'); } .blue .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_blauw.png'); } .gray .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_grijs.png'); } .gray .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_grijs.png'); } .smlboxfoot{ height: 30px; background-image: url('/scf/gfx/box/boxfooter.png'); background-position: bottom right; margin-left: 22px; margin-top: 0px; } .smlboxfoot span{ display: block; width: 22px; height: 30px; background-image: url('/scf/gfx/box/boxfl.png'); background-position: left bottom; background-repeat: no-repeat; margin-left: -22px; position: absolute; } .smlboxfootbtns{ float: right; margin-right: 30px; } .smlboxleft{ padding-left: 22px; background-image: url('/scf/gfx/box/boxl.png'); background-repeat: repeat-y; background-position: left; } .smlboxright{ padding-right: 31px; background-image: url('/scf/gfx/box/boxr.png'); background-repeat: repeat-y; background-position: right; } /* Smartlet Light Box Style (dinsdag 19 oktober 2010 12:12:08) */ /* resizable box with background and transparency*/ .smlbox2{ width: 100%; float: left; } .smlbox2content{ padding: 4px 0px 0px 0px; background-color: white; background-image: url('/scf/gfx/box/frameback.gif'); background-position: left top; background-repeat: repeat-x; overflow: auto; width: 100% } .smlbox2 .smlbox2content p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlbox2top div { margin: 0px; padding: 0px; color: black; overflow: hidden; white-space: nowrap; } .smlbox2top div.smlboxcapt{ font-size: 1em; font-weight: bold; } .smlbox2top div.smlboxbtns{ float: right; margin-right: 16px; } .smlbox2top div a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; color: black; text-decoration: none; } .smlbox2top div a:hover{ text-decoration: underline; } .smlbox2top button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: black; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlbox2top hidden { display:none; } .smlbox2top{ height: 18px; padding-top: 6px; margin-left: 16px; background-image: url('/scf/gfx/box/framet.gif'); background-position: top right; background-repeat: no-repeat; } .smlbox2top span{ display: block; width: 16px; height: 24px; background-image: url('/scf/gfx/box/frametl.gif'); background-repeat: no-repeat; margin-left: -16px; margin-top: -6px; position: absolute; } .blue .smlbox2top{ background-image: url('/scf/gfx/box/framet_blue.gif'); } .blue .smlbox2top span{ background-image: url('/scf/gfx/box/frametl_blue.gif'); } .smlbox2foot{ height: 18px; background-image: url('/scf/gfx/box/frameb.gif'); background-position: bottom right; background-repeat: no-repeat; margin-left: 16px; margin-top: 0px; } .smlbox2foot span{ display: block; width: 16px; height: 18px; background-image: url('/scf/gfx/box/framebl.gif'); background-position: left bottom; background-repeat: no-repeat; margin-left: -16px; position: absolute; } .smlboxfootbtns{ float: right; margin-right: 30px; } .smlbox2left{ background-image: url('/scf/gfx/box/framecl.gif'); background-repeat: no-repeat; padding-left: 16px; } .smlbox2right{ padding-right: 16px; background-image: url('/scf/gfx/box/framer.gif'); background-position: top right; background-repeat: no-repeat; } /* Smartlet Compact Box Style (dinsdag 19 oktober 2010 12:12:08) */ /* resizable box with background and transparency*/ .smlboxcompact{ width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; } .smlboxcompactcontent{ overflow: auto; background-color: #EEEEEE; background-image: url('/scf/gfx/box/boxback.jpg'); background-position: left top; background-repeat: repeat-x; width: 100%; } .smlboxcompactleft{ border: 1px solid #000000; border-width: 0px 1px 1px 1px; } .smlboxcompactright{ overflow: hidden; } .smlboxcompact .smlboxcompactcontent p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlboxcompacttop div { margin: 0px; padding: 0px; color: #FFFFFF; overflow: hidden; white-space: nowrap; } .smlboxcompacttop div.smlboxcapt{ font-size: 1em; font-weight: bold; } .smlboxcompacttop div.smlboxbtns{ float: right; margin-right: 10px; } .smlboxcompacttop div a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; color: white; text-decoration: none; } .smlboxcompacttop div a:hover{ text-decoration: underline; } .smlboxcompacttop button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: white; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlboxcompacttop hidden { display:none; } .smlboxcompacttop{ height: 20px; padding-top: 4px; margin-left: 11px; background-image: url('/scf/gfx/box/boxctop.png'); background-position: top right; background-repeat:no-repeat; } .smlboxcompacttop span{ display: block; width: 11px; height: 24px; background-image: url('/scf/gfx/box/boxctl.png'); background-repeat: no-repeat; margin-left: -11px; margin-top: -4px; position: absolute; } .yellow .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_geel.png'); } .yellow .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_geel.png'); } .blue .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_blauw.png'); } .blue .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_blauw.png'); } .gray .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_grijs.png'); } .gray .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_grijs.png'); } /* extra css by ktc */ .smlboxcompacttop, .smlboxcompacttop span { background-image:url("/image/background_submenu.gif"); background-position:left center; } .smlboxcompactleft { border-color:#729706; } .sml_forum table th { background-image:none!important; background-color:#75A700; } .smlOdd { background-color:#EFEFEF!important; } /* Shared Smartlet Style (dinsdag 19 oktober 2010 12:12:08) */ /* style properties shared by all smartlets */ div.sml_box form { padding: 0; } /* CSS ON Main (donderdag 31 maart 2011 9:22:45) */ /* CSS Include Name: : CSS ON Main Address : http://www.oxfamnovib.nl Copyright : Your Company Name Author : Site Administrator Created : 2009-12-10T11:05:15 About this CSS ... */ html, body { font-family:Arial; font-size:12px; margin:0 auto; text-align:left; width:100%; } body { background-image:url('/image/body_background.gif'); } /* default styles by ktc */ h2 { font-size:22px; font-weight:bold; color:#72A500; } h1 { font-size:22px; color:#72A500; } /*h3,h5{ font-weight:normal; }*/ h4,h1,h6{ font-weight:bold; } h3, h4, h5,h6 { font-size:16px; color:#72A500; } p { font-size:1em; } a { font-size:1em; color:#6DBCB9; text-decoration:underline; } /* end default styles by ktc */ #wrapper_top_middle.home { width:100%; height:413px; margin:0 auto; overflow:hidden; background-image:url('/image/headerfoto1.jpg'); background-repeat:no-repeat; background-position:center top; } #wrapper_top_middle { width:100%; height:250px; margin:0 auto; overflow:hidden; background-repeat:no-repeat; background-position:center top; } #wrapper.home { margin:0 auto; width:945px; overflow:hidden; margin-top:-413px; } #wrapper { margin:0 auto; width:945px; overflow:hidden; margin-top:-250px; } .col { float:left; overflow:hidden; width:481px; } #col1 { float:left; overflow:hidden; width:481px; } #col2 { float:left; overflow:hidden; width:464px; } #servivemenu_zoekblok { float:right; margin-right:64px; position:relative; } #logo { padding:10px 0 0 0; float:left; height:72px; width:255px; } #menu { float:right; margin:10px 3px 0px 0; background-image:url('/image/menu_background.png'); width:665px; height:72px; } #servicemenu { float:left; font-size:11px; margin:12px 0 0 12px; } #servicemenu a { color:#4c4c4c; margin-right:15px; } .servivemenu_zoekblok_submit { position:absolute; width:44px; height:16px; margin:11px 0 0 10px; right:-55px; top:0; } .servivemenu_zoekblok_input { width:164px; height:14px; border:1px solid #72b023; padding:0 0 0 2px; margin:11px 0 0 0; background-image:url('/image/btn_servivemenu_zoekblok_input.gif'); font-family:arial; font-size:11px; } #menu ul.menuitems { list-style-type:none; margin:16px 0 0 6px; padding:0; overflow:hidden; } #menu ul.menuitems li{ float:left; padding:6px 6px 12px 6px; margin:0 5px 0 5px; } #menu ul.menuitems li.active{ background-color:#7cb102; border-left:0 none; padding:6px 6px 14px 6px; } #menu ul.menuitems li.pipe { margin:0; padding:0; *padding:2px 0 0 0; color:#729706; font-size:16px; font-weight:bold; } #menu ul.menuitems li h3{ color:#729706; font-size:16px; font-weight:bold; line-height:16px; margin:-2px 0 0 0; padding:0 0 2px 0; } #menu ul.menuitems li h3 a{ color:#729706; text-decoration:none; } #menu ul.menuitems li.active h3{ color:#ffffff; font-size:16px; font-weight:bold; line-height:16px; margin:-2px 0 0 0; padding:0 0 2px 0; } #menu ul.menuitems li.active h3 a{ color:#ffffff; text-decoration:none; } #submenu { position:absolute; width:942px; overflow:hidden; margin-top:7px; z-index:99; } #submenu .submenuitems { height:22px; margin:0; padding:5px 0 0 11px; background-image:url('/image/background_submenu.gif'); overflow:hidden; font-size:14px; color:#ffffff; list-style-type:none; } #submenu .submenuitems li{ float:left; padding:0 11px 0 0; } #submenu .submenuitems li a{ color:#ffffff; text-decoration:none; } #submenu .submenuitems li.active a{ color:#ffffff; text-decoration:underline; } #submenu .submenuitems li a:hover{ text-decoration:underline; } .header_infoblock { float:left; width:253px; height:172px; margin-top:148px; background-image:url('/image/header_infoblock_background.png'); } .header_infoblock h3.infoblock{ color:#ffffff; margin:10px 10px 10px 10px; } .actiemenu_home { float:right; margin-top:127px; } .actiemenu_home_en { float:none; position:absolute; width:932px; } .actiemenu { position:relative; overflow:hidden; width:180px; margin-top:0; } #col2_4 .actiemenu { float:right; margin-right:14px; } .actiemenu_home_en ul { width:300px; float:right; list-style-type:none; margin:53px 0 0 0; padding:0; } .actiemenu_home_en ul li{ float:right; width:140px; text-align:left; } .actiemenu_block { float:none; position:absolute; width:932px; } .actiemenu_col1 { margin:0 0 0 10px; overflow:hidden; float:right; } .actiemenu_col2 { overflow:hidden; float:right; } .actiemenu_block ul { float:right; list-style-type:none; margin:53px 0 0 0; padding:0; } .actiemenu_block ul li{ text-align:left; margin-bottom:3px; } h5.actiebutton a{ background-color:#ff0000; } .actiemenu_home ul{ list-style-type:none; margin:0; padding:0; } .actiemenu ul{ list-style-type:none; margin:0; padding:0; float:right; } .actiemenu ul.button1_regels3 { margin-top:100px; margin-bottom:38px; } .actiemenu ul.button4_regels8 { margin-top:21px; margin-bottom:38px; } #col2_4 .actiemenu ul.button4_regels8 { margin-top:21px; margin-bottom:10px; } .actiemenu ul li, .actiemenu_home ul li{ padding:0; margin:0 0 6px 0; } #content_home { margin-top:20px; overflow:hidden; width:962px; } #content_home_en { overflow:hidden; width:962px; } #content { margin:0 0 0 0; overflow:hidden; width:962px; } .block_175_block { width:175px; float:left; margin:17px 0 0 19px; } .block_257_block { width:257px; float:left; } .block_463_block { width:463px; float:left; } .block_668_block { width:668px; float:left; } .block_394_block { width:394px; float:left; } .block_944_block { width:944px; float:left; } .block_video { float:left; } .block_margin_right { margin-right:18px; } .block_margin_right_withoutshadow { margin-right:21px; } .block_257_title { width:257px; height:18px; } .block_title h4{ font-size:15px; color:#ffffff; text-transform: uppercase; margin:0; padding:0; } .block_175_contentblock { width:175px; background-image:url('/image/block_257_shadow.png'); background-repeat:repeat-y; background-position:172px 0; } .block_257_contentblock { width:257px; background-image:url('/image/block_257_shadow.png'); background-repeat:repeat-y; background-position:254px 0; } .block_463_contentblock { width:463px; background-image:url('/image/block_257_shadow.png'); background-repeat:repeat-y; background-position:460px 0; } .block_668_contentblock { width:668px; background-image:url('/image/block_257_shadow.png'); background-repeat:repeat-y; background-position:665px 0; } .block_394_contentblock { width:394px; background-image:url('/image/block_257_shadow.png'); background-repeat:repeat-y; background-position:391px 0; } .block_944_contentblock { width:944px; background-image:url('/image/block_257_shadow.png'); background-repeat:repeat-y; background-position:941px 0; } .block_175_content { width:152px; background-color:#ffffff; background-image:url('/image/block_257_background.png'); background-position:left bottom; background-repeat:no-repeat; min-height:161px; padding:0 10px 0 10px; } .block_257_content { width:234px; background-color:#ffffff; background-image:url('/image/block_257_background.png'); background-position:left bottom; background-repeat:no-repeat; min-height:161px; padding:0 10px 0 10px; } .block_175_content h5 { font-size:22px; color:#72A500; margin:0 0 0 0; padding:6px 0 0 0; font-weight:normal; } .block_257_content h5 { font-size:22px; color:#72A500; margin:0 0 0 0; padding:6px 0 6px 0; font-weight:bold; } .block_394_content h5 { margin:0; color:#72A500; font-size:22px; font-weight:bold; padding:6px 0 6px; } .block_463_content h5 { font-size:22px; color:#72A500; margin:0 0 0 0; padding:6px 0 6px 0; font-weight:bold; } .block_944_content h5 { font-size:22px; color:#72A500; margin:0 0 0 0; padding:6px 0 0 0; font-weight:bold; } .block_175_content h5.h5_blue2 { font-size:22px; color:#46bdbf; margin:0 0 0 0; padding:6px 0 0 0; font-weight:normal; } .block_394_content { width:371px; background-color:#ffffff; background-image:url('/image/block_394_background.png'); background-position:left bottom; background-repeat:no-repeat; min-height:161px; padding:0 10px 0 10px; } .block_944_content { width:921px; background-color:#ffffff; background-image:url('/image/block_944_background.png'); background-position:left bottom; background-repeat:no-repeat; min-height:200px; padding:0 10px 0 10px; } .block_463_content { width:440px; background-color:#ffffff; background-image:url('/image/block_463_background.png'); background-position:left bottom; background-repeat:no-repeat; min-height:161px; padding:0 10px 0 10px; overflow:hidden; } .block_668_content { width:645px; background-color:#ffffff; background-image:url('/image/block_668_background.png'); background-position:left bottom; background-repeat:no-repeat; min-height:161px; padding:0 10px 0 10px; overflow:hidden; } .block_668_content_service { padding:0 0 0 10px; width:655px; } .block_175_shadowbottom { width:175px; height:3px; background-image:url('/image/block_175_shadow_bottom.png'); } .block_257_shadowbottom { width:255px; height:3px; background-image:url('/image/block_257_shadow_bottom.png'); } .block_394_shadowbottom { width:392px; height:3px; background-image:url('/image/block_257_shadow_bottom.png'); background-repeat:repeat-x; } .block_944_shadowbottom { width:942px; height:3px; background-image:url('/image/block_257_shadow_bottom.png'); background-repeat:repeat-x; } .block_463_shadowbottom { width:461px; height:3px; background-image:url('/image/block_257_shadow_bottom.png'); background-repeat:repeat-x; } .block_668_shadowbottom { width:665px; height:3px; background-image:url('/image/block_257_shadow_bottom.png'); background-repeat:repeat-x; } .nieuwsitem { overflow:hidden; } .nieuwsitem_img { float:right; background-image:url('/image/photo_border.png'); width:150px; height:130px; margin-top:10px; margin-left:12px; } .nieuwsitem_img img{ margin:4px 0 0 4px; } .nieuwsitem h5.withimage { font-size:22px; color:#72A500; margin:0 0 7px 0; padding:6px 0 0 0; font-weight:bold; width:238px; } .nieuwsitem h5.noimage { font-size:22px; color:#72A500; margin:0 0 7px 0; padding:6px 0 0 0; font-weight:bold; } .nieuwsitem_text { margin-right:10px; } .nieuwsitem_leesverder { margin-top:7px; margin-bottom:20px; } .item_leesverder { margin-top:12px; margin-bottom:12px; } .nieuwsitem_borderbottom { background-image:url('/image/nieuwsitem_borderbottom.png'); height:1px; width:100%; } .nieuwsitems_footer, .items_footer { padding-bottom:10px; } .nieuwsitems_footer .link, .items_footer .link { color:#6dbcb9; font-size:14px; } .item_img { float:left; background-image:url('/image/photo_border2.png'); width:220px; height:141px; margin-top:10px; margin-right:3px; } .item_img img { margin:4px 0 0 4px; } .item_img6 { float:right; background-image:url('/image/photo_border6.png'); width:114px; height:134px; margin-top:-10px; margin-bottom:10px; margin-left:10px; } .item_img6 img { margin:6px 0 0 6px; } .actiebutton2 { position:absolute; margin-top:126px; } .logo_rss { position:absolute; } .link_rss { padding-left:20px; text-decoration:none; color:#000000; } .item h5 { color:#72A500; font-size:22px; font-weight:bold; margin:0 0 7px; padding:6px 0 0; width:325px; } .content_tekst h3.small, .content_tekst h5.small, .content_tekst h6.smal, .content_tekst2 h3, .content_tekst2 h5, .content_tekst2 h6 { margin:5px 0 7px; padding:6px 0 0; } .content_tekst h5, .content_tekst h6 { margin:5px 0 3px; padding:6px 0 0; } .content_tekst h3 { margin:5px 0 3px; padding:0; } .content_tekst h4.small { color:#72A500; font-size:22px; font-weight:bold; margin:0 0 7px; padding:6px 0 0; width:278px; } .content_tekst h4{ color:#72A500; font-weight:bold; margin:5px 0 3px; padding:0; } .content_tekst2 h4 { color:#72A500; font-size:22px; font-weight:bold; margin:5px 0 7px; padding:6px 0 0; } .content_tekst p { margin:0 0 -4px 0; padding:4px 0 0 0; } .content_tekst2 p { margin:0; padding:0; width:471px; } .item .item_text { margin-bottom:15px; } .actiebutton { margin-top:19px; } #footer { width:942px; height:50px; margin-top:30px; } #footer ul { list-style-type:none; margin:0; padding:0; font-size:11px; } #footer ul li{ float:left; } #footer ul li.link1 { width:264px; } #footer ul li.link1_en { width:684px; } #footer ul li.link2 { width:220px; } #footer ul li.link2 img{ position:absolute; margin-top:0px; } #footer ul li.link3 { width:110px; } #footer ul li.link4 { width:90px; } #footer ul li.link5 { margin-right:18px; } #footer ul li a{ color:#333333; text-decoration:underline; } #footer ul li a.abonneer { text-decoration:none; margin-left:28px; } .projectfeit_titel { float:left; width:70px; font-weight:bold; } .projectfeit_info { width:210px; } .image_naasttitel { float:right; margin-top:25px; margin-bottom:15px; } h5.titel_small { width:84px; float:left; color:#72A500; font-size:22px; font-weight:normal; margin:0 0 7px; padding:6px 0 0; } .paginatitel { width:748px; height:50px; margin-top:118px; background-image:url('/image/background_paginatitel.png'); } .paginatitel_breed { width:942px; height:50px; margin-top:118px; background-image:url('/image/background_paginatitel.png'); } .paginatitel_breed_overloop { width:942px; height:60px; margin-top:118px; background-image:url('/image/background_paginatitel.png'); } .paginatitel_breed_en { width:942px; height:50px; margin-top:114px; background-image:url('/image/background_paginatitel.png'); } .paginatitel_breed2 { width:665px; height:50px; margin-top:118px; background-image:url('/image/background_paginatitel.png'); } .paginatitel_breed2_overloop { width:665px; height:60px; margin-top:118px; background-image:url('/image/background_paginatitel.png'); } .paginatitel h1, .paginatitel_breed_overloop h1, .paginatitel_breed2_overloop h1, .paginatitel_breed h1, .paginatitel_breed2 h1 { margin:0 0 0 10px; padding:0; font-size:34px; color:#ffffff; font-weight:normal; } #col1_2 { width:751px; float:left; overflow:hidden; background-image:url(/image/block_257_shadow.png); background-position:748px 0; background-repeat:repeat-y; } #col1_3 { width:945px; float:left; overflow:hidden; background-image:url(/image/block_257_shadow.png); background-position:942px 0; background-repeat:repeat-y; } #col1_4 { float:left; overflow:hidden; width:668px; } #col2_2 { float:left; width:194px; } #col2_4 { float:left; width:277px; } .col1_2_contentblock { background-image:url('/image/div_background.png'); background-position:left bottom; background-repeat:no-repeat; margin-right:3px; background-color:#ffffff; overflow:hidden; } .col1_3_contentblock { background-image:url('/image/div_background_breed.png'); background-position:left bottom; background-repeat:no-repeat; margin-right:3px; background-color:#ffffff; overflow:hidden; } .pageitems { width:162px; height:200px; float:left; background-image:url('/image/background_div_left.png'); background-repeat:no-repeat; padding-left:10px; color:#72A500; } .pageitems a { color:#4b4b4b; text-decoration:none; } .pageitems a:hover, .pageitems a.active { text-decoration:underline; } .pageitems img { margin-top:25px; } .pageitems ul { list-style-type:none; padding:0px; margin:0px; width:150px; } .pageitems ul li.hoofditem{ background-image:url(/image/li_pageitems.gif); background-repeat:no-repeat; background-position:0px 4px; padding-left:14px; border-bottom:2px dotted #D8E6B7; padding-bottom:19px; margin-top:8px; } .pageitems ul li.subitem{ padding-left:14px; } .col1_2_contentblock_content { float:left; } .col_1_2_bottom { background-image:url('/image/block_col1_2_shadow_bottom.png'); width:751px; height:3px; } .col_1_3_bottom { background-image:url('/image/block_col1_3_shadow_bottom.png'); width:942px; height:3px; } .content_intro { background-image:url('/image/content_intro_background.gif'); padding:13px 33px 13px 13px; width:530px; background-repeat:repeat-y; font-size:14px; color:#ffffff; } .content_intro2 { background-image:url('/image/content_intro_background.gif'); padding:13px 33px 13px 13px; width:530px; background-repeat:repeat-y; font-size:14px; color:#ffffff; } .content_intro3 { background-image:url('/image/content_intro_background3.gif'); width:722px; padding:13px; background-repeat:repeat-y; font-size:12px; color:#ffffff; } .content_intro4 { background-image:url('/image/content_intro_background.gif'); width:467px; padding:13px; background-repeat:repeat-y; font-size:12px; color:#ffffff; } .content_intro2 h2, .content_intro3 h2, .content_intro4 h2 { margin:0 0 5px 0; padding:0; font-weight:normal; font-size:22px; color:#FFFFFF; } .content_tekst { padding-top:15px; padding-left:12px; padding-bottom:10px; } .content_tekst2 { padding-left:12px; padding-bottom:10px; float:left; } .content_tekst .content_img{ background-image:url(/image/photo_border3.png); float:right; height:319px; margin-right:20px; margin-left:12px; margin-top:26px; width:250px; } .content_tekst .content_img img { margin:4px 0 0 4px; } .actiebuttons { overflow:hidden; padding: 10px 0 10px 0; } .actiebuttons ul { list-style-type:none; margin:18px 0 18px 0; padding:0; overflow:hidden; } .actiebuttons ul li{ float:left; margin-right:10px; } .actiebuttons ul li a{ color:#000000; } .alertblock { background-image:url('/image/div_alert_background.png'); width:507px; height:130px; padding:12px 23px 12px 21px; } h5.h5_blue { color:#00adbe; text-transform:uppercase; font-size:15px; } .img_border5 { background-image:url(/image/photo_border5.png); float:right; height:122px; width:153px; margin-bottom:12px; } .img_border5 img{ margin:4px 0 0 4px; } .projecten_formulier_block { float:left; width:240px; margin:60px 0 0 22px; overflow:hidden; } .projecten_formulier_labelgroot { font-size:15px; } .projecten_formulier_select { width:130px; margin:10px 0 20px 0; } .projecten_kaartlijst_block { float:right; width:656px; margin-right:15px; } .tabsblock_block { float:right; width:549px; margin-right:15px; margin-top:30px; } .projecten_kaartlijst_block_tabs { height:25px; margin:12px 0 0 0; overflow:hidden; } .tabsblock_block_tabs { height:25px; margin:12px 0 0 0; overflow:hidden; } .projecten_kaartlijst_block_tabs ul{ list-style-type:none; width:656px; float:right; margin:0; padding:0; } .tabsblock_block_tabs ul{ list-style-type:none; width:549px; float:right; margin:0; padding:0; } .projecten_kaartlijst_block_tabs ul li.nomargin{ float:right; } .tabsblock_block_tabs ul li.nomargin{ float:right; } .projecten_kaartlijst_block_tabs ul li{ float:right; margin-left:9px; } .tabsblock_block_tabs ul li{ float:right; margin-left:9px; } .projecten_kaartlijst_block_content { width:636px; height:600px; border:10px solid #e2e4db; margin-bottom:30px; } .tabsblock_block_content { width:529px; height:522px; border:10px solid #e2e4db; margin-bottom:30px; } .projecten_kaartlijst_block_content h5{ color:#72A500; font-size:22px; font-weight:normal; margin:25px 0 20px 20px; padding:6px 0 0; } .projectinfo_persoon { font-size:15px; } .project_item_left { margin:0; overflow:hidden; float:left; } .project_item_right { margin-left:14px; overflow:hidden; float:left; } .project_item_tekst { float:left; width:121px; } .project_item_tekst h6{ font-size:16px; color:#72A500; margin:0; padding:0; width:125px; } .project_item_foto { background-image:url('/image/photo_border4.png'); width:132px; height:122px; float:left; margin-left:15px; } .project_item_foto img{ margin-top:4px; margin-left:4px; } .projectlijst li ul{ list-style-type:none; margin:0; padding:0; overflow:hidden; } .projectlijst_item_top { color:#46bdbf; margin-bottom:20px; } .projectlijst_item_top ul li.project_top{ width:400px; } .projectlijst_item_top ul li a{ font-size:14px; color:#46bdbf; margin-left:5px; } .projectlijst_item_top ul li.land_top{ width:160px; } .projectlijst_item_top ul li.themas_top{ font-size:14px; } .projectlijst_items { list-style-type:none; margin:0 0 0 20px; padding:0; } .projectlijst_items li ul{ list-style-type:none; margin:0; padding:0; overflow:hidden; } .projectlijst_items li.projectlijst_item{ width:600px; margin-bottom:15px; } .projectlijst_items li.projectlijst_item ul li.project { width:400px; } .projectlijst_items li.projectlijst_item ul li.project a{ color:#000000; } .projectlijst_items li.projectlijst_item ul li.land { width:200px; } .projectlijst_items li.projectlijst_item ul li.themas { color: #72A500; width: 600px; } .projectlijst_items li.projectlijst_item ul li.themas a{ background-image:url('/image/projectlijst_item_thema_bg.gif'); display:block; width:24px; height:15px; text-align:center; font-size:10px; color:#ffffff; font-weight:bold; text-decoration:none; float:left; margin-right:6px; } .projectlijst_items li ul li{ float:left; } .projectlijst_bottom, .paging_block{ border-top:2px dotted #dcd9d2; margin:24px 20px 15px 0; padding-top:11px; } .paging_block ul { list-style-type:none; margin:0; overflow:hidden; padding:0; } .paging_block ul li { float:left; } .projectlijst_bottom ul li a, .paging_block ul li a{ color:#000000; } .projectlijst_bottom ul li.pagingnumbers a, .paging_block ul li.pagingnumbers a{ color:#000000; padding:0 4px; } .projectlijst_bottom ul li a.active, .paging_block_bottom ul li a.active{ color:#46bdbf; text-decoration:none; } .projectlijst_bottom ul li a.dots, .paging_block ul li a.dots{ color:#000000; text-decoration:none; } .projectlijst_bottom ul li.vorige, .paging_block ul li.vorige{ margin-right:10px; } .projectlijst_bottom ul li.volgende, .paging_block ul li.volgende{ margin-left:10px; } .ul_projecten_themas { list-style-type:none; margin:15px 0 0 0; overflow:hidden; padding:0; } .ul_projecten_themas li{ margin-bottom:11px; } .projecten_themas_checkbox_label { background-image:url(/image/projectlijst_item_thema_bg.gif); color:#FFFFFF; display:block; float:left; font-size:10px; font-weight:bold; height:15px; margin-right:6px; text-align:center; text-decoration:none; width:24px; margin-top:2px; } ul.paging { list-style-type:none; margin:0 0 0 0; overflow:hidden; padding:8px 0 0 0; } ul.paging li { float:left; } .paging li.vorige { margin-right:10px; } .paging li.volgende { margin-left:10px; } .paging li a { color:#ffffff; } .paging li.pagingnumbers a { color:#ffffff; padding:0 4px; } .paging li a.dots { color:#ffffff; text-decoration:none; } .paging_top { background-image:url('/image/hr_dotted_overloop.gif'); height:2px; width:555px; margin-top:20px; } .paging li a.active { color:#000000; text-decoration:none; font-weight:bold; } .checkbox_label2 { margin-top:2px; margin-left:3px; position:absolute; width:167px; } .img_sorteren { position:absolute; margin:3px 0 0 6px; } .form_input_1 { height:18px; width:124px; padding:4px 2px 0 2px; font-size:11px; background-image:url('/image/input_background.gif'); background-repeat:repeat-x; border-top:0; border-bottom:0; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; margin-right:8px; margin-bottom:8px; } .form_input_2 { height:18px; width:215px; padding:4px 2px 0 2px; font-size:11px; background-image:url('/image/input_background.gif'); background-repeat:repeat-x; border-top:0; border-bottom:0; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; margin-right:8px; margin-bottom:8px; } .form_form { padding:10px 0 0 0; margin:0; overflow:hidden; padding-bottom:70px; } .form_div_labels { width:163px; background-image:url('/image/border_formulier.gif'); background-repeat:repeat-y; background-position:162px 0; float:left; padding-top:40px; min-height:522px; } .form_div_labels label{ width:142px; font-size:11px; line-height:21px; color:#999999; margin-right:18px; float:right; text-align:right; margin-bottom:10px; } .form_div_velden { width:460px; margin-left:20px; float:left; padding-top:40px; } .form_div_velden_submit { float:right; height:70px; width:140px; margin-right:20px; background-image:url('/image/border_formulier.gif'); background-repeat:repeat-y; padding-left:10px; padding-top:75px; } .shadow { height:100%; overflow:hidden; position:absolute; width:100%; z-index:998; } .popup_block { background-color:#ffffff; margin:155px 0 0 175px; position:absolute; width:554px; z-index:999; } .popup_top { background-image:url('/image/popup_top.gif'); width:554px; height:121px; } .popup_servicemenu { position:absolute; margin-left:460px; margin-top:10px; } .popup_sluiten { margin-left:10px; } .popup_content { background-image:url('/image/popup_background.gif'); width:554px; min-height:160px; background-position:left bottom; background-repeat:no-repeat; } a img { border:0; } .clear { clear:both; margin:0; padding:0; line-height:0; height:0px; } .bold { font-weight:bold; } .margin_top_15 { margin-top:15px; } .margin_left_20 { margin-left:20px; } .float_right { float:right; } .float_left { float:left; } .hr_1 { background-image:url('/image/nieuwsitem_borderbottom.png'); height:1px; width:280px; margin:15px 0 0 0; } .spacer_height_5 { width:5px; height:5px; } .printpagina { margin-left:508px; margin-top:8px; position:absolute; } .content_tekst2 .printpagina { margin-left:423px; margin-top:8px; position:absolute; } h1 object, h2 object, h3 object, h4 object, h5 object, h6 object { outline:none; } .service_margin { margin-left:-10px; } .content_tekst_service { margin-left:100px; } .h5_popup { margin:0; padding:20px; } .margin_top_min10 { margin-top:-10px; } /* added by ktc */ /* in het nieuws */ div.nieuwsimage img { float:left; padding-right:5px; } div.nieuwstext h5 { display:inline; } div.nieuwstext h5 a { color:#72A500; text-decoration:none; font-weight: bold; } div.nieuwstext h5 a:hover { text-decoration:underline; } div.nieuwstext h5 span { font-weight:normal; font-size: 0.6em; } .nieuwstext p { width:550px; } .nieuwsitemlist { padding-bottom:10px; } .zoeknieuws h4 { background-image:url(/image/content_intro_background.gif); color:white; margin-left:-10px; padding:5px; margin-bottom:7px; font-size:1.2em; } .zoeknieuws input { float:right; margin-bottom:5px; margin-right:10px; } /* algemeen */ .item_text img { float:right; } .item_text .itemresult { padding-top:50px; } .block_463_content p { margin:0px; } .block_175_content h3 { color: #72A500; font-size:1.2em; margin-top:4px; margin-bottom:0px; } .block_175_content p { margin-top:4px; margin-bottom:0px; } /* sitemap */ #sitemap ul li { background-image:url('/image/li_pageitems.gif'); background-position:0 4px; background-repeat:no-repeat; margin-top:8px; padding-bottom:0px; padding-left:14px; list-style-type:none; margin-left:-28px; font-size:1.2em; font-weight:bold; } #sitemap ul li a { color:#4B4B4B; text-decoration:none; } #sitemap ul li a:hover { text-decoration:underline; } #sitemap ul li li { font-size:1.0em; font-weight:normal;} #sitemap ul li li li { font-size:0.9em; } #sitemap ul li li li li { font-size:0.9em; } #sitemap .sitemapstart { font-size: 1.4em; } /* faq */ div.faqblok h5 { background-color:#75A700; font-size:1.2em; margin:0; padding:4px; font-weight:bold; border:1px solid black; } div.faqblok h5 a { color:#FFFFFF; text-decoration:none; } div.faqblok h5 a:hover { text-decoration:underline; } div.faqblok div { margin:0; padding:5px; width:482px; border-left:1px solid #000000; border-right:1px solid #000000; background-image: none; } div.faqblok div { border-bottom:1px solid #000000; } div.faqcontent { width:494px; } div.faqcontent div.show div{ display:block; } div.faqcontent div.hidden div{ display:none; } div.faqblok div p { width:482px; } div.faqcontent div.show h5 { background-image:url('/Image/layout/faqarrowopen.png'); background-position:98% center; background-repeat:no-repeat; background-color:#97CB01; } div.faqcontent div.hidden h5 { background-image:url('/Image/layout/faqarrowclose.png'); background-position:98% center; background-repeat:no-repeat; } div.zoekfaq select { margin-bottom:5px; margin-right:10px; } div.zoekfaq { display:none; } /* rss fix */ /* .link_rss { padding-left:0px; padding-top:5px; } .logo_rss { position:static; padding-top:5px; } */ div.rssblok { margin-left:30px; width:550px; } div.rssblok p { font-weight:bold; } div.rssblok h3 { font-size:1.3em; } div.rssblok ul.rssfeed { list-style-image:url('/image/logo_rss.png'); padding-left:25px; margin-left:0px; } div.rssblok ul.rssfeed li { padding-left:10px; } /* always show right scrollbalk body { /*overflow-y:scroll; }*/ .nieuwsitems_footer div a{ float:left; } /* hide something class */ .hidden {display:none;} /* image classes */ .imgleft { margin:3px 8px 8px 0; float:left; } .imgright { margin:3px 0 8px 8px; float:right; } /* firefox rss icon fix */ div.nieuwsitems_footer div.float_right { padding-right:20px; } /* place border around the image */ .borderimage { padding:4px; background-color:white; border: 1px solid #E9E7DC; } /* Left menu google maps */ .ul_projecten_themas{ margin-bottom:10px; } .ul_projecten_themas img{ float:right; } div.content_img { height: auto!important; background:none!important; } div.content_img img, .setimageborder { border-right: 2px solid #EAEAEA; border-bottom: 2px solid #EAEAEA; border-top: 2px solid #FAFAFA; border-left: 2px solid #FAFAFA; padding:3px; background-color:white; } .content_tekst ul, .content_tekst ol { padding-left:14px; margin-left:4px; } /* set content width and margin */ .content_tekst { padding-right:12px; width:552px; } /* added by ptc for project list */ .projectfeit_info { width:200px; } .project_item_tekst { width:156px!important; } /* foto with description table */ .fototableleft, .fototableleft tr, .fototableleft td, .fototableleft tbody, .fototableright, .fototableright tr, .fototableright td, .fototableright tbody { border-collapse:collapse; font-size:0.98em; border:0 solid!important; } .fototableleft { float:left; margin: 2px 8px 0 0; } .fototableright { float:right; margin: 2px 0 0 8px; } .fototablespace { padding: 3px 0 6px 0; } /* bron autheur space */ .brontable, .brontable tr, .brontable td, .brontable tbody { border:0px!important; border-collapse:collapse; } /* set intro title max-width */ .content_intro2 h2 { width:500px; } /* Forum css */ #aspnetForm span.formrow { display:block; margin: 5px 0; } /* Css code toevoeging voor asp formulieren. prc 30-02-2010*/ .formrow { display: block; } .formrow label{ display:inline-block; width:100px; } .formrow label.error { display:block; color:#ff0000; font-style:oblique; width:auto; font-size:0.8em; } .formrow label.right { float:right; } .formrow input[type="text"].error { background-image: url(/Assets/Formulier/css/unchecked.gif); background-repeat: no-repeat; background-position:right; } .formrow span.error { background-image: url(/Assets/Formulier/css/unchecked.gif); background-repeat: no-repeat; } .formrow input[type="text"].valid { background-image: url(/Assets/Formulier/css/checked.gif); background-repeat: no-repeat; background-position:right; } .progress_container { border:1px solid black; height:10px; margin:30px 0 10px 0; width:548px; } .progress_bar_1 { background-color:#72A500; width:122px; /* height:25px; */ } .progress_bar_2 { background-color:#72A500; width:268px; height:10px; } .progress_bar_3 { background-color:#72A500; width:450px; height:10px; } .progress_bar_4 { background-color:#72A500; width:548px; height:10px; } .buttonprev { background: #ffffff; border:0; text-decoration:underline; } .progress_container_big{ border:1px solid black; height:25px; width:548px; line-height:25px; margin-bottom: 30px; margin-top :30px; } .active_step { background-color:#72A500; color: #ffffff; } .active_step a { color: #ffffff; } .progress_container_big_step{ margin-right: 0px; padding-left:10px; padding-right: 10px; height:25px; display:block; /*width:125px;*/ float:left; } .ui-slider-horizontal { margin:20px 0; } #aspnetForm span.formrow .textbox_tiny{ /*width:55px;*/ padding-right:15px; width:40px; /**width:50px;*/ *width:39px; } #aspnetForm span.formrow .textbox_zip{ padding-right:15px; width:50px; *width:49px; } #aspnetForm span.formrow .textbox_add{ padding-right:15px; width:35px; *width:34px; } #aspnetForm span.formrow .textbox_small{ /*width:127px;*/ padding-right:15px; width:112px; /**width:122px;*/ *width:107px; } #aspnetForm span.formrow .textbox_medium{ /*width:208px;*/ padding-right:15px; width:193px; /**width:203px;*/ *width:195px; } #aspnetForm span.formrow .textbox_large{ /*width:445px;*/ padding-right:15px; width:430px; /**width:440px;*/ *width:425px; } #aspnetForm span.formrow .label_housenr{ width:190px; } .buttonnext{ float:right; } #aspnetForm tr{ line-height:2em; } #aspnetForm span.formrow .callsignlbl { padding-right:14px; text-align:right; width:157px; *width:154px; } #aspnetForm span.formrow .label_housenr { padding-right:14px; text-align:right; width:244px; *width:241px; } .textbox_amount { width : 28px; margin: 15px 0px 0px 5px; } texbox_account { width : 95px; } .ui-slider { width: 450px; float:left; } ul.amounts { list-style:none; padding:0; margin-top: -20px !important; margin-left: 0px !important; } ul.amounts li { display:inline-block; text-align:right; *float:left; } /*-----------------------------------------------------------*/ /* overlay hyperlink fix */ #overlay a { color:#6DBCB9!important; font-size:1em; text-decoration:underline!important; } /* bullit list fix */ .content_tekst ul, .content_tekst ol, .content_tekst dl { margin-top: 5px; margin-botton: 0px; } /* fix heading margin */ .content_tekst h1, .content_tekst h2 { margin:5px 0 7px; padding:6px 0 0; } .actiemenu_block table { float:right; margin:45px 0 0 10px; overflow:hidden; } /* actionbuttons fix */ .actiemenu_home table, .actiemenu_home tbody, .actiemenu_home tr, .actiemenu_home td, .actiemenu_block table, .actiemenu_block tbody, .actiemenu_block tr, .actiemenu_block td { border:0 solid; } .printpagina { margin-left:534px; } /* history page */ #historycontent .historyfoto { width:110px; text-align:center; vertical-align:top; padding-top:70px; } #historycontent .item_img6 { margin-left:0px; margin-bottom:0px; } #historycontent .item_img6sub { overflow: hidden; width: 109px; } #historycontent .historybody { padding-left:12px; width:100%; } #historycontent table, #historycontent tr, #historycontent td { border:0px; } #historycontent { margin-right:12px; } /* set image border */ div.content_tekst img, div.block_175_content img { border-right: 2px solid #EAEAEA; border-bottom: 2px solid #EAEAEA; border-top: 2px solid #FAFAFA; border-left: 2px solid #FAFAFA; padding:3px; } div.campagnelist img, div.project_item_foto img, div.actiebuttons img, div.faqcontent img, div.nieuwsitemlist img, div.nieuwsitem_img img, .nieuwsitem_leesverder, .logo_rss, div.history_img img, #gallery img, div.volgons_content img { border:none!important; padding:0px; } .formrow label.error { margin-left: 100px; } h1 cufon { margin-top : 6px; } .buttonnext { background-color:#72A500; /*border:0;*/ color:white; cursor:pointer; } .buttonprev { display:inline-block; float:left; clear:both; } .buttonjs { float:left; margin-left:100px; } #aspnetForm th { width : 100px; } #aspnetForm td { vertical-align:top; } .error_housenumber { margin-left: 431px !important; position: relative; top: -13px; } /* CSS ON Sifr (dinsdag 19 oktober 2010 12:12:08) */ /* CSS Include Name: : CSS ON Sifr Address : http://www.oxfamnovib.nl Copyright : Your Company Name Author : Site Administrator Created : 2009-12-10T11:52:42 About this CSS ... */ /***************************************************************************** scalable Inman Flash Replacement (sIFR) version 3. Copyright 2006 รข€“ 2008 Mark Wubben, Older versions: * IFR by Shaun Inman * sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin * sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben See also and . This software is licensed and provided under the CC-GNU LGPL. See *****************************************************************************/ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { /* Example: .sIFR-active h1 { font-family: Arial; visibility: hidden; } */ } .sIFR-active h1, .sIFR-active h2, .sIFR-active h3 { visibility: hidden; font-family: Arial; height:16px; } .sIFR-active h1 { padding-bottom: 0; } .sIFR-active h2 { font-size: 34px; display: block; color:#ffffff; } .sIFR-active h3 { font-size: 16px; height:16px; } .sIFR-active h3.intro{ font-size: 22px; height:22px; } .sIFR-active h3.infoblock{ color:#ffffff; font-size: 26px; height:auto; } .sIFR-active h4 { font-size: 15px; height:22px; line-height:17px; } .sIFR-active h5 { font-size: 22px; line-height:25px; } .sIFR-active h5.h5_blue { font-size: 15px; line-height:17px; } .sIFR-active h5.actiebutton{ font-size: 15px; line-height:17px; margin:0; padding:0; } .sIFR-active h6 { font-size: 16px; line-height:25px; } /* Css Video player (dinsdag 30 november 2010 15:12:45) */ .hide { display:none; } .show { display:block; } div.select table tr td { background-image:url('/image/layout/mediaplayer_footbar.png'); } div.select .middelbar { cursor:default; } #triggers { text-align:left; } .sml_videoplayer { background-image:url('/image/layout/mediaplayer_footsplitter.png'); background-position:0 433px; background-repeat:no-repeat; } /* Css Mediaplayer (dinsdag 30 november 2010 15:12:45) */ .medialist_block_tabs ul li { display:inline; background-color:#C6C6C6; color:#919191; padding:5px 30px; margin-right:4px; } .medialist_block_tabs ul li.active { background-color:#E2E4DB; } .medialist_block_tabs ul li a{ color:#919191; text-decoration:none; font-weight:bold; } .medialist_block_tabs ul { margin:0px; padding:0px; width:277px; } .medialist_block_content_foto, .medialist_block_content_video { border:10px solid #E2E4DB; margin-bottom:30px; width:530px; } ul.paging li { padding-left: 5px; padding-right: 5px; } ul.paging li a{ color:#87C101; } ul.paging { margin:0 0 2px 170px; } .medialist_block_content_video { background-color:#B2D83F; } #sml_fotoalbum_1 #triggers { margin-left:10px; } /* Css (vrijdag 1 april 2011 15:24:11) */ /* CSS Include Name: : Css Address : http://www.oxfamnovib.nl Copyright : Your Company Name Author : Site Administrator Created : 2010-02-10T11:04:22 About this CSS ... */ /* Layer css */ /* use a semi-transparent image for the overlay */ #overlaywindow { background-image: url(/Image/layout/transparentfull.png); color: #000; width: 800px!important; height: 800px!important; overflow: hidden!important; } /* container for external content. uses vertical scrollbar, if needed */ .contentWrap { height: 504px!important; width: 692px; overflow-y: hidden; overflow-x: hidden; padding: 10px 40px 40px 40px; position: relative; top: 47px; } .contentWrap p { font-weight:normal; font-size:1.2em; margin:0px; } #overlaywindow .close { background-image:url("/Image/layout/viewer/closewhite.png"); cursor:pointer; height:16px; position:absolute; right:60px; top:60px; width:16px; } #overlaywindow { display: none; } /* extra added by ktc */ #overlaywindow div.layertop { background-image:url("/image/contentwrap_intro_background.gif"); background-repeat:repeat; color:#FFFFFF; font-size:14px; padding:13px 33px 13px 13px; width:670px; font-weight: normal; } #overlaywindow div.layerbottom { background-color:#FFFFFF; background-repeat:repeat; padding:13px 33px 13px 13px; width:670px; overflow-y:auto; overflow-x:hidden; height:410px; font-size: 0.8em; } #overlaywindow div.layertop h1 { color:#FFFFFF; font-size:24px; font-weight:normal; margin:0 0 10px; padding:0; } .contentWrap { padding:0 40px 40px; } .contentWrap .printpagina { margin:0; position:absolute; left:640px; } .contentWrap .printpagina img { border:none!important; } .contentWrap .printpagina a { text-decoration:none; color:#FFFFFF!important; } .contentWrap .printpagina a:hover { text-decoration:none!important; } .contentWrap .printpagina a span { font-size:0.8em; position:relative; text-decoration:underline; top:-7px; color:#ffffff!important; } .contentWrap .brontable td { font-size: 1.2em; padding-right:10px; font-weight: normal; } .contentWrap td.fototablespace { font-size:11px !important; } #overlaywindow ul li, #overlaywindow ol li { font-weight:normal!important; font-size:1.2em; } #overlaywindow table.brontable { margin-bottom:15px; } #overlaywindow div.layerbottom h3, #overlaywindow div.layerbottom h4, #overlaywindow div.layerbottom h5, #overlaywindow div.layerbottom h6 { margin:5px 0px; } /* CSS ON Ie (vrijdag 4 maart 2011 15:14:51) */ /* CSS Include Name: : CSS ON Ie Address : http://www.oxfamnovib.nl Copyright : Your Company Name Author : Site Administrator Created : 2009-12-10T11:06:57 About this CSS ... */ #menu ul.menuitems { *margin-top:-8px; } #navmenu ul.menuitems { *padding-top:0px; } #submenu { *margin-top:3px; } .link_rss { *margin-top:-27px; position:absolute; margin-left:-80px; } .logo_rss { *margin-top:-27px; *margin-left:-80px; } .paginatitel, .paginatitel_breed_en{ margin-top:118px; } .paginatitel_breed { *margin-top:110px; } .paginatitel_breed_overloop, .paginatitel_breed2_overloop { *margin-top:110px; } .servivemenu_zoekblok_submit { *margin-top:12px; } .content_tekst p.first { *margin:0; *padding:0; *width:280px; } .projecten_themas_checkbox_label { *margin-top:3px; } .checkbox_label2 { *margin-top:3px; } .projectlijst_items li.projectlijst_item { *margin-bottom:12px; } .actiemenu_col1 { *width:140px; } .paginatitel_breed2 { *margin-top:110px; } .nieuwstext p { *width:460px; *display:inline; } .nieuwsitemlist { *padding-bottom:17px; } .zoeknieuws h4 { *margin-bottom:-14px; } .paginatitel, .paginatitel_breed_en { *margin-top:114px; } /* div.col1_2_contentblock div.col1_2_contentblock_content div.content_tekst p { *display:inline; } */ .content_tekst .nieuwstext p { *display:inline!important; } /* Ie rss icon fix */ div.nieuwsitems_footer div.float_right { *padding-right:0px; } /* Ie infrmation icon fix */ .ul_projecten_themas img{ position:relative; top:-18px; } .content_project p { *display:inline!important; } div.nieuwstext{ *margin-top: 20px; } /*#content{padding-top:110px;}*/