/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Theme Name: Erfbelasting.com /* Theme URI: http://www.erfbelasting.com /* Description: Erfbelasting.com WordPress theme /* Version: 3.1 /* /* Author: Derk Jan ten Ham /* Author URI: http://www.erfbelasting.nl/ /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* CSS Reset, HTML5 & Clearfix - HTML5 Boilerplate (http://html5boilerplate.com) /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { background: transparent; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; padding: 0; margin: 0; -webkit-font-smoothing: subpixel-antialiased; } /*---------------------------------------------------------------------------------------*/ /* HTML5 display definitions /*---------------------------------------------------------------------------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /*---------------------------------------------------------------------------------------*/ /* Base /*---------------------------------------------------------------------------------------*/ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /*---------------------------------------------------------------------------------------*/ /* Lists /*---------------------------------------------------------------------------------------*/ ul, ol { margin: 1em 0; padding: 0; list-style: none; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /*---------------------------------------------------------------------------------------*/ /* Typography /*---------------------------------------------------------------------------------------*/ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } dfn { font-style: italic; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* - Make sure sup and sub don't screw with your line-heights (gist.github.com/413930) - */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /*---------------------------------------------------------------------------------------*/ /* Paragraph /*---------------------------------------------------------------------------------------*/ p { margin: 0 0 20px 0; } /*---------------------------------------------------------------------------------------*/ /* Links /*---------------------------------------------------------------------------------------*/ a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } a:hover, a:active { outline: none; } /*---------------------------------------------------------------------------------------*/ /* Tables still need cellspacing="0" in the markup /*---------------------------------------------------------------------------------------*/ table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } /*---------------------------------------------------------------------------------------*/ /* Input /*---------------------------------------------------------------------------------------*/ input, select { vertical-align: middle; outline: none; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom;} select, input, textarea { font: 99% sans-serif; outline: none; } /* - No weird borders or outlines on focus - */ input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0; } input[type="submit"]:focus, input[type="button"]:focus { outline: none; } /*---------------------------------------------------------------------------------------*/ /* Hand cursor on clickable elements /*---------------------------------------------------------------------------------------*/ .clickable, label, input[type=button], input[type=submit], button { cursor: pointer; } /* - Webkit browsers add a 2px margin outside the chrome of form elements - */ button, input, select, textarea { margin: 0; } /* - Make buttons play nice in IE - */ button { width: auto; overflow: visible; } /*---------------------------------------------------------------------------------------*/ /* Embedded content /*---------------------------------------------------------------------------------------*/ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* - Correct overflow not hidden in IE9 - */ svg:not(:root) { overflow: hidden; } /*---------------------------------------------------------------------------------------*/ /* Responsive images and other embedded objects /*---------------------------------------------------------------------------------------*/ img, object, embed { max-width: 100%; height: auto; } figure { margin: 0; } /* - Scale images in IE7 more attractively - */ .ie7 img { -ms-interpolation-mode: bicubic; } /* - Prevent BG image flicker upon hover - */ .ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /*---------------------------------------------------------------------------------------*/ /* Selection colours (easy to forget) /*---------------------------------------------------------------------------------------*/ ::selection { background: #b0e376; background: rgb(176,227,118); color: #fff; text-shadow: none; } ::-moz-selection { background: #b0e376; background: rgb(176,227,118);); color: #fff; text-shadow: none; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } body { -webkit-tap-highlight-color: rgb(176,227,118);); } /*---------------------------------------------------------------------------------------*/ /* Forms /*---------------------------------------------------------------------------------------*/ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* - Indicate that 'label' will shift focus to the associated form element - */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* - Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 - */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* - Consistent box sizing and appearance - */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* - Remove inner padding and border in FF3/4: h5bp.com/l - */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* - Colors for form validity - */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /*---------------------------------------------------------------------------------------*/ /* Let me clear my float(s) /*---------------------------------------------------------------------------------------*/ .clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clear:after { clear: both; } .clear { zoom: 1; } /*---------------------------------------------------------------------------------------*/ /* WP /*---------------------------------------------------------------------------------------*/ .aligncenter, .alignnone { display: block; margin: 0 auto; } .alignright { float: right; margin-left: 30px; } .alignleft { float: left; margin-right: 30px; } .size-thumbnail, .size-medium , .size-large , .size-full, .thumbnail { background: #fff; border: 1px solid #ddd; padding: 4px; margin-bottom: 15px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Typography /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* - Body - */ body, input, textarea { font: 14px/22px PT Serif, Georgia, sans-serif; color: #444; -webkit-text-size-adjust: 100%; } /* a { color: #888; color: rgb(136,136,136); text-decoration: none; } a:hover { color: #f16332; color: rgb(241,99,50); text-decoration: none; } a:active { color: #171717; color: rgb(23,23,23); text-decoration: none; } */ .gigantic { font-size: 110px; line-height: 120px; letter-spacing: -2px; } /*---------------------------------------------------------------------------------------*/ /* H1 /*---------------------------------------------------------------------------------------*/ .huge, h1.entry-title { background: url(images/bg-h2.jpg) no-repeat bottom left; font-family: 'Yanone Kaffeesatz', sans-serif; color: #eb4b1f; font-size: 30px; font-weight: normal; text-transform: uppercase; line-height: 24px; padding: 0 0 15px 0; margin: 0 0 25px 0; } .huge, h1.entry-title a { color: #eb4b1f; } /*---------------------------------------------------------------------------------------*/ /* H2 /*---------------------------------------------------------------------------------------*/ .large, h2 { background: url(images/bg-h2.jpg) no-repeat bottom left; font-family: 'Yanone Kaffeesatz', sans-serif; color: #eb4b1f; font-size: 26px; font-weight: normal; text-transform: uppercase; line-height: 26px; padding: 0 0 10px 0; margin: 0 0 20px 0; } /* - H2 » Slider - */ #slider #slider-wrap h2 { background: none; font-family: 'Yanone Kaffeesatz', sans-serif; color: #011a2f; font-size: 46px; font-weight: normal; text-transform: uppercase; } /*---------------------------------------------------------------------------------------*/ /* H3 /*---------------------------------------------------------------------------------------*/ .bigger, h3 { color: #111; font-size: 14px; font-weight: bold; margin-bottom: 5px; } /* - H3 » Blog - */ #comments h3, #respond h3 { background: url(images/bg-h2.jpg) no-repeat 0 35px; font-family: 'Yanone Kaffeesatz', sans-serif; color: #eb4b1f; font-size: 30px; font-weight: normal; text-transform: uppercase; padding: 0 0 25px 0; margin: 0 0 20px 0; } /*---------------------------------------------------------------------------------------*/ /* H4 /*---------------------------------------------------------------------------------------*/ .big, h4 { font-size: 12px; line-height: 30px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Body & Main Wrappers /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { width: 100%; background: #021b30 url(images/bg.jpg); } #header-wrap { float: left; position: relative; width: 100%; background: #021b30 url(images/bg.jpg); } #subheader-wrap { float: left; position: relative; width: 100%; background: #d2e9f0 url(images/bg-subheader.jpg) repeat-x top left; } #content-wrap { float: left; position: relative; width: 100%; background: #fff url(images/bg-content.jpg); padding: 50px 0; } #footer-extra-wrap { float: left; position: relative; width: 100%; height: 6px; background: #fff url(images/bg-stippel-bottom.jpg); } #footer-wrap { float: left; position: relative; width: 100%; background: #021b30 url(images/bg.jpg); padding: 20px 0; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Desktop Normal Layout: 978px. /* Gutters: 24px. /* Outer margins: 16px. /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* cols 1 2 3 4 5 6 7 8 9 10 11 12 /* px 54 138 222 306 390 474 558 642 726 810 894 978 /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* - Grid » Container - */ .container { position: relative; width: 978px; margin: 0 auto; } /* - Grid » All columns - */ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col, .column-one-half, .column-one-third, .column-two-third, .column-one-fourth, .column-three-fourth , .column-one-sixth , .column-five-sixth { display: block; float: left; position: relative; margin-right: 30px; } /* - Grid » Sidebar alignment - */ .layout_fixed #primary, .layout_2cl #primary, .layout_2cl #sidebar, .layout_2cr #primary, .layout_2cr #sidebar { display: block; position: relative; } /* - Grid » Fixed - */ .layout_fixed #primary { float: left; } /* - Grid » Content » Left & Sidebar » Right - */ .layout_2cl #primary { float: right; margin-right: 0; } .layout_2cl #sidebar { float: left; margin-right: 30px; } /* - Grid » Content » Right & Sidebar » Left - */ .layout_2cr #primary { float: left; margin-right: 30px; } .layout_2cr #sidebar { float: right; margin-right: 0; } /* - Grid » 1 Column - */ .col1 { width: 54px; } /* - Grid » 2 Columns - */ .column-one-sixth, .col2 { width: 138px; } /* - Grid » 3 Columns - */ .column-one-fourth, .col3 { width: 222px; } /* - Grid » 4 Columns - */ .layout_2cl #sidebar, .layout_2cr #sidebar, .column-one-third, .col4 { width: 306px; } /* - Grid » 5 Columns - */ .col5 { width: 390px; } /* - Grid » 6 Columns - */ .column-one-half, .col6 { width: 474px; } /* - Grid » 7 Columns - */ .col7 { width: 558px; } /* - Grid » 8 Columns - */ .layout_2cl #primary, .layout_2cr #primary, .column-two-third, .col8 { width: 642px; } /* - Grid » 9 Columns - */ .column-three-fourth, .col9 { width: 726px; } /* - Grid » 10 Columns - */ .column-five-sixth, .col10 { width: 810px; } /* - Grid » 11 Columns - */ .col11 { width: 894px; } /* - Grid » 1 Column » Full width - */ .col12 { width: 978px; margin: 0; } /* - Grid » 1 Column » 100% - */ .layout_fixed #primary, .col { width: 100%; margin: 0; } /* - Grid » "Laatste column" heeft geen margin - */ .last { margin-right: 0; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Header /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /* Bovenste balk /*---------------------------------------------------------------------------------------*/ .header-balk { float: left; color: #fff; font-size: 0.85em; text-align: right; border-bottom: 1px solid #122a3a; padding: 10px 0 10px 0; } .header-balk a { color: #c9e2e9; } .header-balk a:hover { color: #c9e2e9; } /*---------------------------------------------------------------------------------------*/ /* Header /*---------------------------------------------------------------------------------------*/ .header { padding: 40px 0 } /*---------------------------------------------------------------------------------------*/ /* Logo /*---------------------------------------------------------------------------------------*/ #site-title { float: left; } /*---------------------------------------------------------------------------------------*/ /* Navigatie /*---------------------------------------------------------------------------------------*/ #navigatie ul { float: right; } #navigatie ul li { float: left; position: relative; margin-left: 20px; } #navigatie ul li:first-child { margin-left: 0; } #navigatie ul li a { color: #fff; font-weight: bold; padding: 10px 5px; } #navigatie ul li a:hover { color: #d2e9f0; text-decoration: none; } #navigatie ul li ul { display: none; position: absolute; width: 200px; background: #89c04a; background: rgba(137,192,74, 0.96); padding: 15px 15px 15px 15px; top: 28px; left: -14px; z-index: 999; } #navigatie ul li:hover > ul { display: block; } #navigatie ul li:hover > ul li { float: left; width: 100%; border-bottom: 1px solid #9bc955; padding: 5px 0; margin: 0; } #navigatie ul li:hover > ul li:last-child { border-bottom: none; } #navigatie ul li:hover > ul li a { font-weight: normal; } #navigatie ul li:hover > ul li a:hover { color: #edf689; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Subheader /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .hor-lijn-boven, .hor-lijn-onder { display: block; position: absolute; width: 100%; height: 1px; background: url(images/bg-pixel-wit.png) repeat-x; } .hor-lijn-boven { left: 0; top: 10px; } .hor-lijn-onder { left: 0; bottom: 10px; } #breadcrumbs { padding: 30px 0; } #breadcrumbs a { color :#445e6f; text-decoration: underline; } #breadcrumbs a:hover { text-decoration: none; } /*---------------------------------------------------------------------------------------*/ /* Slider /*---------------------------------------------------------------------------------------*/ #slider { height: 240px; background: url(images/img-slider.jpg) no-repeat top right; text-shadow: 0 1px 0 rgba(255,255,255, .75); padding: 30px 0; z-index: 99; } #slider #slider-wrap { height: 220px; padding: 20px 0 0 0; } #slider #slider-wrap .slider-container { color: #445e6f; font-size: 1.3em; line-height: 26px; } #slider #slider-wrap .slider-container { display: none; } #slider #slider-wrap .slider-container .slider-slide { display: block; width: 474px; height: 150px;} #slider #slider-wrap .pagination { position: absolute; bottom: 5px; left: 0; z-index: 250; } #slider #slider-wrap .pagination li { float: left; width: 12px; height: 12px; margin-left: 5px; } #slider #slider-wrap .pagination li:first-child { margin-left: 0; } #slider #slider-wrap .pagination li a { float: left; width: 12px; height: 12px; background: #fff; text-indent: -9999px; } #slider #slider-wrap .pagination li a:hover { background: #89c04a; } #slider #slider-wrap .pagination li.current a { background: #89c04a; } #slider-button { position: absolute; width: 304px; height: 22px; background: #df471d url(images/bg-button-offerte.jpg) repeat-x top left; border: 1px solid #d4441c; border-bottom: 1px solid #b43a18; padding: 14px 0; bottom: 0; right: 0; } #slider-button { font-family: 'Yanone Kaffeesatz', sans-serif; color: #fff; font-size: 24px; font-weight: normal; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0,0,0, .25); text-align: center; } #slider-button:hover { text-decoration: underline; } #slider-button:active { bottom: -1px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Footer /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .footer { font-size: 0.9em; color: #c9e2e9; } .footer a { color: #fff; } .footer a:hover { color: #fff; text-decoration: underline; } .footer-navigatie { border-bottom: 1px solid #122a3a; padding: 0 0 15px 0; margin: 0 0 15px 0; } .footer-copyright { } .footer-copyright a { color: #c9e2e9; text-decoration: underline; } .footer-copyright a:hover { color: #c9e2e9; text-decoration: none; } .footer-tva { text-align: right; } .footer-tva a { color: #c9e2e9; text-decoration: underline; } .footer-tva a:hover { color: #c9e2e9; text-decoration: none; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .content { } .hor-stippellijn-boven, .hor-stippellijn-onder { display: block; position: absolute; width: 100%; height: 8px; background: url(images/bg-strepen.png) repeat-x; } .hor-stippellijn-boven { left: 0; top: 2px; } .hor-stippellijn-onder { left: 0; bottom: 2px; } .content-break { border-bottom: 1px solid #ddd; padding: 0 0 30px 0; margin: 0 0 40px 0; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Homepage /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /* Calculator /*---------------------------------------------------------------------------------------*/ #home-calculator { } /* Wrapper */ #home-calculator .gform_wrapper { } /* Body */ #home-calculator .gform_body { } /* Header */ #home-calculator .gform_heading { margin-bottom: 15px; } #home-calculator .gform_heading .gform_title { background: url(images/bg-h2.jpg) no-repeat 0 30px; font-family: 'Yanone Kaffeesatz', 'Cantarell', sans-serif; color: #eb4b1f; font-size: 26px; font-weight: normal; text-transform: uppercase; padding: 0 0 20px 0; margin: 0 0 10px 0; } /* Label */ #home-calculator .gfield_label { font-size: 1.1em; font-weight: bold; } #home-calculator .gfield_required { display: none; } #home-calculator .gfield_contains_required { margin-bottom: 10px; } /* Progressbar */ #home-calculator .gf_progressbar_wrapper { margin: 0; } #home-calculator .gf_progressbar_title { display: none; } #home-calculator .gf_progressbar { background: #ddd url(images/bg-progress.jpg) repeat-x top left; } #home-calculator .gf_progressbar_percentage { background: #95c651 url(images/bg-progress-active.jpg) repeat-x bottom left; text-align: right; padding: 0 5px; } #home-calculator .gf_progressbar_percentage span { font-size: 12px; color: #fff; font-weight: bold; } /* Content */ #home-calculator .gform_page_fields { padding: 20px 0; } #home-calculator .ginput_container { margin: 10px 0 0 0; } /* Content » Radio */ #home-calculator .ginput_container .gfield_radio li { margin: 0 0 2px 0; } #home-calculator .ginput_container .gfield_radio label { color: #888; } #home-calculator .ginput_container .gfield_radio input { margin: 0 10px 3px 0; } /* Content » Select */ #home-calculator .ginput_container .gfield_select { width: 200px; color: #888; border: 1px solid #ddd; padding: 7px; outline: none; } /* Content » Totaal */ #home-calculator .calculator-totaal-beschrijving label { width: 100px; } #home-calculator .calculator-totaal-beschrijving input, #home-calculator .calculator-totaal-beschrijving .ginput_total { font-family: 'Yanone Kaffeesatz', 'Cantarell', sans-serif; font-size: 32px; color: #eb4b1f; } #home-calculator .calculator-totaal-beschrijving .gfield_description { font-size: 0.85em; color: #888; line-height: 18px; margin: 15px 0 0 0; } /* Footer */ #home-calculator .gform_page_footer { background: url(images/bg-dashed.png) repeat-x top left; padding: 10px 0 0 0; } /* Footer » Previous & Next */ #home-calculator .gform_page_footer .gform_next_button { float: left; background: url(images/bg-button-grijs.jpg) repeat-x top left; color: #666; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255, 1); border: 1px solid #bbb; padding: 5px 15px; } #home-calculator .gform_page_footer .gform_next_button:hover { color: #333; } #home-calculator .gform_page_footer .gform_next_button:active { margin-top: 1px; } #home-calculator .gform_page_footer .gform_previous_button { float: left; background: url(images/bg-button-grijs.jpg) repeat-x top left; color: #666; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255, 1); border: 1px solid #bbb; padding: 5px 15px; margin-right: 4px; } #home-calculator .gform_page_footer .gform_previous_button:hover { color: #333; } #home-calculator .gform_page_footer .gform_previous_button:active { margin-top: 1px; } /* Footer » Offerte */ #home-calculator .gform_page_footer .gform_button { float: left; background: url(images/bg-button-grijs.jpg) repeat-x top left; color: #eb4b1f; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255, 1); border: 1px solid #bbb; padding: 5px 15px; } #home-calculator .gform_page_footer .gform_button:hover { text-decoration: underline; } #home-calculator .gform_page_footer .gform_button:active { margin-top: 1px; } /* Misc */ #home-calculator .gform_edit_link { display: none; } #home-calculator .gform_ajax_spinner { float: right; margin: 0 0 0 5px; } /*---------------------------------------------------------------------------------------*/ /* Klantervaringen /*---------------------------------------------------------------------------------------*/ .home-klantervaringen { } .home-klantervaringen .home-klantervaringen-item { position: relative; background: url(images/bg-klantervaringen-footer.jpg) no-repeat bottom left; border: 1px solid #ccc; border-bottom: none; padding-bottom: 3px; } .home-klantervaringen .home-klantervaringen-item-inner { background: url(images/bg-klantervaringen.jpg) no-repeat top left; color: #888; font-size: 0.85em; line-height: 23px; padding: 30px 20px 20px 40px; z-index: 50; } .home-klantervaringen .home-klantervaringen-item-inner p { margin: 0; } .home-klantervaringen .home-klantervaringen-item-inner .slides_container { display: none; width: 246px; } .home-klantervaringen .home-klantervaringen-item-inner .slides_container .slide { display: block; width: 246px; height: 120%; } .home-klantervaringen .home-klantervaringen-item-inner .pagination { position: absolute; bottom: 19px; left: 40px; z-index: 250; } .home-klantervaringen .home-klantervaringen-item-inner .pagination li { float: left; width: 8px; height: 8px; margin-left: 5px; } .home-klantervaringen .home-klantervaringen-item-inner .pagination li:first-child { margin-left: 0; } .home-klantervaringen .home-klantervaringen-item-inner .pagination li a { float: left; width: 8px; height: 8px; background: #ddd; text-indent: -9999px; } .home-klantervaringen .home-klantervaringen-item-inner .pagination li a:hover { background: #bbb; } .home-klantervaringen .home-klantervaringen-item-inner .pagination li.current a { background: #89c04a; } .home-klantervaringen .home-klantervaringen-item-auteur { width: 100%; color: #666; font-weight: bold; text-align: right; margin-top: 23px; } .home-klantervaringen .home-klantervaringen-footer { float: left; width: 100%; margin-top: 10px; } /*---------------------------------------------------------------------------------------*/ /* Nieuws /*---------------------------------------------------------------------------------------*/ .home-nieuws { } .home-nieuws .home-nieuws-item { background: url(images/bg-dashed.png) repeat-x bottom left; padding: 10px 0; } .home-nieuws .home-nieuws-item a { color: #444; font-weight: bold; } .home-nieuws .home-nieuws-item a:hover { color: #444; text-decoration: underline; } .home-nieuws .home-nieuws-item .post-meta { font-size: 0.9em; color: #aaa; font-style: italic; } .home-nieuws .home-nieuws-footer { float: left; width: 100%; padding-top: 10px; margin-top: 10px; } /*---------------------------------------------------------------------------------------*/ /* Contact /*---------------------------------------------------------------------------------------*/ .home-contact { } .home-contact ul { margin: 0 0 20px 0; } .home-contact ul li { background: url(images/icon-pijl.png) no-repeat center left; padding: 0 0 0 15px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Nieuws /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .post-edit-link { display: none; } /*---------------------------------------------------------------------------------------*/ /* Post /*---------------------------------------------------------------------------------------*/ .post { float: left; width: 100%; margin-bottom: 50px; } .post .entry-meta { float: left; width: 100%; color: #888; border-top: 1px dashed #ddd; padding-top: 10px; margin-top: 10px; } .post .entry-meta a { color: #888; text-decoration: underline; } .post .entry-meta a:hover { text-decoration: none; } .post .entry-meta .leave-reply { float: right; } /*---------------------------------------------------------------------------------------*/ /* Comments /*---------------------------------------------------------------------------------------*/ #comments { float: left; width: 100%; margin-bottom: 30px; } #comments .comment { margin-bottom: 15px; } #comments .comment .comment-avatar { } #comments .comment .comment-meta { color: #888; font-size: 0.9em; border-bottom: 1px dashed #ddd; padding-bottom: 4px; margin-bottom: 15px; } #comments .comment .comment-meta .fn a { font-weight: bold; } #comments .comment.comment-author-derk .comment-meta .fn a { color: #f35823; } #comments .comment .edit-link .comment-edit-link { display: none; } #comments .comment .children .comment-avatar img { float: right; } /*---------------------------------------------------------------------------------------*/ /* Respond /*---------------------------------------------------------------------------------------*/ #respond { float: left; width: 100%; margin-bottom: 30px; } #respond label { margin-left: 20px; } #respond input { width: 284px; border: 1px solid #ddd; padding: 10px; } #respond textarea { width: 620px; border: 1px solid #ddd; padding: 10px; } #respond #submit-button { float: left; background: url(images/bg-button-grijs.jpg) repeat-x top left; color: #666; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255, 1); border: 1px solid #bbb; padding: 5px 10px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Over ons /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Waarom Erfbelasting.com? /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .content-waaromeb ul { float: left; width: 100%; margin-bottom: 15px; } .content-waaromeb ul li { background: url(images/check.png) no-repeat 0 20px; border-bottom: 1px dashed #ddd; padding: 20px 0 20px 50px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Klantreacties /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .klantervaringen-item { position: relative; background: url(images/bg-klantervaringen-footer.jpg) no-repeat bottom left; border: 1px solid #ccc; border-bottom: none; padding-bottom: 3px; margin-bottom: 20px; } .klantervaringen-item-inner { background: url(images/bg-klantervaringen.jpg) no-repeat top left; color: #888; font-size: 0.95em; line-height: 23px; padding: 30px 20px 20px 40px; z-index: 50; } .klantervaringen-item-inner p { margin: 0; } .klantervaringen-item-auteur { width: 100%; color: #666; font-weight: bold; text-align: right; margin-top: 23px; } .klantervaringen-footer { float: left; width: 100%; margin-top: 10px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Contact /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .contact .gform_heading .gform_description { float: left; margin-bottom: 30px; } .contact .contact-voornaam input, .contact .contact-achternaam input { width: 290px; background: #fff; border: 1px solid #ddd; padding: 7px; margin-bottom: 15px; } .contact .contact-email input, .contact .contact-onderwerp input { width: 626px; background: #fff; border: 1px solid #ddd; padding: 7px; margin-bottom: 15px; } .contact .contact-boodschap textarea { width: 626px; background: #fff; border: 1px solid #ddd; padding: 7px; margin-bottom: 15px; } .contact .contact-boodschap .gfield_error { color: #ff0000; } .contact .gfield_required { color: #89c04a; margin-left: 2px; } .contact .gform_edit_link { display: none; } .contact .gform_footer { float: left; width: 100%; margin-top: 30px; } .contact .contact-disclaimer { color: #888; font-size: 0.9em; } .contact .contact-disclaimer a { text-decoration: underline; } .contact .contact-disclaimer a:hover { text-decoration: none; } .contact .gform_footer .gform_button { float: left; background: url(images/bg-button-grijs.jpg) repeat-x top left; color: #666; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255, 1); border: 1px solid #bbb; padding: 5px 15px; } .contact .gform_footer .gform_button:hover { color: #333; } .contact .gform_footer .gform_button:active { margin-top: 1px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Offerte /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* - Label - */ .offerte-aanvragen .gfield_label { float: left; width: 100%; color: #444; font-weight: bold; margin-bottom: 5px; } /* - Radio - */ .offerte-aanvragen .ginput_container .gfield_radio { padding: 0; margin; } .offerte-aanvragen .ginput_container .gfield_radio li { margin: 0 0 2px 0; } .offerte-aanvragen .ginput_container .gfield_radio label { color: #888; margin-bottom: 0 !important; } .offerte-aanvragen .ginput_container .gfield_radio input { margin: 0 10px 3px 0; } /* - Select - */ .offerte-aanvragen .ginput_container .gfield_select { background: #fff; color: #888; border: 1px solid #ddd; padding: 7px; outline: none; } /* - De prijsbepalende vragen - */ .offerte-aanvragen .offerte-nalatenschap, .offerte-aanvragen .offerte-partner, .offerte-aanvragen .offerte-weduwe, .offerte-aanvragen .offerte-woonhuis, .offerte-aanvragen .offerte-ondernemer, .offerte-aanvragen .offerte-provincie { border-bottom: 1px dashed #ddd; padding: 15px 0 15px 0; margin: 0; } .offerte-aanvragen .offerte-provincie select { width: 306px; background: #fff; border: 1px solid #ddd; padding: 7px; } /* - De prijs - */ .offerte-aanvragen .offerte-prijs { padding: 10px 0; margin-bottom: 30px; } .offerte-aanvragen .offerte-prijs .ginput_total { font-family: 'Yanone Kaffeesatz', 'Cantarell', sans-serif; font-size: 32px; color: #eb4b1f; } .offerte-aanvragen .offerte-prijs .gfield_description { font-size: 0.9em; color: #888; line-height: 18px; margin: 15px 0 0 0; } /* - N.A.W Gegevens - */ .offerte-aanvragen .offerte-voornaam input, .offerte-aanvragen .offerte-achternaam input, .offerte-aanvragen .offerte-adres input, .offerte-aanvragen .offerte-postcode input, .offerte-aanvragen .offerte-woonplaats input, .offerte-aanvragen .offerte-email input, .offerte-aanvragen .offerte-telefoon input, .offerte-aanvragen .offerte-mobiel input { width: 290px; background: #fff; border: 1px solid #ddd; padding: 7px; margin-bottom: 15px; } .offerte-aanvragen .offerte-voornaam label, .offerte-aanvragen .offerte-achternaam label, .offerte-aanvragen .offerte-adres label, .offerte-aanvragen .offerte-postcode label, .offerte-aanvragen .offerte-woonplaats label, .offerte-aanvragen .offerte-email label, .offerte-aanvragen .offerte-telefoon label, .offerte-aanvragen .offerte-mobiel label, .offerte-aanvragen .offerte-boodschap label { font-weight: normal; } /* - Boodschap - */ .offerte-aanvragen .offerte-boodschap { margin-bottom: 15px; } .offerte-aanvragen .offerte-boodschap textarea { width: 626px; background: #fff; border: 1px solid #ddd; padding: 7px; } /* - Disclaimer - */ .offerte-aanvragen .offerte-disclaimer { color: #888; font-size: 0.9em; margin-bottom: 30px; } .offerte-aanvragen .offerte-disclaimer a { text-decoration: underline; } .offerte-aanvragen .offerte-disclaimer a:hover { text-decoration: none; } .offerte-aanvragen .offerte-disclaimer p:last-child { margin-bottom: 0; } /* - Required & Error - */ .offerte-aanvragen .gfield_required { color: #89c04a; margin-left: 2px; } .offerte-aanvragen .gfield_error { color: #ff0000; } /* - Form Footer - */ .offerte-aanvragen .gform_footer { float: left; width: 100%; } .offerte-aanvragen .gform_edit_link { display: none; } /* - Form Button - */ .offerte-aanvragen .gform_footer .gform_button { float: left; background: url(images/bg-button-grijs.jpg) repeat-x top left; color: #666; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255, 1); border: 1px solid #bbb; padding: 5px 15px; } .offerte-aanvragen .gform_footer .gform_button:hover { color: #333; } .offerte-aanvragen .gform_footer .gform_button:active { margin-top: 1px; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Vraag & Antwoord /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .vraag-en-antwoord h2 p { margin: 0; } .vraag-en-antwoord .entry-content { margin-bottom: 40px; } .vraag-en-antwoord ul { float: left; width: 100%; margin: 0 0 0 0; } .vraag-en-antwoord ul li { float: left; width: 100%; border-bottom: 1px dashed #d7d7d7; padding: 0 0 10px 0; margin: 0 0 40px 0; } .vraag-en-antwoord ul li:last-child { border-bottom: none; padding: 0; margin: 0; } .het-antwoord ul { list-style: disc; list-style-position: inside; margin: 0 0 30px 20px; } .het-antwoord ol { list-style: decimal; list-style-position: inside !important; margin: 0 0 30px 20px !important; } .vraag-antwoord { color: #eb4b1f; } .post-ratings { float: left; width: 100%; color: #aaa; border-top: 1px solid #e2e2e2; padding: 15px 0 0 0; margin: 20px 0 0 0; } .post-ratings .kol-wrap { color: #555; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Woordenboek /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #alfabet-abc { background: #fff; border: 1px solid #ddd; padding: 15px 10px; margin: 0 0 40px 0; } #alfabet-abc p { margin: 0; } #alfabet-abc a { color: #eb4b1f; text-decoration: none; background: #fff; border: 1px solid #eee; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 5px; } #alfabet-abc a:hover { background: #eb4b1f; color: #fff; border: 1px solid #eb4b1f; } .alfabet li { border-bottom: 1px dashed #d7d7d7; padding: 0 0 10px 0; margin: 0 0 20px 0; } .woordenboek-naar-top { text-align: right; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Content » Page Navigation /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #page-navigation { float: left; width: 100%; border-top: 1px dashed #ddd; padding-top: 10px; margin-top: 30px; } /*---------------------------------------------------------------------------------------*/ /* Content » Page Navigation » Prev/Next /*---------------------------------------------------------------------------------------*/ .nav-previous { float: left; } .nav-next { float: right; } /*---------------------------------------------------------------------------------------*/ /* Content » Page Navigation » PageNavi /*---------------------------------------------------------------------------------------*/ .wp-pagenavi .current { background: #89c04a; color: #fff; padding: 3px 8px; margin-right: 2px; } .wp-pagenavi .page, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { background: #d2d2d2; color: #fff; padding: 3px 8px; margin-right: 2px; } .wp-pagenavi .page:hover, .wp-pagenavi .first:hover, .wp-pagenavi .last:hover, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover { background: #89c04a; } .wp-pagenavi .extend { margin-right: 3px; } .wp-pagenavi .pages { float: right; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Sidebar /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #sidebar aside { background: #fff; border: 1px solid #d2d2d2; padding: 20px 30px; margin-bottom: 30px; } #sidebar aside ul li { background: url(images/bg-dashed.png) repeat-x bottom left; padding: 5px 0; } #sidebar aside .widget-title { background: url(images/bg-h2.jpg) no-repeat bottom left; font-family: 'Yanone Kaffeesatz', sans-serif; color: #eb4b1f; font-size: 22px; font-weight: normal; text-transform: uppercase; padding: 0 0 15px 0; margin: 0 0 25px 0; } #sidebar aside .menu .current-menu-item { font-weight: bold; } /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* /* Transitions & animaties /* /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------*/ /* Standaard links /*---------------------------------------------------------------------------------------*/ a { -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } /*---------------------------------------------------------------------------------------*/ /* Navigatie /*---------------------------------------------------------------------------------------*/ nav#navigatie ul li ul { -moz-box-shadow: 0 1px 3px rgba(0,0,0, .15); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .15); box-shadow: 0 1px 3px rgba(0,0,0, .15); } /*---------------------------------------------------------------------------------------*/ /* Slider /*---------------------------------------------------------------------------------------*/ #slider #slider-wrap .pagination li a { -moz-box-shadow: 0 -1px 0 rgba(0,0,0, .25); -webkit-box-shadow: 0 -1px 0 rgba(0,0,0, .25); box-shadow: 0 -1px 0 rgba(0,0,0, .25); } #slider #slider-wrap .pagination li.current a { -moz-box-shadow: 0 -1px 0 rgba(0,0,0, .5); -webkit-box-shadow: 0 -1px 0 rgba(0,0,0, .5); box-shadow: 0 -1px 0 rgba(0,0,0, .5); } #slider-button { -moz-box-shadow: 0 1px 3px rgba(0,0,0, .2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .2); box-shadow: 0 1px 3px rgba(0,0,0, .2); } /*---------------------------------------------------------------------------------------*/ /* Pagination Bullets /*---------------------------------------------------------------------------------------*/ .pagination li a { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /*---------------------------------------------------------------------------------------*/ /* Calculator /*---------------------------------------------------------------------------------------*/ #home-calculator .gform_page_footer .gform_next_button, #home-calculator .gform_page_footer .gform_previous_button, #home-calculator .gform_page_footer .gform_button { -moz-box-shadow: 0 1px 3px rgba(0,0,0, .1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .1); box-shadow: 0 1px 3px rgba(0,0,0, .1); } /*---------------------------------------------------------------------------------------*/ /* Klantervaringen /*---------------------------------------------------------------------------------------*/ .klantervaringen-item, .home-klantervaringen .home-klantervaringen-item { -moz-box-shadow: 0 1px 3px rgba(0,0,0, .1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .1); box-shadow: 0 1px 3px rgba(0,0,0, .1); } /*---------------------------------------------------------------------------------------*/ /* Page Navigation /*---------------------------------------------------------------------------------------*/ .wp-pagenavi .page, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } /*---------------------------------------------------------------------------------------*/ /* Content » Woordenboek /*---------------------------------------------------------------------------------------*/ #alfabet-abc { -moz-box-shadow: 0 1px 3px rgba(0,0,0, .1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .1); box-shadow: 0 1px 3px rgba(0,0,0, .1); } /*---------------------------------------------------------------------------------------*/ /* Sidebar /*---------------------------------------------------------------------------------------*/ #sidebar aside { -moz-box-shadow: 0 1px 3px rgba(0,0,0, .1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .1); box-shadow: 0 1px 3px rgba(0,0,0, .1); } /*---------------------------------------------------------------------------------------*/ /* WP /*---------------------------------------------------------------------------------------*/ .size-thumbnail, .size-medium , .size-large , .size-full, .thumbnail { -moz-box-shadow: 0 1px 3px rgba(0,0,0, .1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .1); box-shadow: 0 1px 3px rgba(0,0,0, .1); }