* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
}
a {
text-decoration: none;
color: inherit;
}
div, a, span, p, li, h1, h2, h3, h4, h5, h6 {
font-family: 'Product Sans';
font-size: 16px;
}
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; }
ul {
list-style: none;
}
.overauto, .content, .footer {
overflow: auto;
}
.content {
margin-top: -200px;
display: inline-block;
margin-bottom: -5px;
padding-top: 20px;
width: 100%;
}
.content iframe {
max-width: 100%;
}
.content img {
max-width: 100%;
}
.button {
height: 50px;
line-height: 50px;
display: inline-block;
padding: 0px 20px;
transition: 0.2s ease 0s;
}
.button:hover {
opacity: 0.8;
}
.button p {
float: left;
}
.button_arrow {
margin-left: 30px;
height: 24px;
width: 12px;
float: left;
margin-top: 13px;
}
.button_w .button_arrow {
background-image: url(#);
background-repeat: no-repeat;
background-size: cover;
}
.button_b .button_arrow {
background-image: url(#);
background-repeat: no-repeat;
background-size: cover;
}.wit, .content, .h_logo, .ham_line1, .ham_line2, .ham_line3,
.h_contact, .button_w {
background-color: #fff;
}
.grijs1, body, .all, .sidebar_in {
background-color: #e8e8e8;
}
.grijs2 {
background-color: #cecece;
}
.dgrijs1, .footer {
background-color: #383838;
}
.dgrijs2 {
background-color: #3e3f3e;
}
.donker, .schijding {
background-color: #272727;
} .accent1, .hamburger, .button_b {
background-color: #13a59b;
}
.accent2 {
background-color: #109bc9;
} .nieuws1 p, .nieuws1 .schuin_in {
background-color: #e7502d;
}
.nieuws2 p, .nieuws2 .schuin_in {
background-color: #f0cc3e;
}
.nieuws3 p, .nieuws3 .schuin_in {
background-color: #2d92e7;
}
.nieuws4 p, .nieuws4 .schuin_in {
background-color: #41bc58;
} .titel, h1, h2, h3, h4, h5, h6 {
color: #212121;
}
.tekst, div, span, a, ul, li, p, .h_contact p {
color: #707070;
}
.wit_t, .h_menu ul li a, .button_b p,
.catagorie1 p, .catagorie2 p {
color: #fff;
}
.footer {
color: #fff !important;
}
.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6 {
color: #FFF !important;
}
.footer div, 
.footer span, 
.footer a, 
.footer ul, 
.footer li, 
.footer p {
color: #c9c9c9 !important;
}@media screen and (min-width: 900px) { 
.widthall {
width: 100%;
width: calc(100% - 160px);
width: -webkit-calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: -o-calc(100% - 160px);
max-width: 1400px;
margin: auto;
}
}
@media screen and (max-width: 900px) and (min-width: 600px) { 
.widthall {
width: 100%;
width: calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: -o-calc(100% - 80px);
max-width: 1400px;
margin: auto;
}
}
@media screen and (max-width: 600px) { 
.widthall {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
max-width: 1400px;
margin: auto;
}
} @media screen and (min-width: 1070px) {
.width100n {
width: 100%;
float: left;
}
.width75n {
width: 75%;
float: left;
}
.width50n {
width: 50%;
float: left;
}
.width25n {
width: 25%;
float: left;
}
.width12n {
width: 12.5%;
float: left;
}
.width66n {
width: 66.6%;
float: left;
}
.width33n {
width: 33.3%;
float: left;
}
}
@media screen and (max-width: 1070px) and (min-width: 800px) {
.width100n {
width: 100%;
float: left;
}
.width75n {
width: 100%;
float: left;
}
.width50n {
width: 100%;
float: left;
}
.width25n {
width: 50%;
float: left;
}
.width12n {
width: 25%;
float: left;
}
.width66n {
width: 100%;
float: left;
}
.width33n {
width: 50%;
float: left;
}
}
@media screen and (max-width: 800px) and (min-width: 600px) {
.width100n {
width: 100%;
float: left;
}
.width75n {
width: 100%;
float: left;
}
.width50n {
width: 100%;
float: left;
}
.width25n {
width: 100%;
float: left;
}
.width12n {
width: 50%;
float: left;
}
.width66n {
width: 100%;
float: left;
}
.width33n {
width: 100%;
float: left;
}
}
@media screen and (max-width: 600px) {
.width100n {
width: 100%;
float: left;
}
.width75n {
width: 100%;
float: left;
}
.width50n {
width: 100%;
float: left;
}
.width25n {
width: 100%;
float: left;
}
.width12n {
width: 100%;
float: left;
}
.width66n {
width: 100%;
float: left;
}
.width33n {
width: 100%;
float: left;
}
} @media screen and (min-width: 1070px) {
.width100 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width75 {
width: 75%;
width: calc(75% - 40px);
width: -webkit-calc(75% - 40px);
width: -moz-calc(75% - 40px);
width: -o-calc(75% - 40px);
padding: 0px 20px;
float: left;
}
.width50 {
width: 50%;
width: calc(50% - 40px);
width: -webkit-calc(50% - 40px);
width: -moz-calc(50% - 40px);
width: -o-calc(50% - 40px);
padding: 0px 20px;
float: left;
}
.width25 {
width: 25%;
width: calc(25% - 40px);
width: -webkit-calc(25% - 40px);
width: -moz-calc(25% - 40px);
width: -o-calc(25% - 40px);
padding: 0px 20px;
float: left;
}
.width12 {
width: 12.5%;
width: calc(12.5% - 40px);
width: -webkit-calc(12.5% - 40px);
width: -moz-calc(12.5% - 40px);
width: -o-calc(12.5% - 40px);
padding: 0px 20px;
float: left;
}
.width66 {
width: 66.6%;
width: calc(66.6% - 40px);
width: -webkit-calc(66.6% - 40px);
width: -moz-calc(66.6% - 40px);
width: -o-calc(66.6% - 40px);
padding: 0px 20px;
float: left;
}
.width33 {
width: 33.3%;
width: calc(33.3% - 40px);
width: -webkit-calc(33.3% - 40px);
width: -moz-calc(33.3% - 40px);
width: -o-calc(33.3% - 40px);
padding: 0px 20px;
float: left;
}
}
@media screen and (max-width: 1070px) and (min-width: 800px) {
.width100 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width75 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width50 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width25 {
width: 50%;
width: calc(50% - 40px);
width: -webkit-calc(50% - 40px);
width: -moz-calc(50% - 40px);
width: -o-calc(50% - 40px);
padding: 0px 20px;
float: left;
}
.width12 {
width: 25%;
width: calc(25% - 40px);
width: -webkit-calc(25% - 40px);
width: -moz-calc(25% - 40px);
width: -o-calc(25% - 40px);
padding: 0px 20px;
float: left;
}
.width66 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width33 {
width: 50%;
width: calc(50% - 40px);
width: -webkit-calc(50% - 40px);
width: -moz-calc(50% - 40px);
width: -o-calc(50% - 40px);
padding: 0px 20px;
float: left;
}
.width50 .width50 {
width: 50%;
width: calc(50% - 40px);
width: -webkit-calc(50% - 40px);
width: -moz-calc(50% - 40px);
width: -o-calc(50% - 40px);
padding: 0px 20px;
float: left;
}
}
@media screen and (max-width: 800px) and (min-width: 600px) {
.width100 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width75 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width50 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width25 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width12 {
width: 50%;
width: calc(50% - 40px);
width: -webkit-calc(50% - 40px);
width: -moz-calc(50% - 40px);
width: -o-calc(50% - 40px);
padding: 0px 20px;
float: left;
}
.width66 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width33 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
}
@media screen and (max-width: 600px) {
.width100 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width75 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width50 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width25 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width12 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width66 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
.width33 {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 0px 20px;
float: left;
}
} .fl_rechts, .fl_right {
float: right;
}
.fl_links, .fl_left {
float: left;
}.achtergrond_over {
width: 100%;
height: 100%;
height: calc(100% - 80px);
height: -webkit-calc(100% - 80px);
height: -moz-calc(100% - 80px);
height: calc(100% - 80px);
background-color: #13a59b;
z-index: -1;
position: absolute;
min-height: 600px;
overflow: hidden !important;
}
.achtergrond_over_single {
width: 100%;
height: 360px;
background-color: #13a59b;
z-index: -1;
position: absolute;
min-height: 600px;
overflow: hidden !important;
background-size: cover;
filter: blur(5px);
-webkit-filter: blur(5px);
zoom: 105%;
}
.achtergrond {
position: absolute;
width: 100%;
height: 100%;
}
.achtergrond iframe {
width: 100%;
height: 100%;
}
@media (min-aspect-ratio: 16/9) {
.achtergrond { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
.achtergrond { width: 300%; left: -100%; }
} .vouw_h {
height: 100%;
height: calc(100% - 80px);
height: -webkit-calc(100% - 80px);
height: -moz-calc(100% - 80px);
height: calc(100% - 80px);
min-height: 780px;
overflow: auto;
}
.vouw {
height: 360px;
overflow: auto;
}
.header {
margin: 40px 0px;
}
.hamburger {
width: 30px;
height: 26px;
padding: 27px 25px;
float: left;
margin-left: -80px;
z-index: 1;
position: relative;
}
@media screen and (min-width: 1280px) {
.h_logo {
width: 300px;
height: 80px;
float: left;
z-index: 2;
position: relative;
}
.h_logo img {
width: 160px;
margin: 0px 70px;
}
.h_menu {
float: right;
width: 100%;
width: calc(100% - 415px);	
width: -webkit-calc(100% - 415px);
width: -moz-calc(100% - 415px);
width: -o-calc(100% - 415px);
background-color: rgba(0, 0, 0, 0.2);
}
.h_contact p {
height: 80px;
width: 115px;
line-height: 80px;
text-align: center;
}
}
@media screen and (min-width: 1130px) and (max-width: 1280px) {
.h_logo {
width: 160px;
height: 80px;
float: left;
z-index: 2;
position: relative;
}
.h_logo img {
width: 125px;
margin: 9px 17px;
}
.h_menu {
float: right;
width: 100%;
width: calc(100% - 240px);	
width: -webkit-calc(100% - 240px);
width: -moz-calc(100% - 240px);
width: -o-calc(100% - 240px);
background-color: rgba(0, 0, 0, 0.2);
}
.h_contact p {
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
}
}
.ham_line1, .ham_line2, .ham_line3 {
width: 30px;
height: 5px;
}
.ham_line1, .ham_line2 { margin-bottom: 5px; }
.h_contact {
display: inline-block;
float: right;
transition: 0.2s ease 0s;
}
.h_contact:hover {
opacity: 0.8;
}
.h_menu ul {
list-style: none;
}
.h_menu ul li {
float: left;
height: 77px;
line-height: 80px;
margin: 0px 10px;
border-bottom: 3px solid rgba(255, 255, 255, 0);
transition: 0.2s ease 0s;
}
.h_menu ul li:hover {
border-bottom: 3px solid #FFF;
}
.h_menu ul li a {
height: 30px;
line-height: 30px;
padding: 25px 5px 22px 5px;
}
.h_menu ul li ul {
display: none;
position: absolute;
z-index: 99;
background-color: #EEE;
padding: 10px 0px;
}
.h_menu ul li:hover ul {
display: block;
}
.h_menu ul li ul li {
float: none;
padding: 5px 5px 10px 5px;
height: 20px;
line-height: 20px;
color: #000;
}
.h_menu ul li ul li:hover {
border-bottom: 3px solid #000;
}
.h_menu ul li ul li a {
color: #000;
padding: initial;
}
@media screen and (min-width: 900px) and (max-width: 1130px) {
.h_logo {
width: 300px;
height: 80px;
float: left;
z-index: 2;
position: relative;
}
.h_logo img {
width: 160px;
margin: 0px 70px;
}
.h_menu {
float: right;
background-color: #EEE;
z-index: 3;
position: absolute;
width: 100%;
width: calc(100% - 160px);
width: -webkit-calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: -o-calc(100% - 160px);
max-width: 1400px;
margin: auto;
margin-top: 80px;
padding-bottom: 20px;
display: block;
}
.h_menu ul li {
height: initial;
line-height: 50px;
border-bottom: none;
}
.h_menu ul li a {
color: #000 !important;
padding: 17px 30px 17px 5px;
}
.h_menu ul li:hover {
background-color: #CCC;
border-bottom: none;
}
.h_menu ul li ul {
display: block;
position: relative;
z-index: initial;
padding-top: 0;
padding-bottom: 20px;
}
.h_menu ul li ul li {
border-bottom: none;
border-left: 10px solid #eee;
margin: 0;
}
.h_menu ul li ul li:hover {
border-bottom: none;
border-left: 10px solid #070707;
margin: 0;
}
.h_contact p {
height: 80px;
width: 115px;
line-height: 80px;
text-align: center;
}
.hamburger {
margin-left: 0;
}
.h_menu ul li {
float: none;
}
.vouw {
height: 360px;
overflow: auto;
}
}
@media screen and (max-width: 900px) and (min-width: 600px) { 
.h_logo {
width: 160px;
height: 80px;
float: left;
z-index: 2;
position: relative;
}
.h_logo img {
width: 125px;
margin: 9px 17px;
}
.h_menu {
float: right;
background-color: #EEE;
z-index: 3;
position: absolute;
width: 100%;
width: calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: -o-calc(100% - 80px);
max-width: 1400px;
margin: auto;
margin-top: 80px;
padding-bottom: 20px;
display: block;
}
.h_menu ul li {
height: initial;
line-height: 50px;
border-bottom: none;
}
.h_menu ul li a {
color: #000 !important;
padding: 17px 30px 17px 5px;
}
.h_menu ul li:hover {
background-color: #CCC;
border-bottom: none;
}
.h_menu ul li ul {
display: block;
position: relative;
z-index: initial;
padding-top: 0;
padding-bottom: 20px;
}
.h_menu ul li ul li {
border-bottom: none;
border-left: 10px solid #eee;
margin: 0;
}
.h_menu ul li ul li:hover {
border-bottom: none;
border-left: 10px solid #070707;
margin: 0;
}
.h_contact p {
height: 80px;
width: 115px;
line-height: 80px;
text-align: center;
}
.hamburger {
margin-left: 0;
}
.h_menu ul li {
float: none;
}
.vouw {
height: 360px;
overflow: auto;
}
}
@media screen and (max-width: 600px) { 
.h_logo {
width: 160px;
height: 80px;
float: left;
z-index: 2;
position: relative;
}
.h_logo img {
width: 125px;
margin: 9px 17px;
}
.h_menu {
float: right;
background-color: #EEE;
z-index: 3;
position: absolute;
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
max-width: 1400px;
margin: auto;
margin-top: 80px;
padding-bottom: 20px;
display: block;
}
.h_menu ul li {
height: initial;
line-height: 50px;
border-bottom: none;
}
.h_menu ul li a {
color: #000 !important;
padding: 17px 30px 17px 5px;
}
.h_menu ul li:hover {
background-color: #CCC;
border-bottom: none;
}
.h_menu ul li ul {
display: block;
position: relative;
z-index: initial;
padding-top: 0;
padding-bottom: 20px;
}
.h_menu ul li ul li {
border-bottom: none;
border-left: 10px solid #eee;
margin: 0;
}
.h_menu ul li ul li:hover {
border-bottom: none;
border-left: 10px solid #070707;
margin: 0;
}
.h_contact {
width: 100%;
width: calc(100% - 240px);
width: -webkit-calc(100% - 240px);
width: -moz-calc(100% - 240px);
width: -o-calc(100% - 240px);
}
.h_contact p {
height: 80px;
width: 100%;
line-height: 80px;
text-align: center;
font-size: 12px;
}
.hamburger {
margin-left: 0;
}
.h_menu ul li {
float: none;
}
.vouw {
height: 360px;
overflow: auto;
}
} .v_mid {
height: 100%;
height: calc(100% - 450px);
height: -webkit-calc(100% - 450px);
height: -moz-calc(100% - 450px);
height: -o-calc(100% - 450px);
min-height: 280px;
position: absolute;
margin-top: 80px;
}
@media screen and (min-width: 750px) {
.v_mid_center {
width: 100%;
height: 33%;
position: relative;
margin-bottom: -4.5%;
}
.v_mid_content {
top: 50%;
clear: both;
float: left;
width: 30%;
margin-top: 70px;
}
.v_mid_video {
width: 60%;
margin-left: 10%;
float: left;
}
.v_mid_video iframe {
width: 100%;
height: 350px;
}
}
@media screen and (max-width: 750px) {
.v_mid_center {
width: 100%;
height: 60px;
position: relative;
margin-bottom: -4.5%;
}
.v_mid_content {
top: 50%;
clear: both;
float: none;
width: 100%;
margin-bottom: 30px;
}
.v_mid_video {
width: 100%;
float: none;
}
.v_mid_video iframe {
width: 100%;
height: 200px;
}
}
.v_mid_content h1 {
padding: 20px;
background-color: #fff;
display: inline-block;
font-size: 40px;
clear: right;
}
.v_mid_content .button {
margin-top: 50px;
} @media screen and (max-width: 1130px) {
.display_none {
display: none !important;
}
}.block_achter {
min-height: 180px;
background-color: #CCC;
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 100px 20px 20px 20px;
margin-bottom: 20px;
background-size: cover;
text-shadow: 0px 0px 20px #000;
}
.a_blokken p,
.a_blokken h4 {
color: #FFF;
}
.a_blokken .button {
margin-top: 20px;
}
.a_blokken .button p {
color: #707070;
text-shadow: none;
} .nieuws {
padding-bottom: 40px;
}
.nieuws .button {
margin-top: 20px;
}
.n_foto {
height: 100px;
width: 100%;
background-color: #CCC;
background-size: cover;
}
.nieuws_padding {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 20px;
background-color: #EEE;
min-height: 250px;
}
.catagorie1 {
display: inline-block;
}
.catagorie1 p, .catagorie2 p {
font-size: 14px;
height: 25px;
line-height: 25px;
padding: 0px 20px;
}
.catagorie2 p {
padding-top: 58px;
}
.catagorie2 {
margin-bottom: -20px;
background-color: #EEE;
}
.schuin {
width: 17px;
height: 17px;
margin-left: 15px;
overflow: hidden;
margin-bottom: 20px;
}
.schuin_in {
width: 40px;
height: 20px;
transform: rotate(-45deg);
margin-top: -10px;
margin-left: -20px;
}
.n_text h3 {
margin-bottom: 10px;
}.schijding {
margin: 40px 20px;
height: 2px;
padding: 0;
}
.titel {
margin: 20px 0px 40px 0px;
}
.sidebar_in {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 20px;
margin-bottom: 20px;
}
.nieuwsbrief {
width: 100%;
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -o-calc(100% - 40px);
padding: 20px;
background-color: #444;
}
.nieuwsbrief_in h2 {
color: #FFF;
font-size: 24px;
margin-bottom: 15px;
}
.nieuwsbrief_in form {
display: inline-block;
}
.nieuwsbrief_in input[type='email'] {
width: 100%;
width: calc(100% - 75px);
width: -webkit-calc(100% - 75px);
width: -moz-calc(100% - 75px);
width: -o-calc(100% - 75px);
height: 35px;
line-height: 35px;
padding: 0px 20px;
font-size: 14px;
float: left;
border: none;
}
.nieuwsbrief_in input[type='submit'] {
width: 35px;
height: 35px;
background-color: #EEE;
border: none;
float: left;
text-indent: -99999px;
}
.page .tekst p,
.page .tekst span,
.page .tekst h1,
.page .tekst h2,
.page .tekst h3,
.page .tekst h4,
.page .tekst h5,
.page .tekst h6,
.page .tekst ul,
.page .tekst ol,
.page .tekst br {
margin-bottom: 10px;
}
.page .tekst .button {
margin-top: 10px;
}
.page .tekst ul,
.page .tekst ol {
margin-left: 20px;
}
.page .tekst ul {
list-style: circle;
}
.alignright {
float: right;
margin-left: 20px;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignnone {
float: none;
margin: 0px auto;
}
.sidebar_in div {
margin-bottom: 20px;
}
.sidebar_in h2 {
margin-bottom: 10px;
}
.sidebar_in th {
padding: 0px 5px 0px 0px;
}
.sidebar_in td {
padding: 5px 0px;
}
.sidebar_in ul {
border-top: solid #CCC 2px;
}
.sidebar_in ul li {
padding: 10px 0px;
border-bottom: solid #CCC 2px;
display: inline-block;
}
.sidebar_in ul li a {
margin-bottom: 5px;
width: 100%;
float: left;
}
.sidebar_in ul li span {
opacity: 0.8;
width: 100%;
float: left;
}.footer_margin {
min-height: 200px;
padding: 0px 0px 40px 0px;
display: inline-block;
}
.footer h3 {
font-size: 24px;
}
.f_links, .f_rechts {
float: left;
}
.f_nieuwsbrief {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 2px solid #626262;
}
.fn_titel {
margin-bottom: 15px;
}
.f_nieuwsbrief input[type='email'] {
max-width: 300px;
width: 100%;
width: calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -o-calc(100% - 110px);
height: 50px;
border: none;
background-color: #626262;
color: #fff;
line-height: 50px;
padding: 0px 30px;
float: left;
}
.f_nieuwsbrief input[type='email']::placeholder {
color: #CCC;
}
.f_nieuwsbrief input[type='submit'] {
width: 50px;
height: 50px;
border: none;
background-color: #AAA;
color: #fff;
line-height: 50px;
text-indent: -99999px;
background-image: url(//zwembaddoesburg.nl/wp-content/themes/wp-zwembad/parts/pijltjefooter.png);
transition: 0.2s ease 0s;
cursor: pointer;
}
.f_nieuwsbrief input[type='submit']:hover {
opacity: 0.5;
}
.f_menu h3,
.f_mapall h3 {
margin-bottom: 10px;
}
.f_menu ul {
list-style: none;
margin-bottom: 20px;
}
.f_menu ul li {
list-style: none;
line-height: 24px;
transition: 0.2s ease 0s;
}
.f_menu ul li:hover {
opacity: 0.5
}
.f_map iframe {
width: 100%;
height: 330px;
}
.footer_copy {
margin-top: 20px;
}
.footer_copy p,
.footer_copy a {
font-size: 14px;
color: #6f6f6f !important;
transition: 0.2s ease 0s;
}
.footer_copy a:hover {
color: #fff !important;
}