/* CSS voor www.elzenkliniek.nl Colors donkergrijs background: #171717 oranje; #ea6f00 beige: #9f876f donkergrijs / textcolor: 47423c navcolor: #939292 footercolor: #737373 middenbruin: #796957 */ /* =============== SCREEN styles */ @media screen, projection, print { /* RESET AND GLOBAL TAGS */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strong, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;} ul { list-style: none;} table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } :focus {outline: 0;} body { text-align: center; font-size: 76%; color: #47423c; background-color: #171717;} a:link {text-decoration: none; } a:hover {text-decoration:underline; } a:visited {text-decoration: none; } a:active {text-decoration: none;} .orange {color: #ea6f00;} /* LAYOUT */ #container { position: relative; padding: 0px; margin: 0px auto; width: 950px; text-align: left; top: 0px; margin-top: 0px; font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif; } .frontpage #container, .prijslijst #container #column-middle ul, #container #contactform {font-size: 12px;} #header {width: 950px; height: 106px; } #logo { float: left; /*margin-left: 20px; *//*margin-top: 39px;*/ margin-left: 19px; margin-top: 34px; width: 170px; text-decoration: none;} #logo .print {display: none; } #logo:hover { background: none;} #mainnav { position: absolute; left: 300px; top: 75px; width: 650px; z-index: 1000000; } #content {float: left; width: 100%; background-color:#fff; } .frontpage #content {height: 428px;background: #fff url(../images/bg-left-right-top.gif) left top no-repeat; } .contentpage #content {height: auto; background: #fff url(../images/bg-right-shadow.gif) right top repeat-y;} .beforeafter #content {background: #fff url(../images/bg-left-right-top.gif) left top no-repeat; } #column-left { float: left; background: #fff url(../images/bg-left-top.gif) left top no-repeat; } .frontpage #column-left {width: 226px; height: 427px; margin-top: 1px; float: left; background: url(../images/bg-frontpage-shadleft.gif) right top repeat-y; } .contentpage #column-left {width: 241px; float: left; min-height: 300px; } .beforeafter #column-left {width: 188px; float: left; margin-left: 16px; margin-top: 28px; background: url(../images/bg-gebieden.gif) left top repeat-y; margin-bottom: 30px; display: inline;} #column-middle {float: left; background-color: #fff; } .frontpage #column-middle {width: 506px; height: 427px; margin-top: 1px; display: block; } .frontpage.vrouw #foto {float: left; display: block; width: 315px; height: 427px; background: url(../images/vrouw.jpg) 0px 0px no-repeat; cursor: pointer;} .frontpage.man #foto {float: left; display: block;width: 315px; height: 427px; background: url(../images/man.jpg) 0px 0px no-repeat; cursor: pointer;} .frontpage #column-middle #info-column {float: left; width: 191px; height: 427px; background-color:#9f876f;} .contentpage #column-middle {width: 440px; padding: 0 0 30px 12px; margin:1px 31px 0px 0; } .beforeafter #column-middle {width: 730px; padding: 0 0 0px 0px; margin: 16px 0px 0px 0; background: #47423c url(../images/bg-voorna-top.gif) 0px 0px no-repeat; min-height: 603px;} .beforeafter.vrouw #column-middle { min-height: 603px;} .beforeafter.man #column-middle { min-height: 500px;} #column-right {float: left; background-color: #fff;} .frontpage #column-right {width: 218px; height: 427px; margin-top: 1px; background: url(../images/bg-frontpage-shadright.gif) left top repeat-y; } .contentpage #column-right {width: 226px; margin-top:0px; background: url(../images/bg-right-top-content.gif) right top no-repeat; min-height: 300px; margin:0px 0px 0px 0; padding-top: 32px; padding-bottom:30px; } #footer {float: left; width: 950px; height: 48px; background: url(../images/bg-footer.gif) 0 0 repeat-x; font-size: 11px; color:#fff;} #footer-left {float: left; width: 150px; height: 48px; background: url(../images/bg-footer-left.gif) left top no-repeat;} #footer-left a {float: left; margin: 16px 0 0 18px; padding-left:21px; background: url(../images/vlag.gif) left 2px no-repeat; color:#fff; } #footer-left a:hover {text-decoration: underline;} #footer-right {float: right; width: 780px; height: 48px; padding-top:16px; background: url(../images/bg-footer-right.gif) right 0px no-repeat; overflow: visible; text-align: right; padding-right: 20px; } #footer-right a {color:#fff;} #footer-right a:hover {text-decoration:underline;} #footer-right span {padding:0 0.6em 0 0.6em;} #footer-right span.antiskypespace {padding:0 0.4em 0 0em;} #subfooter {float: right; margin-right: 20px; font-size: 10px; color:#737373; margin-top: 12px; display:inline; height: 25px; padding-bottom: 30px;} .frontpage #subfooter { padding-bottom: 0px;} #subfooter a, .frontpage #subfooter a {color:#737373;} #subfooter a:hover, .frontpage #subfooter a:hover {text-decoration:underline; color:#ea6f00; background: none;} #subfooter span {padding:0 0.6em 0 0.6em;} /* CONTENTPAGE */ /* columns frontpage */ .frontpage h1 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#ea6f00; font-size: 1em; line-height:1.6em; padding-top: 4px; margin: 0px 0px 5px 22px; text-transform:uppercase; } .frontpage #column-middle h1 { color:#fff; margin: 0px 0px 7px 18px; width: 156px; } .frontpage p {color:#47423c; margin: 0 0px 8px 22px; line-height: 1.55em; font-size: 0.92em;} .frontpage #column-left p.intro {color:#47423c; margin: 0 0px 12px 22px; line-height: 1.6em; font-size: 0.92em; font-weight: bold;} .frontpage #column-middle p {color:#fff; margin: 0 0px 12px 18px; width: 156px; } .frontpage a {color:#ea6f00; text-decoration: none;} .frontpage a:hover { background: url(../images/underline.gif) left bottom repeat-x;} .frontpage #column-left .intro-blok {position: absolute; top: 134px; left: 0px; width: 210px; height: auto;} .frontpage #column-left .contact-blok {position: absolute; top: 380px; left: 0px; width: 200px; height: auto;} .frontpage #column-right .nieuws-blok {position: absolute; top: 134px; left: 730px; width: 204px; height: auto; } .frontpage #column-right .blog-blok {position: absolute; top: 405px; left: 730px; width: 204px; height: auto;} .frontpage #column-right .keurmerk-blok {position: absolute; top: 478px; left: 730px; width: 200px; height: auto;} .frontpage #column-right .keurmerk-blok a.keurmerk-left {float: right; margin: 22px 0 0 30px;} .frontpage #column-right .keurmerk-blok a.keurmerk-right {float: right; margin: 0px 0px 0 22px;} .frontpage #column-right .keurmerk-blok a, .frontpage #column-right .keurmerk-blok a:hover {text-decoration: none; background: none;} .frontpage #column-middle .resultaten-blok-show {position: absolute; top: 169px; left: 541px; width: 173px; height: auto; display: block;z-index:10;} .frontpage #column-middle .resultaten-blok-bovenalles {position: absolute; top: 169px; left: 541px; width: 173px; height: auto; display: block; z-index:4; color: #FF0000;} .frontpage #column-middle .resultaten-blok-hide {display: none; z-index:-5;} .frontpage #column-left a.videobutton {display: block; width:187px; height:28px; margin: 12px 0 12px 17px; color:#fff; text-decoration:none; } .frontpage #column-left a.videobutton {background: url(../images/videobutton.gif) 0px 0px no-repeat ;} .frontpage #column-left a.videobutton:hover {background: url(../images/videobutton.gif) 0px -28px no-repeat;} .frontpage #column-left a.videobutton span {text-decoration:none; position: relative; top:6px; left: 28px; color:#ea6f00; font-size: 0.92em;} .frontpage #column-left a.videobutton:hover span {text-decoration: none; color: #fff;} .frontpage #column-right ul { font-size: 0.92em; margin: 0px 0px 8px 22px; } .frontpage #column-right ul li { margin-bottom: 7px; } .frontpage #column-right ul li a { line-height: 1.45em; color:#47423c; display: block;} .frontpage #column-right ul li a:hover { color:#ea6f00; text-decoration: underline;display: block; background: none; } /* middle column frontpage */ /* rollovervlakken en overlays */ .frontpage #column-middle #foto-rollover {width: 315px; height: 427px; position: absolute; top: 107px; left: 226px; display: block; z-index: 1; } /* activatievlak over foto */ .frontpage #column-middle #rollovers.show {width: 506px; height: 427px; position: absolute; top: 107px; left: 226px; display: block; z-index: 1; cursor: pointer; } /* overlay content */ .frontpage #column-middle #overlay.show {width: 506px; height: 427px; position: absolute; top: 0px; left: 0px; display: block; background-color:#47423c; opacity: 0.62; filter:alpha(opacity=62); z-index: 1; cursor: pointer; } /* overlay vlak zelf */ .frontpage #column-middle #tekstoverlay.show {width: 506px; height: 427px; position: absolute; top: 0px; left: 0px; display: block; z-index: 5; cursor: pointer; } /* overlay vlak zelf */ .frontpage #column-middle #rollovers.hide {display: none;} .frontpage #column-middle #overlay.hide {display: none;} .frontpage #column-middle #tekstoverlay.hide {display: none;} /* manvrouw-button large */ .frontpage.vrouw .manvrouw-button-large-show {position: absolute; top: 420px; left: 557px; width: 163px; height: 99px; display: block; background: url(../images/man-button-large.jpg) 0px 0px no-repeat; } .frontpage.vrouw .manvrouw-button-large-hide {display:none;} .frontpage.vrouw a#manvrouw-button-large:hover {background: url(../images/man-button-large.jpg) 0px -99px no-repeat;} .frontpage.man .manvrouw-button-large-show {position: absolute; top: 420px; left: 557px; width: 163px; height: 99px; display: block; background: url(../images/vrouw-button-large.jpg) 0px 0px no-repeat; cursor: pointer;} .frontpage.man .manvrouw-button-large-hide {display: none;} .frontpage.man a#manvrouw-button-large:hover {background: url(../images/vrouw-button-large.jpg) 0px -99px no-repeat;} .frontpage a#manvrouw-button-large span { position: absolute; color: #fff; font-size: 11px; line-height: 1.6em; width: 85px; padding: 29px 0 0 12px; display: block; } /* manvrouw-button small */ .frontpage.vrouw #manvrouw-button-small , .frontpage.man #manvrouw-button-small { position: absolute; top: 491px; left: 558px; width: 19px; height: 22px; display: block; z-index:1000; } .frontpage.vrouw #manvrouw-button-small.hide, .frontpage.man #manvrouw-button-small.hide {display: none;z-index:1000;} .frontpage.vrouw #manvrouw-button-small {background: url(../images/manvrouw-buttons-small.gif) 0px 0px no-repeat;z-index:1000;} .frontpage.vrouw #manvrouw-button-small:hover {background: url(../images/manvrouw-buttons-small.gif) -19px 0px no-repeat;z-index:1000;} .frontpage.vrouw #manvrouw-button-small.hover {background: url(../images/manvrouw-buttons-small.gif) -19px 0px no-repeat;z-index:1000;} .frontpage.man #manvrouw-button-small{background: url(../images/manvrouw-buttons-small.gif) 0px -22px no-repeat;z-index:1000; } .frontpage.man #manvrouw-button-small:hover {background: url(../images/manvrouw-buttons-small.gif) -19px -22px no-repeat;z-index:1000;} .frontpage.man #manvrouw-button-small.hover {background: url(../images/manvrouw-buttons-small.gif) -19px -22px no-repeat;z-index:1000;} /* gebieden vrouw en vrouw */ .frontpage .gebieden {position: absolute; z-index: 2; cursor: pointer; } /* gebieden vrouw */ /* gebieden vrouw */ .frontpage.vrouw .fronsrimpel-show, .frontpage.vrouw .fronsrimpel-hover { width: 42px; height: 24px; left: 340px; top: 201px; } .frontpage.vrouw .fronsrimpel-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -114px -95px no-repeat; } .frontpage.vrouw .voorhoofd-show, .frontpage.vrouw .voorhoofd-hover { width: 140px; height: 37px; left: 277px; top:159px;} .frontpage.vrouw .voorhoofd-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -51px -53px no-repeat;} .frontpage.vrouw .onderoogleden-show, .frontpage.vrouw .onderoogleden-hover { width: 54px; height: 61px; left: 384px; top:199px;} .frontpage.vrouw .onderoogleden-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -158px -92px no-repeat;} .frontpage.vrouw .kraaienpootjes-show, .frontpage.vrouw .kraaienpootjes-hover { width: 36px; height: 36px; left: 264px; top: 225px; } .frontpage.vrouw .kraaienpootjes-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -38px -118px no-repeat; } .frontpage.vrouw .neus-show, .frontpage.vrouw .neus-hover { width: 33px; height: 49px; left: 346px; top: 230px; } .frontpage.vrouw .neus-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -120px -124px no-repeat; } .frontpage.vrouw .jukbeen-show, .frontpage.vrouw .jukbeen-hover { width: 38px; height: 36px; left: 261px; top: 270px; } .frontpage.vrouw .jukbeen-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -35px -163px no-repeat; } .frontpage.vrouw .wangen-show, .frontpage.vrouw .wangen-hover { width: 33px; height: 77px; left: 416px; top: 280px; } .frontpage.vrouw .wangen-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -190px -173px no-repeat; } .frontpage.vrouw .neuslippenplooi-show, .frontpage.vrouw .neuslippenplooi-hover { width: 23px; height: 29px; left: 311px; top: 276px; } .frontpage.vrouw .neuslippenplooi-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -85px -170px no-repeat; } .frontpage.vrouw .bovenlip-show, .frontpage.vrouw .bovenlip-hover { width: 55px; height: 17px; left: 338px; top: 295px; } .frontpage.vrouw .bovenlip-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -112px -188px no-repeat; } .frontpage.vrouw .lippen-show, .frontpage.vrouw .lippen-hover { width: 62px; height: 18px; left: 335px; top: 339px; } .frontpage.vrouw .lippen-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -109px -232px no-repeat; } .frontpage.vrouw .mondhoeken-show, .frontpage.vrouw .mondhoeken-hover { width: 20px; height: 21px; left: 304px; top: 310px; } .frontpage.vrouw .mondhoeken-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -78px -204px no-repeat; } .frontpage.vrouw .kin-show, .frontpage.vrouw .kin-hover { width: 75px; height: 32px; left: 330px; top: 369px; } .frontpage.vrouw .kin-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -104px -263px no-repeat; } .frontpage.vrouw .hamsterwangen-show, .frontpage.vrouw .hamsterwangen-hover { width: 34px; height: 47px; left: 278px; top: 339px; } .frontpage.vrouw .hamsterwangen-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -52px -232px no-repeat; } .frontpage.vrouw .onderkin-show, .frontpage.vrouw .onderkin-hover { width: 62px; height: 37px; left: 339px; top: 403px; } .frontpage.vrouw .onderkin-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -113px -296px no-repeat; } .frontpage.vrouw .hals-show, .frontpage.vrouw .hals-hover { width: 74px; height: 78px; left: 335px; top: 453px; } .frontpage.vrouw .hals-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -109px -346px no-repeat; } .frontpage.vrouw .huid-show, .frontpage.vrouw .huid-hover { width: 42px; height: 15px; left: 406px; top: 261px; } .frontpage.vrouw .huid-hover { background: url(../images/vrouw-gebieden-nieuw.jpg) -180px -155px no-repeat; } /* gebieden man */ .frontpage.man .fronsrimpel-show, .frontpage.man .fronsrimpel-hover { width: 46px; height: 30px; left: 384px; top: 225px; } .frontpage.man .fronsrimpel-hover { background: url(../images/man-gebieden-nieuw.jpg) -158px -118px no-repeat; } .frontpage.man .voorhoofd-show, .frontpage.man .voorhoofd-hover { width: 163px; height: 49px; left: 310px; top:162px;} .frontpage.man .voorhoofd-hover { background: url(../images/man-gebieden-nieuw.jpg) -84px -55px no-repeat;} .frontpage.man .onderoogleden-show, .frontpage.man .onderoogleden-hover { width: 60px; height: 65px; left: 436px; top:212px;} .frontpage.man .onderoogleden-hover { background: url(../images/man-gebieden-nieuw.jpg) -210px -105px no-repeat;} .frontpage.man .kraaienpootjes-show, .frontpage.man .kraaienpootjes-hover { width: 51px; height: 44px; left: 296px; top: 265px; } .frontpage.man .kraaienpootjes-hover { background: url(../images/man-gebieden.jpg) -70px -158px no-repeat; } .frontpage.man .neus-show, .frontpage.man .neus-hover { width: 37px; height: 47px; left: 395px; top: 258px; } .frontpage.man .neus-hover { background: url(../images/man-gebieden-nieuw.jpg) -169px -152px no-repeat; } .frontpage.man .wangen-show, .frontpage.man .wangen-hover { width: 33px; height: 84px; left: 308px; top: 318px; } .frontpage.man .wangen-hover { background: url(../images/man-gebieden-nieuw.jpg) -82px -211px no-repeat; } .frontpage.man .neuslippenplooi-show, .frontpage.man .neuslippenplooi-hover { width: 34px; height: 38px; left: 453px; top: 286px; } .frontpage.man .neuslippenplooi-hover { background: url(../images/man-gebieden-nieuw.jpg) -227px -179px no-repeat; } .frontpage.man .onderkin-show, .frontpage.man .onderkin-hover { width: 123px; height: 51px; left: 369px; top: 429px; } .frontpage.man .onderkin-hover { background: url(../images/man-gebieden-nieuw.jpg) -143px -322px no-repeat; } .frontpage.man .huid-show, .frontpage.man .huid-hover { width: 24px; height: 83px; left: 491px; top: 295px; } .frontpage.man .huid-hover { background: url(../images/man-gebieden-nieuw.jpg) -265px -189px no-repeat; } /* gebiedsbeschrijvingen */ .frontpage #column-middle #tekstoverlay.show .gebiedsbeschrijving {margin-left: 328px; } .frontpage #column-middle #tekstoverlay.show .gebiedsbeschrijving h1 {margin-left: 5px; line-height: 1.4em; float: left; clear: left; display:inline;} .frontpage #column-middle #tekstoverlay .gebiedsbeschrijving p {margin-left: 5px; margin-right: 15px; float: left; clear: left; display:inline;} .frontpage #column-middle #tekstoverlay .gebiedsbeschrijving.hide { display: none;} .frontpage #column-middle #tekstoverlay .gebiedsbeschrijving .line { position: relative; height: 1px; border-top: 1px solid #fff; top:1.1em; overflow: hidden; display: block; float: left; clear: left;} /* vrouw */ .vrouw #column-middle #tekstoverlay.show #beschrijving-fronsrimpel {margin-top: 90px; } .vrouw #column-middle #tekstoverlay #beschrijving-fronsrimpel .line { width:180px; left: -180px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-voorhoofd {margin-top: 55px; } .vrouw #column-middle #tekstoverlay #beschrijving-voorhoofd .line { width:170px; left: -170px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-onderoogleden {margin-top: 107px; } .vrouw #column-middle #tekstoverlay #beschrijving-onderoogleden .line { width:160px; left: -160px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-kraaienpootjes {margin-top: 131px; } .vrouw #column-middle #tekstoverlay #beschrijving-kraaienpootjes .line { width:255px; left: -255px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-neus {margin-top: 130px; } .vrouw #column-middle #tekstoverlay #beschrijving-neus .line { width:180px; left: -180px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-jukbeen {margin-top: 160px; } .vrouw #column-middle #tekstoverlay #beschrijving-jukbeen .line { width:270px; left: -270px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-wangen {margin-top: 200px; } .vrouw #column-middle #tekstoverlay #beschrijving-wangen .line { width:120px; left: -120px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-neuslippenplooi {margin-top: 175px; } .vrouw #column-middle #tekstoverlay #beschrijving-neuslippenplooi .line { width:225px; left: -225px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-bovenlip {margin-top: 180px; } .vrouw #column-middle #tekstoverlay #beschrijving-bovenlip .line { width:170px; left: -170px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-lippen {margin-top: 224px; } .vrouw #column-middle #tekstoverlay #beschrijving-lippen .line { width:170px; left: -170px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-mondhoeken {margin-top: 199px; } .vrouw #column-middle #tekstoverlay #beschrijving-mondhoeken .line { width:240px; left: -240px; } .vrouw #column-middle #tekstoverlay.show #beschrijving-kin {margin-top: 225px; } .vrouw #column-middle #tekstoverlay #beschrijving-kin .line { width:170px; left: -170px;height: 35px; margin-bottom: -35px; border-left: 1px solid #fff;} .vrouw #column-middle #tekstoverlay.show #beschrijving-hamsterwangen {margin-top: 200px; } .vrouw #column-middle #tekstoverlay #beschrijving-hamsterwangen .line { width:260px; left: -260px; height: 30px; margin-bottom: -30px; border-left: 1px solid #fff;} .vrouw #column-middle #tekstoverlay.show #beschrijving-onderkin {margin-top: 225px; } .vrouw #column-middle #tekstoverlay #beschrijving-onderkin .line { width:170px; left: -170px; height: 65px; margin-bottom: -65px; border-left: 1px solid #fff; } .vrouw #column-middle #tekstoverlay.show #beschrijving-hals {margin-top: 225px; } .vrouw #column-middle #tekstoverlay #beschrijving-hals .line { width:170px; left: -170px; height: 110px; margin-bottom: -110px; border-left: 1px solid #fff; } .vrouw #column-middle #tekstoverlay.show #beschrijving-huid {margin-top: 147px; } .vrouw #column-middle #tekstoverlay #beschrijving-huid .line { width:115px; left: -115px; } /* man */ .man #column-middle #tekstoverlay.show #beschrijving-fronsrimpel {margin-top: 110px; } .man #column-middle #tekstoverlay #beschrijving-fronsrimpel .line { width:150px; left: -150px; } .man #column-middle #tekstoverlay.show #beschrijving-voorhoofd {margin-top: 70px; } .man #column-middle #tekstoverlay #beschrijving-voorhoofd .line { width:90px; left: -90px; } .man #column-middle #tekstoverlay.show #beschrijving-onderoogleden {margin-top: 120px; } .man #column-middle #tekstoverlay #beschrijving-onderoogleden .line { width:60px; left: -60px; } .man #column-middle #tekstoverlay.show #beschrijving-kraaienpootjes {margin-top: 165px; } .man #column-middle #tekstoverlay #beschrijving-kraaienpootjes .line { width:230px; left: -230px; } .man #column-middle #tekstoverlay.show #beschrijving-neus {margin-top: 160px; } .man #column-middle #tekstoverlay #beschrijving-neus .line { width:140px; left: -140px; } .man #column-middle #tekstoverlay.show #beschrijving-wangen {margin-top: 210px; } .man #column-middle #tekstoverlay #beschrijving-wangen .line { width:230px; left: -230px; } .man #column-middle #tekstoverlay.show #beschrijving-neuslippenplooi {margin-top: 175px; } .man #column-middle #tekstoverlay #beschrijving-neuslippenplooi .line { width:75px; left: -75px; } .man #column-middle #tekstoverlay.show #beschrijving-onderkin {margin-top: 235px; } .man #column-middle #tekstoverlay #beschrijving-onderkin .line { width:80px; left: -80px; height: 80px; margin-bottom: -80px; border-left: 1px solid #fff; } .man #column-middle #tekstoverlay.show #beschrijving-huid {margin-top: 200px; } .man #column-middle #tekstoverlay #beschrijving-huid .line { width:50px; left: -50px; } /* left column contentpage */ .contentpage #column-left ul.subnav {display: inline; float: left; margin-top: 33px; margin-left: 20px;} .contentpage #column-left ul.subnav li {width:195px; height: 24px; float: left; clear: left;} .contentpage #column-left ul.subnav li a { display: block; color:#47423c; line-height: 24px; padding-left:10px; width: 195px; font-size: 0.92em; text-decoration: none;} .contentpage #column-left ul.subnav li a:hover { color:#fff; background-color: #ea6f00; font-weight: bold; text-decoration: none;} .contentpage #column-left ul.subnav li.currentsub a { color:#ea6f00; font-weight: bold; text-decoration: none;} .contentpage #column-left ul.subnav li.currentsub a:hover { color:#fff; } /* left column voornapage */ .beforeafter #column-left #column-left-header {width: 188px; height: 162px; float: left; margin: 0px 0 16px 0; background: url(../images/bg-gebieden-top.gif) left top no-repeat; } .beforeafter #column-left #column-left-header #gebiedsfoto {width: 108px; height: 146px; margin: 16px 0 0 16px; float: left; border: 1px solid #fff; display: inline;} /* gebiedsfotos vrouw */ .vrouw #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2482px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-overlay {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2482px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-fronsrimpel, .vrouw.fronsrimpel #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -146px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-voorhoofd, .vrouw.voorhoofd #column-left #column-left-header .gebiedsfoto-vrouw{background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -292px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-onderoogleden, .vrouw.onderoogleden #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -438px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-kraaienpootjes, .vrouw.kraaienpootjes #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -584px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-neus, .vrouw.neus #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -730px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-jukbeen, .vrouw.jukbeen #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -876px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-wangen, .vrouw.wangen #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1022px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-neuslippenplooi, .vrouw.neuslippenplooi #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1168px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-bovenlip, .vrouw.bovenlip #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1314px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-lippen, .vrouw.lippen #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1460px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-mondhoeken, .vrouw.mondhoeken #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1606px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-kin, .vrouw.kin #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1752px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-hamsterwangen, .vrouw.hamsterwangen #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1898px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-onderkin, .vrouw.onderkin #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2044px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-hals, .vrouw.hals #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2190px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-huid, .vrouw.huid #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2336px no-repeat; } .vrouw #column-left #column-left-header .gebiedsfoto-gezicht, .vrouw.gezicht #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 0px no-repeat; } /* gebiedsfotos man */ .man #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1460px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-overlay {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1460px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-fronsrimpel, .man.fronsrimpel #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -146px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-voorhoofd, .man.voorhoofd #column-left #column-left-header .gebiedsfoto-man{background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -292px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-onderoogleden, .man.onderoogleden #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -438px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-kraaienpootjes, .man.kraaienpootjes #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -584px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-neus, .man.neus #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -730px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-wangen, .man.wangen #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -876px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-neuslippenplooi, .man.neuslippenplooi #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1022px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-onderkin, .man.onderkin #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1168px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-huid, .man.huid #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1314px no-repeat; } .man #column-left #column-left-header .gebiedsfoto-gezicht, .man.gezicht #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 0px no-repeat; } .beforeafter #column-left h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#fff; font-size: 1em; line-height:1.4em; margin: 0px 0 4px 16px; text-transform: uppercase;} .beforeafter #column-left ul { margin-left: 16px; display: inline; float: left; } .beforeafter #column-left ul li { display: block; float: left; clear: left; margin: 0px; width: 162px; } .beforeafter #column-left ul li a { font-family: Arial, Helvetica, sans-serif; font-weight: normal ; color:#fff; font-size: 1em; margin: 0px; line-height:1.2em; } .beforeafter #column-left ul li a:hover {color:#ea6f00; font-weight: bold; text-decoration: underline; } .beforeafter #column-left #column-left-footer {width: 188px; height: 109px; float: left; margin: 20px 0 0px 0; background: url(../images/bg-gebieden-bottom.gif) left bottom no-repeat; } .beforeafter.vrouw #column-left .manvrouw-button-large { width: 163px; height: 99px; float: left; background: url(../images/man-button-large2.jpg) 0 0px no-repeat; position: relative; margin-left: 12px; cursor: pointer;} .beforeafter.vrouw #column-left .manvrouw-button-large:hover { background: url(../images/man-button-large2.jpg) 0 -99px no-repeat; text-decoration:none;} .beforeafter.man #column-left .manvrouw-button-large { width: 163px; height: 99px; float: left; background: url(../images/vrouw-button-large2.jpg) 0 0px no-repeat; position: relative; margin-left: 12px;cursor: pointer;} .beforeafter.man #column-left .manvrouw-button-large:hover { background: url(../images/vrouw-button-large2.jpg) 0 -99px no-repeat; text-decoration:none;} .beforeafter .manvrouw-button-large span { position: absolute; color: #fff; font-size: 11px; line-height: 1.6em; width: 85px; padding: 29px 0 0 12px; display: block; } /* current gebied */ .beforeafter.fronsrimpel #gebied-fronsrimpel, .beforeafter.voorhoofd #gebied-voorhoofd, .beforeafter.onderoogleden #gebied-onderoogleden, .beforeafter.kraaienpootjes #gebied-kraaienpootjes , .beforeafter.neus #gebied-neus , .beforeafter.jukbeen #gebied-jukbeen, .beforeafter.wangen #gebied-wangen, .beforeafter.neuslippenplooi #gebied-neuslippenplooi, .beforeafter.bovenlip #gebied-bovenlip, .beforeafter.lippen #gebied-lippen, .beforeafter.mondhoeken #gebied-mondhoeken, .beforeafter.kin #gebied-kin, .beforeafter.hamsterwangen #gebied-hamsterwangen, .beforeafter.onderkin #gebied-onderkin, .beforeafter.hals #gebied-hals, .beforeafter.huid #gebied-huid, .beforeafter.gezicht #gebied-gezicht {color:#ea6f00; font-weight: bold;} /*resultaten-intro */ .resultaten-intro #column-middle .gebiedskiezer {width: 188px; min-height: 475px; float: left; margin: 0px 16px 16px 0px; background: #796957 url(../images/bg-gebiedskiezer-bottom.gif) left bottom no-repeat;padding-bottom: 12px; } .resultaten-intro #column-middle .gebiedskiezer .gebiedsheader {width: 188px; height: 162px; float: left; margin: 0px 0 16px 0; background: url(../images/bg-gebiedskiezer-top.gif) left top no-repeat; } .resultaten-intro #column-middle .gebiedskiezer #gebiedsfotoM, .resultaten-intro #column-middle .gebiedskiezer #gebiedsfotoV {width: 108px; height: 146px; margin: 16px 0 0 16px; float: left; border: 1px solid #fff; display: inline;} /* gebiedsfotos vrouw */ .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2482px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-overlay {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2482px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-fronsrimpel, .vrouw.fronsrimpel #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -146px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-voorhoofd, .vrouw.voorhoofd #column-left #column-left-header .gebiedsfoto-vrouw{background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -292px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-onderoogleden, .vrouw.onderoogleden #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -438px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-kraaienpootjes, .vrouw.kraaienpootjes #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -584px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-neus, .vrouw.neus #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -730px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-jukbeen, .vrouw.jukbeen #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -876px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-wangen, .vrouw.wangen #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1022px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-neuslippenplooi, .vrouw.neuslippenplooi #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1168px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-bovenlip, .vrouw.bovenlip #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1314px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-lippen, .vrouw.lippen #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1460px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-mondhoeken, .vrouw.mondhoeken #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1606px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-kin, .vrouw.kin #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1752px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-hamsterwangen, .vrouw.hamsterwangen #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -1898px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-onderkin, .vrouw.onderkin #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2044px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-hals, .vrouw.hals #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2190px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-huid, .vrouw.huid #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 -2336px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-vrouw .gebiedsfoto-gezicht, .vrouw.gezicht #column-left #column-left-header .gebiedsfoto-vrouw {background: url(../images/gebiedsfoto-vrouw-nieuw.jpg) 0 0px no-repeat; } /* gebiedsfotos man */ .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1460px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-overlay {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1460px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-fronsrimpel, .man.fronsrimpel #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -146px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-voorhoofd, .man.voorhoofd #column-left #column-left-header .gebiedsfoto-man{background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -292px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-onderoogleden, .man.onderoogleden #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -438px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-kraaienpootjes, .man.kraaienpootjes #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -584px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-neus, .man.neus #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -730px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-wangen, .man.wangen #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -876px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-neuslippenplooi, .man.neuslippenplooi #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1022px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-onderkin, .man.onderkin #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1168px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-huid, .man.huid #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 -1314px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer.gebieden-man .gebiedsfoto-gezicht, .man.gezicht #column-left #column-left-header .gebiedsfoto-man {background: url(../images/gebiedsfoto-man-nieuw.jpg) 0 0px no-repeat; } .resultaten-intro #column-middle .gebiedskiezer h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#fff; font-size: 1em; line-height:1.4em; margin: 0px 0 4px 16px; text-transform: uppercase; clear: left;} .resultaten-intro #column-middle .gebiedskiezer ul { margin-left: 16px; display: inline; float: left; margin-bottom: 0; } .resultaten-intro #column-middle .gebiedskiezer ul li { display: block; float: left; clear: left; margin: 0px; width: 162px; background: none; padding-left: 0; line-height: 1.2em; } .resultaten-intro #column-middle .gebiedskiezer ul li a { font-family: Arial, Helvetica, sans-serif; font-weight: normal ; color:#fff; font-size: 1em; margin: 0px; line-height:1.2em; } .resultaten-intro #column-middle .gebiedskiezer li a:hover {color:#ea6f00; font-weight: bold; text-decoration: underline; background: none; } /* end resultaten-intro */ /* middle column voorna page */ .beforeafter #fotovlak {width: 500px; float: left; /*height: 337px;*/ height: 367px; margin: 17px 0 0 12px; background: url(../images/bg-fotovlak.gif) 0 0px repeat-y; display: inline;} .beforeafter #fotovlak table {width: 460px; float: left; height: 314px; margin: 11px 0 0 16px; display: inline; } .beforeafter #fotovlak td {width: 460px; height: 314px; vertical-align:middle; text-align: center; } .beforeafter #fotovlak td div {margin: 0 auto; position: relative;} .beforeafter #fotovlak td div img {color:#171717; } /* voor en na tekst fotos naast elkaar */ .beforeafter #fotovlak td div.voor-na {width: 460px; position: absolute; top: 6px; left: 0px;} .beforeafter #fotovlak td div.voor-na span {width: 212px; color: #fff; font-weight: bold; font-size: 11px; display: block; float: left; } .beforeafter #fotovlak td div.voor-na span.voor {margin-right: 36px; text-align: right; } .beforeafter #fotovlak td div.voor-na span.na {text-align: left; } /* voor en na tekst fotos onder elkaar */ .beforeafter.maat320x149 #fotovlak td div.voor-na, .beforeafter.maat230x149 #fotovlak td div.voor-na {width: 100%; height: 314px; position: absolute; top: 0px; right: 0px; } .beforeafter.maat320x149 #fotovlak td div.voor-na span, .beforeafter.maat230x149 #fotovlak td div.voor-na span {font-weight: bold; font-size: 11px; float: right; clear: right;} .beforeafter.maat320x149 #fotovlak td div.voor-na span.voor, .beforeafter.maat230x149 #fotovlak td div.voor-na span.voor { height: 165px; margin-top: 6px; text-align: right; width: 100px; margin-right: 10px; display: inline;} .beforeafter.maat320x149 #fotovlak td div.voor-na span.na, .beforeafter.maat230x149 #fotovlak td div.voor-na span.na { height: 149px; text-align: right; width: 100px; margin-right: 10px; display: inline;} .beforeafter.maat320x149 #fotovlak td div#defotos {width: 320px;} .beforeafter.maat320x149 #fotovlak td div#defotos img {clear: left; float: left; width: 320px; height: 149px;} .beforeafter.maat320x149 #fotovlak td div#defotos img.voor {margin-bottom: 16px;} .beforeafter.maat230x149 #fotovlak td div#defotos {width: 230px;} .beforeafter.maat230x149 #fotovlak td div#defotos img {clear: left; float: left; width: 230px; height: 149px;} .beforeafter.maat230x149 #fotovlak td div#defotos img.voor {margin-bottom: 16px;} .beforeafter.maat222x180 #fotovlak td div#defotos {width: 460px;} .beforeafter.maat222x180 #fotovlak td div#defotos img {width: 222px; height: 180px;} .beforeafter.maat222x180 #fotovlak td div#defotos img.voor {margin-right: 16px;} .beforeafter.maat222x222 #fotovlak td div#defotos {width: 460px; } .beforeafter.maat222x222 #fotovlak td div#defotos img {width: 222px; height: 222px;} .beforeafter.maat222x222 #fotovlak td div#defotos img.voor {margin-right: 16px;} .beforeafter.maat222x250 #fotovlak td div#defotos {width: 460px;} .beforeafter.maat222x250 #fotovlak td div#defotos img {width: 222px; height: 250px;} .beforeafter.maat222x250 #fotovlak td div#defotos img.voor {margin-right: 16px;} .beforeafter.maat222x314 #fotovlak td div#defotos {width: 460px;} .beforeafter.maat222x314 #fotovlak td div#defotos img { width: 222px; height: 314px;} .beforeafter.maat222x314 #fotovlak td div#defotos img.voor {margin-right: 16px;} .beforeafter.maat320x149 #fotovlak td div#defotos-gf {width: 320px;} .beforeafter.maat320x149 #fotovlak td div#defotos-gf img {clear: left; float: left; width: 320px; height: 149px;} .beforeafter.maat320x149 #fotovlak td div#defotos-gf img.voor {margin-bottom: 16px;} .beforeafter.maat230x149 #fotovlak td div#defotos-gf {width: 230px;} .beforeafter.maat230x149 #fotovlak td div#defotos-gf img {clear: left; float: left; width: 230px; height: 149px;} .beforeafter.maat230x149 #fotovlak td div#defotos-gf img.voor {margin-bottom: 16px;} .beforeafter.maat222x180 #fotovlak td div#defotos-gf {width: 460px;} .beforeafter.maat222x180 #fotovlak td div#defotos-gf img {width: 222px; height: 180px;} .beforeafter.maat222x180 #fotovlak td div#defotos-gf img.voor {margin-right: 16px;} .beforeafter.maat222x222 #fotovlak td div#defotos-gf {width: 460px; } .beforeafter.maat222x222 #fotovlak td div#defotos-gf img {width: 222px; height: 222px;} .beforeafter.maat222x222 #fotovlak td div#defotos-gf img.voor {margin-right: 16px;} .beforeafter.maat222x250 #fotovlak td div#defotos-gf {width: 460px;} .beforeafter.maat222x250 #fotovlak td div#defotos-gf img {width: 222px; height: 250px;} .beforeafter.maat222x250 #fotovlak td div#defotos-gf img.voor {margin-right: 16px;} .beforeafter.maat222x314 #fotovlak td div#defotos-gf {width: 460px;} .beforeafter.maat222x314 #fotovlak td div#defotos-gf img { width: 222px; height: 314px;} .beforeafter.maat222x314 #fotovlak td div#defotos-gf img.voor {margin-right: 16px;} .beforeafter #fototekst { width: 190px; float: right; margin: 25px 16px 0 0; display: inline; padding: 0px 0 12px 0;} .beforeafter #fototekst h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#ea6f00; font-size: 1em; line-height:1.4em; padding-top: 4px; margin: 0px 0px 8px 0px; text-transform:uppercase;} .beforeafter #fototekst p {color:#fff; margin: 0 0px 12px 0px; line-height: 1.4em; font-size: 0.92em;} .beforeafter #fototekst p.quote a {text-decoration: none; color:#fff; display: block;} .beforeafter #fototekst p.quote a:hover {text-decoration: underline; color:#ea6f00;} .beforeafter #fototekst p a:hover {color:#ea6f00; text-decoration: underline; } .beforeafter #fototekst p em {color: #ea6f00;} .beforeafter #fototekst p.quote a:visited {color:#A3978A;} .beforeafter #videoswitch { width: 191px; height: 56px; position: relative; left: -3px; display: block; background: url(../images/bg-videoswitch.gif) 0 0px no-repeat; margin: 16px 0 18px 0; padding-top: 9px; } .beforeafter #videoswitch a { margin: 0px 0 6px 12px; display: block; clear: left; color: #fff; padding-left: 25px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; height: 13px; width: 170px; } .beforeafter #videoswitch a.toonalsvideo-notcurrent {background: url(../images/bg-toonals.gif) 0 -36px no-repeat; } .beforeafter #videoswitch a#toonalsvideo:hover, .beforeafter #videoswitch a.toonalsvideo-current {background: url(../images/bg-toonals.gif) 0px -54px no-repeat; color:#ea6f00; font-weight: bold; text-decoration:none; } .beforeafter #videoswitch a.toonalsfoto-notcurrent {background: url(../images/bg-toonals.gif) 0 0px no-repeat; } .beforeafter #videoswitch a#toonalsfoto:hover, .beforeafter #videoswitch a.toonalsfoto-current {background: url(../images/bg-toonals.gif) 0px -18px no-repeat; color:#ea6f00; font-weight: bold; text-decoration:none; } #defotos {} .defotos-hide { display:none;} .defotos-show { display: block;} .devideo-hide { visibility: hidden; height: 0%;} .devideo-show { visibility: visible; } .devideo-hide #flashmovie { display: none;} /*alleen voor bug in safari3 */ .contentpage #column-middle #flashmovie span {display: block; margin-bottom: 12px;color:#bf0023; font-size: 1em; text-align: center; padding: 15px; font-weight: bold; border: 1px solid #bf0023;font-family: Arial, Helvetica, sans-serif;} .contentpage #column-middle #flashmovie span a {color:#bf0023;text-decoration: underline;} .contentpage #column-middle #flashmovie span a:hover {text-decoration: underline; background: none;} .beforeafter #gebiedstekst {width: 500px; float: left; margin: 0px 0 0 12px; background: url(../images/bg-fotovlak-bottom.gif) 0 0px no-repeat; display: inline; padding: 16px 0 0px 0;} .beforeafter #gebiedstekst h1 { color:#ea6f00; margin: 0px 0 0px 4px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.6em; line-height:1.4em; margin-bottom: 10px; width: 475px; } .beforeafter #gebiedstekst h1 span { color:#fff; font-size: 0.69em; top: -0.1em; position: relative;} .beforeafter #gebiedstekst p {color:#fff; margin: 0 0px 12px 4px; line-height: 1.4em; font-size: 0.92em; width: 475px; clear: left;} .beforeafter #gebiedstekst p a {color:#ea6f00; text-decoration: none;} .beforeafter #gebiedstekst p a:hover {color:#ea6f00; background: url(../images/underline.gif) left bottom repeat-x; text-decoration: none;} .beforeafter #gebiedstekst img {border: 1px solid #ea6f00; float: left; margin: 4px 10px 4px 0;} .beforeafter #gebiedstekst p#fotocopyright {color:#A3978A; margin: 20px 0px 10px 4px; line-height: 1.5em; font-size: 0.78em; width: 475px;} #inbetween {width: 730px; float: right; height: 25px; margin: 0px 16px 0 0px; background: url(../images/bg-voorna-inbetween.gif) 0 0px no-repeat; display: inline;} #videovlak {width: 730px; float: right; height: 188px; margin: 0px 16px 16px 0px; background:#9f876f url(../images/bg-videovlak-bottom.gif) left bottom no-repeat; display: inline;} /* bottom column voornapage */ .beforeafter #videovlak div {width: 177px; float: left; margin-top: 12px;} .beforeafter #videovlak h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size: 12px; line-height:1.4em; padding-top: 4px; margin: 0px 0px 8px 16px; text-transform:uppercase; } .beforeafter #videovlak p {color:#fff; margin: 0 0px 12px 16px; line-height: 1.4em; font-size: 11px; } .beforeafter #videovlak p a {color:#fff; text-decoration: underline;} .beforeafter #videovlak p a:hover {color:#47423c; text-decoration: underline; } .beforeafter #videovlak a.videolink {display: block; float: left; width:172px; height:160px; margin: 12px 0 0 7px; color:#fff; text-decoration:none; } .beforeafter #videovlak a.videolink.elzenkliniek {background: url(../images/video-elzen.jpg) 0px 0px no-repeat ;} .beforeafter #videovlak a.videolink.elzenkliniek:hover {background: url(../images/video-elzen.jpg) 0px -160px no-repeat;} .beforeafter #videovlak a.videolink.consult {background: url(../images/video-consult.jpg) 0px 0px no-repeat;} .beforeafter #videovlak a.videolink.consult:hover {background: url(../images/video-consult.jpg) 0px -160px no-repeat;} .beforeafter #videovlak a.videolink.behandeling {background: url(../images/video-behandeling.jpg) 0px 0px no-repeat;} .beforeafter #videovlak a.videolink.behandeling:hover {background: url(../images/video-behandeling.jpg) 0px -160px no-repeat;} .beforeafter #videovlak a.videolink span {text-decoration:none; position: relative; top:137px; left: 32px; z-index: 100000000; color:#fff; font-size: 12px;} .beforeafter #videovlak a.videolink:hover span {text-decoration: none;} /* middle column contentpage */ .contentpage #column-middle h1 { color:#ea6f00; border-left: 1px solid #ea6f00; margin-left: -12px; padding: 28px 0 0px 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.6em; line-height:1.4em; margin-bottom: 10px;} .contentpage #column-middle h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#ea6f00; font-size: 1.1em; line-height:1.4em; margin-bottom: 6px; clear: left;} .contentpage #column-middle h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.3em; margin-bottom: 4px; font-weight: bold;} .contentpage.prijslijst #column-middle h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.3em; margin-bottom: 14px; font-weight: bold; padding-top: 12px; background: url(../images/underline-grijs.gif) left top repeat-x;} .contentpage #column-middle {font-size: 1em; line-height: 1.6em;} p {font-size: 1em; line-height: 1.5em; margin-bottom: 12px;} .contentpage #column-middle img {float: left; margin: 4px 15px 6px 0; border: 1px solid #ea6f00;} .contentpage #column-middle img.noborder {border:none;} .contentpage #column-middle img.floatright {float: right; margin: 4px 0px 6px 15px; } .contentpage #column-middle img.left {margin: 4px 16px 16px 0;} .contentpage #column-middle img.right {margin: 4px 0px 16px 0;} .contentpage #column-middle img.fullwidth {margin: 4px 0px 16px 0;} .contentpage #column-middle img.icon {float: left; margin: 2px 8px 6px 0; border:none;} .contentpage #column-middle a.pdf {padding-left:25px; background: url(../images/pdf_icon.gif) left top no-repeat; padding-bottom: 2px;} .contentpage #column-middle a.pdf:hover {text-decoration: underline; background: url(../images/pdf_icon.gif) left top no-repeat;} .contentpage #column-middle a.word {padding-left:25px; background: url(../images/word_icon.gif) left top no-repeat; padding-bottom: 2px;} .contentpage #column-middle a.word:hover {text-decoration: underline; background: url(../images/word_icon.gif) left top no-repeat;} .contentpage #column-middle .keurmerk-blok {margin: 20px 0 0 0;} .contentpage #column-middle .keurmerk-blok img {float: left; border: none;} .contentpage #column-middle .keurmerk-blok a { float: left; display: block; margin: 0 0 0 0px; text-decoration: none; background: none;} .contentpage #column-middle .keurmerk-blok a:hover { text-decoration: none; background: none;} .contentpage #column-middle .keurmerk-blok a.keurmerk-right {margin: 0 0 0 30px;} .contentpage #column-middle a {color: #ea6f00; text-decoration: none;} .contentpage #column-middle a:hover {text-decoration: none; background: url(../images/underline.gif) left bottom repeat-x;} .contentpage #column-middle ul {margin-bottom: 12px;} .contentpage #column-middle ul li {padding-left: 12px; background: url(../images/bullet.gif) 0px 0.6em no-repeat; line-height: 1.5em;} .contentpage #column-middle ol {list-style-position:inside; margin-bottom: 12px;} .contentpage #column-middle ol li {line-height: 1.5em;} .contentpage #column-middle h2.news-title { padding-top: 5px; font-size: 1.2em;} .contentpage #column-middle h2.newslist-title { font-size: 1.2em; background: url(../images/underline.gif) left top repeat-x; padding-top: 10px;} .contentpage #column-middle ul.newslist {width: 100%; padding-top: 0px; } .contentpage #column-middle ul.newslist li {list-style-type:none; background: none; padding-left: 0px; padding-bottom: 5px;} .contentpage #column-middle ul.newslist li a {text-decoration: none; color:#47423c; } .contentpage #column-middle ul.newslist li a:hover {text-decoration: underline; color:#ea6f00; background: none;} .contentpage #column-middle ul.excerptlist {width: 100%; padding-top: 0px; } .contentpage #column-middle ul.excerptlist li {background: url(../images/underline.gif) left bottom repeat-x; padding-left: 0; margin: 0;display: block;float: left; } .contentpage #column-middle ul.excerptlist h2 {padding-top: 5px; font-size: 1.2em;} .contentpage #column-middle ul.excerptlist p {display: block; overflow: hidden; padding-bottom: 0px;} .contentpage #column-middle p.terug-onder {background: url(../images/underline.gif) left top repeat-x; padding-top: 5px; display: block;width: 100%; } .contentpage #column-middle p.terug-onder a {font-size: 0.92em;} .contentpage #column-middle a.terug {font-size: 0.92em; font-weight: normal; float: right; margin: 1.4em 0px 0 5px; line-height: 1.5em; padding: 0;} .contentpage.prijslijst #column-middle ul {width: 440px; } .contentpage.prijslijst #column-middle ul li {padding-left: 0px; width: 440px; height: 1.6em; background: none; } .contentpage.prijslijst #column-middle ul li span.prijs {float: right; text-align: right;} .contentpage.prijslijst #column-middle ul li span {float: left;} /* right column contentpage */ .contentpage #column-right h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size: 1em; line-height:1.4em; padding-top: 4px; margin: 0px 0px 8px 25px; width: 172px;text-transform:uppercase;} .contentpage #column-right p {color:#fff; margin: 0 20px 12px 25px; line-height: 1.4em; font-size: 0.92em;} .contentpage #column-right p a {color:#fff; text-decoration: underline;} .contentpage #column-right p a:hover {color:#47423c; text-decoration: underline; } .contentpage #column-right a.videolink {display: block; width:172px; height:160px; margin-left: 25px; margin-bottom: 12px; color:#fff; text-decoration:none; z-index: 1; } .contentpage #column-right a.videolink.elzenkliniek {background: url(../images/video-elzen.jpg) 0px 0px no-repeat ;} .contentpage #column-right a.videolink.elzenkliniek:hover {background: url(../images/video-elzen.jpg) 0px -160px no-repeat;} .contentpage #column-right a.videolink.consult {background: url(../images/video-consult.jpg) 0px 0px no-repeat;} .contentpage #column-right a.videolink.consult:hover {background: url(../images/video-consult.jpg) 0px -160px no-repeat;} .contentpage #column-right a.videolink.behandeling {background: url(../images/video-behandeling.jpg) 0px 0px no-repeat;} .contentpage #column-right a.videolink.behandeling:hover {background: url(../images/video-behandeling.jpg) 0px -160px no-repeat;} .contentpage #column-right a.videolink span {text-decoration:none; position: relative; top:137px; left: 32px; z-index: 10000; color:#fff; font-size: 12px;} .contentpage #column-right a.videolink:hover span {text-decoration: none;} #contactform {width: 440px; background: #47423c url(../images/bg-contactform-top.gif) 0 0px no-repeat; overflow: hidden; color: #fff; padding-top: 20px;margin-bottom: 20px;} #contactform #contactform-bottom {width: 440px; background: #47423c url(../images/bg-contactform-bottom.gif) left bottom no-repeat; margin: 0 0 0 0; height: 60px; } #contactform input {float: left; margin-top: 0px; color: #47423c; border:none; } #contactform span.required {float: left; margin-top: 0px; } #contactform label {float: left; width: 140px; clear: left; display: block; margin-left: 15px; margin-right: 8px; text-align: right; margin-top: 0px; display: inline; } #contactform fieldset {border: none; padding: 0; margin: 0; display: block; float: left; clear: left; margin-bottom: 5px; display: block; width: 440px; } #contactform select, #contactform textarea {float: left;} #contactform fieldset#gender { width: 275px; margin-left: 165px; clear: left; margin-top: 5px; margin-bottom: 10px; display: inline;} #contactform fieldset#gender input {float: left;margin: 0 0 0 0; font-size: 1em;} #contactform fieldset#gender label {float: left; clear: none; margin-left: 5px; width: 55px; text-align: left; margin-top: -3px; display: inline;} #contactform fieldset.checkbox { width: 275px; margin-left: 165px; clear: left; margin-top: 5px; margin-bottom: 10px; display: inline;} #contactform fieldset.checkbox input {float: left; margin: 0 10px 0 0; display: inline;} #contactform fieldset.checkbox label {float: left; clear: none; width: 230px; margin: -2px 0 0 0; text-align: left; line-height: 1.4em; display: inline;} #contactform fieldset.address-hide { display: none;} #contactform fieldset.address-show { display: block;} #contactform #contactform-bottom a {padding: 3px 10px 2px 10px; border: 1px solid #fff; float: left; display: inline; margin-left: 165px; margin-top: 15px; color: #fff; font-family: Arial, Helvetica, sans-serif ;} #contactform #contactform-bottom a:hover { border: 1px solid #fff; background:#ea6f00; color: #fff; } /* Google map */ iframe { border: 1px solid #ea6f00;} /* Sitemap */ .contentpage #column-middle #sitemap ul {margin-bottom: 12px;} .contentpage #column-middle #sitemap ul li {padding-left: 12px; background: url(../images/bullet.gif) 0px 0.6em no-repeat; line-height: 1.4em; margin-bottom: 0.2em;} .contentpage #column-middle #sitemap ul li a:hover {text-decoration: underline; background: none;} .contentpage #column-middle #sitemap ul ul {margin-top: 0.2em; margin-bottom: 0px;} /* Footer linklist */ #footerlinklist {float: left; width: 950px; background: #242424 url(../images/footernew-shadowbg.gif) 0 0 repeat-x; font-size: 0.94em; color:#fff; overflow: hidden;} #footerlinklist-content {float: left; padding: 26px 0 8px 39px;overflow: hidden;} #footerlinklist-content .footerlinklist-column {float: left; width: 208px; display: inline; overflow: hidden; padding: 0 0 0px 0; margin: 0; margin-right: 18px; /*background: #ccc;*/ } #footerlinklist-content ul {display: block; padding-bottom: 18px; } #footerlinklist-content ul li {margin: 0 0 4px 0; padding: 0; } #footerlinklist-content ul li.heading { margin-bottom:6px; } #footerlinklist-content ul li.heading a { text-transform: uppercase; font-weight: bold; font-size: 1em; color: #777;} #footerlinklist-content ul li.heading a:hover {text-decoration: underline;} #footerlinklist-content ul li a { color: #666; font-size: 1em; line-height: 1.2em; margin: 0; padding: 0; } #footerlinklist-content ul li a:hover {color:#ea6f00; text-decoration: underline; } #footerlinklist-bottom {float: left; clear: left; width: 950px; height: 5px; background: url(../images/bg-footernew-bottom.gif) left top no-repeat; overflow: hidden;} /* Fotovlak paginator */ #fotovlak #gebied-paginator {float: left; text-align: center; width: 492px; display: block; margin: 17px 0 0 0;} #fotovlak #gebied-paginator-wrapper {float: left; display: block; left: 50%; position: relative; } #fotovlak #gebied-paginator ul {float: left; display: block;left: -50%; position: relative;} #fotovlak #gebied-paginator ul li { float: left; display: block; margin: 0 4px 0 4px;} #fotovlak #gebied-paginator ul li a {display: block; text-decoration: none; color:#fff; font-size:0.92em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; margin-top: -2px;} #fotovlak #gebied-paginator ul li a:hover {text-decoration: underline; color:#ea6f00;} #fotovlak #gebied-paginator ul li a#paginator-next {margin: 0 4px 0 4px; text-indent: -9999px; display: block; width: 15px; height: 10px; background: url(../images/vorigevolgende.gif) 50% -80px no-repeat;} #fotovlak #gebied-paginator ul li a#paginator-next:hover {background-position:50% -120px; } #fotovlak #gebied-paginator ul li a#paginator-previous {margin: 0 4px 0 4px; text-indent: -9999px; width: 15px; height: 10px; background: url(../images/vorigevolgende.gif) 50% 0px no-repeat;} #fotovlak #gebied-paginator ul li a#paginator-previous:hover {background-position:50% -40px;} #fotovlak #gebied-paginator ul li a#paginator-current { color:#ea6f00; font-weight: bold;} #fotovlak #gebied-paginator ul li a:visited {color:#737373;} #fotovlak #gebied-paginator ul li a:hover {text-decoration: underline; color:#ea6f00;} } /* =============== PRINT styles */ @media print { #logo .print {display: block; } #logo {width: 280px; height: 93px; margin-left: 15px; margin-top: 20px;} #logo .screen {display: none; } .beforeafter #logo {margin-left: 24px;} .frontpage #logo {margin-left: 10px;} #container, .prijslijst #container #column-middle ul, #container #contactform {font-size: 16px;} #column-left, #column-right, #mainnav , #footer-left, #subfooter a, #subfooter span, #container #contactform { display: none;} .frontpage #column-left, .frontpage #column-right { display: block;} #footer-right {float: left; margin-left:30px; clear: both; text-align: left; } .contentpage #column-middle {width: 600px; padding: 0 0 20px 30px; } .contentpage #column-middle h1 { border: none;} .contentpage #column-middle h2.contactformheader { display: none;} .contentpage.prijslijst #column-middle ul, .contentpage.prijslijst #column-middle ul li {width: 600px; } #subfooter { margin-left: 30px; clear: both; } #footer, #footer a, #subfooter { color: #ea6f00; font-size: 11px; } #subfooter { color: #4c4c4c; width: 100%;} #footer { } .frontpage #subfooter { margin-left: 20px; } .frontpage #footer-right { margin-left: 20px; float: left; text-align: left; } #container #column-middle #flashmovie {display: none;} .contentpage #column-middle ul li {background: none; list-style-type: disc; list-style-position: inside;} .prijslijst #column-middle ul li {list-style-type: none; list-style-position: outside; background: none; margin: 0; padding: 0;} .resultaten-intro #column-middle .gebiedskiezer ul li a, .resultaten-intro #column-middle .gebiedskiezer h2 {color:#4c4c4c;} .resultaten-intro #column-middle .gebiedskiezer .gebiedsheader {display: none;} .beforeafter #container {} .beforeafter #column-left {display: none;} .beforeafter #fototekst { margin-right: 100px; float: right; width: 300px; margin-top: 0px; } .beforeafter #fototekst #videoswitch { display: none; } .beforeafter #devideo, .beforeafter .devideo-show {display: none;} .beforeafter #defotos, .beforeafter .defotos-hide {display: block; height: auto;} .beforeafter #fotovlak table {border: 1px solid #ea6f00;padding: 10px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px; height: auto;width: auto;} .beforeafter #fotovlak {float: none; height: auto; margin-top: 0; margin-left: 0; margin-bottom: 20px; width: 500px;} .beforeafter #fotovlak table {margin-left: 4px; margin-top: 0; } body .beforeafter #fotovlak td div#defotos {} body .beforeafter #fotovlak td {} .beforeafter #fotovlak table div.voor-na span {color:#000;} .beforeafter #gebiedstekst {float: none; clear: both; } .beforeafter #gebiedstekst p { } .beforeafter #column-middle {margin-left: 30px; width:100%; } .beforeafter #videovlak {display: none; } .beforeafter #gebiedstekst p, .beforeafter #gebiedstekst h1 span, .beforeafter #fototekst p, .beforeafter #fototekst p.quote, .beforeafter #fototekst p.quote a {color: #4c4c4c; } .contentpage #column-middle img.right {margin: 4px 16px 16px 0;} .frontpage #column-left a.videobutton {display: none;} .frontpage.vrouw a#manvrouw-button-large, .frontpage.man a#manvrouw-button-large {display: none;} .frontpage #column-middle h1, .frontpage #column-middle p {color:#4c4c4c; width: 480px; margin-top: 27px;} .frontpage #column-middle #tekstoverlay .gebiedsbeschrijving.hide { display: block;} .frontpage.vrouw #foto, .frontpage.man #foto {display: none;} .frontpage #column-middle #info-column {width: 500px;} .frontpage #column-middle .resultaten-blok-show {position: static; top: 0px; left: 0px; width: 500px; } .frontpage #column-middle .resultaten-blok-show p {display: none; } .frontpage #column-middle #rollovers.hide {display: block;} .frontpage #column-middle #overlay.hide {display: block;} .frontpage #column-middle #tekstoverlay.hide {display:block;} .frontpage #column-middle #tekstoverlay .gebiedsbeschrijving .line {display: none;} .frontpage #column-middle #tekstoverlay .gebiedsbeschrijving p {margin-left: 18px; margin-top: 0; } .frontpage #column-middle h1 {color: #ea6f00;} .frontpage #content, .frontpage #column-middle, .frontpage #column-middle #info-column {height: auto; } }