html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}  *, *:after, *:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body {
font-size: 16px;
}
.clear:before, .clear:after {
content: ' ';
display: table;
}
.clear:after {
clear: both;
}
.clear {
*zoom: 1;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
hr {
clear: both;
background: #f1f1f1;
height: 1px;
width: 100%;
border: 0;
}
a {
color: #00758c;
text-decoration: none;
} body.single-autobekleding #breadcrumbs a,
body.page-template-landingspagina-autobekleding #breadcrumbs a,
.autobekleding a span[style], body.single-autobekleding a span[style], body.parent-autobekleding a span[style] {
color: #9a1311 !important;
text-decoration: none;
}
body.single-ergonomie_vervoer #breadcrumbs a,
body.page-template-landingspagina-ergonomie-vervoer #breadcrumbs a,
body.page-template-child-ergonomie-vervoer #breadcrumbs a,
.ergonomie-vervoer a span[style], body.single-ergonomie_vervoer a span[style], body.parent-ergonomie-vervoer a span[style] {
color: #a66712 !important;
text-decoration: none;
}
body.single-ergonomie_zorg #breadcrumbs a,
body.page-template-landingspagina-ergonomie-zorg #breadcrumbs a,
.ergonomie-zorg a span[style], body.single-ergonomie_zorg a span[style], body.parent-ergonomie-zorg a span[style] {
color: #691459 !important;
text-decoration: none;
}
ul.aside-menu {
background-color: #eaeaea;
padding: 10px 10px 10px 40px !important;
margin-left: 0 !important;
list-style-type: none;
}
ul.aside-menu li {  }
ul.aside-menu li span {
width: 20px;
}
ul.aside-menu li i {
color: #000000;
font-size: 10px;
margin-right: 0px;
margin-left: 10px;
margin-top: -3px;
line-height: 26px;
float: left;
}
ul.aside-menu li a {
color: #000000;
line-height: 26px;
display: inline-block;
}
a:hover {
text-decoration: underline;
}
a:focus {
outline: 0;
}
a:hover, a:active {
outline: 0;
}
input:focus {
outline: 0;
}
strong, b {
font-family: 'klavika_bdbold';
}
em {
font-style: italic;
}
h1 {
font-family: 'klavikalight';
color: #00758c;
font-size: 30px;
line-height: 34px;
text-transform: uppercase;
text-align: left;
max-width: 650px;
float: left;
display: block;
width: 100%;
margin-bottom: 10px;
}
.autobekleding h1,
body.single-autobekleding h1,
body.parent-autobekleding h1,
body.page-template-child-autobekleding h1 {
color: #9a1311;
}
.ergonomie-vervoer h1,
body.single-ergonomie_vervoer h1,
body.parent-ergonomie-vervoer h1,
body.page-template-child-ergonomie-vervoer h1 {
color: #a66712;
}
.ergonomie-zorg h1,
body.single-ergonomie_zorg h1,
body.parent-ergonomie-zorg h1,
body.page-template-child-ergonomie-zorg h1
{
color: #691459;
}
h2 {
font-family: 'klavika_bdbold';
color: #00758c;
font-size: 22px;
line-height: 24px;
text-transform: uppercase;
float: left;
}
.autobekleding h2,
body.single-autobekleding h2,
body.parent-autobekleding h2,
body.page-template-child-autobekleding h2 {
color: #9a1311;
}
.ergonomie-vervoer h2,
body.single-ergonomie_vervoer h2,
body.parent-ergonomie-vervoer h2,
body.page-template-child-ergonomie-vervoer h2 {
color: #a66712;
}
.ergonomie-zorg h2,
body.single-ergonomie_zorg h2, 
body.parent-ergonomie-zorg h2,
body.page-template-child-ergonomie-zorg h2 {
color: #691459;
}
h3 {
font-family: 'klavikalight';
float: left;
text-align: left;
font-size: 20px;
line-height: 28px;
display: block;
color: #000;
font-weight: bold;
margin-bottom: 10px;
font-weight: bold;
max-width: 750px;
clear: left;
}
p {
float: left;
display: block;
width: 100%;
font-family: 'klavikalight';
padding-bottom: 16px;
font-size: 18px;
line-height: 24px;
color: #000;
clear: both;
display: block;
max-width: 750px;
}
#menu-item-695 {
padding: 9px 0;
}
#menu-item-695 a {
width: 32px;
height: 32px;
background-color: #25D366;
border: 2px solid #ffffff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-align: center;
line-height: 28px;
padding: 0;                
}
#menu-item-695 a .fa-whatsapp {
position: relative;
margin: -5px auto 10px;
color: #ffffff;
} a.cta{	
color: #fff;
background: #00758c;
padding: 10px; border-radius: 5px;
font-size: 18px;
font-family: 'klavikalight';
text-decoration: none;
cursor: pointer;
font-weight: bold; text-align: center;
float: left;
display: block;
clear: both;
margin-bottom: 40px;}
a.cta:hover {background: #000000;}
.page-template-landingspagina-autobekleding a.cta ,
.single-autobekleding a.cta	{
background: #9a1311;
}
.page-template-landingspagina-ergonomie-vervoer a.cta,
.single-ergonomie_vervoer a.cta	{
background: #a66712;
}
.page-template-landingspagina-ergonomie-zorg a.cta,
.single-ergonomie_zorg a.cta {
background: #691459;
} #masthead {
width: 100%;
}
.header-inner {
width: 100%;
max-width: 1500px;
min-height: 400px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-overlay.png);
background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding-top: 60px;
z-index: 9999;
-webkit-transition: width 2s, height 1s; transition: width 2s, height 1s;
}
body.page-template-default .header-inner, body.error404 .header-inner, body.search .header-inner {
position: relative;
}
.container {
width: 100%;
max-width: 1028px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
#site-branding {
width: 218px;
height: 172px;
float: left;
}
#site-branding a.logo {
width: 100%;
max-width: 218px;
height: auto;
float: left;
}
#header-img {
width: 100%;
max-width: 1500px;
height: 600px;
margin: 0 auto;
z-index: -1;
-webkit-transition: height 1s; transition: height 1s;
position: relative;
}
#header-img[style] {
background-attachment: fixed !important;
background-size: 1499px !important;
background-repeat: no-repeat !important;
background-position: top !important;
}
#header-img img {
width: 100%;
z-index: -1;
}
.header-img-text {
position: absolute;
bottom: 80px;
left: 0;
right: 0;
}
body.autobekleding .header-img-text,
body.parent-autobekleding .header-img-text,
body.page-template-landingspagina-autobekleding .header-img-text,
body.page-template-child-autobekleding .header-img-text,
body.ergonomie-vervoer .header-img-text,
body.parent-vervoer .header-img-text,
body.page-template-landingspagina-ergonomie-vervoer .header-img-text,
body.page-template-child-ergonomie-vervoer .header-img-text,
body.ergonomie-zorg .header-img-text,
body.parent-ergonomie-zorg .header-img-text,
body.page-template-landingspagina-ergonomie-zorg .header-img-text,
body.page-template-child-ergonomie-zorg .header-img-text
{
bottom: 40px;
}
.header-img-text .textbox p {
width: 100%;
max-width: 720px;
float: right;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-textbox-multiply-corporate.png) repeat;
padding: 20px;
font-family: 'klavika_bdbold';
color: #fff;
text-transform: uppercase;
font-size: 26px;
line-height: 37px;
}
body.autobekleding .header-img-text .textbox p,
body.page-template-landingspagina-autobekleding .header-img-text .textbox p,
body.page-template-child-autobekleding .header-img-text .textbox p,
body.parent-autobekleding .header-img-text .textbox p {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-textbox-multiply-autobekleding.png) repeat;
}
body.ergonomie-vervoer .header-img-text .textbox p,
body.page-template-landingspagina-ergonomie-vervoer .header-img-text .textbox p,
body.page-template-child-ergonomie-vervoer .header-img-text .textbox p,
body.parent-ergonomie-vervoer .header-img-text .textbox p {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-textbox-multiply-ergonomie-vervoer.png) repeat;
}
body.ergonomie-zorg .header-img-text .textbox p,
body.page-template-landingspagina-ergonomie-zorg .header-img-text .textbox p,
body.page-template-child-ergonomie-zorg .header-img-text .textbox p,
body.parent-ergonomie-zorg .header-img-text .textbox p {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-textbox-multiply-ergonomie-zorg.png) repeat;
} .secondary-menu {
width: 100%;
position: fixed;
background-color: #eaeaea;
z-index: 99999;
}
.secondary-menu .mobile {
display: none;
}
.secondary-menu .desktop {
display: block;
}
.visible-xs {
display: none !important;
}
.secondary-menu a {
padding: 8px 0;
font-size: 20px;
font-family: 'klavika_bdbold';
color: #000;
float: right;
margin-left: 30px;
}
.secondary-menu a.route::before {
content: "";
display: block;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/route-icon-zwart.png);
background-repeat: no-repeat;
background-position: center 6px;
float: left;
width: 30px;
height: 30px;
}
.secondary-menu a.tel::before {
content: "";
display: block;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/tel-icon-zwart.png);
background-repeat: no-repeat;
background-position: center 6px;
float: left;
width: 30px;
height: 30px;
}
.secondary-menu a.mail::before {
content: "";
display: block;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/mail-icon-zwart.png);
background-repeat: no-repeat;
background-position: center 8px;
float: left;
width: 30px;
height: 30px;
}   #menu-button {
display: none;
}
#main-navigation {
width: auto;
float: right;
height: auto;
padding-top: 10px;
}
.navbar-header		{padding: 0px; margin: 0px; padding-right: 10px;}
#navbar-navigatiebalk {
width: auto;
float: right;
height: auto;
padding-top: 10px;
}
ul.nav-navigatiebalk {
width: auto;
float: right;
list-style-type: none;
}
ul.nav-navigatiebalk li {
font-size: 20px;
font-family: 'klavika_bdbold';
color: #000;
display: inline-block;
float: left;
}
ul.nav-navigatiebalk li a {
padding: 10px 0;
font-size: 20px;
font-family: 'klavika_bdbold';
color: #000;
float: right;
margin-left: 14px;
height: 50px;
}
ul.nav-navigatiebalk li a:hover {
text-decoration: none;
border-bottom: 1px solid #000;
}
ul.nav-navigatiebalk li.route a::before {
content: "";
display: block;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/route-icon-zwart.png);
background-repeat: no-repeat;
background-position: center 6px;
float: left;
width: 30px;
height: 30px;
}
ul.nav-navigatiebalk li.tel a::before {
content: "";
display: block;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/tel-icon-zwart.png);
background-repeat: no-repeat;
background-position: center 6px;
float: left;
width: 30px;
height: 30px;
}
ul.nav-navigatiebalk li.mail a::before {
content: "";
display: block;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/mail-icon-zwart.png);
background-repeat: no-repeat;
background-position: center 8px;
float: left;
width: 30px;
height: 30px;
}
ul.nav-menu {
width: auto;
float: left;
list-style-type: none;
}
ul.nav-menu li {
padding: 0 20px 0 20px;
display: inline-block;
float: left;
font-family: 'klavika_rgregular';
text-transform: uppercase;
}
ul.nav-menu li a {
color: #00758c;
font-size: 20px;
}
ul#menu-autobekleding.nav-menu li a {
color: #9a1311;
}
ul#menu-ergonomie-vervoer.nav-menu li a {
color: #a66712;
}
ul#menu-ergonomie-zorg.nav-menu li a {
color: #691459;
}
ul.nav-menu li a:hover {
text-decoration: none;
border-bottom: 1px solid #00758c;
}
ul#menu-autobekleding.nav-menu li a:hover {
border-bottom: 1px solid #9a1311;
}
ul#menu-ergonomie-vervoer.nav-menu li a:hover {
border-bottom: 1px solid #a66712;
}
ul#menu-ergonomie-zorg.nav-menu li a:hover {
border-bottom: 1px solid #691459;
}
ul.nav-menu li.current_page_item a {
font-family: 'klavika_bdbold';
}
.search-form {
position: relative;
float: right;
}
.content-404 .search-form {
float: left;
}
.search-field {
border: none;
cursor: pointer;
height: auto;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 0;
float: left;
margin-left: 8px;
font-family: 'klavikalight';
color: #d9b1b1;
}
.search-field:focus {
background-color: #ececec;
cursor: text;
outline: 0;
width: 200px;
padding: 8px;
font-size: 18px;
color: #000;
font-family: 'klavika_rgregular';
}
body .screen-reader-text {
width: 26px;
height: 23px;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/search.png) no-repeat;
background-position: center center;
display: inline-block;
float: left;
}
body.autobekleding .screen-reader-text,
body.page-template-landingspagina-autobekleding .screen-reader-text,
body.page-template-child-autobekleding .screen-reader-text,
body.parent-autobekleding .screen-reader-text,
body.single-autobekleding .screen-reader-text {
width: 26px;
height: 23px;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/search-autobekleding.png) no-repeat;
background-position: center center;
display: inline-block;
float: left;
}
body.ergonomie-vervoer .screen-reader-text,
body.page-template-landingspagina-ergonomie-vervoer .screen-reader-text,
body.page-template-child-ergonomie-vervoer .screen-reader-text,
body.parent-ergonomie-vervoer .screen-reader-text,
body.single-ergonomie_vervoer .screen-reader-text {
width: 26px;
height: 23px;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/search-ergonomie-vervoer.png) no-repeat;
background-position: center center;
display: inline-block;
float: left;
}
body.ergonomie-zorg .screen-reader-text,
body.page-template-landingspagina-ergonomie-zorg .screen-reader-text,
body.page-template-child-ergonomie-zorg .screen-reader-text,
body.parent-ergonomie-zorg .screen-reader-text,
body.single-ergonomie_zorg .screen-reader-text {
width: 26px;
height: 23px;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/search-ergonomie-zorg.png) no-repeat;
background-position: center center;
display: inline-block;
float: left;
}
.search-form .search-submit {
display: none;
} .container.boxes {
min-height: 220px;
height: auto;
z-index: 999;
margin-top: -30px;
margin-bottom: 20px;
}
.box {
width: 32%;
height: 390px;
float: left;
padding: 26px 16px; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
position: relative;
}
.box h2 {
color: #fff;
text-transform: uppercase;
font-size: 48px;
line-height: 42px;
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/box-arrow-bg.png) no-repeat;
background-position: right bottom;
text-decoration: none;
float: none;
}
.box a:hover {
text-decoration: none !important;
}
.box h2 span {
font-family: 'klavikalight';
font-size: 34px;
line-height: 33px;
display: block;
}
.box p {
color: #fff;
font-size: 20px;
line-height: 26px;
padding-top: 20px;
}
.box a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.box.first a.cta {
color: #9a1311;
background: white;
padding: 10px 20px;
display: inline-block;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
font-size: 20px;
font-family: 'klavika_bdbold';
text-decoration: none;
cursor: pointer;
position: absolute;
bottom: 20px;
left: 10px;
right: 10px;
}
.box.second a.cta {
color: #a66712;
background: white;
padding: 10px 20px;
display: inline-block;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
font-size: 20px;
font-family: 'klavika_bdbold';
text-decoration: none;
cursor: pointer;
position: absolute;
bottom: 20px;
left: 10px;
right: 10px;
}
.box.third a.cta {
color: #691459;
background: white;
padding: 10px 20px;
display: inline-block;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
font-size: 20px;
font-family: 'klavika_bdbold';
text-decoration: none;
cursor: pointer;
position: absolute;
bottom: 20px;
left: 10px;
right: 10px;
} .box a.cta:hover {
background: #00758c;
color: white;
}
.box.first {
background-color: #9a1311;
margin-right: 1%;
}
.box.second {
background-color: #a66712;
margin: 0 1% 0 1%;
}
.box.third {
background-color: #691459;
margin-left: 1%;
} .content.small { width: 100%;
}
.content article {
margin-bottom: 30px;
}
.content article tr {
width: 100%;
border: 1px solid #E8E8E8;
}
.content article table {
margin-bottom: 30px;
width: 100%;
}
.content table {
float: left;
position: relative;
display: block;
clear: both;
}
.content table.producten,
.content article table.producten {
margin-bottom: 80px;
max-width: 800px;
clear: both;
}
.content table.producten img,
.content article table.producten img {
width: 33.3333333% !important;
float: left !important;
padding: 5px;
}
h3.gform_title {
display: block;
width: 100%;
float: left;
font-size: 20px !important;
color: #00758c;
}
.gfield_required {
display: none;
}
ul.gform_fields li {
height: auto !important;
margin-top: 0 !important;
}
ul.gform_fields li input {
padding: 6px 10px !important;
width: 100% !important;
}
.gform_wrapper form input,
.gform_wrapper form textarea {
font-family: 'Arial', sans-serif !important;
font-size: 15px !important;
}
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
background: #00758c;
border: 2px solid #00758c;
color: #fff;
font-weight: bold;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 10px;
font-family: 'klavikalight';
width: 100% !important;
font-size: 18px !important;
}    
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:hover {
background: #000;
border: 2px solid #000;
}
body.autobekleding form input[type="submit"], 
body.page-template-landingspagina-autobekleding form input[type="submit"], 
body.page-template-child-autobekleding form input[type="submit"], 
body.parent-autobekleding form input[type="submit"], 
body.single-autobekleding form input[type="submit"] {
background: #9a1311 !important;
border: 2px solid #9a1311 !important;
}
body.autobekleding h3.gform_title, 
body.page-template-landingspagina-autobekleding h3.gform_title, 
body.page-template-child-autobekleding h3.gform_title, 
body.parent-autobekleding h3.gform_title, 
body.single-autobekleding h3.gform_title {
color: #9a1311;
}
body.ergonomie-vervoer form input[type="submit"], 
body.page-template-landingspagina-ergonomie-vervoer form input[type="submit"], 
body.page-template-child-ergonomie-vervoer form input[type="submit"], 
body.parent-ergonomie-vervoer form input[type="submit"], 
body.single-ergonomie_vervoer form input[type="submit"] {
background: #a66712 !important;
border: 2px solid #a66712 !important;
}
body.ergonomie-vervoer h3.gform_title, 
body.page-template-landingspagina-ergonomie-vervoer h3.gform_title, 
body.page-template-child-ergonomie-vervoer h3.gform_title, 
body.parent-ergonomie-vervoer h3.gform_title, 
body.single-ergonomie_vervoer h3.gform_title {
color: #a66712;
}
body.ergonomie-zorg form input[type="submit"], 
body.page-template-landingspagina-ergonomie-zorg form input[type="submit"], 
body.page-template-child-ergonomie-zorg form input[type="submit"], 
body.parent-ergonomie-zorg form input[type="submit"], 
body.single-zorg form input[type="submit"] {
background: #691459 !important;
border: 2px solid #691459 !important;
}
body.ergonomie-zorg h3.gform_title, 
body.page-template-landingspagina-ergonomie-zorg h3.gform_title, 
body.page-template-child-ergonomie-zorg h3.gform_title, 
body.parent-ergonomie-zorg h3.gform_title, 
body.single-ergonomie_zorg h3.gform_title {
color: #691459;
}
.content table.images,
.content table.producten {
max-width: 750px;
margin-bottom: 40px;
}
.content table.images tr td img {
width: 90%;
height: auto;
}
.content table.producten tr:first-child > td {
font-weight: 600;
}
.content table.producten tr td {
vertical-align: top;
}
.content table.producten tr td:nth-child(1) {
width: 100px;
}                
.content table.producten tr td:nth-child(2) {
width: 100px;
}                
.content table.producten tr td:nth-child(3) {
width: 350px;
}                
.content table.producten tr td:nth-child(4) {
width: 100px;
}                
.content table.producten tr td:nth-child(4) {
width: 100px;
}                
.product-container {
float:left;
display: block;
width: 100%;
border: 1px solid #E8E8E8;
padding: 20px;
margin-bottom: 20px;
}
.product-container .product-image {
float: left;
width: 300px;
height: auto;
}
.product-container .product-image img {
position: relative;
display: block;
margin: 0 auto;
width: 260px;
}
.product-container .product-content {
float: left;
max-width: calc(100% - 300px);
padding-left: 40px;
text-align: center;
}
.product-container .product-content h3 {
float: left;
width: 100%;
text-align: center;
}
.product-container .product-content a.button-productinfo {
position: relative;
display: inline-block;
margin: 20px auto;
padding-left: 25px; 			
padding-right: 25px;
}
@media handheld, only screen and (max-width: 786px) {
.content article table.producten img {
width: 100% !important;
}
}
.content article tr td {
width: 20%;
vertical-align: middle;
text-align: left;
font-family: 'klavikalight';
}
.content.small.news {
margin: 55px 0;
}
.content.small.news h2 {
padding-top: 20px;
}
.content.small.news article tr {
margin: 20px 0;
display: block;
}
.content.small.news article tr td {
width: auto;
vertical-align: top;
padding: 20px;
}
.content article table.producten tr td {
width: 17.5%;
text-align: left;
padding: 15px 8px;
vertical-align: top;
} .content article table.producten tr td:nth-of-type(3) {
width: 30%;
}
.content.small article tr td {
border-right: 1px solid #E8E8E8;
font-family: 'klavika_rgregular';
}
.content.small article tr td:last-child {
border-right: 0;
}
.content article table.stappenplan tr td {
padding: 10px;
text-align: left;
}
.content article table img {
width: auto;
}
.content article table.stappenplan tr td img {
float: right;
}
.content article table.titles {
width: 100%;
margin-bottom: 0;
padding-right: 20px;
}
.content article table.titles tr {
background-color: #fff;
border-bottom: 0 !important;
}
.content article table.titles tr td {
width: 17.5%;
text-align: left;
padding: 6px 8px;
} .content article table.titles tr td:nth-of-type(3) {
width: 30%;
}
.content article table.corporate tr td {
width: 20%;
text-align: center;
border-right: 0 !important;
padding-bottom: 15px;
}
.content article table img {
float: left;
border: 1px solid #ececec;
margin: 0 10px 10px 0;
}
.content article table.producten img, .content article table.corporate img {
margin: 0;
border: 0;
float: none;
}
.content article table.images {
border: 0;
max-width: 800px;
clear: both;
margin-bottom: 15px;
margin-right: 20px;
}
.content article table.images tr {
border: 0;
}
.content article table.images tr td {
width: 33.3333333%;
border: 0;
padding: 0 10px;
}
h3.products_title p {
font-size: 20px !important;
font-family: 'klavika_bdbold' !important;
}
.content article table.images tr td:first-child {
padding: 0 20px 0 0;
}
.content article table.images tr td:last-child {
padding: 0 0 0 20px;
}
.content article table.images tr td img {
border: 0;
}
.content ul, .content ol {
width: 100%;
max-width: 700px;
float: left;
font-family: 'klavikalight';
padding-bottom: 16px;
font-size: 16px;
line-height: 26px;
color: #808080;
padding-left: 30px;
}
.content .container.small {
clear: both;
padding: 40px;
}
.content.column-1 {
padding: 50px 20px 20px 0;
width: 48%;
float: left;
}
.content.column-2 {
padding: 50px 0 20px 60px;
width: 48%;
float: left;
}
.content.column-1 h1 {
max-width: 650px;
float: left;
text-align: left;
font-size: 30px;
line-height: 34px;
display: block;
margin-bottom: 20px;
}
.content.column-1 h3 {
float: left;
text-align: left;
font-size: 20px;
line-height: 28px;
display: block;
color: #000;
font-weight: bold;
margin-bottom: 10px;
}
.content.column-1 p {
float: left;
text-align: left;
font-size: 20px;
line-height: 28px;
display: block;
color: #000;
}
.column-2 h1 {
color: #000;
margin-bottom: 10px;
}
.column-2 h3 {
margin-bottom: 20px;
} .wi-main-content {
position: relative;
overflow: hidden;
float: left;
display: block;
width: 100%;
clear: both;
}
.wi-main-content .content.column-1 {
padding: 50px 2% 20px 0;
width: 23%;
float: left;
}
.wi-main-content .content.column-2 {
padding: 50px 0 20px 2%;
width: 73%;
float: left;
}
.content.single article, .content .container.small p {
width: 100%;
float: left;
}
.content.search {
padding: 50px 0;
display: block;
}
.content.search article {
padding: 12px 0;
display: block;
clear: both;
position: relative;
height: 150px;
}
.content.search article a.img {
float: left;
max-width: 150px;
}
.content.search article h1 {
font-size: 22px;
line-height: 24px;
padding-bottom: 20px;
}
.content.search article h2 a {
color: #808080;
float: left;
width: auto;
position: absolute;
top: 70px;
left: 170px;
bottom: 0;
}
.content-404 {
padding-bottom: 50px;
}
.content.single {
padding: 50px 0 30px 0;
}
section.pagination {
font-family: 'klavikalight';
} .content.grid.producten {
padding-bottom: 0;
}
.grid.producten {
width: 100%;
max-width: 1028px;
margin: 0 auto;
position: relative;
}
.grid.producten ul li.grid-item {
width: 29.3333333%;
height: auto;
float: left;
margin: 15px 2% 15px 2%;
}
li.grid-item {
list-style-type: none;
background-color: #fff;
text-align: center;
position: relative;
}
.grid.producten li.grid-item img {
width: 100%;
}
.grid.producten li.grid-item h3 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
min-height: 50px;
height: auto;
font-family: 'klavika_bdbold';
color: #fff;
text-transform: uppercase;
padding-top: 12px;
margin: 0;
text-align: center;
}
body.autobekleding .grid.producten li.grid-item h3 {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-textbox-multiply-autobekleding.png) repeat;
-webkit-transition: min-height 0.4s; transition: min-height 0.4s;
}
body.ergonomie-vervoer .grid.producten li.grid-item h3 {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-textbox-multiply-ergonomie-vervoer.png) repeat;
-webkit-transition: min-height 0.4s; transition: min-height 0.4s;
}
body.ergonomie-zorg .grid.producten li.grid-item h3 {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-textbox-multiply-ergonomie-zorg.png) repeat;
-webkit-transition: min-height 0.4s; transition: min-height 0.4s;
}
.grid.producten ul li.grid-item a:hover h3 {
min-height: 60px;
-webkit-transition: min-height 0.4s; transition: min-height 0.4s;
} .footer {
width: 100%;
overflow: hidden;
}
.footer a {
color: #fff;
}
.footer .background-footer {
width: 100%;
max-width: 1500px;
margin: 0 auto;
background-color: #00778d;
background-image: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/bg-footer.png);
background-repeat: no-repeat;
background-size: auto 100%;
min-height: 180px;
}
body.autobekleding .footer .background-footer,
body.page-template-landingspagina-autobekleding .footer .background-footer,
body.page-template-child-autobekleding .footer .background-footer,
body.parent-autobekleding .footer .background-footer,
body.single-autobekleding .footer .background-footer {
background-color: #9a1311;
}
body.ergonomie-vervoer .footer .background-footer,
body.page-template-landingspagina-ergonomie-vervoer .footer .background-footer,
body.page-template-child-ergonomie-vervoer .footer .background-footer,
body.parent-ergonomie-vervoer .footer .background-footer,
body.single-ergonomie_vervoer .footer .background-footer {
background-color: #a66712;
}
body.ergonomie-zorg .footer .background-footer,
body.page-template-landingspagina-ergonomie-zorg .footer .background-footer,
body.page-template-child-ergonomie-zorg .footer .background-footer,
body.parent-ergonomie-zorg .footer .background-footer,
body.single-ergonomie_zorg .footer .background-footer {
background-color: #691459;
}
.footer ul {
width: 100%;
list-style-type: none;
padding: 30px 0;
}
.footer ul li {
width: 22.75%;
float: left;
position: relative;
padding-bottom: 14px;
}
.footer ul li:nth-of-type(1) {
margin-right: 1.5%;
}
.footer ul li:nth-of-type(2), .footer ul li:nth-of-type(3) {
margin: 0 1.5% 0 1.5%;
}
.footer ul li:nth-of-type(4) {
margin-left: 1.5%;
}
.footer ul li #menu-main li, .footer ul li #menu-main-1 li {
margin: 0;
}
.footer ul li h3 {
font-family: 'klavika_bdbold';
font-size: 16px;
line-height: 18px;
text-transform: uppercase;
color: #fff;
width: 100%;
}
.footer ul li.social-media a {
float: left;
width: auto;
padding-right: 12px;
}
.footer ul li.social-media .row {
width: 100%;
float: left;
margin-bottom: 20px;
}
.footer ul li p {
color: #fff;
line-height: 22px;
padding-bottom: 14px;
}
.footer ul li #text-2 p {
padding-left: 30px;
}
.footer ul li #text-2 p:nth-of-type(1) {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/adres-icon.png) no-repeat;
background-position: left 4px;
}
.footer ul li #text-2 p:nth-of-type(2) {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/tel-icon.png) no-repeat;
background-position: left 2px;
}
.footer ul li #text-2 p:nth-of-type(3) {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/mail-icon.png) no-repeat;
background-position: left 4px;
}
.footer ul#menu-main, .footer ul#menu-main-1 {
padding: 0;
}
.footer ul#menu-main li, .footer ul#menu-main-1 li {
display: block;
width: 100%;
float: left;
padding-bottom: 10px;
}
.footer ul#menu-main li a, .footer ul#menu-main-1 li a {
font-family: 'klavikalight';
font-size: 14px;
text-transform: uppercase;
color: #fff;
}
.copyright ul#menu-footer {
width: 100%;
list-style-type: none;
max-width: 1140px;
margin: 0 auto;
text-align: center;
padding: 20px 0;
line-height: 25px;
}
.copyright ul#menu-footer li {
width: auto;
padding: 0 8px;
text-align: center;
display: inline;
float: none;
border-right: 1px solid #a0a0a0;
margin: 0;
}
.copyright ul#menu-footer li:last-of-type {
border-right: none;
}
.copyright ul#menu-footer li a {
font-family: 'klavika_rgregular';
font-size: 14px;
line-height: 8px;
color: #a0a0a0;
display: inline-block;
}
.copyright ul#menu-footer li:last-of-type a {
color: #278a9e;
}
body.autobekleding .copyright ul#menu-footer li:last-of-type a,
body.page-template-landingspagina-autobekleding .copyright ul#menu-footer li:last-of-type a,
body.page-template-child-autobekleding .copyright ul#menu-footer li:last-of-type a,
body.parent-autobekleding .copyright ul#menu-footer li:last-of-type a,
body.single-autobekleding .copyright ul#menu-footer li:last-of-type a {
color: #9a1311;
}
body.ergonomie-vervoer .copyright ul#menu-footer li:last-of-type a,
body.page-template-landingspagina-ergonomie-vervoer .copyright ul#menu-footer li:last-of-type a,
body.page-template-child-ergonomie-vervoer .copyright ul#menu-footer li:last-of-type a,
body.parent-ergonomie-vervoer .copyright ul#menu-footer li:last-of-type a,
body.single-ergonomie_vervoer .copyright ul#menu-footer li:last-of-type a {
color: #a66712;
}
body.ergonomie-zorg .copyright ul#menu-footer li:last-of-type a,
body.page-template-landingspagina-ergonomie-zorg .copyright ul#menu-footer li:last-of-type a,
body.page-template-child-ergonomie-zorg .copyright ul#menu-footer li:last-of-type a,
body.parent-ergonomie-zorg .copyright ul#menu-footer li:last-of-type a,
body.single-ergonomie_zorg .copyright ul#menu-footer li:last-of-type a {
color: #691459;
}
.copyright ul#menu-footer li:last-of-type a:hover {
text-decoration: none;
} form input, form textarea {
padding: 6px 10px;
border: 2px solid #000;
color: #000;
max-width: 500px;
width: 100%;
border-radius: 4px;
}
form input[type="submit"] {
background: #00758c;
border: 2px solid #00758c;
color: #fff;
font-weight: bold;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 10px;
}
form input[type="submit"]:hover {
background: #000;
border: 2px solid #000;
}
body.autobekleding form input[type="submit"],
body.page-template-landingspagina-autobekleding form input[type="submit"],
body.page-template-child-autobekleding form input[type="submit"],
body.parent-autobekleding form input[type="submit"],
body.single-autobekleding form input[type="submit"] {
background: #9a1311;
color: #fff;
border: 0;
}
body.ergonomie-vervoer form input[type="submit"],
body.page-template-landingspagina-ergonomie-vervoer form input[type="submit"],
body.page-template-child-ergonomie-vervoer form input[type="submit"],
body.parent-ergonomie-vervoer form input[type="submit"],
body.single-ergonomie_vervoer form input[type="submit"] {
background: #a66712;
color: #fff;
border: 0;
}
body.ergonomie-zorg form input[type="submit"],
body.page-template-landingspagina-ergonomie-zorg form input[type="submit"],
body.page-template-child-ergonomie-zorg form input[type="submit"],
body.parent-ergonomie-zorg form input[type="submit"],
body.single-ergonomie_zorg form input[type="submit"] {
background: #691459;
color: #fff;
border: 0;
} @font-face {
font-family: 'klavika_bdbold';
src: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-bold-webfont.eot);
src: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-bold-webfont.eot?#iefix) format('embedded-opentype'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-bold-webfont.woff2) format('woff2'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-bold-webfont.woff) format('woff'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-bold-webfont.ttf) format('truetype'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-bold-webfont.svg#klavika_bdbold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'klavikalight';
src: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-light-webfont.eot);
src: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-light-webfont.eot?#iefix) format('embedded-opentype'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-light-webfont.woff2) format('woff2'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-light-webfont.woff) format('woff'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-light-webfont.ttf) format('truetype'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-light-webfont.svg#klavikalight) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'klavika_rgregular';
src: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-regular-webfont.eot);
src: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-regular-webfont.eot?#iefix) format('embedded-opentype'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-regular-webfont.woff2) format('woff2'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-regular-webfont.woff) format('woff'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-regular-webfont.ttf) format('truetype'), url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/fonts/klavika-regular-webfont.svg#klavika_rgregular) format('svg');
font-weight: normal;
font-style: normal;
}
.recapt {
margin-bottom: 10px !important;
height: 85px !important;
} @media handheld, only screen and (max-width: 1200px) {
#header-img {
height: 480px;
}
#header-img[style] {
background-size: 1200px !important;
}
}
@media handheld, only screen and (max-width: 1100px) {
.container {
padding: 0 25px;
}
.box h2 span {
font-size: 30px;
}
.box h2 {
font-size: 38px;
line-height: 32px;
}
.header-img-text .textbox {
max-width: 600px;
font-size: 20px;
line-height: 22px;
}
.header-inner {
padding-top: 50px;
}
#site-branding {
width: 20%;
}
.content.column-1 {
padding: 50px 0 20px 0 !important;
width: 100% !important;
}
.content.column-2 {
padding: 20px 0 20px 0;
width: 100%;
}
@media handheld, only screen and (max-width: 940px) {
.secondary-menu .desktop {
display: none;
}
.secondary-menu .mobile {
display: block;
padding-right: 10px;
}
.secondary-menu .container {
padding: 0;
}
.box h2 span {
font-size: 24px;
}
.box h2 {
font-size: 30px;
line-height: 20px;
background-position: right top;
}
.grid.producten ul li.grid-item {
width: 46%;
}
.box {
height: 500px;
}
}
@media handheld, only screen and (max-width: 786px) {
.box {
height: 390px;
}
#header-img {
height: 400px;
}
#header-img[style] {
background-size: 800px !important;
}
.container.boxes {
min-height: inherit;
}
.container.boxes .box {
width: 100%;
min-height: inherit;
}
.box.first, .box.second, .box.third {
margin: 0 0 20px 0;
}
.box h2 {
background-position: right bottom;
width: 100%;
}
.box p {
width: 100%;
max-width: 550px;
float: left;
}
.footer ul li {
width: 31.3333333%;
}
.footer ul li:nth-of-type(1) {
width: 100%;
text-align: center;
margin: 0;
float: none;
padding-bottom: 30px;
}
.footer ul li:nth-of-type(2) {
margin: 0 1.5% 0 0;
}
.footer ul li:nth-of-type(3) {
margin: 0 1.5% 0 1.5%;
}
.footer ul li:nth-of-type(4) {
margin: 0 0 0 1.5%;
}
.footer ul.nav-menu-footer li {
text-align: left;
padding-bottom: 10px;
}
.navbar-toggle .icon-bar	{background-color: #000000;}
#header-navbar				{margin-right: 10px!important;}
.nav-navigatiebalk			{position: inherit; padding: 0px!important; margin: 0px!important; border: none; z-index: 1000!important; float: left; overflow: none; 				
margin-right: 10px!important; margin-left: 0px; padding-right: 10px; padding-left: 0px; width: 99%!important;}
.nav-navigatiebalk > li		{text-align: left; width: 100%;display: block; }
#navbar-navigatiebalk {
width: 90%;
position: absolute;
left: 0;
right: 0;
top: 0;
}
#main-navigation {
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
}
ul.nav-menu.open {
width: 50%;
float: left;
list-style-type: none;
-webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s;
}
ul.nav-menu li {
padding: 8px 20px;
display: block;
float: right;
font-family: 'klavika_rgregular';
text-transform: uppercase;
clear: right;
width: 100%;
}
ul.nav-menu li:last-of-type {
padding-bottom: 20px;
}
#menu-button {
float: right;
display: block;
width: 35px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
-o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
cursor: pointer;
z-index: 9999;
margin-right: 20px;
}
#menu-button span {
display: block;
position: absolute;
height: 3px;
width: 80%;
background: #00758c;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#menu-button p {
display: none;
}
#menu-button span:nth-of-type(1) {
top: 0;
}
#menu-button span:nth-of-type(2) {
top: 8px;
}
#menu-button span:nth-of-type(3) {
top: 16px;
}
body.autobekleding #menu-button span,
body.page-template-landingspagina-autobekleding #menu-button span,
body.page-template-child-autobekleding #menu-button span,
body.single-autobekleding #menu-button span {
background: #9a1311;
}
body.ergonomie-vervoer #menu-button span,
body.page-template-landingspagina-ergonomie-vervoer #menu-button span,
body.page-template-child-ergonomie-vervoer #menu-button span,
body.single-ergonomie_vervoer #menu-button span {
background: #a66712;
}
body.ergonomie-zorg #menu-button span,
body.page-template-landingspagina-ergonomie-zorg #menu-button span,
body.page-template-child-ergonomie-zorg #menu-button span,
body.single-ergonomie_zorg #menu-button span,
body.page-template-child-ergonomie-zorg #menu-button span,
body.single-ergonomie_zorg #menu-button span {
background: #691459;
}
#main-navigation .search-form {
margin-right: 62px;
position: absolute;
top: 0;
right: 0;
}
#main-navigation .search-field:focus {
width: 120px;
}
.autobekleding .content, .ergonomie-vervoer .content, .ergonomie-zorg .content {
padding: 40px 25px 10px 25px;
}
.visible-xs {
display: block !important;
}
}
@media handheld, only screen and (max-width: 550px) {
.header-img-text {
display: none;
}
.header-inner {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/header-overlay-small-screen.png);
background-size: contain;
background-repeat: no-repeat;
padding-top: 18px;
margin-top: 46px;
}
#site-branding {
width: 35%;
max-width: 150px;
}
#header-img {
height: 400px;
}
#header-img[style] {
background-size: 600px !important;
}
#main-navigation {
background: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/mobile-overlay-small-screen.png);
background-size: contain;
background-repeat: no-repeat;
padding-bottom: 10px;
}
.content.column-1 {
padding: 20px 0;
}
.footer ul li {
width: 100%;
text-align: center;
margin: 0;
float: none;
padding-bottom: 20px;
display: inline-block;
}
.footer ul li h3 {
text-align: center;
}
.footer ul li #text-2 .textwidget {
width: auto;
display: inline-block;
}
.footer ul li:first-of-type {
padding-bottom: 30px;
}
.footer ul.nav-menu-footer li, .footer ul li:nth-of-type(2), .footer ul li:nth-of-type(3) {
text-align: center;
margin: 0;
}
.footer ul li.social-media a {
float: none;
}
.footer .background-footer {
background-image: url(//lukkien-autobekleding.nl/wp-content/themes/lukkien/images/bg-footer-mobile.png);
}
.grid.producten ul li.grid-item {
width: auto;
margin: 10px 25px;
}
.product-container .product-image,
.product-container .product-content {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding-left: 0; 
}
} ::selection {
background: #00778d;
color: #fff;
text-shadow: none;
}
::-webkit-selection {
background: #00778d;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #00778d;
color: #fff;
text-shadow: none;
} @media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}
.hidden {
display: none !important;
}}