/* header */ #header #mijnLeven ul.mijnLeven { width: 440px; } #header #jouwBond ul.jouwBond { width: 272px; width: 254px; } #header #jouwBond { background: #781730 url(/skins/default/pics/bgJouwbond.gif) no-repeat -1px -1px; } #header #MenubyUser ul.MenubyUser { width: 254px; } #header #MenubyUser { background: url(/skins/default/pics/bgMenubyUser.gif) no-repeat 0 0; } #header #jongeren { display: block; } #header #jongeren ul.jongeren { width: 180px; } /* body */ #holder .holder #body .railLeft { display: none; } /* content rail */ #holder .holder #body .tpl { position: relative; float: left; margin: 0; padding: 10px 12px 20px 0px; width: 707px; height: auto; overflow: hidden; } #holder .holder #body .tpl #content { position: relative; overflow: hidden; float: left; margin: 0; padding: 0px 5px 0px 0px; width: 435px; color:#000; } #holder .holder #body .tpl a.j { background: url(/skins/default/pics/bgLinkJ.gif) right no-repeat; } #holder .holder #body .tpl a.p { background: url(/skins/default/pics/bgLinkP.gif) right no-repeat; } /* content rail - home */ #holder .holder #body .tpl #content a, #holder .holder #body .tpl #content a:link { color: #f73866 !important; } #holder .holder #body .tpl #content .home { position: relative; float: left; margin-bottom: 10px; padding: 14px; width: 407px; background: #fdd7e0; } #holder .holder #body .tpl #content .home h1 { margin-bottom: 4px; ; font: bold 125%/120% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .home .intro { font: 110%/110% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl h2 { color: #000; } /* content rail - home sub */ #holder .holder #body .tpl #content .homeSub { position: relative; margin-bottom: 10px; padding-top: 10px; width: 435px; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x; overflow:hidden; display:block; } #holder .holder #body .tpl #content .homeSub img { float: left; } #holder .holder #body .tpl #content .homeSub .item { /*float: left;*/ width: 430px; } #holder .holder #body .tpl #content .homeSub h2 { margin: 0 0 4px 0; font: bold 125%/120% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .homeSub p { font: 110%/110% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .homeSub .item .intro { font: 110%/110% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .homeSub .item .intro a, #holder .holder #body .tpl #content .homeSub .item .intro a:visited { line-height:130%; color: #2a4d9e; } /* content rail - banner */ #holder .holder #body .tpl #content .bannerBox { position: relative; padding: 11px 0 10px 0; width: 435px; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x; } #holder .holder #body .tpl #content .bannerBox .banner { position: relative; padding:0; width: 435px; display:block; float:none; background: none; line-height:1px; font-size:0px; } /* content rail - news */ #holder .holder #body .tpl #content .news { position: relative; margin-bottom: 10px; padding-top: 10px; width: 435px; overflow:hidden; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x; } #holder .holder #body .tpl #content .news #newsBox { position: relative; width: 435px; overflow:hidden; display:block; background: url(/skins/default/pics/bgDotsPink.gif) bottom repeat-x; } #holder .holder #body .tpl #content .news h1 { margin-bottom: 12px; width: 204px; font: bold 170%/110% Verdana, Arial, Helvetica, sans-serif; color: #f73866; } #holder .holder #body .tpl #content .news ul { position: relative; float: left; margin: 0; width: 204px; list-style: none; } #holder .holder #body .tpl #content .news ul li { width: 204px; padding-bottom:2px; color: #000; } #holder .holder #body .tpl #content .news ul a, #holder .holder #body .tpl #content .news ul a:visited { color: #f73866; } #holder .holder #body .tpl #content .news ul a:hover { color: #f73866; text-decoration: underline; } #holder .holder #body .tpl #content .news ul li.last { margin-top: 10px; } #holder .holder #body .tpl #content .news .newsblocks { position: relative; float: right; width: 218px; margin-top:-36px; } #holder .holder #body .tpl #content .news .newsblocks .item { padding-top: 6px; } #holder .holder #body .tpl #content .news .newsblocks .item h2 { font: bold 125%/100% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .news .newsblocks .item p { font: 110%/110% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .news .newsblocks .item a, #holder .holder #body .tpl #content .news .newsblocks .item a:visited { margin-bottom: 4px; display: block; height: 19px; font: 110%/100% Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #f73866; text-decoration: none; } #holder .holder #body .tpl #content .news .newsblocks .item a:hover { display: block; font: 110%/100% Verdana, Arial, Helvetica, sans-serif; color: #f73866; text-decoration: underline; } #holder .holder #body .tpl #content .news .newsblocks .first { padding: 0px 0px 6px 0px; background: url(/skins/default/pics/bgDotsPink.gif) bottom repeat-x; } #holder .holder #body .tpl #content .news .newsblocks .item span.dotted_line { padding: 0px 0px 3px 0px; margin-bottom: 3px; display: block; width: 216px; height: 1px; background: url(/skins/default/pics/bgDotsPink.gif) bottom repeat-x; } #holder .holder #body .tpl #content .news ul.lastnewsitems { padding-top: 10px; } /* homeSubBannerNews */ #holder .holder #body .tpl #content .homeSubBannerNews { position: relative; margin-bottom: 10px; padding-top: 10px; width: 435px; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x; overflow:hidden; display:block; } #holder .holder #body .tpl #content .homeSubBannerNews img { float: left; } #holder .holder #body .tpl #content .homeSubBannerNews .item { width: 216px; float: right; } #holder .holder #body .tpl #content .homeSubBannerNews h2 { margin: 0 0 4px 0; font: bold 125%/120% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .homeSubBannerNews p { font: 110%/110% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .homeSubBannerNews .item .intro { font: 110%/110% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content .homeSubBannerNews .item .intro a, #holder .holder #body .tpl #content .homeSub .item .intro a:visited { line-height:130%; color: #2a4d9e; } #holder .holder #body .tpl #content .homeSubBannerNews .bannerBox { width: 20px; float: left; background: none; padding-top: 0px; padding-bottom: 5px; } /* content rail - agenda */ #holder .holder #body .tpl #content .homeSubAgenda { position: relative; margin-bottom: 10px; padding-top: 5px; width: 435px; overflow:hidden; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x; } #holder .holder #body .tpl #content .homeSubAgenda h1 { margin: 5px 0 8px 0; width: 204px; font: bold 170%/110% Verdana, Arial, Helvetica, sans-serif; color: #f73866; } #holder .holder #body .tpl #content .homeSubAgenda ul { position: relative; float: left; margin: 0; width: 204px; list-style: none; } #holder .holder #body .tpl #content .homeSubAgenda ul li { width: 204px; padding: 5px 0 5px 0; color: #000; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x; } #holder .holder #body .tpl #content .homeSubAgenda .itemsLeft { position: relative; float: left; width: 204px; } #holder .holder #body .tpl #content .homeSubAgenda .AgendaItems { position: relative; float: left; } #holder .holder #body .tpl #content .homeSubAgenda .AgendaItems a { padding-bottom: 4px; } #holder .holder #body .tpl #content .homeSubAgenda .itemsRight { position: relative; float: right; width: 218px; } #holder .holder #body .tpl #content .homeSubAgenda .itemsRight .item { padding-top: 5px; padding-bottom: 5px; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x;} #holder .holder #body .tpl #content .homeSubAgenda .itemsRight .firstItem { padding-top: 5px; padding-bottom: 5px; } #holder .holder #body .tpl #content .homeSubAgenda .itemsRight .last { background: url(/skins/default/pics/bgDotsPink.gif) bottom repeat-x; padding: 0 0 10px 0; } #holder .holder #body .tpl #content .homeSubAgenda .bannerBox { position: relative; float: left; width: 204px; overflow: hidden; background: url(../../skins/default/pics/bgDotsPink.gif) top repeat-x; margin-top: 10px; padding: 0 0 10px; } #holder .holder #body .tpl #content .homeSubAgenda .bannerBox a { width: 204px; margin-top: 10px;} /* content rail - dossiers */ #holder .holder #body .tpl #content #dossier { position: relative; margin-bottom: 20px; padding-top: 15px; width: 435px; background: url(../../skins/default/pics/bgDotsPink.gif) top repeat-x; } #holder .holder #body .tpl #content #dossier .dossier { position: relative; float: left; margin-bottom: 20px; padding-bottom: 24px; width: 435px; background: url(../../skins/default/pics/bgDotsPink.gif) bottom repeat-x; } #holder .holder #body .tpl #content #dossier .dossier .dossierBox { position: relative; float: left; padding: 12px 16px; width: 402px; background: #d9e4be; } #holder .holder #body .tpl #content #dossier .dossier .dossierBox img { float: right; } #holder .holder #body .tpl #content #dossier .dossier .dossierBox h2 { font: bold 125%/100% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content #dossier .dossier .dossierBox p { font: 110%/100% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl #content #dossier .dossier .dossierBox a, #holder .holder #body .tpl #content #dossier .dossier .dossierBox a:visited { display: block; margin-top: 5px; font-size: 12px; font-weight: normal; color: #f73866; } #holder .holder #body .tpl #content #dossier .dossier .dossierBox a:hover { font-size: 12px; font-weight: normal; color: #f73866; } /* content rail - split */ #holder .holder #body .tpl #content .split { position: relative; width: 435px; overflow:hidden; } #holder .holder #body .tpl #content .split .item { position: relative; float: left; width: 217px; padding: 15px 11px; } /* content rail - split - #vragen */ #holder .holder #body .tpl #content .split .first { position: relative; width: 178px; overflow:hidden; height: auto; background: #ffebf0; } #holder .holder #body .tpl #content .split .first h2 { font: bold 125%/120% Verdana, Arial, Helvetica, sans-serif; color: #f73866 !important; } #holder .holder #body .tpl #content .split .first p { display: block; font: 110%/100% Verdana, Arial, Helvetica, sans-serif; color: #f73866; } #holder .holder #body .tpl #content .split .first img.reumalijnTelefoon { float: right; } #holder .holder #body .tpl #content .split .first img.reumalijn { margin-top: 14px; } /* content rail - split - #agenda */ #holder .holder #body .tpl #content #split .split #agenda { position: relative; float: left; padding: 6px 0px; width: 200px; height: auto; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x; } #holder .holder #body .tpl #content #split .split #agenda .agenda { position: relative; float: left; width: 200px; height: auto; } #holder .holder #body .tpl #content #split .split #agenda .agenda h2 { padding: 0px 3px; font-size: 21px; font-weight: bold; color: #f73866; line-height: normal; } #holder .holder #body .tpl #content #split .split #agenda .agenda p { float: left; display: block; font-size: 12px; font-weight: normal; color: #f73866; } #holder .holder #body .tpl #content #split .split #agenda .agenda ul { position: relative; float: left; margin: 0; width: 200px; background: url(/skins/default/pics/bgDotsPink.gif) top repeat-x; } #holder .holder #body .tpl #content #split .split #agenda .agenda ul li { position: relative; float: left; padding: 7px 3px; width: 194px; background: url(/skins/default/pics/bgDotsPink.gif) bottom repeat-x; } #holder .holder #body .tpl #content #split .split #agenda .agenda ul li a, #holder .holder #body .tpl #content #split .split #agenda .agenda ul li a:visited { font-size: 12px; color: #f73866; text-decoration: none; } /* content rail - split - #faq */ #holder .holder #body .tpl #content #split .split #faq { position: relative; float: left; margin-bottom: 10px; padding: 6px 0px; width: 200px; height: auto; background: url(/skins/default/pics/bgDotsPink.gif) bottom repeat-x; } #holder .holder #body .tpl #content #split .split #faq .faq { position: relative; float: left; width: 200px; height: auto; } #holder .holder #body .tpl #content #split .split #faq .faq h3 { font-size:125%; font-weight: bold; color: #000000; line-height: normal; } #holder .holder #body .tpl #content #split .split #faq .faq p { float: left; display: block; font-size: 12px; font-weight: normal; color: #000000; } #holder .holder #body .tpl #content #split .split #faq .faq p span { float: left; display: block; font-size: 12px; font-weight: bold; color: #f73866; } #holder .holder #body .tpl #content #split .split #faq .faq p.vraag { margin-bottom: 15px; } #holder .holder #body .tpl #content #split .split #faq .faq a, #holder .holder #body .tpl #content #split .split #faq .faq a:visited { display: block; font: 110%/130% Verdana, Arial, Helvetica, sans-serif; color: #f73866; text-decoration: none; } #holder .holder #body .tpl #content #split .split #faq .faq a:hover { display: block; font: 110%/130% Verdana, Arial, Helvetica, sans-serif; color: #f73866; text-decoration: underline; } /* content rail - split - #tips */ #holder .holder #body .tpl #content #split .split #tips { position: relative; float: left; padding: 6px 0px; width: 200px; height: auto; } #holder .holder #body .tpl #content #split .split #tips .tips { position: relative; float: left; width: 200px; height: auto; } #holder .holder #body .tpl #content #split .split #tips .tips h3 { font-size: 15px; font-weight: bold; color: #000000; line-height: normal; } #holder .holder #body .tpl #content #split .split #tips .tips .tip { position: relative; float: left; margin-bottom: 16px; } #holder .holder #body .tpl #content #split .split #tips .tips .tip img { position: relative; float: left; margin-right: 5px; display: inline; } #holder .holder #body .tpl #content #split .split #tips .tips .tip p { position: relative; float: left; display: inline; } #holder .holder #body .tpl #content #split .split #tips .tips .tip p a, #holder .holder #body .tpl #content #split .split #tips .tips .tip p a:visited { display: block; font: 110%/130% Verdana, Arial, Helvetica, sans-serif; color: #f73866; text-decoration: none; } #holder .holder #body .tpl #content #split .split #tips .tips .tip p a:hover { display: block; font: 110%/130% Verdana, Arial, Helvetica, sans-serif;color: #f73866; text-decoration: underline; } #holder .holder #body .tpl #content #split .split #tips .tips a, #holder .holder #body .tpl #content #split .split #tips .tips a:visited { display: block; font: 110%/130% Verdana, Arial, Helvetica, sans-serif; color: #f73866; text-decoration: none; } #holder .holder #body .tpl #content #split .split #tips .tips a:hover { display: block; font: 110%/130% Verdana, Arial, Helvetica, sans-serif;color: #f73866; text-decoration: underline; } /* content rail small */ #holder .holder #body .tpl .contentRail { position: relative; float: right; margin: 0; padding: 0px; width: 260px; color:#000; } #holder .holder #body .tpl .contentRail a, #holder .holder #body .tpl .contentRail a:link { color: #f73866 !important; } /* content rail small - content Item */ #holder .holder #body .tpl .contentRail .item { position: relative; margin-bottom: 8px; padding-bottom: 8px; width: 260px; overflow:hidden; background: url(/skins/default/pics/bgDotsBordeaux.gif) bottom repeat-x; } #holder .holder #body .tpl .contentRail .item h2 { position: relative; float: left; width: 260px; font: bold 125%/150% Verdana, Arial, Helvetica, sans-serif; } #holder .holder #body .tpl .contentRail .item img.newsTopPic { margin-bottom: 18px; } #holder .holder #body .tpl .contentRail .item p { font: 110%/110% Verdana, Arial, Helvetica, sans-serif; } #holder .holder #body .tpl .contentRail .item a, #holder .holder #body .tpl .contentRail .item a:visited { font: 100%/130% Verdana, Arial, Helvetica, sans-serif; color: #f73866; } #holder .holder #body .tpl .contentRail .item a:hover { text-decoration: underline; } /* content rail small - nieuwsItem */ #holder .holder #body .tpl .contentRail .nieuwsItem { position: relative; margin-bottom: 12px; padding-bottom: 16px; width: 260px; background: url(/skins/default/pics/bgDotsBordeaux.gif) bottom repeat-x; } #holder .holder #body .tpl .contentRail .nieuwsItem h3 { height: 20px; font: 110%/130% Verdana, Arial, Helvetica, sans-serif; color: #a2a2a2; } #holder .holder #body .tpl .contentRail .nieuwsItem h2 { position: relative; float: left; width: 260px; font: bold 125%/150% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl .contentRail .nieuwsItem img.newsTopPic { margin-bottom: 18px; } #holder .holder #body .tpl .contentRail .nieuwsItem p { line-height: normal; } #holder .holder #body .tpl .contentRail .nieuwsItem a, #holder .holder #body .tpl .contentRail .nieuwsItem a:visited { display: block; height: 19px; color: #791730; } /* content rail small - bewegen */ #holder .holder #body .tpl .contentRail #bewegen { position: relative; margin-bottom: 13px; width: 260px; overflow:hidden; } #holder .holder #body .tpl .contentRail #bewegen img { position: relative; float: left; width: 260px; height: auto; } #holder .holder #body .tpl .contentRail #bewegen .bewegen { position: relative; float: left; padding: 12px; width: 236px; height: auto; background: #f1e7ea; } #holder .holder #body .tpl .contentRail #bewegen .bewegen h2 { font: bold 160%/180% Verdana, Arial, Helvetica, sans-serif; } #holder .holder #body .tpl .contentRail #bewegen .bewegen p { font: 110%/130% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl .contentRail #bewegen .bewegen a, #holder .holder #body .tpl .contentRail #bewegen .bewegen a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; } #holder .holder #body .tpl .contentRail #bewegen .bewegen a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; } /* content rail small - in beweging */ #holder .holder #body .tpl .contentRail #inBeweging { position: relative; margin-bottom: 8px; padding: 0; width: 260px; overflow:hidden; /* background: url(/skins/default/pics/bgDotsBordeaux.gif) top repeat-x; */ } #holder .holder #body .tpl .contentRail #inBeweging .inBeweging { position: relative; float: left; padding-bottom: 0px; width: 260px; height: auto; background: url(/skins/default/pics/bgDotsBordeaux.gif) bottom repeat-x; } #holder .holder #body .tpl .contentRail #inBeweging .inBeweging img { float: right; margin: 0 0 4px 4px; } #holder .holder #body .tpl .contentRail #inBeweging .inBeweging h2 { margin-top:1px; font: bold 125%/150% Verdana, Arial, Helvetica, sans-serif; } #holder .holder #body .tpl .contentRail #inBeweging .inBeweging p { margin-bottom: 4px; font: 110%/100% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl .contentRail #inBeweging .inBeweging a, #holder .holder #body .tpl .contentRail #inBeweging .inBeweging a:hover, #holder .holder #body .tpl .contentRail #inBeweging .inBeweging a:visited { position:relative; display:block; padding: 2px 0; height: 14px; width: auto; font: 100%px/130% Verdana, Arial, Helvetica, sans-serif; color: #19578d; } #holder .holder #body .tpl .contentRail #inBeweging .inBeweging a.pdf {width: 124px; padding-right: 26px; background: url(/pics/algemeen/icon_pdf.gif) right 4px no-repeat; } /* content rail small - lid */ #holder .holder #body .tpl .contentRail .lid { position: relative; padding-bottom: 8px; margin-bottom: 10px; width: 260px; overflow:hidden; background: url(/skins/default/pics/bgDotsBordeaux.gif) bottom repeat-x; } #holder .holder #body .tpl .contentRail .lid .item { position: relative; padding: 12px; width: 236px; min-height: 164px; height: auto; background: #f1e7ea; } #holder .holder #body .tpl .contentRail .lid .item h2 { font: bold 160%/180% Verdana, Arial, Helvetica, sans-serif; color: #791730; } #holder .holder #body .tpl .contentRail .lid .item img { position: absolute; right: 0; bottom: 0; } #holder .holder #body .tpl .contentRail .lid .item p { display: block; width: 170px; height: auto; font: 110%/110% Verdana, Arial, Helvetica, sans-serif; color: #000000; } #holder .holder #body .tpl .contentRail .lid .item a, #holder .holder #body .tpl .contentRail .lid .item a:visited { font: 100%/130% Verdana, Arial, Helvetica, sans-serif; color: #f73866; text-decoration: none; } #holder .holder #body .tpl .contentRail .lid .item a:hover { color: #f73866; text-decoration: underline; } #holder .holder #body .tpl .contentRail .last { background: none; } /* rail - zoek */ #body .rail { position: relative; float: right; margin: 0; width: 230px; overflow: hidden; } #MenubyUser ul.MenubyUser li ul { width: 255px; } #jouwBond ul.jouwBond li ul { width: 255px; } #jouwBond ul.jouwBond li ul li ul { left: -253px; width: 253px; } #mijnLeven ul.mijnLeven li ul li ul { width: 218px; }