/********* VERSION *********/ /* Versie 1.0.0 (04-03-2014) */ /********* VERSION END *********/ /********* DEFAULT *********/ html, body {height:100%;} html {overflow-y:scroll;} body {margin:0px; padding:0px; background:#f0f0f0; font-family: 'Abel', sans-serif; font-size:15px; color:#000;} #SmartForm input, #SmartForm select, #SmartForm textarea {font-family:inherit; font-size:inherit; color:inherit;} a {color:#333; text-decoration:none;} a:active, a:hover {background:none; text-decoration:underline;} img {border:0px;} p, li {line-height:20px;} .contentdiv .content_column .context .ulhome {margin-left: 0px; margin-top: 3px;} .contentdiv .default_content h1, .contentdiv .default_content h2, .contentdiv .default_content h3, .contentdiv .default_content h4 {font-size:15px; font-weight: bold; margin: 0; padding: 0 0 0 0;} .contentdiv .default_content .collumn h2 {font-size: 15px; font-weight: bold; margin: 0; padding: 0 0 10px 0;} /********* DEFAULT END *********/ /********* CONTAINER *********/ #div_container {width:100%; height:100%; height:auto !important; margin:0px auto; padding:0px; position:relative;} /********* CONTAINER END *********/ /********* HEADER *********/ #div_header {width:100%; height:207px; margin:0px; padding:0px; position:relative; background:url('../../images/bgheader.jpg'); border-bottom:1px solid #fff; z-index:120;} #div_header .head {max-width:960px; margin:0px auto; position:relative; } #div_header .head .logo {position:absolute; top:50px; left:0px;} #div_header .head .slogan {position:absolute; top:88px; right:0px;} /********* HEADER END *********/ /*** BORDER 5PX ***/ #slider_content, .body_detailpagina .contentdiv .context, .body_aanbod .contentdiv .context, #slider, .contentdiv .default_content .content_column.left_column_right .context, .snelzoek_button button, .collumn, #div_footer, #div_navigatie {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} /*** BORDER BOTTOM 5px ***/ #div_navigatie #navCrumbs li ul {-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} /*** ONE EDGE BOTTOM SHADOW ***/ #slider_content, .body_detailpagina .contentdiv .context, .body_aanbod .contentdiv .context, #slider, .contentdiv .default_content .content_column.left_column_right .context, .snelzoek_button button, .collumn, #div_footer, #div_navigatie #navCrumbs li ul {-webkit-box-shadow: 0 8px 6px -6px #b2b2b2;-moz-box-shadow: 0 8px 6px -6px #b2b2b2;box-shadow: 0 8px 6px -6px #b2b2b2;} /********* MENU *********/ #div_navigatie {height:42px; width: 960px; margin:0px auto; margin-top: -22px; padding:0px; position:relative; z-index:130; background:#fefefe url('../../images/bgmenu.jpg') repeat-x top left; border: 1px solid #cecece;} #div_navigatie #navCrumbs {margin:0px; padding:0px; list-style:none; } #div_navigatie #navCrumbs li {height:42px; line-height:42px; margin:0px 0px 0px 1px; padding:0px; position:relative; float:left; background: url('../../images/sep.png') no-repeat center left;} #div_navigatie #navCrumbs li a {height:42px; line-height:42px; margin:0px; padding:0px 24px; font-size:17px; text-transform: uppercase; color:#333; display:block;} #div_navigatie #navCrumbs li a:hover {border-color:#003307; color:#f15d30; text-decoration:none;} #div_navigatie #navCrumbs li ul {margin:0px; padding:5px 0px; background:#ffffff; list-style:none; border-bottom: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd} #div_navigatie #navCrumbs li ul li {height:auto; line-height:30px; border:0px; float:none; background: none;} #div_navigatie #navCrumbs li ul li a {height:30px; line-height:30px; background:none; border:0px; color:#333!important; text-transform: lowercase; font-size: 16px;} #div_navigatie #navCrumbs li ul li a:hover {color:#f15d30!important; text-decoration:none;} #div_navigatie #navCrumbs li ul.navCrumb_off {display:none;} #div_navigatie #navCrumbs li ul.navCrumb_on {position:absolute;} #div_navigatie #navCrumbs li.firstnavli {margin-left: 10px;} #div_navigatie #navCrumbs li.lastnavli {background-image: url('../../images/sep.png'), url('../../images/sep.png'); background-position: center left, center right; background-repeat: no-repeat;} #div_navigatie #navCrumbs li ul#crumb0 {width:210px;} #div_navigatie #navCrumbs li ul#crumb1 {width:280px;} #div_navigatie #navCrumbs li ul#crumb2 {width:260px;} #div_navigatie #navCrumbs li ul#crumb3 {width:240px;} /* Active */ #div_navigatie #navCrumbs li.active a {border-color:#003307; color:#f15d30; text-decoration:none;} /********* MENU END *********/ /* showhide */ .showhidetitle{cursor:pointer; background:url(../../images/arrow.png) 5px center no-repeat; padding-left:22px; color:#272727; font-weight:normal; line-height:30px; border-top:1px solid #d9d9d9;} .showhidetitle:hover{color:#003300;} .subMenu{display:none; padding:12px 22px; background:#f6f6f6 url(../../images/faq-shadow.png) center top no-repeat;} .subMenu .image{float:right; margin:15px 0 15px 40px;} .questopen .showhidetitle{background:url(../../images/arrow-down.png) 5px center no-repeat;} .onsteamjpg {float: left; padding: 20px 10px 15px 0;} .medewerkster {float: right; padding: 0px 10px 15px 0;} /********* SLIDER *********/ #slider {margin:0px auto; position:relative; float: left!important; margin-bottom: 18px;} #slider {width: 490px; float: left; border: 1px solid #c6c6c6; padding: 15px; background: #fff;} #slider .specControls .specPrev {position:absolute; top:222px; right:50px; font-size:20px; color:#fff; cursor:pointer; z-index: 200} #slider .specControls .specNext {position:absolute; top:222px; right:20px; font-size:20px; color:#fff; cursor:pointer; z-index: 200} #slider .specControlsExtra {position:absolute; bottom:18px; left: 50%; margin-left: -50px; z-index:10;} #slider .specControlsExtra .select {width:12px; height:12px; margin:0px 0px 0px 10px; padding:0px; background:url(../../images/slider/bullets.png) no-repeat 0px 0px; float:left; cursor:pointer;} #slider .specControlsExtra .select.active {width:12px; height:12px; margin:0px 0px 0px 10px; padding:0px; background:url(../../images/slider/bullet_active.png) no-repeat 0px 0px;} #slider #CarouselContent {width: 490px; height:250px; margin:0 auto; padding:0px; position:relative;} #slider #CarouselContent ul {margin:0px; padding:0px; list-style:none;} #slider #CarouselContent li {width: 490px; height:250px; margin:0px; padding:185px 0px; position:relative; text-align:left;} #slider #CarouselContent li .title {font-size:22px; color:#424242; font-weight:600; padding: 10px 0 0px 15px;} #slider #CarouselContent li .slogan {font-size:15px; color:#858585; padding: 5px 0 15px 15px; } #slider #CarouselContent li .title a, #slider #CarouselContent li .slogan a {color: #fff;} #slider #CarouselContent li .transparant {background:url(../../images/slider/transparant_white_60.png) repeat} #slider #CarouselContent li .transparant2 {background:url(../../images/slider/transparant_white_70.png) repeat; border-top: 2px #fff solid;} #slider #CarouselContent li .transparant3 {background:url(../../images/slider/transparant_white_80.png) repeat; border-top: 2px #fff solid;} #slider #CarouselContent li .transparant4 {background:url(../../images/slider/transparant_black_60.png) repeat; color: #fff;} #slider #CarouselContent li.item1 {background:url(../../images/slider/slider1.jpg) no-repeat 0px 0px ;} #slider #CarouselContent li.item2 {background:url(../../images/slider/slider2.jpg) no-repeat 0px 0px ;} #slider #CarouselContent li.item3 {background:url(../../images/slider/slider3.jpg) no-repeat 0px 0px ;} #slider #CarouselContent li.item4 {background:url(../../images/slider/slider4.jpg) no-repeat 0px 0px ;} #slider #CarouselContent li.item5 {background:url(../../images/slider/slider5.jpg) no-repeat 0px 0px ;} #slider #CarouselContent li.item6 {background:url(../../images/slider/slider6.jpg) no-repeat 0px 0px ;} #slider #CarouselContent li.item7 {background:url(../../images/slider/slider7.jpg) no-repeat 0px 0px ;} /********* SLIDER END *********/ /********* SLIDER CONTENT *********/ #slider_content {margin:0px auto; position:relative; margin-bottom: 20px; clear: both; margin-top: 20px;} #slider_content {width: 930px; border: 1px solid #c6c6c6; padding: 15px; background: #fff;} #slider_content .specControls .specPrev {position:absolute; top:170px; right:50px; font-size:20px; color:#fff; cursor:pointer; z-index: 200} #slider_content .specControls .specNext {position:absolute; top:170px; right:20px; font-size:20px; color:#fff; cursor:pointer; z-index: 200} #slider_content .specControlsExtra {position:absolute; bottom:18px; left: 50%; margin-left: -50px; z-index:10;} #slider_content .specControlsExtra .select {width:12px; height:12px; margin:0px 0px 0px 10px; padding:0px; background:url(../../images/slider/bullets.png) no-repeat 0px 0px; float:left; cursor:pointer;} #slider_content .specControlsExtra .select.active {width:12px; height:12px; margin:0px 0px 0px 10px; padding:0px; background:url(../../images/slider/bullet_active.png) no-repeat 0px 0px;} #slider_content #CarouselContent {width: 930px; height:200px; margin:0 auto; padding:0px; position:relative;} #slider_content #CarouselContent ul {margin:0px; padding:0px; list-style:none;} #slider_content #CarouselContent li {width: 930px; height:200px; margin:0px; padding:130px 0px; position:relative; text-align:left;} #slider_content #CarouselContent li .title {font-size:22px; color:#424242; font-weight:600; padding: 10px 0 0px 15px;} #slider_content #CarouselContent li .slogan {font-size:15px; color:#858585; padding: 5px 0 15px 15px; } #slider_content #CarouselContent li .title a, #slider_content #CarouselContent li .slogan a {color: #fff;} #slider_content #CarouselContent li .transparant {background:url(../../images/slider/transparant_white_60.png) repeat} #slider_content #CarouselContent li .transparant2 {background:url(../../images/slider/transparant_white_70.png) repeat; border-top: 2px #fff solid;} #slider_content #CarouselContent li .transparant3 {background:url(../../images/slider/transparant_white_80.png) repeat; border-top: 2px #fff solid;} #slider_content #CarouselContent li .transparant4 {background:url(../../images/slider/transparant_black_60.png) repeat; color: #fff;} #slider_content #CarouselContent li.item1 {background:url(../../images/slider_content/slider1.jpg) no-repeat 0px 0px ;} #slider_content #CarouselContent li.item2 {background:url(../../images/slider_content/slider2.jpg) no-repeat 0px 0px ;} #slider_content #CarouselContent li.item3 {background:url(../../images/slider_content/slider3.jpg) no-repeat 0px 0px ;} #slider_content #CarouselContent li.item4 {background:url(../../images/slider_content/slider4.jpg) no-repeat 0px 0px ;} #slider_content #CarouselContent li.item4 {background:url(../../images/slider_content/slider5.jpg) no-repeat 0px 0px ;} #slider_content #CarouselContent li.item4 {background:url(../../images/slider_content/slider6.jpg) no-repeat 0px 0px ;} #slider_content #CarouselContent li.item4 {background:url(../../images/slider_content/slider7.jpg) no-repeat 0px 0px ;} /********* SLIDER END *********/ #body_bedankt .contentdiv {min-height: 80px;} #body_bedankt .contentdiv #msgContainer {text-align: center; font-size: 22px;} /********* BREADCRUMBS *********/ .breadcrumbs {padding:0; margin:0; height: 35px; line-height: 35px; float: left; font-size: 15px;} .breadcrumbs a {height:35px; line-height: 35px; display: block; float:left; color: #; padding: 0 0 0 0; color: #003307;} .breadcrumbs .breadcrumbs_sep {vertical-align:baseline; line-height:normal; padding-left: 10px; padding-right: 10px; float: left; line-height: 35px;} .bread1 {padding-right: 0px; padding-left: 10px;} #homebread {padding-right: 10px;} .div_copyright {float: right; line-height: 35px; padding-right: 10px;} .div_copyright span {display: none} .subitems {float: right; margin: 0; padding: 0;} .subitems li {float: left; list-style-type: none; line-height: 35px; padding-right: 10px;} /********* BREADCRUMBS END *********/ /* NAW UL */ .naw-ul {list-style: none;margin: 0; padding: 0;} .naw-ul > li {clear: both;display: block;font-weight: normal;line-height: 10px;padding: 3px 0px;white-space: nowrap;} .nawulheader {padding-top: 20px;} .naw-adres {padding-top: 0px;} .naw-adres .naw-adres-li {padding-bottom: 10px;} /* END */ /********* CONTENT *********/ .contentdiv {max-width:960px; min-height:450px; margin:0px auto; padding:0px; position:relative;} .contentdiv .default_content {width:100%; max-width:960px; margin:20px auto; padding:0px;} .contentdiv .default_content .content_column {width:100%; margin:0px; padding:0px;} /* Full Column */ .contentdiv .default_content .content_column.full_column .context {width:100%; position:relative;} /* Left Column */ .contentdiv .default_content .content_column.left_column .extra {width:220px; float:left;} .contentdiv .default_content .content_column.left_column .context {width:720px; float:right;} /* Column Right */ .contentdiv .default_content .content_column.right_column .extra {width:220px; float:right;} .contentdiv .default_content .content_column.right_column .context {width:720px; float:left;} /* Left Column Right */ .contentdiv .default_content .content_column.left_column_right .extra.extraleft {width:190px; margin:0px 10px 0px 0px; float:left;} .contentdiv .default_content .content_column.left_column_right .context {width:480px; float:left; background: #fff; border: 1px solid #c6c6c6; padding: 20px;} .contentdiv .default_content .content_column.left_column_right .extra.extraright {width:212px; margin:0px 0px 0px 20px; float:right;} .contentdiv .default_content .content_column.left_column_right .context2 {padding: 0 20px 0 20px; text-align: center; font-weight: bold; margin-top: 20px;} #body_home .contentdiv .default_content .content_column.left_column_right .context {width:480px; float:left; background: #fff; border: 1px solid #c6c6c6; padding: 20px; padding-bottom: 36px; min-height: 579px;} .body_detailpagina .contentdiv .context, .body_aanbod .contentdiv .context {width:920px; margin: 20px auto; background: #fff; border: 1px solid #c6c6c6; padding: 20px;} .collumn {background: #fff; border: 1px solid #c6c6c6; width: 150px; padding: 20px; margin-top: 20px;} .leftcol {width: 130px;} .rightcol {width: 170px;} .left_nieuwbouw {padding: 8px 10px 9px; width: 150px;} .rightcall2action {margin-top: 10px;} .rightsub, .right_belons, .left_adres {margin-top: 0; } .rightsub {margin-bottom: 20px; min-height: 259px;} .rightsub .ulsub {margin: 0; padding: 0;} .rightsub .ulsub .active, .rightsub .ulsub .active a {color: #003307;} .right_belons {} .call2action {margin-left: 13px; font-size: 15px;} .rightcall2action a {width: 200px; height: 65px; display: block; position: absolute;} #body_contactformulier #divGoogleMap {height: 160px; } #body_contactformulier .contentdiv .default_content .content_column.left_column_right .context2 {width: 520px; padding: 0px; } .right_dekolk {background: url(../../images/bekijkaanbod.png) no-repeat center center; min-height: 110px; padding:0px; width: 210px;} .right_dekolk span {background: #fff; width: 170px; display: block; height: 30px; margin: 44px 0 0 0; padding-left: 40px; line-height: 30px;} .but {top: 5px; position: relative; left: 10px;} .rightcall2action {padding: 0 10px 0 10px; min-height: 65px; line-height: 65px; background:#fff url(../../images/call2actionbg.png) no-repeat right center; width: 190px;} .rightcall2action img {position: relative; top: 8px} .weerbericht {width: 210px; height: 270px; margin-top:20px;} .familiae {width: 150px; height: 80px; padding:10px; margin-top:20px; background: #fff; border: 1px solid #c6c6c6; border-radius: 5px; -webkit-box-shadow: 0 8px 6px -6px #b2b2b2;-moz-box-shadow: 0 8px 6px -6px #b2b2b2;box-shadow: 0 8px 6px -6px #b2b2b2; } /* Left Column Column Right */ .contentdiv .default_content .content_column.left_column_column_right .extra.extraleft {width:190px; margin:0px 20px 0px 0px; float:left;} .contentdiv .default_content .content_column.left_column_column_right .context {width:290px; float:left;} .contentdiv .default_content .content_column.left_column_column_right .context.context_left {margin:0px 20px 0px 0px;} .contentdiv .default_content .content_column.left_column_column_right .extra.extraright {width:190px; float:right;} /* Buttons */ .contentdiv .default_content .content_column .button {} .contentdiv .default_content .content_column .button a {height:35px; line-height:35px; margin:0px; padding:0px 20px 0px 0px; background:#003307; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#ffffff; text-decoration:none; display:inline-block;} .contentdiv .default_content .content_column .button a i {width:35px; height:35px; line-height:35px; margin:0px 10px 0px 0px; padding:0px; background:#00b6a9; border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; font-size:22px; color:#ffffff; text-align:center; float:left; display:block;} .contentdiv .default_content .content_column .button a:hover {background:#00b6a9;} /* Contact */ #body_contactformulier .contentdiv .default_content .content_column .context .adres {position:absolute; top:50px; left:640px;} #body_contactformulier .contentdiv .default_content .content_column .context .adres h2 {line-height:25px; margin:0px; padding:0px; font-size:18px; color:#000000; font-weight:normal; text-transform:uppercase;} #body_contactformulier .contentdiv .default_content .content_column .context .adres ul {margin:0px; padding:0px; list-style:none;} #body_contactformulier .contentdiv .default_content .content_column .context .adres ul li {line-height:25px; margin:0px; padding:0px;} #body_contactformulier .contentdiv .default_content .content_column .context .adres ul li a {color:#797979;} #body_contactformulier .contentdiv .default_content .content_column .context .contactdetails {position:absolute; top:160px; left:640px;} #body_contactformulier .contentdiv .default_content .content_column .context .contactdetails h3 {line-height:25px; margin:0px; padding:0px; font-size:18px; color:#000000; font-weight:normal; text-transform:uppercase;} #body_contactformulier .contentdiv .default_content .content_column .context .contactdetails ul {margin:0px; padding:0px; list-style:none;} #body_contactformulier .contentdiv .default_content .content_column .context .contactdetails ul li {line-height:25px; margin:0px; padding:0px;} #body_contactformulier .contentdiv .default_content .content_column .context .contactdetails ul li a {color:#797979;} /* Google Maps */ .contentdiv .GoogleMaps, .contentdiv .GoogleMaps #divGoogleMap {height:200px;} /* Form */ #formContainer {margin:20px 0px 0px 0px;} /* Tags */ #body_tagsysteem .contentdiv .default_content.tag_content {width:960px; max-width:940px; margin:20px auto 0px auto; padding:20px 10px;} #body_tagsysteem .contentdiv .default_content.tag_content .tagform {} #body_tagsysteem .contentdiv .default_content.tag_content .tagform input {height:24px; margin:0px; padding:0px 10px; background:#d3005f; border:1px solid #ba2b1a; -moz-box-shadow:2px -2px 2px -2px #e2e2e2, -2px 2px 2px -2px #e2e2e2; -webkit-box-shadow:2px -2px 2px -2px #e2e2e2, -2px 2px 2px -2px #e2e2e2; box-shadow:2px -2px 2px -2px #ebebeb, -2px 2px 2px -2px #e2e2e2; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -khtml-border-radius:2px; font-family:'PT Sans', sans-serif, arial; color:#ffffff; text-transform:uppercase;} #body_tagsysteem .contentdiv .default_content.tag_content .tagform input#tag {height:24px; margin:0px; padding:0px 5px; background:#ffffff; border:1px solid #e2e2e2; color:#7f7f7f; text-transform:none;} #body_tagsysteem .contentdiv .default_content.tag_content .hrline {border-color:#e2e2e2;} #body_tagsysteem .contentdiv .default_content.tag_content .tag_element {} #body_tagsysteem .contentdiv .default_content.tag_content .tag_element .tag_img {margin:0px 5px 5px 0px; padding:5px; background:#ffffff; border:1px solid #e2e2e2; -moz-box-shadow:2px -2px 2px -2px #e2e2e2, -2px 2px 2px -2px #e2e2e2; -webkit-box-shadow:2px -2px 2px -2px #e2e2e2, -2px 2px 2px -2px #e2e2e2; box-shadow:2px -2px 2px -2px #ebebeb, -2px 2px 2px -2px #e2e2e2;} /* Error */ #body_error .contentdiv {} #body_error .contentdiv .default_content.error_content {} #body_error .contentdiv .default_content.error_content .content_title {margin:0px; padding:0px;} /********* CONTENT END *********/ /********* FOOTER *********/ #div_footer {width:960px; height:35px; margin:0px auto; padding:0px 0px; background:#ffffff; border: 1px solid #c6c6c6; margin-bottom: 20px;} #div_footer .footer {width:960px; height:35px; margin:0px auto; padding:0px 0px 0px 0px; border-top:5px solid #d9d9d9;} #div_footer .footer .navigatie, #div_footer .footer .objects, #div_footer .footer .social {margin:0px 100px 0px 0px; padding:0px; display:inline-block; float:left;} #div_footer .footer .adres {margin:0px; padding:0px; display:inline-block; float:left;} #div_footer .footer .navigatie .title, #div_footer .footer .objects .title, #div_footer .footer .social .title, #div_footer .footer .adres .title {margin:0px 0px 5px 0px; padding:0px; font-size:16px; color:#adadad;} #div_footer .footer .navigatie ul, #div_footer .footer .objects ul, #div_footer .footer .social ul, #div_footer .footer .adres ul {margin:0px; padding:0px; list-style:none;} #div_footer .footer .navigatie ul li, #div_footer .footer .objects ul li, #div_footer .footer .social ul li, #div_footer .footer .adres ul li {line-height:25px; margin:0px; padding:0px; font-size:12px; color:#6f6f6f;} #div_footer .footer .navigatie ul li a, #div_footer .footer .objects ul li a, #div_footer .footer .social ul li a, #div_footer .footer .adres ul li a {color:#6f6f6f;} #div_footer .footer .navigatie ul.listfirst {margin:0px 40px 0px 0px; float:left;} #div_footer .footer .navigatie ul.listlast {float:left;} #div_footer .footer .copyright {width:960px; line-height:30px; margin:30px 0px 0px 0px; padding:0px; position:relative; border-top:1px solid #d9d9d9; font-size:11px; color:#626262; float:right;} #div_footer .footer .copyright a {color:#626262;} /********* FOOTER END *********/ /********* LIGHTBOX *********/ #sb-wrapper {background:#ffffff!important; border:0px!important; border-radius:10px; -moz-border-radius:10px; box-shadow:0px 0px 5px #000000; -moz-box-shadow:0px 0px 5px #000000; -webkit-box-shadow:0px 0px 5px #000000;} #sb-title, #sb-info, #sb-body-inner {background:none!important;} #sb-player {border:0px!important;} #sb-body, #sb-loading {background:#ffffff!important;} #sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {color:#000000!important;} #sb-info {position:static!important; z-index:9999;} #sb-info #sb-info-inner #sb-nav #sb-nav-previous {width:35%!important; height:100%!important; position:absolute!important; top:0px!important; left:20px!important; background:url(../../images/lightbox/sb-nav-previousempty.png) no-repeat left center!important; z-index:9999;} #sb-info #sb-info-inner #sb-nav #sb-nav-previous:hover {background:url(../../images/lightbox/sb-nav-previous.png) no-repeat left center!important;} #sb-info #sb-info-inner #sb-nav #sb-nav-next {width:35%!important; height:100%!important; position:absolute!important; top:0px!important; right:20px!important; background:url(../../images/lightbox/sb-nav-nextempty.png) no-repeat right center!important; z-index:9999;} #sb-info #sb-info-inner #sb-nav #sb-nav-next:hover {background:url(../../images/lightbox/sb-nav-next.png) no-repeat right center!important;} #sb-info #sb-info-inner #sb-nav #sb-nav-close {width:36px!important; height:35px!important; position:absolute; top:-20px; right:-20px; background:url(../../images/lightbox/close.png) no-repeat!important;} #sb-loading-inner span {width:32px; height:32px; line-height:32px; margin:0px; padding:0px 0px 0px 40px!important; background:url(../../images/lightbox/loader.gif) no-repeat !important;} /* #sb-container {} #sb-container #sb-overlay {} #sb-container #sb-wrapper {background:#ffffff; border:0px;} #sb-container #sb-wrapper #sb-title {margin:0px; padding:10px 20px; background:#ffffff;} #sb-container #sb-wrapper #sb-title #sb-title-inner {} #sb-container #sb-wrapper #sb-wrapper-inner {} #sb-container #sb-wrapper #sb-info {} #sb-container #sb-wrapper #sb-info #sb-info-inner {} #sb-container #sb-wrapper #sb-info #sb-info-inner #sb-counter {} #sb-container #sb-wrapper #sb-info #sb-info-inner #sb-nav {} #sb-container #sb-wrapper #sb-info #sb-info-inner #sb-nav #sb-nav-close {} #sb-container #sb-wrapper #sb-info #sb-info-inner #sb-nav #sb-nav-next {} #sb-container #sb-wrapper #sb-info #sb-info-inner #sb-nav #sb-nav-play {} #sb-container #sb-wrapper #sb-info #sb-info-inner #sb-nav #sb-nav-pause {} #sb-container #sb-wrapper #sb-info #sb-info-inner #sb-nav #sb-nav-previous {} */ /********* LIGHTBOX END *********/ /********* TOOLTIP *********/ .tooltip_txt {} /* Small */ .gr_tooltip {margin:0px; padding:5px; background:#ffffff; border:1px solid #ebebeb; border-radius:5px; -moz-box-shadow:2px -2px 2px -2px #ebebeb, -2px 2px 2px -2px #ebebeb; -webkit-box-shadow:2px -2px 2px -2px #ebebeb, -2px 2px 2px -2px #ebebeb; box-shadow:2px -2px 2px -2px #ebebeb, -2px 2px 2px -2px #ebebeb; color:#666666!important;} .gr_tooltip .tooltipmain {background:#ffffff; border-radius:5px; color:#666666!important;} /* Large */ .gr_tooltip.advanced .tooltipheader {margin:0px; padding:0px 10px 10px 10px; background:#ffffff; border-bottom:1px dotted #666666; color:#666666!important;} .gr_tooltip.advanced .tooltipmain {margin:0px; padding:10px; line-height:20px; background:#ffffff url(../../images/Tooltip/tooltipmain.png) repeat-x 0px bottom; border-radius:5px; color:#666666!important;} /********* TOOLTIP END *********/ /********* COOKIE LAW *********/ .header-cookie-wet {width:210px!important; height:173px!important; line-height:20px!important; margin:0px; padding:89px 24px 0px 24px; bottom:20px!important; right:20px; font-family:Arial; font-size:12px; color:#b9b9b9!important; text-align:left!important; opacity:1!important; filter:alpha(opacity=100)!important;} .header-cookie-wet:hover {} .header-cookie-wet a {width:210px; height:38px; margin:20px 0px 10px 0px; padding:0px; background:url(../../images/cookie/buttoninformation.png) no-repeat; text-indent:-9999px; display:block;} .header-cookie-wet a:hover {background-position:0px -38px;} .header-cookie-wet .button-cookie-wet {width:210px; height:38px!important; margin:0px; padding:0px; background:url(../../images/cookie/buttonaccept.png) no-repeat!important; text-indent:-9999px; display:block;} .header-cookie-wet .button-cookie-wet:hover {background-position:0px -38px!important;} /* Light */ .header-cookie-wet {background:url(../../images/cookie/cookie.png) no-repeat!important;} /* Dark */ /* .header-cookie-wet {background:url(../../images/cookie/cookiedark.png) no-repeat!important;} */ /********* COOKIE LAW END *********/ #logos_sprite_48 {margin: 0; padding: 0; position: absolute; top: 70px; right: 0px;} #logos_sprite_48 li {list-style: none; float: left; padding: 0; margin: 10px 10px 10px 10px; text-indent: -999em; background: none;} #logos_sprite_48 a {height: 48px; display: block; background: no-repeat} #logos_sprite_48 .nvm {background:url(../../images/organisaties/48px_sprite.png) -30px -30px; width: 31px; height: 43px;} #logos_sprite_48 .nvm:hover {background-position: -30px -88px; height: 43px;} #logos_sprite_48 .funda {background:url(../../images/organisaties/48px_sprite.png) -72px -30px; width: 74px; height: 26px; margin-top: 7px;} #logos_sprite_48 .funda:hover {background-position: -72px -88px; height: 26px;} #logos_sprite_48 .nwwi {background:url(../../images/organisaties/48px_sprite.png) -239px -146px; width: 75px; height: 26px; margin-top: 7px;} #logos_sprite_48 .nwwi:hover {background-position: -239px -204px; height: 26px;} #snelzoekcontainer {width:auto;color:inherit;padding:0;height:auto;min-height:0;} #snelzoekcontainer form {padding:0; margin:0} #snelzoekcontainer .snelzoek_row .snelzoek_title {width:4em; float:left} #snelzoekcontainer .snelzoek_row select {width:8em} .snelzoek_button button { width:121px; height:20px; line-height:20px; margin:10px 0 0 0; padding:0px; background:#003307; border:0px; font-family:inherit; font-size:14px; color:#fff; font-weight:400; letter-spacing: 1px; text-align:center; display:block; cursor:pointer;} /* Tabs lijst/kaart */ #snelzoekcontainer #snelzoekTabs {width:100%; font-style:normal; padding:0; margin:0; border:0; border: 0;} #snelzoekcontainer #snelzoekTabs ul {padding:0; margin:2px 0 0 0;list-style:none} #snelzoekcontainer #snelzoekTabs li {display:inline; padding:0 1em; margin:2px 5px 0 0; border:0; cursor:pointer; position:relative; z-index:102} #snelzoekcontainer #snelzoekTabs .active {font-weight:bold; cursor:default; background:#fff; border:0;} #snelzoekcontainer #snelzoekTabs li.koop, #snelzoekcontainer #snelzoekTabs li.huur {} #snelzoekcontainer #Snelzoek {border:0; padding:0; background:#fff;} #snelzoekcontainer #SnelzoekKoop, #snelzoekcontainer #SnelzoekHuur {border:0; border-top:0; padding:0; background:#fff;}