/*----- WHITESPACE RESET & DEFAULT CLASSES -----*/ html, body { margin: 0; padding: 0; } body { background: #fff url('/img/bg.jpg') 0 0 repeat-x; color: #000; font: 62.5% Arial, Helvetica, sans-serif; } /* Baseline values for browser consistency */ p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; } img { border: 0; } /* force scroll bar in FF for centred sites */ html { height: 100%; margin-bottom: 1px; } /* Element Default Classes */ ul, ol { list-style-position: inside; margin: 0 0 1em; } ul li, ol li { font-size: 12px; margin: 0 0 0.2em; color: #3f3f3f; } hr { background: #95A5B0; color: #95A5B0; border: 0; height: 1px; margin: 10px 0; clear: both; } a:link, a:visited, a:active { color: #741C1B; font-weight: bold; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } a.thumb { border: 1px solid #8d8d8d; display: block; float: left; margin-right: 10px; } a.thumb:hover { border: 1px solid #741C1B; } a.thumb img { float: left; } a.grey { color: #949487!important; text-decoration: underline!important; } a.grey:hover { text-decoration: none!important; } a.back_link, a.back_link:visited { font-size:12px; } a.nofloat { float: none; } a.bt-medium { display: block; width: 83px; height: 24px; float: left; background: url('/img/bg-button-medium.gif') 0 0 no-repeat; color: #722A17!important; text-decoration: none!important; } a.bt-medium:hover { background-position: 0 -24px; } a.bt-ml { display: block; width: 120px; height: 20px; padding-top: 4px; margin: 0 5px 0 0; float: left; text-align: center; background: url('/img/bg-button-ml.gif') 0 0 no-repeat; color: #722A17!important; text-decoration: none!important; } a.bt-ml:hover { background-position: 0 -24px; } a:focus { outline: none; } /* Global classes */ .clear { clear: both; height: 0px; } .left { float: left!important; } .right { float: right!important; } .pad { padding: 10px 0 0 6px; } .pad-2 { padding: 0 0 0 6px; } .nomargin { margin:0; padding:0; } .noborder { border: 0!important; } /* Styling for multiline tooltip */ #dhtmltooltip { position: absolute; width: 150px; padding: 2px; border: 1px solid #8d8d8d; background: #fff; font-size: 11px; visibility: hidden; z-index: 100; opacity: 0.8; /* the standard property */ filter:alpha(opacity=80); /* needed for IE */ } /*----- STRUCTURE -----*/ #container { width: 1010px; position: relative; padding: 10px 0 0; margin: 0 auto; } #adverts { width: 977px; height: 90px; margin: 0 auto 10px; } #head { height: 115px; position: relative; background: #004270 url('/img/bg-head.jpg') 0 0 no-repeat; } #profile { position: absolute; right: 300px; top: 44px; min-width: 200px; height: 31px; } #profile a.profile-signin { position: absolute; bottom: 1px; left: 30px; width: 62px; height: 11px; text-indent: -9999px; background: url('/img/bt-signin-register.gif') 0 0 no-repeat; } #profile a.profile-signin:hover { background-position: 0 bottom; } #profile a.profile-signoff { float: left; margin-top: 2px; margin-left: 5px; width: 62px; height: 11px; text-indent: -9999px; background: url('/img/meld_af.gif') 0 0 no-repeat; } #profile a.profile-signoff:hover { background: url('/img/meld_af_over.gif') 0 0 no-repeat; } #profile a.profile-register { position: absolute; bottom: -1px; right: 30px; width: 69px; height: 13px; text-indent: -9999px; background: url('/img/bt-signin-register.gif') right 0 no-repeat; } #profile a.profile-register:hover { background-position: right bottom; } #search { position: absolute; right: 23px; top: 44px; width: 178px; height: 35px; } #search img { float: left; margin: 0 0 3px; } #search input { width: 151px; height: 15px; float: left; background: #BBCBD5; border: 1px solid #002942; color: #002942!important; } #search input[type=submit] { width: 23px; height: 20px; margin: 0; text-indent: -9999px; background: url('/img/bt-search.gif') 0 0 no-repeat; border: none; color: #BBCBD5; } #pad-content { padding: 0 22px; background: #fff; } #wrap-content { width: 100%; overflow: hidden; background: #f9f9f9; } #breadcrumb { height: 16px; margin: 7px 0 0; padding: 2px 0 0; background: #F1F0EE; } #breadcrumb p, #breadcrumb a { float: left; margin: 0; font-size: 11px; font-weight: bold; color: #949487; } #breadcrumb p { margin-left: 7px; } #breadcrumb a { display: block; float: left; padding: 0 8px; text-decoration: underline; } #breadcrumb a:hover { text-decoration: none; } #fullwidth-feature { width: 950px; margin: 15px 0 30px 16px; } #fullwidth { width: 942px; margin-left: 24px; } #wrap-left-main { width: 790px; float: left; margin: 16px 0 0; } .home #wrap-left-main { margin: 0; } .sect-kontak #wrap-left-main { width: 774px; margin-left: 15px; } .leftcol { width: 300px; float: left; } .home .leftcol { padding-top: 16px; } .home .leftcol2 { padding-top: 0!important; } #main-content { width: 480px; float: right; } .full-article #main-content { width: 472px; } #main-content #logo { display: none; } #rightcol { width: 162px; float: right; margin-top: 16px; } #pillars-foot { clear: both; height: 117px; margin: 40px 0 18px; padding: 0 0 0 22px; } #pillars-foot h2 a { width: 146px; height: 117px; float: left; margin-right: 8px; background: url('/img/pillars-foot.jpg') 0 0 no-repeat; text-indent: -9999px; cursor: pointer; } #pillars-foot h2 a.foot-kos { background-position: -146px 0; } #pillars-foot h2 a.foot-stap { background-position: -292px 0; } #pillars-foot h2 a.foot-fotografie { background-position: -438px 0; } #pillars-foot h2 a.foot-toerusting { background-position: -584px 0; } #pillars-foot h2 a.foot-wiele { background-position: -730px 0; } #foot { clear: both; background: #fff; padding: 10px 0 0; border-bottom: 1px solid #465B71; } #footerlogos { height: 42px; background: url('/img/bg-footerlogos.jpg') 0 0 repeat-x; } #footerlogos ul { list-style: none; margin: 0 0 0 73px; } #footerlogos ul li { float: left; } #footerlogos ul li a { display: block; float: left; margin-right: 91px; height: 42px; background: url('/img/logos.gif') 0 -42px no-repeat; text-indent: -9999px; outline: 0; } #footerlogos ul li a.weg { width: 83px; background-position: 0 -42px; } #footerlogos ul li a.go { width: 51px; background-position: -83px -42px; } #footerlogos ul li a.wegry { width: 96px; background-position: -134px -42px; } #footerlogos ul li a.wegsleep { width: 115px; background-position: -334px -42px; margin-right: 0; } #footerlogos ul li a.driveout { width: 104px; background-position: -230px -42px; } #footerlogos ul li a.weg:hover, #footerlogos ul li.on a.weg { background-position: 0 0; } #footerlogos ul li a.go:hover, #footerlogos ul li.on a.go { background-position: -83px 0; } #footerlogos ul li a.wegry:hover, #footerlogos ul li.on a.wegry { background-position: -134px 0; } #footerlogos ul li a.wegsleep:hover, #footerlogos ul li.on a.wegsleep { background-position: -334px 0; } #footerlogos ul li a.driveout:hover, #footerlogos ul li.on a.driveout { background-position: -230px 0; } /* hidden divs */ #meld-aan { visibility: hidden; position: absolute; left: 410px; top: 190px; width: 200px; min-height: 165px; padding: 10px 10px 0; z-index: 9999; background: url('/img/bg-meldaan.gif') 0 0 no-repeat; } #meld-aan form label { font-size: 11px; color: #626258; margin-top: 10px; } #meld-aan input[type=submit] { margin: 5px 8px 0 0; } #register { visibility: hidden; position: absolute; left: 398px; top: 150px; width: 213px; height: 113px; padding: 7px 0 0 12px; background: url('/img/bg-register.gif') 0 0 no-repeat; } #register p { margin: 0 0 5px; } #register ul li { font-size: 11px; color: #626258; margin: 0; } #forum-dd { visibility: hidden; position: absolute; left: 642px; top: 225px; width: 128px; height: 72px; } /*----- TYPOGRAPHY -----*/ p { font-size: 12px; color: #3f3f3f; margin: 0 0 1em; } p.big, div.big p { font-size: 13px; font-weight: bold; } .small { font-size: 11px!important; } p.maroon, div.maroon p { color: #741C1B; } h3{font-size: 14px;} h3.logo { /* logo */ width: 218px; height: 82px; margin-left: 40px; background: url('/img/logo.jpg') 0 14px no-repeat; text-indent: -9999px; cursor: pointer; } h2 { } /* pillar headings on homepage & pillar foot boxes */ h1 { font-size: 14px; } /* pillar article titles */ #classified_photo h3 { margin: 15px 0; color: #333; text-transform: capitalize; } #classified_photo fieldset { background: #E4E1DC url(/img/bg-epos.gif) repeat-x scroll 0 -35px; } #classified_photo fieldset img { margin-top: 2px; } #ClassifiedAddForm fieldset div label { clear: both; float: none; font-weight: normal; font-size: 14px; color: #444;} h4 { /* Icon headings that change colour per sect */ height: 44px; margin: 0; text-indent: -9999px; cursor: pointer; } .leftcol h4 { width: 265px; } .leftcol #gesels-saam h4 { background: url('/img/head-gesels.gif') 0 0 no-repeat; } .leftcol #nuus-kalender h4 { background: url('/img/frontend/head-watsnuut.gif?1') 0 0 no-repeat !important; } .leftcol #nuus-kalender h4.kalender-only { background: url('/img/head-kalender.gif?1') 0 0 no-repeat; position: relative; } .leftcol #nuus-kalender h4.kalender-only img.image-map { position: absolute; top: 0; left: 0; } .leftcol #nuus-kalender h4.nuus-only { background: url('/img/head-nuus.gif') 0 0 no-repeat; } .leftcol #nuus-kalender h4.nuus-only { background: url('/img/head-nuus.gif') 0 0 no-repeat; } .leftcol #jongste h4 { background: url('/img/head-jongste.gif') 0 0 no-repeat; } .leftcol #argief h4 { background: url('/img/head-argief.gif') 0 0 no-repeat; } .leftcol #intekensentrum h4 { background: url('/img/head-intekensentrum-home.gif') 0 0 no-repeat; cursor: default; } .leftcol #plan-b h4 { background: url('/img/frontend/head-planb.gif') 0 0 no-repeat; } .leftcol #groot-vyf h4 { background: url('/img/frontend/head-grootvyf.gif') 0 0 no-repeat; } div.leftcol #wenke h4 { background: url('/img/frontend/head-wenke.gif') no-repeat; } .sect-bestemmings .leftcol #gesels-saam h4 { background: url('/img/head-bestemmings.gif') 0 0 no-repeat; } .sect-bestemmings .leftcol #nuus-kalender h4 { background: url('/img/head-bestemmings.gif') 0 -132px no-repeat; } .sect-dorpe .leftcol #gesels-saam h4 { background: url('/img/head-bestemmings.gif') 0 0 no-repeat; } .sect-dorpe .leftcol #nuus-kalender h4 { background: url('/img/head-bestemmings.gif') 0 -132px no-repeat; } .sect-dorpe .leftcol #argief h4 { background: url('/img/head-bestemmings.gif') 0 -220px no-repeat; } .sect-kos .leftcol #gesels-saam h4 { background: url('/img/head-kos.gif') 0 0 no-repeat; } .sect-kos .leftcol #nuus-kalender h4 { background: url('/img/head-kos.gif') 0 -132px no-repeat; } .sect-kos .leftcol #argief h4 { background: url('/img/head-kos.gif') 0 -220px no-repeat; } .sect-toerusting .leftcol #gesels-saam h4 { background: url('/img/head-toerusting.gif') 0 0 no-repeat; } .sect-toerusting .leftcol #nuus-kalender h4 { background: url('/img/head-toerusting.gif') 0 -132px no-repeat; } .sect-toerusting .leftcol #argief h4 { background: url('/img/head-toerusting.gif') 0 -220px no-repeat; } .sect-fotografie .leftcol #gesels-saam h4 { background: url('/img/head-fotografie.gif') 0 0 no-repeat; } .sect-fotografie .leftcol #argief h4 { background: url('/img/head-fotografie.gif') 0 -220px no-repeat; } .sect-stap .leftcol #gesels-saam h4 { background: url('/img/head-stap.gif') 0 0 no-repeat; } .sect-stap .leftcol #nuus-kalender h4 { background: url('/img/head-stap.gif') 0 -132px no-repeat; } .sect-stap .leftcol #argief h4 { background: url('/img/head-stap.gif') 0 -220px no-repeat; } .sect-kompetisies .leftcol #die-maand h4 { background: url('/img/head-kompetisies.gif') 0 0 no-repeat; cursor: default; } .sect-kompetisies .leftcol #jongste h4 { background: url('/img/head-kompetisies.gif') 0 bottom no-repeat; } .sect-winkel .leftcol #argief h4 { background: url('/img/head-winkel-main.gif') 0 0 no-repeat; cursor: default; } .sect-winkel .leftcol #jongste h4 { background: url('/img/head-winkel-main.gif') 0 -44px no-repeat; } .sect-winkel .leftcol #getoets h4 { background: url('/img/head-winkel-main.gif') 0 -88px no-repeat; } .sect-adverteer .leftcol #argief h4 { background: url('/img/head-winkel-main.gif') 0 0 no-repeat; cursor: default; } .sect-adverteer .leftcol #jongste h4 { background: url('/img/head-winkel-main.gif') 0 -44px no-repeat; } .sect-intekensentrum .leftcol #hoe-kan h4 { background: url('/img/head-intekensentrum.gif') 0 0 no-repeat; margin-bottom: 7px; } .sect-intekensentrum .leftcol #jongste-inteken h4 { background: url('/img/head-intekensentrum.gif') 0 -44px no-repeat; margin-bottom: 5px; } .sect-intekensentrum .leftcol #jongste h4 { background: url('/img/head-intekensentrum.gif') 0 -88px no-repeat; margin-bottom: 5px; } #rightcol h4 { width: 162px; } #rightcol #pas-anngesluit h4 { background: url('/img/head-pasanngesluit.gif') 0 0 no-repeat; cursor: default; } #rightcol #winkel h4 { background: url('/img/head-winkel.gif') 0 0 no-repeat; } #rightcol #stem h4 { background: url('/img/head-stem.gif') 0 0 no-repeat; cursor: default; } #rightcol #stem_replace h4 { background: url('/img/head-stem.gif') 0 0 no-repeat; cursor: default; } #rightcol #soek h4 { background: url('/img/head-soek-nuus.gif') 0 0 no-repeat; cursor: default; } #rightcol #soek h4.soek-kalender { background: url('/img/frontend/head-soek-kalender.gif') 0 0 no-repeat; cursor: default; } #rightcol #verwante-stories h4 { height: 20px; background: url('/img/head-ver-stories.gif') 0 0 no-repeat; } #rightcol #verwante-fotos h4 { height: 28px; background: url('/img/head-ver-fotos.gif') 0 0 no-repeat; } #rightcol h4.nogplanbs { background: url('/img/head-nogplanbs.gif') 0 0 no-repeat; cursor: default; height: 36px; } #rightcol h4.noggrootvyf { background: url('/img/head-noggrootvyf.gif') 0 0 no-repeat; cursor: default; height: 36px; } #rightcol h4.nogwenke { background: url('/img/head-nogwenke.gif') 0 0 no-repeat; cursor: default; height: 36px; } .sect-bestemmings #rightcol #soek h4 { background: url('/img/head-soek-bestemmings.gif') 0 0 no-repeat; cursor: default; } .sect-dorpe #soek h4 { background: url('/img/head-soek-dorp.gif') 0 0 no-repeat !important; cursor: default; } .sect-kos #rightcol #soek h4 { background: url('/img/head-soek-kos.gif') 0 0 no-repeat; cursor: default; } .sect-kos #rightcol #kooktoerusting h4 { background: url('/img/head-kooktoerusting.gif') 0 0 no-repeat; height: 22px; } .sect-toerusting #rightcol #soek h4 { background: url('/img/head-soek-toerusting.gif') 0 0 no-repeat; cursor: default; } .sect-toerusting #rightcol #winkel h4 { background: url('/img/head-winkel-toerusting.gif') 0 0 no-repeat; } .sect-wiele #rightcol #soek h4 { background: url('/img/head-soek-wiele.gif') 0 0 no-repeat; cursor: default; } .sect-wiele #rightcol #motortoerusting h4 { background: url('/img/head-motortoerusting.gif') 0 0 no-repeat; height: 22px; } .sect-fotografie #soek h4 { background: url('/img/head-soek-fotografie.gif') 0 0 no-repeat !important; cursor: default; } .sect-fotografie #fototoerusting h4 { background: url('/img/head-fototoerusting.gif') 0 0 no-repeat; height: 22px; } .sect-stap #soek h4 { background: url('/img/head-soek-stap.gif') 0 0 no-repeat !important; cursor: default; } .sect-stap #staptoerusting h4 { background: url('/img/head-staptoerusting.gif') 0 0 no-repeat; height: 22px; } .sect-stap #stapkos h4 { background: url('/img/head-stapkos.gif') 0 0 no-repeat; height: 22px; } .sect-kompetisies #winkel h4 { background: url('/img/head-winkel-kompetisies.gif') 0 0 no-repeat; } .sect-kompetisies #stem h4 { background: url('/img/head-stem-kompetisies.gif') 0 0 no-repeat; cursor: default; } .sect-kompetisies #intekensentrum-komp h4 { background: url('/img/head-intekensentrum-komp.gif') 0 0 no-repeat; width: 159px; height: 29px; } .sect-winkel #rightcol #intekensentrum-komp h4 { background: url('/img/head-intekensentrum-komp.gif') 0 0 no-repeat; width: 159px; height: 29px; } .sect-intekensentrum #rightcol #kontak h4 { background: url('/img/head-kontak-intekensentrum.gif') 0 0 no-repeat; } .sect-intekensentrum #rightcol #kompetisies h4 { background: url('/img/head-kompetisies-intekensentrum.gif') 0 0 no-repeat; } .sect-intekensentrum #rightcol #winkel h4 { background: url('/img/head-winkel-kompetisies.gif') 0 0 no-repeat; } .sect-adverteer #rightcol #kontak h4 { background: url('/img/head-kontak-intekensentrum.gif') 0 0 no-repeat; } .sect-kontak #rightcol #kontak h4 { background: url('/img/head-navrae.gif') 0 0 no-repeat; cursor: default; } .sect-kontak #rightcol #vrae h4 { background: url('/img/head-vrae.gif') 0 0 no-repeat; cursor: default; } .argief-main #rightcol #soek h4 { background: url('/img/head-soek-argief.gif') 0 0 no-repeat; cursor: default; } #main-content h4 { width: 480px; height: 41px; } #main-content h4.bepalings { background: url('/img/head-bepalings.gif') 0 0 no-repeat; cursor: default; margin-bottom: 15px; } #main-content .feature-news h4 { background: url('/img/head-nuus-feature.gif') 0 0 no-repeat; cursor: default; } #main-content .feature-kalender h4 { background: url('/img/frontend/head-nuut-feature.gif') 0 0 no-repeat; cursor: default; } #main-content .feature-kos h4 { background: url('/img/head-kos-feature.jpg') 0 0 no-repeat; cursor: default; } #main-content .feature-toerusting h4 { background: url('/img/head-toerusting-feature.gif') 0 0 no-repeat; cursor: default; } #main-content .feature-wiele h4 { background: url('/img/head-wiele-feature.jpg') 0 0 no-repeat; cursor: default; } #main-content .feature-dorpe h4 { background: url('/img/head-dorpe-feature.gif') 0 0 no-repeat; cursor: default; } #main-content #nog-nuus h4 { width: 465px; background: url('/img/head-nog-nuus.gif') 0 0 no-repeat; cursor: default; } #main-content #nuus-sr h4 { width: 465px; background: url('/img/head-nuus-sr.gif') 0 0 no-repeat; cursor: default; } #main-content #kalender-sr h4 { width: 465px; background: url('/img/head-kalender-sr.gif') 0 0 no-repeat; cursor: default; } /* section search results headings */ h4.sr-bestemmings { width: 465px; background: url('/img/head-bestemmings-sr.gif') 0 0 no-repeat; cursor: default; } h4.sr-dorpe { width: 465px; background: url('/img/head-bestemmings-sr.gif') 0 0 no-repeat; cursor: default; } h4.sr-kos { width: 465px; background: url('/img/head-kos-sr.gif') 0 0 no-repeat; cursor: default; } h4.sr-stap { width: 465px; background: url('/img/head-stap-sr.gif') 0 0 no-repeat; cursor: default; } h4.sr-fotografie { width: 465px; background: url('/img/head-fotografie-sr.gif') 0 0 no-repeat !important; cursor: default; } h4.sr-toerusting { width: 465px; background: url('/img/head-toerusting-sr.gif') 0 0 no-repeat; cursor: default; } h4.sr-wiele { width: 465px; background: url('/img/head-wiele-sr.gif') 0 0 no-repeat; cursor: default; } #main-content #nog-doendinge h4 { width: 465px; background: url('/img/head-nog-doendinge.gif') 0 0 no-repeat; cursor: default; } #main-content .article h4 { width: 197px; height: 20px; background: url('/img/head-lewer.gif') 0 0 no-repeat; cursor:default; } #main-content .comments h4 { width: 465px; height: 36px; background: url('/img/head-kommentaar.gif') 0 0 no-repeat; cursor:default; } #main-content .feature-kompetisies h4 { background: url('/img/head-kompetisies-feature.gif') 0 0 no-repeat; cursor: default; } #main-content .feature-intekensentrum h4 { background: url('/img/head-intekensentrum-feature.gif') 0 0 no-repeat; cursor: default; } #main-content h4.head-leser { background: url('/img/head-leser-bydrae.gif') 0 0 no-repeat; cursor: default; } #main-content .feature-winkel h4 { background: url('/img/head-winkel-feature.gif') 0 0 no-repeat; cursor: default; } #main-content .winkel-personal h4 { background-position: 0 -41px; } #main-content .winkel-cc h4 { background-position: 0 -82px; } #main-content .winkel-confirmation h4 { background-position: 0 -123px; } #main-content .winkel-kalahari h4 { background: url('/img/head-winkel-feature.gif') 0 -164px no-repeat; } #main-content .feature-adverteer h4 { background: url('/img/head-adverteer-feature.gif') 0 0 no-repeat; cursor: default; } div.feature-multimedia h4 { background: url('/img/head-multimedia-feature.gif') 0 0 no-repeat; cursor: default; height: 41px; } #wrap-content #rightcol div.multimedia-filter-form h4 { width: 161px; height: 41px; background: url('/img/bt-multimedia-soek.gif') 0 0 no-repeat; } div.feature-multimedia { margin:0px 0px 10px 0px; font-size: 12px; } #main-content #feature-bestemmings h4 { background: url('/img/head-bestemmings-feature.jpg') 0 0 no-repeat; cursor: default; } #main-content #feature-stap h4 { background: url('/img/head-stap-feature.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-stap h4 { width: 465px; background: url('/img/head-stapstories.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-bestemmings h4 { width: 465px; background: url('/img/head-dorpe-sr.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-namibia h4 { width: 465px; background: url('/img/head-namibia.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-multimedia h4 { width: 465px; background: url('/img/head-nog-multimedia.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-dorpe h4 { width: 465px; background: url('/img/head-nog-dorpe.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-kos h4 { width: 465px; background: url('/img/head-nog-resepte.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-toerusting h4 { width: 465px; background: url('/img/head-ons-toets.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-az h4 { width: 465px; background: url('/img/head-az.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-wiele h4 { width: 465px; background: url('/img/head-nog-artikels.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-kompetisies h4 { width: 465px; background: url('/img/head-nog-kompetisies.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-winkel h4 { width: 465px; height: 22px; background: url('/img/head-nog-tekoop.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-kalahari h4 { width: 465px; background: url('/img/head-kalahari.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-mags h4 { width: 465px; background: url('/img/head-argief_head.gif') 0 0 no-repeat; cursor: default; } #main-content .article-list-bestemmings { position: relative;} #main-content .article-list-stap { position: relative;} #feature-fotografie h4 { background: url('/img/head-fotografie-feature.jpg') 0 0 no-repeat; cursor: default; height: 41px; } #fotopret h4 { background: url('/img/head-fotopret.jpg') 0 0 no-repeat; cursor: default; width: 472px; height: 35px; } #fotogalery h4, #categories h4 { background: url('/img/head-fotogalery.jpg') 0 0 no-repeat; cursor: default; width: 472px; height: 35px; } #main-content #foto-grootvyf h4 { width: 472px; background: url('/img/head-grootvyf-fotografie.gif') 0 0 no-repeat; cursor: default; margin: 0 0 15px; } .sect-kontak #wrap-left-main h4 { width: 774px; background: url('/img/head-kontakons.gif') 0 0 no-repeat; cursor: default; } .sect-kontak #wrap-left-main .pad h4 { width: 766px; background: url('/img/head-sodoen.gif') 0 0 no-repeat; cursor: default; } .sect-marklpein #fullwidth-feature h4 { width: 950px; background: url('/img/head-markplein-feature.gif') 0 0 no-repeat; cursor: default; } .sect-marklpein #fullwidth h4 { width: 942px; height: 25px; background: url('/img/head-jongste-inligting.gif') 0 0 no-repeat; cursor: default; } .sect-marklpein #fullwidth h4.markplein-sr { width: 941px; float: right; margin: 0; background: url('/img/head-markplain-sr.gif') 0 0 no-repeat; } .sect-marklpein #fullwidth-feature #soek h4 { width: 162px; background: url('/img/head-soek-markplein.gif') 0 0 no-repeat; cursor: default; } .argief-main h4 { background: url('/img/head-argief-feature.gif') 0 0 no-repeat; cursor: default; } /* toerusting section headings */ #main-content h4.toe-fietstoerusting { background: url('/img/head-toe-fietstoerusting.gif') 0 0 no-repeat; cursor: default; } #main-content h4.toe-fototoerusting { background: url('/img/head-toe-fototoerusting.gif') 0 0 no-repeat; cursor: default; } #main-content h4.toe-kamptoerusting { background: url('/img/head-toe-kamptoerusting.gif') 0 0 no-repeat; cursor: default; } #main-content h4.toe-seetoerusting { background: url('/img/head-toe-seetoerusting.gif') 0 0 no-repeat; cursor: default; } #main-content h4.toe-staptoerusting { background: url('/img/head-toe-staptoerusting.gif') 0 0 no-repeat; cursor: default; } #main-content h4.toe-wieletoerusting { background: url('/img/head-toe-wieletoerusting.gif') 0 0 no-repeat; cursor: default; } /* kos section headings */ #main-content h4.kos-brood { background: url('/img/head-kos-brood.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-kosvirbaiemense { background: url('/img/head-kos-kosvirbaiemense.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-kosvirkinders { background: url('/img/head-kos-kosvirkinders.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-poeding { background: url('/img/head-kos-poeding.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-seekos { background: url('/img/head-kos-seekos.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-slaai { background: url('/img/head-kos-slaai.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-stapkos { background: url('/img/head-kos-stapkos.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-vleisdisse { background: url('/img/head-kos-vleisdisse.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-kuberkos { background: url('/img/head-nog-kuberkok.gif') 0 0 no-repeat; cursor: default; } #main-content h4.kos-braai { background: url('/img/head-kos-braai.gif') 0 0 no-repeat; cursor: default; } h5 { font-size: 12px; } h6 { width: 200px; } /* expandable headings */ h6 span { display: block; width: 170px; padding: 5px 0 5px 30px; margin: 0 0 5px; font-size: 12px; font-weight: bold; cursor: pointer; } h6.on span { background-position: -200px 0!important; } .sect-kontak h6.on span { background-position: -225px 0!important; } .sect-stap h6.on span { background-position: -400px 0!important; } .sect-kontak h6 span a { color: #002843; } .sect-bestemmings h6 { background: url('/img/bg-head-h6.gif') -400px bottom no-repeat; } .sect-dorpe h6 { background: url('/img/bg-head-h6.gif') -400px bottom no-repeat; } .sect-kos h6 { background: url('/img/bg-head-h6-kos.gif') -400px bottom no-repeat; } .sect-stap h6 { width: 200px; background: url('/img/bg-head-h6-stap.gif') -800px bottom no-repeat; } .sect-stap h6#stap-h6 { width: 200px; background: url('/img/bg-head-h6-stap2.gif') -400px bottom no-repeat; color: #285A80; } .sect-toerusting h6 { background: url('/img/bg-head-h6-toerusting.gif') -400px bottom no-repeat; } .sect-wiele h6 { background: url('/img/bg-head-h6-wiele.gif') -400px bottom no-repeat; } .sect-kontak h6 { background: url('/img/bg-head-h6-kontak.gif') -450px bottom no-repeat; width: 225px; } .sect-bestemmings h6 span { background: url('/img/bg-head-h6.gif') 0 0 no-repeat; color: #3F5726; } .sect-dorpe h6 span { background: url('/img/bg-head-h6.gif') 0 0 no-repeat; color: #3F5726; } .sect-kos h6 span { background: url('/img/bg-head-h6-kos.gif') 0 0 no-repeat; color: #C46000; } .sect-stap h6 span { width: 175px; padding: 5px 0 5px 25px; background: url('/img/bg-head-h6-stap.gif') 0 0 no-repeat; color: #285A80; } .sect-stap h6 span span { width: auto; background: none; padding: 0; margin: 0; } .sect-stap h6 span span.day { color: #fff; margin: 1px 0 13px 0; } .sect-stap h6 span span.distance { margin: 1px 10px 13px 0; float: right; } .sect-stap h6 span span.subheading { margin: 0 10px 3px -10px; } .sect-stap h6#stap-h6 span { width: 170px; background: url('/img/bg-head-h6-stap2.gif') 0 0 no-repeat; color: #285A80; display: block; padding: 5px 0 5px 30px; margin: 0 0 5px; font-size: 12px; font-weight: bold; cursor: pointer; } .sect-stap h6.on span#stap-h6-on { background: url('/img/bg-head-h6-stap2.gif') -200px 0 no-repeat!important; } .walksubheading { color:#285A80; font-size:12px; font-weight:bold; } .sect-toerusting h6 span { background: url('/img/bg-head-h6-toerusting.gif') 0 0 no-repeat; color: #74342B; } .sect-wiele h6 span { background: url('/img/bg-head-h6-wiele.gif') 0 0 no-repeat; color: #555; } .sect-kontak h6 span { background: url('/img/bg-head-h6-kontak.gif') 0 0 no-repeat; color: #002843; width: 195px; } /*--------- IMAGES ---------*/ .banner728 { width: 728px; height: 90px; float: left; } .banner230 { width: 239px; height: 97px; float: right; } .banner300 { width: 300px; height: 250px; } .banner468 { width: 468px; height: 120px; float: left; margin: 10px 0 10px; } .banner160 { width: 160px; height: 600px; } .banner_split { width: 76px; height: 90px; float: right; } #top_banner_image{ float: right; background: url('/img/frontend/weg_header_left.gif') 0 0 no-repeat; height: 90px; width:160px; text-align:center; } #top_banner_image a { margin:40px 18px 0 5px; display:block; font-weight:bold !important; color:#741C1B; font:123% Arial,Helvetica,sans-serif !important; } /*------- NAVIGATION -------*/ #head ul { list-style: none; list-style-position: outside; position: absolute; left: 0; bottom: 0; width: 1005px; height: 20px; overflow: hidden; margin: 0; padding: 5px 0 0 5px; background: #002843; } #head ul li { float: left; color: #CED3D6; font-weight: bold; } #head ul li a { display: block; float: left; color: #fff; text-decoration: none; text-transform: capitalize; padding: 0 14px; } #head ul li a:hover, #head ul li a.on { color: #FEF305; } ul.toolinks, ul.toolinks-news, ul.toolinks-bestemmings, ul.toolinks-kos, ul.toolinks-toerusting, ul.toolinks-wiele, ul.toolinks-fotografie, ul.toolinks-stap, ul.toolinks-markplein { list-style: none; list-style-position: outside; width: 150px; height: 153px; padding: 6px 6px 0; margin: 0 0 20px; background: #A4C739 url('/img/bg-toollinks.gif') 0 0 no-repeat; } ul.toolinks { height: 115px; } ul.toolinks-news, ul.toolinks-bestemmings, ul.toolinks-kos, ul.toolinks-toerusting, ul.toolinks-wiele, ul.toolinks-fotografie, ul.toolinks-stap, ul.toolinks-markplein { clear: both; height: 39px; margin: 15px 0 20px; background: #A4C739 url('/img/bg-toollinks-news.gif') 0 0 no-repeat; } ul.toolinks-kos { height: 39px; background: #A4C739 url('/img/bg-toollinks-news.gif') 0 0 no-repeat; } ul.toolinks li, ul.toolinks-news li, ul.toolinks-bestemmings li, ul.toolinks-stap li, ul.toolinks-markplein li, ul.toolinks-kos li, ul.toolinks-toerusting li, ul.toolinks-wiele li, ul.toolinks-fotografie li { margin: 0 0 5px; } ul.toolinks li a, ul.toolinks-news li a, ul.toolinks-bestemmings li a, ul.toolinks-stap li a, ul.toolinks-markplein li a, ul.toolinks-kos li a, ul.toolinks-toerusting li a, ul.toolinks-wiele li a, ul.toolinks-fotografie li a { display: block; width: 150px; height: 33px; background: url('/img/toollinks.gif') 0 0 no-repeat; text-indent: -9999px; } ul.toolinks li.toetspaneel { display: none; } ul.toolinks li.toetspaneel a { background-position: 0 -33px; } ul.toolinks li.resepte a { background-position: 0 -66px; } ul.toolinks li.reisstorie a { background-position: 0 -99px; } ul.toolinks li.medewerker a:hover { background-position: -150px 0; } ul.toolinks li.toetspaneel a:hover { background-position: -150px -33px; } ul.toolinks li.resepte a:hover { background-position: -150px -66px; } ul.toolinks li.reisstorie a:hover { background-position: -150px -99px; } ul.toolinks-news li a { background: url('/img/toollinks-news.gif') 0 0 no-repeat; } ul.toolinks-calender li a { background: url('/img/toollinks-calender.gif') 0 0 no-repeat; } ul.toolinks-news li a:hover, ul.toolinks-bestemmings li a:hover, ul.toolinks-stap li a:hover { background-position: -150px 0; } ul.toolinks-bestemmings li a { background: url('/img/toollinks-bestemmings.gif') 0 0 no-repeat; } ul.toolinks-stap li a { background: url('/img/toollinks-stap.gif') 0 0 no-repeat; } ul.toolinks-kos li.laairesep a { background: url('/img/toollinks-kos.gif') 0 0 no-repeat; } ul.toolinks-kos li.proepaneel a { background: url('/img/toollinks-kos.gif') 0 -33px no-repeat; } ul.toolinks-kos li.laairesep a:hover { background-position: -150px 0; } ul.toolinks-kos li.proepaneel a:hover { background-position: -150px -33px; } ul.toolinks-toerusting li a { background: url('/img/toollinks-toerusting.gif') 0 0 no-repeat; } ul.toolinks-toerusting li a:hover { background-position: -150px 0; } ul.toolinks-wiele li a { background: url('/img/toollinks-wiele.gif') 0 0 no-repeat; } ul.toolinks-wiele li a:hover { background-position: -150px 0; } ul.toolinks-fotografie li a { background: url('/img/toollinks-fotografie.gif') 0 0 no-repeat; } ul.toolinks-fotografie li a:hover { background-position: -150px 0; } .mp-verblyf ul.toolinks-markplein li a { background: url('/img/toollinks-markplein.gif') 0 0 no-repeat; } .mp-toerusting ul.toolinks-markplein li a { background: url('/img/toollinks-markplein.gif') 0 -33px no-repeat; } .mp-motors ul.toolinks-markplein li a { background: url('/img/toollinks-markplein.gif') 0 -66px no-repeat; } .mp-reismaats ul.toolinks-markplein li a { background: url('/img/toollinks-markplein.gif') 0 -99px no-repeat; } .mp-verblyf ul.toolinks-markplein li a:hover { background: url('/img/toollinks-markplein.gif') -150px 0 no-repeat; } .mp-toerusting ul.toolinks-markplein li a:hover { background: url('/img/toollinks-markplein.gif') -150px -33px no-repeat; } .mp-motors ul.toolinks-markplein li a:hover { background: url('/img/toollinks-markplein.gif') -150px -66px no-repeat; } .mp-reismaats ul.toolinks-markplein li a:hover { background: url('/img/toollinks-markplein.gif') -150px -99px no-repeat; } #foot ul { list-style: none; list-style-position: outside; width: 966px; height: 20px; margin: 0; padding: 0; background: #12416E; } #foot ul li { float: left; margin: 0; } #foot ul li a { display: block; float: left; height: 20px; background: url('/img/ul-footer.gif') 0 0 no-repeat; text-indent: -9999px; } #foot ul li.kompetisies a { width: 190px; margin-left: 18px; } #foot ul li.kontak a { width: 175px; background-position: -190px 0;} #foot ul li.adverteer a { width: 165px; background-position: -365px 0; } #foot ul li.teken a { width: 160px; background-position: -540px 0; } #foot ul li.bepalings a { width: 200px; background-position: -702px 0; } #foot ul li.argief a { width: 50px; background-position: -925px 0; } #foot ul li.kompetisies a:hover, #foot ul li.kompetisies a.on { background-position: 0 bottom; } #foot ul li.kontak a:hover, #foot ul li.kontak a.on { background-position: -190px bottom; } #foot ul li.adverteer a:hover, #foot ul li.adverteer a.on { background-position: -365px bottom; } #foot ul li.teken a:hover, #foot ul li.teken a.on { background-position: -540px bottom; } #foot ul li.bepalings a:hover, #foot ul li.bepalings a.on { background-position: -702px bottom; } #foot ul li.argief a:hover, #foot ul li.argief a.on { background-position: -925px bottom; } /*------ FORM ELEMENTS ------*/ form, form fieldset, fieldset { margin: 0; padding: 0; border: none; } form label { display: block; float: left; font-size: 1.2em; cursor: pointer; } /*-- really needed screws up the basket confirmation page --*/ /* form span { font-size: 1.2em; } */ input, select, textarea { font: 1.2em Arial, Helvetica, sans-serif; height: 20px; margin: 0; color: #404040; } select { cursor: pointer; } input { height: 18px; padding-top: 2px; } input[type=checkbox], input[type=radio] { width: auto; margin: 0; float: left; clear: left; } input[type=submit] { color: #741C1B!important; font-weight: bold; padding: 0; margin: 0 0 0 5px; border: none; cursor: pointer; } input[type=submit]:focus { outline: 0; } /*------------------------ PAGE SPECIFIC STYLES -----------------------------*/ /*--------- Home / Tuis ----------*/ /* structure */ #feature-home { width: 490px; height: 294px; float: right; margin-bottom: 12px; } #feature-home * { float: left; } #pillars-home { clear: both; padding-left: 1px; } #main-home { width: 472px; float: right; } /* leftcol */ #gesels-saam { width: 265px; margin: 0 0 0 16px; } #gesels-saam ul, #verwante-stories ul, #verwante-fotos ul { list-style: none; margin: 8px 0 5px 7px; list-style-position: outside; float: left; } #verwante-stories ul,#verwante-fotos ul { margin: 10px 0; } #gesels-saam ul li { width: 258px; float: left; } #verwante-stories ul li { width: 150px; float: left; } #gesels-saam ul li span.right { color: #FE7726; } #gesels-saam ul li a, #verwante-stories ul li a, #verwante-fotos ul li a { display: block; float: left; margin: 0; font-weight: normal; color: #3f3f3f; } #verwante-stories ul li a h5 { font-size: 11px; } #gesels-saam ul li a span, #verwante-stories ul li a span,#verwante-fotos ul li a span { font-weight: bold; color: #285C84; } #gesels-saam h5, #verwante-stories h5, #verwante-fotos h5 { font-weight: normal; clear: none; } #gesels-saam p { margin: 0; } #gesels-saam p a, #pas-anngesluit p a, #winkel p a, #kooktoerusting p a, #motortoerusting p a, #fototoerusting p a, #staptoerusting p a, #stapkos p a, #kompetisies p a { color: #949487; text-decoration: underline; } #gesels-saam p a:hover, #pas-anngesluit p a:hover, #winkel p a:hover, #kompetisies p a:hover, #kooktoerusting p a:hover, #motortoerusting p a:hover, #fototoerusting p a:hover, #staptoerusting p a:hover, #stapkos p a:hover { text-decoration: none; } #nuus-kalender { clear:both; width: 265px; max-height: 180px; margin: 0 0 0 16px; position: relative; overflow: hidden; } #fotowenke { clear:both; width: 265px; max-height: 160px; margin: 0 0 0 16px; position: relative; overflow: hidden; } #jongste { clear:both; width: 265px; max-height: 200px; margin: 0 0 0 16px; position: relative; overflow: hidden; } span#prevBtn a, span#nextBtn a { position: absolute; top: 18px; right: 16px; display: block; width: 16px; height: 22px; background: url('/img/arrows.gif') 0 0 no-repeat; text-indent: -9999px; } span#prevBtn a { position: absolute; top: 18px; right: 0; background-position: right 0; } span#prevBtn2 a, span#nextBtn2 a { position: absolute; top: 18px; right: 16px; display: block; width: 16px; height: 22px; background: url('/img/arrows.gif') 0 0 no-repeat; text-indent: -9999px; } span#prevBtn2 a { position: absolute; top: 18px; right: 0; background-position: right 0; } .event-intro { margin-top: 10px; width: 267px; font-size: 0.8em; text-align:left;} #nuus-kalender img.thumb, #jongste img.thumb { float: left; } #nuus-kalender h5, #nuus-kalender p { margin: 0; } p.date { color: #8e8e8e; font-weight: bold; } #jongste, #argief, #intekensentrum { width: 265px; overflow: auto; /* clears divs with floated elements */ margin: 30px 0 0 16px; } #argief { margin-top: 20px; } #argief .pad { padding-right: 0; } #jongste { position: relative; margin:0 0 30px 16px; overflow: hidden; } #jongste span.date { color: #8d8d8d; font-size: 11px; font-weight: bold; position: absolute; left: 49px; top: 23px; } #jongste p { padding: 12px 0 0; margin: 0; line-height: 16px; font-size:12px; text-align: left;} #jongste img.quotes-open { float: left; padding: 0 10px 0 0; } #jongste img.quotes-close { float: right; } #argief input[type=text], #meld-aan input[type=text], #meld-aan input[type=password] { width: 200px; float: left; margin-right: 5px; background: #f3f3f3; border: 1px solid #BBB6B2; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #argief input[type=text] { height: 19px; margin-right: 0; } #argief input[type=submit], #searchFilter input.search, #stem input[type=submit], #submit_vote, #soek input[type=submit], .article input[type=submit], #teken-in input[type=submit], #epos form input.bt-stuur, #form form input.bt-stuur, .komp-detail input.bt-stuur, input.bt-stuur, #classified_add form span#bt-save input, #basket p.pay a { width: 46px; height: 24px; background: url('/img/bg-button-small.gif') 0 0 no-repeat; } #submit_vote { display: block; float: left; padding: 5px 0 0 8px; width: 38px; height: 19px; } #submit_vote:hover { text-decoration: none; } #soek input.bt-az { width: 157px; height: 20px; background: url('/img/bg-button-large.gif') 0 0 no-repeat; text-align: center; padding-top: 4px; float: left; margin: 0 0 15px; color: #741C1B; font-weight: bold; border: none; cursor: pointer; } #intekensentrum form, #stem form { padding: 0; } #intekensentrum form label, #stem form label { margin: 1px 0 7px 5px; width: 120px; } #intekensentrum-komp form label { width: 120px; } #intekensentrum form label { width: 230px!important; } #meldaanajax input[type=button], #intekensentrum input[type=submit], input.registreer-form-submit, #meld-aan input[type=submit], #intekensentrum-komp input[type=submit], #hoe-kan input[type=submit], .feature-intekensentrum input[type=submit], a.bt-medium { width: 83px; height: 24px; float: right; background: url('/img/bg-button-medium.gif') 0 0 no-repeat; } #intekensentrum-komp input[type=submit] { float: left; margin: 10px 0 10px 30px; } /* stem results */ #stem form { margin-bottom: 10px; } #stem form fieldset { border: none; } #stem form p { color: #444; margin: 0; clear: both; } #stem .result { width: 128px; height: 10px; border: 1px solid #C4D1D9; background: #EFF3F5; margin: 0 3px 5px 0; float: left; } #stem p.percent { font-size: 11px; color: #222; margin: 0; clear: none; float: left; } .percentage-1, .percentage-2, .percentage-3, .percentage-4 { height: 10px; background: url(/img/bg-result.jpg) 0 0 repeat-x; } .percentage-1 { width: 1%; } .percentage-2 { width: 1%; } .percentage-3 { width: 1%; } .percentage-4 { width: 1%; } /* pillars */ #pillars-home .pillar { position: relative; float: left; width: 248px; height: 110px; margin-left: 15px; margin-bottom: 20px; } .pillar h2 { width: 248px; height: 44px; background: url('/img/head-pillars.jpg') 0 0 no-repeat; text-indent: -9999px; cursor: pointer; } #kos h2 { background-position: 0 -44px; } #stap h2 { background-position: 0 -88px; } #fotografie h2 { background-position: 0 -132px; } #toerusting h2 { background-position: 0 -176px; } #wiele h2 { background-position: 0 -220px; } #pillars-home .pillar .article-intro { height: 100px; margin: 4px 0 0 7px; } #pillars-home .pillar .article-intro img { float: left; } #pillars-home .pillar .article-intro h3 { font-size: 12px; margin: 0; } #pillars-home .pillar .links { position: absolute; bottom: 0; left: 0; width: 248px; height: 46px; } #pillars-home .pillar .links ul { list-style: none; margin: 0; padding: 0; } #pillars-home .pillar .links ul li { float: right; margin: 0; padding: 0; overflow: hidden; } #pillars-home .pillar .links ul li a { display: block; height: 19px; width: 241px; margin: 0; padding: 3px 0 0 7px; border-bottom: 1px solid #CCD3D8; font-weight: bold; } #bestemmings a span { color: #546F38; } #kos a span { color: #C45F00; } #stap a span { color: #285C84; } #fotografie a span { color: #F7AF00; } #toerusting a span { color: #722A17; } #wiele a span { color: #575451; } /* code for new layout */ #pillars-home h4 { width: 774px; height: 41px; float: right; background: url('/img/head-jou-reis.jpg') 0 0 no-repeat; margin: 0 0 6px; } #pillars-home a.multimedia, #pillars-home a.bestemmings, #pillars-home a.kos, #pillars-home a.stap, #pillars-home a.fotografie, #pillars-home a.toerusting, #pillars-home a.wiele { font-size: 12px; font-weight: bold; color: #fff; display: block; float: left; padding: 2px 5px; margin: 0 0 4px; } #pillars-home a.bestemmings { background: #546F38; } #pillars-home a.kos { background: #C45F00; } #pillars-home a.stap { background: #285C84; } #pillars-home a.fotografie { background: #F7AF00; } #pillars-home a.toerusting { background: #722A17; } #pillars-home a.wiele { background: #575451; } #pillars-home a.multimedia { background: #0D5E95; } #pillars-home a.thumb { margin: 0 5px 0 0!important; } #pillars-home div.content { width: 130px; float: left; } /*********************/ #fotografie p { margin: 0; } #fotografie div.article-intro div.left { width: 120px; } #fotografie p.yellow { background: #F8B10B; color: #fff; font-weight: bold; padding: 2px 5px; margin: 0 0 6px; } #fotografie p.yellow a, #fotografie p.yellow a:visited { color: #fff; text-decoration: none; } #fotografie p.rate a, #fotografie p.rate a:visited { color: #000; font-weight: normal; text-decoration: none; } #fotografie label { float: left; margin-right: 12px; cursor: pointer; font-size: 12px; } #fotografie input.radio { float: left; margin-right: 5px; clear: none; } /* main content */ #vid-pod { width: 472px; height: 340px; margin: 0 0 20px; } #skyfievertoning { width: 472px; height: 279px; clear: both; background: url('/img/bg-skyfie.gif') 0 bottom no-repeat; } #skyfievertoning .pad { padding: 10px 0 0 5px; position: relative; } #skyfievertoning .fotoreel { position: absolute; left: 5px; top: 72px; width: 461px; height: 110px; } #skyfievertoning .fotolist { width:429px; float:left; } .fotoreel table td { font-size: 12px; text-align: center; } .fotoreel table td.border { border: 1px solid #fff; width: 129px; } .fotoreel table td a.thumb { margin: 0; } .fotoreel table td img { float: left; } .fotoreel table td p a { padding: 5px 0 0; margin: 0; } .fotoreel a.scroll-back { display: block; float: left; width: 12px; height: 53px; margin-right: 4px; background: url('/img/arrows-fotoreel.gif') 0 0 no-repeat; } .fotoreel a.scroll-forward { display: block; float: right; width: 13px; height: 53px; background: url('/img/arrows-fotoreel.gif') right 0 no-repeat; } #skyfievertoning p { margin-left: 25px; color: #fff100; } #skyfievertoning p.foto-argief { margin: 200px 0 0 25px; } #skyfievertoning .jcarousel-item a.thumb { border: 1px solid #015591; } #skyfievertoning .jcarousel-item a { color: #fff100; } #skyfievertoning p a { color: #fff100; text-decoration: underline; } #skyfievertoning p a:hover { text-decoration: none; } /* rightcol */ #pas-anngesluit { width: 100%; overflow: auto; margin: 0 0 8px; } #pas-anngesluit .pad { padding: 7px 0 0 9px; } #pas-anngesluit p.right a { margin-right: 18px; } #pas-anngesluit .member { width: 62px; margin-right: 14px; float: left; margin-bottom: 5px; } #pas-anngesluit .member img { float: left; width: 60px; height: 60px; } #pas-anngesluit .member p { text-align: center; margin: 0 0 3px; } #pas-anngesluit .member a.thumb { margin: 0; } #pas-anngesluit .member p a { font-size: 10px; color: #741C1B; text-decoration: none; } #pas-anngesluit .member p a:hover { text-decoration: underline; } #winkel, #stem, #stem_replace, #kooktoerusting, #motortoerusting, #fototoerusting { margin-top: 18px; } #motortoerusting, #kooktoerusting { margin-bottom: 15px; } #winkel .pad, #kompetisies .pad { padding: 10px 15px 0 6px; } #kooktoerusting .pad, #motortoerusting .pad, #fototoerusting .pad, #staptoerusting .pad, #stapkos .pad { padding: 10px 15px 0 1px; } #winkel .pad img, #kompetisies .pad img, #kooktoerusting .pad img, #motortoerusting .pad img, #fototoerusting .pad img, #staptoerusting .pad img, #stapkos .pad img { float: left; } #winkel a.thumb, #kompetisies a.thumb, #kooktoerusting a.thumb, #motortoerusting a.thumb, #fototoerusting a.thumb, #staptoerusting a.thumb, #stapkos a.thumb { margin: 0 18px 10px 0; } #winkel p, #kompetisies p, #kooktoerusting p, #motortoerusting p, #fototoerusting p, #staptoerusting p, #stapkos p { margin: 0 0 5px; } #stem input[type=submit] { float: right; margin: 5px 20px 0 0; } a.bt-markplein { display: block; width: 149px; height: 94px; margin: 20px 0 0; background: url('/img/bt-markplein.gif') 0 0 no-repeat; } a.bt-markplein:hover { background-position: -149px 0; } /*--------- Left & right col boxes ----------*/ /* leftcol */ #plan-b, #groot-vyf, #wenke { width: 265px; margin: 0 0 0 16px; } #wenke { margin-top: 20px; } #plan-b ol, #groot-vyf ol, .wenke ol { margin: 6px 0; } #plan-b ol li a, #groot-vyf ol li a, .wenke ol li a, .wenke ol li a:visited { color: #3f3f3f; font-weight: normal; } #plan-b p a, #groot-vyf p a, .wenke p a, .wenke p a:visited { color: #949487; text-decoration: underline; } #plan-b p a:hover, #groot-vyf p a:hover, .wenke p a:hover { text-decoration: none; } #argief select { width: 202px; height: 22px; margin: 0 0 10px; background: #fff; border: 1px solid #bbb6b2; } .argief-extended input.search-archive { height: 16px!important; float: left; padding-top: 3px; background: #fff!important; border: 1px solid #bbb6b2!important; } div.kalender-only, div.nuus-only { clear: both; margin-top: 20px!important; } /* rightcol */ #soek form { margin-top: 15px; } #soek select, #soek input, #nog select { width: 158px; background: #fff; border: 1px solid #a0a0a0; margin: 0 0 14px; height: 22px; } #soek select, #nog select { width: 160px; } #soek input { height: 18px; } #soek input[type=submit] { border: none; margin: 0; float: right; } /*-------------- News landing page - main content -------------*/ #feature-landing .pad { padding: 10px; margin-left: 7px; height: 163px; overflow: hidden; background: #e4e1dc url('/img/bg-news-feature.gif') right bottom no-repeat!important; border-left: 1px solid #959595; } #feature-landing img { float: left; } #feature-landing h5 { margin: 0 0 7px; font-weight: bold; font-size: 14px; color: #741C1B; } .feature-kalender h5 { margin: 0 0 2px!important; } #feature-landing h5 a { color: #002843; } #feature-landing p { margin: 0 0 8px; line-height: 14px; } #feature-landing p a { color: #939486; text-decoration: underline; } #feature-landing p a:hover { text-decoration: none; } #nog-nuus, #nog-doendinge, #nuus-sr, #kalender-sr { padding: 25px 0 0 7px; } .news-teaser { width: 220px; padding-right: 15px; float: left; margin: 0 0 15px; } .news-teaser p { margin: 0; line-height: 110%; } p.province { font-size: 10px; text-transform: uppercase; margin: 0; } p.province a { font-weight: normal; color: #2a2a2a; } .news-teaser a.thumb { margin: 0 5px 0 0; } .news-teaser a img { float: left; margin-right: 0; margin-top: 0; } .news-teaser h5 { font-size: 12px; margin: 0 0 3px; } .news-teaser img { float: left; margin-right: 3px; margin-top: 1px; } p.paging { font-size: 11px; font-weight: bold; margin: 0 0 5px; } .comments p.left { margin: 0; } /*-------------- Full article pages ---------------*/ /* main content */ #main-content .article, #main-content .comments { width: 468px; } #main-content .comments { padding-bottom: 15px; } .article h1 { font-size: 16px; color: #741C1B; font-weight: bold; margin: 0 0 3px; } .article p.share-icons { text-align: left; vertical-align: middle; } .article p.share-icons a { margin: 0 5px 0 0; vertical-align: top; } .article p.author-date { font-size: 10px; color: #949487; font-weight: bold; margin: 0; } .article p.author-date-bottom { text-align: center; } .article p.author-date span { color: #505047; } .article hr { margin: 5px 0 7px; } /* full article actions nav */ ul.article-actions { list-style: none; list-style-position: outside; margin: 0 0 20px; height: 14px; } ul.article-actions li { float: left; margin: 0 15px 0 0; } ul.article-actions li.share { float: right; margin: 0 0 0 15px; } ul.article-actions li a { display: block; float: left; height: 14px; width: 60px; background: url('/img/article-actions.gif') 0 0 no-repeat; text-indent: -9999px; } ul.article-actions li.share a { display: inline!important; float: none!important; height: auto!important; width: auto!important; background: none!important; text-indent: 0!important; } .sect-bestemmings ul.article-actions li a { background: url('/img/article-actions-bestemmings.gif') 0 0 no-repeat; } .sect-kos ul.article-actions li a { background: url('/img/article-actions-kos.gif') 0 0 no-repeat; } .sect-toerusting ul.article-actions li a { background: url('/img/article-actions-toerusting.gif') 0 0 no-repeat; } .sect-wiele ul.article-actions li a { background: url('/img/article-actions-wiele.gif') 0 0 no-repeat; } ul.article-actions li.pos a { width: 50px!important; background-position: -60px 0!important; } ul.article-actions li.bere a { width: 44px!important; background-position: -110px 0!important; } ul.article-actions li.druk a:hover { background-position: 0 -14px; } ul.article-actions li.pos a:hover { background-position: -60px -14px!important; } ul.article-actions li.bere a:hover { background-position: -110px -14px!important; } /* -------------------------- */ .article p.intro:first-letter { font-size: 24px; font-weight: bold; } .article form { margin: 0 0 0; } .article textarea { width: 464px; height: 130px; margin: 0 0 15px; } .article input.bt-stuur { float: right; } .article input.bt-stuur1 { float: left; } /* article image code */ .article-img-wrap{ width:240px; float:right;} .article-img { position:relative; width: 237px; float: right; margin: 2px 0 3px 10px; } .article-img img { border: 1px solid #949494; margin: 0 0 4px; } .article-img div { position: absolute; left: 6px; top: 131px; width: 230px; height: 30px; background: #002843; opacity: 0.6; filter:alpha(opacity=60); } .article-img a { display: block; float: left; width: 90px; height: 14px; margin: 9px 0 0 15px; } .article-img a img { border: none; margin: 0; } .article-img p { font-size: 10px; color: 4F4F46; margin: 0 0 5px 4px; } /* ------------------- */ /* article comments code */ .comments p.left a { font-size: 11px; color: #949487; text-decoration: underline; margin-right: 50px; } .comments p.left a:hover { text-decoration: none; } .comment { clear: both; border-bottom: 1px solid #C8CFD5; width: 100%; overflow: auto; padding: 0 0 15px; margin-bottom: 15px; } .comment .member { width: 62px; float: left; } .comment .member a img { float: left; } .comment .member a.thumb { margin: 0; } .comment .member p a { font-size: 10px; } .comment div.comment-text { width: 390px; float: right; } .comment .comment-text p { margin: 0; } .comment .comment-text p:first-child { font-size: 10px; font-weight: bold; color: #949487; margin: 0 0 5px; } p.gelewer span { color: #505047; } /* ------------------- */ form#teken-in { clear: both; width: 468px; height: 185px; position: relative; margin: 0; padding: 0; background: #B3C1CE url('/img/bg-teken-in.gif') 0 0 no-repeat; } form#teken-in fieldset { width: 202px; position: absolute; right: 0; top: 10px; } form#teken-in input[type=text] { width: 200px; margin: 0 10px 10px 0; background: #f3f3f3; color: #3E5C71; border: 1px solid #BBB6B2; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } form#teken-in input[type=submit] { float: right; margin-top: 10px; margin-right: 10px; } /* rightcol */ #verwante-stories, #verwante-fotos { width: 162px; overflow: auto; padding-bottom: 10px; } #verwante-fotos .ver-foto { width: 75px; float: left; margin: 0; } #verwante-fotos .ver-foto-left { margin-right: 6px; } #verwante-fotos .ver-foto img { float: left; margin: 0; } #verwante-fotos .ver-foto a { font-size: 10px; color: #4e4e4e; } #verwante-fotos p.clear a { color: #959587; font-size: 11px; text-decoration: underline; padding-right: 4px; } #verwante-fotos p.clear a:hover { text-decoration: none; } #verwante-fotos a.thumb { margin-right: 0; } /* colours for related stories '+' */ .sect-bestemmings #verwante-stories ul li a span { color: #5B773D; } .sect-kos #verwante-stories ul li a span { color: #; } .sect-toesrusting #verwante-stories ul li a span { color: #; } .sect-wiele #verwante-stories ul li a span { color: #; } /* -------------------------------- */ #markplein { position: relative; width: 138px; height: 113px; padding: 40px 10px 10px; margin-top: 16px; border: 1px solid #FF8A30; } #markplein h4 { position: absolute; left: -1px; top: -1px; width: 160px; height: 29px; background: url('/img/bg-markplein.gif') 0 0 no-repeat; } #markplein p { margin: 0; font-size: 11px; } #markplein .arrows { position: absolute; top: 142px; right: -1px; width: 40px; height: 22px; background: url('/img/bg-markplein-arrows.gif') 0 0 no-repeat; } .arrows a.arrow-back, .arrows a.arrow-forward { display: block; float: left; width: 16px; height: 22px; background: url('/img/arrows.gif') 0 0 no-repeat; } .arrows a.arrow-forward { background-position: right 0; } a.bt-markplein-b { display: block; width: 149px; height: 99px; background: url('/img/bt-markplein2.gif') 0 0 no-repeat; } a.bt-markplein-b:hover { background-position: -149px 0; } /*-------------- Bestemmings section and Stap section ----------------------*/ /* main content */ #feature-bestemmings, #feature-stap { width: 478px; position: relative; z-index: 99; } #feature-bestemmings { height: 483px; } #feature-bestemmings .pad, #feature-stap .pad { padding: 0; height: 438px; overflow: hidden; margin-left: 7px; border: 1px solid #959595; border-top: none; } #feature-bestemmings .top5 { width: 138px; height: 178px; padding: 7px 7px 0; position: absolute; left: 7px; bottom: 39px; background: #fbfbfb; border: 1px solid #959595; } #feature-stap .top5 { width: 138px; height: 178px; padding: 7px 7px 0; position: absolute; right: 1px; bottom: 34px; background: #fbfbfb; border-top: 1px solid #959595; border-left: 1px solid #959595; } #feature-stap .top5_other { width: 20px; height: 20px; padding: 5px; position: absolute; right: 1px; bottom: 34px; background: #fbfbfb; border-top: 1px solid #959595; border-right: 1px solid #959595; display: none; } #feature-bestemmings .top5 a img, #feature-stap .top5 a img { margin: 0 0 4px; float: right; } #feature-bestemmings .top5_other a img { margin: 0 -2px 4px 0; float: right; } #feature-bestemmings .top5_other { width: 20px; height: 20px; padding: 5px 7px 5px 5px; position: absolute; left: 8px; bottom: 34px; background: #fbfbfb; border-top: 1px solid #959595; border-right: 1px solid #959595; display: none; } #feature-bestemmings .top5 ol li, #feature-bestemmings .top5 ol li a, #feature-stap .top5 ol li, #feature-stap .top5 ol li a { color: #3f3f3f; font-weight: normal; font-size: 11px; } #feature-bestemmings .top5 h6, #feature-stap .top5 h6 { color: #741C1B; font-size: 11px; margin:0; padding: 0; background: none; } #feature-bestemmings .top5 h5, #feature-stap .top5 h5 { color: #3F5725; font-size: 13px; margin: 0 0 10px; } #feature-stap .top5 h5 { color: #002843; } #feature-bestemmings .top5 p.small, #feature-stap .top5 p.small { margin: 0 0 8px; } #article-intro-wrap { padding: 15px 0 0 7px; position: relative; clear: both; } .sect-fotografie #article-intro-wrap { padding: 8px 0 0 7px; } /* rightcol */ ul.toolinks-dorp { list-style: none; list-style-position: outside; margin: 0 0 20px; height: 164px; } ul.toolinks-dorp li { margin: 0; } ul.toolinks-dorp a { display: block; width: 162px; height: 44px; background: url('/img/toollinks-dorp.gif') 0 0 no-repeat; text-indent: -9999px; } ul.toolinks-dorp a.dorpgidse { height: 64px; background-position: 0 -44px; } ul.toolinks-dorp a.deel { height: 56px; background-position: 0 -108px; } ul.toolinks-dorp a:hover { background-position: -162px 0; } ul.toolinks-dorp a.dorpgidse:hover { background-position: -162px -44px; } ul.toolinks-dorp a.deel:hover { background-position: -162px -108px; } /*-------------- Search results -------------------*/ #nuus-sr, #kalender-sr { position: relative; } p.back-to-news { position: absolute; right: 10px; top: 24px; } .result { margin: 0 0 10px; } .result p { margin: 0; } .result p span { font-weight: normal; } /* Accomodation block in search results */ #sr-acc { height: 45px; padding: 15px 0 0 65px; margin: 0 0 15px; background: #FED000 url('/img/bg-sr-acc.gif') 10px 10px no-repeat; } #sr-acc p { color: #002742; margin: 0; } /*-----------------Slider Styles--------------------*/ #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ width:300px; height:130px; overflow:hidden; } #fotowenke #slider { height: auto; overflow: hidden; } #fotowenke #slider li { width:300px; height: auto; overflow:visible; } #fotowenke #slider li h5 { padding-left: 6px; } /*--------- Kos landing page ----------*/ /* blocks feature */ table#kos-blocks { margin: 20px 0 0 7px; width: 473px; } table#kos-blocks td a { display: block; float: left; width: 158px; height: 77px; background: url('/img/kos-blocks-feature.jpg') 0 0 no-repeat; } table#kos-blocks td a:hover { text-decoration: none; } table#kos-blocks td a.vleisdisse { width: 157px; } table#kos-blocks td a.seekos { background-position: -157px 0; } table#kos-blocks td a.slaai { background-position: -315px 0; } table#kos-blocks td a.brood { background-position: 0 -77px; width: 157px; } table#kos-blocks td.waarvoor { width: 158px; height: 77px; background: url('/img/kos-blocks-feature.jpg') -157px -77px no-repeat; } table#kos-blocks td a.poeding { background-position: -315px -77px; } table#kos-blocks td a.stapkos { background-position: 0 -154px; width: 157px; height: 76px; } table#kos-blocks td a.kos-kinders { background-position: -157px -154px; height: 76px; } table#kos-blocks td a.kos-baie { background-position: -315px -154px; height: 76px; } table#kos-blocks td a.vleisdisse:hover { background-position: 0 -230px; } table#kos-blocks td a.seekos:hover { background-position: -157px -230px; } table#kos-blocks td a.slaai:hover { background-position: -315px -230px; } table#kos-blocks td a.brood:hover { background-position: 0 -307px; } table#kos-blocks td a.poeding:hover { background-position: -315px -307px; } table#kos-blocks td a.stapkos:hover { background-position: 0 -384px; } table#kos-blocks td a.kos-kinders:hover { background-position: -157px -384px; } table#kos-blocks td a.kos-baie:hover { background-position: -315px -384px; } /*--------- Toerusting landing page ----------*/ .feature-img { position: relative; width: 237px; height: 162px; float: left; margin: 0 10px 0 0; } .feature-img div { position: absolute; left: 1px; top: 1px; width: 235px; height: 25px; opacity: 0.6; filter:alpha(opacity=60); } .sect-toerusting .feature-img div { background: #732D1A; } .sect-kos .feature-img div { background: #C35F01; } .sect-wiele .feature-img div { background: #575350; } .feature-img a.thumb img { margin: 0; } .feature-img div p { color: #fff; opacity: 1; font-size: 14px; font-weight: bold; padding: 5px 0 0; text-align: center; } /* blocks feature */ table#toerusting-blocks { margin: 20px 0 0 7px; } table#toerusting-blocks td a { display: block; float: left; width: 157px; height: 115px; background: url('/img/toerusting-blocks-feature.jpg') 0 0 no-repeat; } table#toerusting-blocks td a:hover { text-decoration: none; } table#toerusting-blocks td a.kamp { background-position: ; } table#toerusting-blocks td a.see { background-position: 0 -115px; } table#toerusting-blocks td a.stap { background-position: -157px 0; width: 159px; height: 77px; } table#toerusting-blocks td.nuttige { background: url('/img/toerusting-blocks-feature.jpg') -157px -77px no-repeat; width: 159px; height: 79px; } table#toerusting-blocks td a.fotografie { background-position: -157px -156px; width: 159px; height: 74px; } table#toerusting-blocks td a.fietsry { background-position: right 0; } table#toerusting-blocks td a.wiele { background-position: right -115px; } table#toerusting-blocks td a.kamp:hover { background-position: 0 -230px; } table#toerusting-blocks td a.see:hover { background-position: 0 -345px; } table#toerusting-blocks td a.stap:hover { background-position: -157px -230px; } table#toerusting-blocks td a.fotografie:hover { background-position: -157px -386px; } table#toerusting-blocks td a.fietsry:hover { background-position: right -230px; } table#toerusting-blocks td a.wiele:hover { background-position: right -345px; } #soek input[type=submit].bt-az { width: 157px; background: url('/img/bg-button-large.gif') 0 0 no-repeat; float: left; margin: 0 0 15px; } /*---------- Toersuting A-Z page -------------*/ .alphabet { width: 465px; height: 24px; margin: 0 0 20px; background: url('/img/bg-az-alphabet.gif') 0 0 no-repeat; } .alphabet ul { list-style: none; margin: 0; padding: 0 0 0 14px; } .alphabet ul li { float: left; margin: 0; padding: 0; } .alphabet ul li a { float: left; text-transform: uppercase; color: #afafaf; text-decoration: none; padding: 4px 4px 0 5px; } .alphabet ul li a.on, .alphabet ul li a:hover { color: #741C1B; } .alphabet ul li a:hover { text-decoration: underline; } /*---------------- Fotografie page -----------------*/ .autoscroll-y { overflow-y: auto; height: 353px; } .sect-fotografie-landing #main-content { width: 474px; } #feature-fotografie { width: 772px; height: 489px; margin: 0 0 26px 16px; background: #E4E0DC url('/img/bg-feature-fotografie.gif') right bottom no-repeat; } #feature-fotografie .pad { width: 739px; height: 386px; padding: 0; margin: 0 0 0 10px; } #fotowenke { margin: 0 0 20px 16px; overflow: hidden; height: auto; max-height: none; } #fotowenke a.thumb { margin: 10px 0 10px 6px; } #fotowenke p { padding: 0 6px 0 6px!important;} #fotopret { width: 472px; height: 166px; margin: 18px 0 20px; background: #E4E0DC url('/img/bg-foto.gif') 0 bottom no-repeat; } .fotopret-item { width: 136px; float: left; text-align: center; margin: 2px 0 0 16px; } .fotopret-item img { width: 134px; height: 103px; } .fotopret-item a { margin: 0; } .fotopret-item a.thumb { margin-bottom: 2px; } .fotopret-item2 { width: 194px; float: left; text-align: center; margin: 5px 0 0 16px; padding: 0 10px; } .fotopret-item2 img { width: 192px; height: 103px; } .fotopret-item2 a { margin: 0; } .fotopret-item2 a.thumb { margin-bottom: 2px; } #fotogalery { clear: both; width: 472px; background: #E4E0DC url('/img/bg-foto.gif') 0 bottom no-repeat; } .sect-fotografie #foto-grootvyf { clear: both; margin: 20px 0 0; width: 472px; height: 240px; } img.foto { border: 6px solid #fff; width: 122px; height: 90px; } img.foto-selected { border: 6px solid #9EB8CA; } /*---------------- Kompetisies page -----------------*/ #die-maand, #getoets { width: 265px; margin: 0 0 0 16px; } #die-maand .pad, #getoets .pad { padding: 10px 0 10px 10px; } #die-maand h5, #getoets h5 { color: #741C1B; font-weight: bold; margin: 0 0 5px; } .sect-kompetisies #winkel { margin-top: 0; } #intekensentrum-komp { width: 159px; margin: 20px 0; float: right; background: #E4E0DC url('/img/bg-intekensentrum.gif') 0 0 repeat-y; } #intekensentrum-komp .pad { padding: 10px; background: url('/img/bg-intekensentrum-pad.gif') 0 bottom no-repeat; } #intekensentrum-komp a.thumb { margin-bottom: 10px; } #intekensentrum-komp table td { padding-bottom: 5px; } .sect-kompetisies #feature-landing .pad { height: auto; background-position: 0 bottom; overflow-x: visible; } .komp-detail h5 a { color: #741C1B; } .komp-detail p.small { font-size: 10px; color: #949587; } .komp-detail p.small span { color: #524F4A; } .komp-detail p.maroon { font-weight: bold; } .komp-detail a.thumb { margin-bottom: 10px; } .komp-detail label { font-size: 11px; font-weight: bold; color: #404040; margin: 2px 0 5px; } .komp-detail fieldset { clear: both; padding: 5px 0 5px 10px; } .komp-detail fieldset.answer { background: #CECAC7; padding-top: 10px; margin-bottom: 10px; width: 432px; } .komp-detail fieldset.answer div { float: left; } .komp-detail fieldset.answer div input { float: left; } .komp-detail fieldset.tellyourstory { padding: 5px 0 0; } .komp-detail fieldset.tellyourstory textarea { width: 438px; height: 90px; } .komp-detail input { width: 197px; padding: 4px 0 0 5px; margin: 0 10px 8px 0; color: #3C5C73; border: 1px solid #BBB6B2; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .komp-detail input[type="checkbox"], .komp-detail input[type="radio"], .komp-detail input.radio, .komp-detail input.checkbox { width: auto; margin: 0 3px 0 0; border: none; padding: 0; clear: both; } .komp-detail fieldset.multichoice input { clear: both!important; } .komp-detail fieldset.multichoice label { float: none!important; } .komp-detail fieldset.sendtofriend { padding:0; clear: both; margin: 10px 0 0; } .komp-detail fieldset.sendtofriend div { float: left; } .komp-detail fieldset.sendtofriend input { width: 209px; } .komp-detail input.bt-stuur, #classified_add form span#bt-save input { color: #741C1B!important; font-weight: bold!important; float: right; padding:0; margin:0 8px 0 0; border: none; } /*----------------- Intekensentrum --------------------*/ #hoe-kan, #jongste-inteken { width: 265px; margin: 0 0 30px 16px; } #hoe-kan label { margin: 2px 0 5px; color: #404040; } #hoe-kan .radio { margin: 0 3px 0 0; } #jongste-inteken h5 { color: #741C1B; font-weight: bold; margin: 0 0 5px; } .sect-intekensentrum #feature-landing .pad, .sect-adverteer #feature-landing .pad, .sect-kompetisies #feature-landing .pad { padding: 10px; margin-left: 7px; height: auto; background: url('/img/bg-news-feature.gif') right bottom no-repeat!important; border-left: 1px solid #959595; } .feature-leserbydrae .pad { padding: 10px!important; margin-left: 7px!important; height: auto!important; background: url('/img/bg-news-feature.gif') right bottom no-repeat!important; border-left: 1px solid #959595!important; } .expandable { background: url('/img/bg-test.gif') 0 0 repeat-y; } .expandable_not { background: url('/img/bg-test.gif') 0 0 repeat-y; } .feature-intekensentrum .bg, .feature-adverteer .bg, .feature-kompetisies .bg { background: #e4e1dc url('/img/bg-feature-intekensentrum.gif') right 0 repeat-y; } .feature-intekensentrum form label { color: #3f3f3f; font-weight: bold; font-size: 11px; margin: 1px 0 5px 5px; } .feature-intekensentrum a.thumb { margin: 0 10px 10px 0; } .feature-intekensentrum img.thumb { margin: 0 10px 10px 0; border: 1px solid #8d8d8d; float: left; } .feature-intekensentrum form { margin: 0 0 20px; } .feature-intekensentrum input[type=submit] { float: left; } .sect-intekensentrum #feature-landing p { line-height: 18px; } .feature-intekensentrum p.rules { float: left; font-size: 11px; padding: 5px 20px 0 20px; } .feature-intekensentrum p strong { color: #741C1B; } .feature-intekensentrum img#thumb { float: right; border: 1px solid #8d8d8d; margin-right: 30px; } #kontak { margin: 0 0 30px; } #kontak p.kontak-address, #kontak p.posadres, #kontak p.kontak-tel, #kontak p.kontak-email { padding-left: 23px; } #kontak p.kontak-address, #kontak p.posadres { background: url('/img/icon-address.gif') 0 2px no-repeat; } #kontak p.kontak-tel { background: url('/img/icon-tel.gif') 0 0 no-repeat; } #kontak p.kontak-email { background: url('/img/icon-email.gif') 0 0 no-repeat; padding-bottom: 4px; font-size: 11px; } #kontak p.kontak-email a { font-weight: normal; text-decoration: underline; } #kontak p.kontak-email a:hover { text-decoration: none; } /*---------------- Kontak ons page -----------------*/ .sect-kontak #wrap-left-main .pad { padding: 20px 0 0 8px; } .redaksie { width: 766px; height: 371px; margin: 0 0 25px; } .sect-kontak #kontak { margin-top: 5px; } #kontak h5.posadres { width: 48px; height: 9px; background: url('/img/head-small-posadres.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 8px; } #kontak h5.straatadres { width: 62px; height: 9px; background: url('/img/head-small-straatadres.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 8px; } #kontak h5.kantoorbestuurder { height: 9px; background: url('/img/kantoor_bestuurder.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 8px; } #vrae h5 { text-indent: -9999px; display: block; margin: 0 0 3px; } h5.vryskutartikels { background: url('/img/head-small-vryskutartikels.gif') 0 0 no-repeat; width: 81px; height: 12px; } h5.nuus-en-kalender { background: url('/img/head-small-nuus.gif') 0 0 no-repeat; width: 93px; height: 9px; } h5.web-voorstelle { background: url('/img/head-small-webvoorstelle.gif') 0 0 no-repeat; width: 81px; height: 9px; } h5.publikasie-van-fotoportefeuljes { background: url('/img/head-small-publiekasie.gif') 0 0 no-repeat; width: 82px; height: 25px; } h5.bestel-n-foto-uit-weg { background: url('/img/head-small-navrae.gif') 0 0 no-repeat; width: 126px; height: 12px; } #vrae p { margin: 0; } #vrae p a { font-size: 11px; font-weight: normal; text-decoration: underline; } #vrae p a:hover { text-decoration: none; } /*---------------- Markplein page -----------------*/ .result-details { position: relative; font-size: 11px; font-weight: bold; color: #3f3f3f; top: -22px; left: 120px; margin-bottom: -5px; } .result-details span { color: #919386; } .sect-marklpein #fullwidth { position: relative; } .sect-marklpein #fullwidth-feature { min-height: 284px; background: url('/img/bg-markplein-feature.gif') right bottom no-repeat; } .sect-marklpein #fullwidth-feature .pad { padding: 9px 12px 12px 22px; } .sect-marklpein #fullwidth-feature img.thumb { margin: 0 15px 10px 0; float: left; border: 1px solid #8d8d8d; } .sect-marklpein #fullwidth-feature ul { list-style: none; } .sect-marklpein #fullwidth-feature ul li { background: url('/img/bullet-orange.gif') 0 3px no-repeat; padding-left: 15px; } .feature-markplein-copy { width: 490px; float: left; } .sect-marklpein #fullwidth-feature #soek { width: 162px; float: right; margin: -10px 20px 0 0; } .sect-marklpein #fullwidth-feature #soek form { margin: 0; padding: 0; } .jongste-inligting { clear: both; min-height: 210px; border-bottom: 1px solid #94A5AF; margin-bottom: 3px; } .jongste-inligting ul.toolinks-markplein { float: right; margin: 0; } .jongste-inligting div { width: 244px; padding-right: 70px; margin-bottom: 20px; float: left; } .jongste-inligting div p { font-size: 11px; } .jongste-inligting div p.province { font-size: 10px; } .jongste-inligting div p.province a, .jongste-inligting div p.province a:vistied { color: #3f3f3f; text-decoration: none!important; } .jongste-inligting div p.province a:hover { text-decoration: underline!important; } .jongste-inligting div p.nomargin { font-size: 12px; } .jongste-inligting div p.sien-fotos { margin: 0; } .jongste-inligting div p.sien-fotos img { padding: 0 5px 0 0; } .jongste-inligting div p.sien-fotos a, .jongste-inligting div p.sien-fotos a:visited { color: #949487; font-weight: bold!important; } .jongste-inligting div p a, .jongste-inligting div p a:visited { font-weight: normal; text-decoration: underline; } .jongste-inligting div p a:hover { text-decoration: none; } .sect-marklpein #fullwidth .mp-verblyf h4 { background: url('/img/head-markplein-jongste.gif') 0 0 no-repeat; width: 114px; height: 41px; cursor: pointer; } .sect-marklpein #fullwidth .mp-toerusting h4 { background: url('/img/head-markplein-jongste.gif') 0 -41px no-repeat; width: 114px; height: 41px; cursor: pointer; } .sect-marklpein #fullwidth .mp-motors h4 { background: url('/img/head-markplein-jongste.gif') 0 -82px no-repeat; width: 114px; height: 41px; cursor: pointer; } .sect-marklpein #fullwidth .mp-reismaats h4 { background: url('/img/head-markplein-jongste.gif') 0 -123px no-repeat; width: 114px; height: 41px; cursor: pointer; } /*------------------------------- ADDED: 04 FEB 2009 --------------------------*/ /* wenke pages - headings */ div.wenke h4 { background: url('/img/frontend/head-wenke-wide.gif') no-repeat; width: 464px; height: 20px; margin: 0 0 20px; } div.leftcol div.wenke h4 {width: 265px; height: 44px;} /* planb pages - headings */ .stapplanb h4, .toerustingplanb h4, .kosplanb h4, .bestemmingsplanb h4, .wieleplanb h4, .fotografieplanb h4 { width: 480px; height: 41px; } #main-content .planb h4 { width: 464px; height: 20px; margin: 0 0 20px; } .stapplanb h4 { background: url('/img/head-planb-main.gif') 0 0 no-repeat; } .stapplanb #article-intro-wrap h4 { background: url('/img/head-planb-main.gif') 0 -41px no-repeat; } .toerustingplanb h4 { background: url('/img/head-planb-main.gif') 0 -61px no-repeat; } .toerustingplanb #article-intro-wrap h4 { background: url('/img/head-planb-main.gif') 0 -102px no-repeat; } .kosplanb h4 { background: url('/img/head-planb-main.gif') 0 -122px no-repeat; } .kosplanb #article-intro-wrap h4 { background: url('/img/head-planb-main.gif') 0 -163px no-repeat; } .bestemmingsplanb h4 { background: url('/img/head-planb-main.gif') 0 -183px no-repeat; } .bestemmingsplanb #article-intro-wrap h4 { background: url('/img/head-planb-main.gif') 0 -224px no-repeat; } .wieleplanb h4 { background: url('/img/frontend/head-planb-wide.gif') no-repeat; } .wieleplanb #article-intro-wrap h4 { background: url('/img/head-planb-main.gif') 0 -285px no-repeat; } .fotografieplanb h4 { background: url('/img/head-planb-main.gif') 0 -305px no-repeat; } .fotografieplanb #article-intro-wrap h4 { background: url('/img/head-planb-main.gif') 0 -346px no-repeat; } #nog form { margin: 0 0 15px; } /* grootvyf pages - headings */ .stapgrootvyf h4, .toerustinggrootvyf h4, .kosgrootvyf h4, .bestemmingsgrootvyf h4, .wielegrootvyf h4 { width: 480px; height: 41px; } #main-content .grootvyf h4 { width: 464px; height: 20px; margin: 0 0 20px; } .stapgrootvyf h4 { background: url('/img/head-grootvyf-main.gif') 0 0 no-repeat; } .stapgrootvyf #article-intro-wrap h4 { background: url('/img/head-grootvyf-main.gif') 0 -41px no-repeat; } .toerustinggrootvyf h4 { background: url('/img/head-grootvyf-main.gif') 0 -61px no-repeat; } .toerustinggrootvyf #article-intro-wrap h4 { background: url('/img/head-grootvyf-main.gif') 0 -102px no-repeat; } .kosgrootvyf h4 { background: url('/img/head-grootvyf-main.gif') 0 -122px no-repeat; } .kosgrootvyf #article-intro-wrap h4 { background: url('/img/head-grootvyf-main.gif') 0 -163px no-repeat; } .bestemmingsgrootvyf h4 { background: url('/img/head-grootvyf-main.gif') 0 -183px no-repeat; } .bestemmingsgrootvyf #article-intro-wrap h4 { background: url('/img/head-grootvyf-main.gif') 0 -224px no-repeat; } .wielegrootvyf h4 { background: url('/img/frontend/head-grootvyf-wide.gif') no-repeat; } .wielegrootvyf #article-intro-wrap h4 { background: url('/img/head-grootvyf-main.gif') 0 -285px no-repeat; } /*----------------------- Winkel ------------------------*/ .sect-winkel #intekensentrum-komp { margin: 15px 0 20px; } a.koop { display: block; clear: left; float: left; width: 76px; height: 18px; padding: 0; margin: 0; background: url('/img/bg-koop.gif') 0 0 no-repeat; } a.i { display: block; float: left; width: 18px; height: 18px; padding: 0; margin: 0; background: url('/img/bg-koop.gif') right 0 no-repeat; } a.koop:hover { text-decoration: none; color: #333; } .feature-winkel a.koop { clear:right; float:right; margin:5px 5px 0 0; } /*----------------------- Adverteer ------------------------*/ .sect-adverteer #argief { margin-top: 0; } a.pdf { display: block; height: 17px; padding: 5px 0 0 26px; background: url('/img/icon-pdf.gif') 0 0 no-repeat; font-weight: normal; color: #3f3f3f!important; } .sect-adverteer #feature-landing p.small { color: #7f7f7f; } .sect-adverteer #feature-landing p.small a { font-weight: normal; padding: 0; } /*----------------------- Profiel ------------------------*/ .profile-wrap { width: 772px; margin-left: 16px; } .profile-wrap h4 { width: 772px; height: 41px; background: url('/img/head-profiel.gif') 0 0 no-repeat; cursor: default; } .profile-wrap .left { width: 265px; margin-left: 8px; background: url('/img/profile-bg.gif') 0 0 repeat-y; } .profile-wrap .left .bot { width: 235px; padding: 0px 20px 15px 1px; background: url('/img/profile-bottom.gif') 0 bottom no-repeat; } .profile-wrap .left .bot p { font-size: 11px; margin: 0 0 6px 10px; } .profile-wrap .left .bot p.small { font-size: 10px; margin: 0; } .profile-wrap .left .bot p.nuusbrief, .profile-wrap .left .bot p.sms { margin: 0 0 2px; } .profile-wrap .left .bot p span { color: #7F7E7C; } .profile-wrap .left .bot a { font-weight: normal; text-decoration: underline; } .profile-wrap .left .bot a:hover { text-decoration: none; } .profile-wrap .left .bot h5 { font-size: 12px; font-weight: bold; color: #002843; margin: 0 0 4px 10px; } .profile-wrap .left .bot form { margin-left: 10px; } img.profile-pic { border: 1px solid #fff; float: left; margin-right: 10px; margin-left: 10px; margin-bottom: 15px; } input.browse { height: 24px; } .personal-details { padding-top: 10px!important; } .profile-wrap .right { width: 482px; padding-top: 12px; } .profile-wrap .right a { color: #949587; text-decoration: underline; float: right; padding-right: 8px; } .right .right-wrap .right-wrap-bot a{ float: none; padding: 0; } .right .right-wrap .right-wrap-bot h5{ color:#741C1B; } .profile-wrap .right a:hover { text-decoration: none; } .profile-wrap .right .flash-nav { height: 25px; } .profile-wrap .right .flash-nav img { float: left; } .right-wrap { border-top: 1px solid #002945; background: url('/img/right-wrap-bg.gif') 0 0 repeat-y; width: 482px; overflow-x: hidden; } .right-wrap-bot { background: url('/img/right-wrap-bot-bg.gif') 0 bottom no-repeat; padding: 10px; } .profile-wrap .right textarea { width: 450px; height: 90px; margin-bottom: 4px; } .header-welkom-terug{ color:#FFF001; font-size: 12px; float: left; } #profile-besonderhede { height: 290px; overflow: hidden; float: left; } #profile_extra { clear: both; height: auto; width: 460px; margin-top: 10px; } #profile_extra div { position: relative; } #profile_extra div div { margin-top: 10px; } #registreer-form-heading form div h5 { font-size: 16px; font-weight: bold; color: #626258; margin: 0 0 5px 10px; } #registreer-form-subheading form div h6 { font-size: 12px; font-weight: bold; color: #626258; margin: 0 0 15px 10px; width: auto!important; } .user-article { width: 215px; } a#delete_favourite { display: block; clear: both; background: url('/img/delete_icon.gif') 0 0 no-repeat; padding-left: 22px; padding-bottom: 2px; font-size: 12px; font-weight:bold; } .profile-wrap .right .user-article a { float: none; } .profile-wrap .right .user-article a.thumb { padding: 0; float: left; margin-bottom: 4px; } .user-article p.maroon a { float: none; } /*----------------------- Jongster Weg ------------------------*/ .sect-jongste .profile-wrap h4 { width: 772px; height: 41px; background: url('/img/head-jongste-feature.gif') 0 0 no-repeat; cursor: default; } .sect-jongste #rightcol #soek h4 { background: url('/img/head-soek-jongste.gif') 0 0 no-repeat; cursor: default; } .sect-jongste .profile-wrap .left .bot p { font-size: 12px; margin: 0 0 6px; padding-top: 0px; } .bylae img.cover { float: left; margin-right: 10px; } .bylae h3 { font-size: 14px; font-weight: bold; color: #741C1B; } .sect-jongste .profile-wrap .quotes-close { float:right; margin-right: 6px; } .issue-details h2, .issue-details h3 { color: #00406C; font-size: 18px; font-weight: bold; margin: 0 0 10px; border-bottom: 1px solid #95A5B2; } .issue-details h3 { color: #771E1A; font-size: 16px; } #rakfotoreel { width: 472px; } #rakfotoreel #ARTICLEcarousel_slider { margin-left: 20px; width: 436px; } #rakfotoreel .fotoreel a#carousel-prev, #rakfotoreel .fotoreel a#carousel-next { float: left; padding: 0; width: 12px; height: 19px; } #rakfotoreel .fotoreel a#carousel-prev { background: url('/img/arrows-jongste.gif') 0 0 no-repeat; margin-top: 19px; } #rakfotoreel .fotoreel a#carousel-next { background: url('/img/arrows-jongste.gif') -12px 0 no-repeat; float: right; margin-top: -53px; } /*----------------------- Dorp van die maand ------------------------*/ #dorp-map { width: 470px; margin-top:-34px; } #dorp-map img { border: 1px solid #949494; width: 468px; } #dorp-map a { display: block; height: 30px; width: 162px; float: right; background: #86B25D url(/img/bt-dorp-laai.gif) 0 0 no-repeat; } #my_dorp_content { margin-top: 10px; } /*----------------------- Argief ------------------------*/ .argief-jaar { border-bottom: 1px solid #99A9B3; height: 22px; overflow: hidden; margin: 0 0 20px; } .argief-jaar p { margin: 0; float: left; font-size: 17px; font-weight: bold; color: #20425A; border-top: 1px solid #d8d8d8; padding: 1px 10px 0; } .argief-jaar a.prev, .argief-jaar a.next { display: block; float: left; width: 16px; height: 22px; background: url(/img/arrows.gif) 0 0 no-repeat; } .argief-jaar a.prev { } .argief-jaar a.next { background-position: -16px 0; } table.wergawe td { width: 120px; } table.wergawe td a { color: #741C1B; font-weight: bold; font-size: 12px; text-decoration: none; } table.wergawe td a.bt-koop { display: block; width: 93px; height: 18px; margin-top: -3px; background: url('/img/bt-koop.gif') 0 0 no-repeat; text-indent: -9999px; outline: 0; float: none; } a.bt-koop2 { display: block; width: 93px; height: 18px; background: url('/img/bt-koop.gif') 0 0 no-repeat; text-indent: -9999px; outline: 0; float: none; } table.wergawe td span { color: #333; font-weight: normal; } table.wergawe img.supplement { position: absolute; left:20px; position:absolute; top:-70px; } .bt2-koop { display: block; width: 93px; height: 18px; background: url('/img/bt-koop.gif') 0 0 no-repeat; text-indent: -9999px; outline: 0; float: none; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 2000px; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 145px; height: 120px; text-align: center; } .jcarousel-list a { cursor: pointer; } #carousel_shop .jcarousel-clip-horizontal { width: 141px; } /** * The buttons are added dynamically by jCarousel before * the