@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

@font-face {
    font-family: 'Anivers';
    src: url('../../fonts/2478BB_0_0.eot');
    src: url('../../fonts/2478BB_0_0.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/2478BB_0_0.woff') format('woff'),
         url('../../fonts/2478BB_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Anivers';
    src: url('../../fonts/24A899_0_0.eot');
    src: url('../../fonts/24A899_0_0.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/24A899_0_0.woff') format('woff'),
         url('../../fonts/24A899_0_0.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html{ font-size: 62.5%; }

body{ font: normal 1.8rem/1.5 'Open Sans', sans-serif; color: #333333; }

h1, h2, h3{ font: normal 1.8rem/1.2 Anivers, Arial, Helvetica, sans-serif; font-weight: normal; line-height: inherit; margin: 0em 0 0.5em; }
h1{ font-size: 4.2rem; }
h2{ font-size: 3.6rem; }
h3{ font-size: 3.2rem; }
h4, h5, h6{ font-weight: bold; line-height: inherit; margin: 2em 0 0.2em; }
h4{ font-size: 2.8rem; }
h5, h6{ font-size: 2.4rem; }

h1:last-child, h2:last-child{ margin-bottom: 0; }

p, ul, ol, table{ margin: 0 0 1.2em; }

a{ color: #FF0000; text-decoration: underline; }
a:hover,
a:focus{ color: #fff; background-color: #FF0000; text-decoration: none; outline: none; }
a, a:before, a:after{ transition: all 0.25s; }

li{ line-height: inherit; }
ul, ol{ list-style: disc; padding: 0 0 0 1.2em; }
ol{ list-style: decimal; }
ul.alt-hover{}
ul.alt-hover li a{ color: inherit; text-decoration: none; }
ul.alt-hover li a:hover{ color: #ff0000; text-decoration: underline; background: none; }

ul.check{ list-style-type: none; padding: 0 0 0 1.5em; }
ul.check li{ position: relative; }
ul.check li:before{ content: '\f00c'; font-family: fontAwesome; position: absolute; left: -1.5em; }

table{}
td{}

blockquote{ margin: 2em 0; padding: 0; border: none; line-height: 1.2; font-size: 3.2rem; }
blockquote p{ display: inline; margin: 0; font: inherit;  }
blockquote p::before{ content: "\201C"; }
blockquote p::after{ content: "\201D"; }

hr{ border: 1px solid #FF0000; margin: 3em 0; }

img[style*="float: left"], img[style*="float:left"]{ margin-right: 2em; }
img[style*="float: right"], img[style*="float:right"]{ margin-left: 2em; }

.highlight{ color: #FF0000; }
p.intro{ font-size: 2.9rem; }
blockquote{ font-family: Anivers, Arial, Helvetica, sans-serif; }
blockquote.blok{ padding: 1em; font-size: 2.4rem; background: #F7F7F7; text-align: center; }
blockquote.blok p{ display: block; }
blockquote.blok p::before,
blockquote.blok p::after{ display: none; }
p.quote-kop{ font-size: 1.1em; margin-bottom: 1.5rem; color: #ff0000; }
p.quote-klein{ font-size: 0.7em; margin-top: 2rem; }
h1.geen-marge{ margin: 0; }

a[class*="button"]{ font-family: Anivers, Arial, Helvetica, sans-serif; position: relative; display: inline-block; padding: 0.2rem 2.5rem 0.2rem 1rem; min-width: 15rem; box-sizing: border-box; background: #ABABAB; color: inherit; text-decoration: none; font-size: 2rem; line-height: 2.6rem; }
a[class*="button"]:after{ position: absolute; right: 1rem; top: 50%; transform: translate(0, -50%); content: "\f054"; font-family: 'FontAwesome'; font-size: 1.2rem; }
a[class*="button"]:hover,
a[class*="button"]:focus{ background: #FF0000; color: #fff; }
a[class*="button"]:hover:after,
a[class*="button"]:focus:after{ color: #fff; transform: translate(0.6rem, -50%);}
a.button{}
a.button-rood{}
a.button-large,
a.button-rood-large{ font-size: 3.5rem; padding: 1.5rem 5rem 1.5rem 2rem; line-height: 1em; min-width: 2rem; }
a.button-middel,
a.button-rood-middel,
a.button-groen-middel{ padding: 1rem 2.5rem 1rem 2rem; }
a.button-large:after,
a.button-rood-large:after{ font-size: 2.4rem; }
a[class*="button-rood"]{ background: #ff0000; color: #fff; }
a[class*="button-groen"]{ background: #009900; }
a[class*="button-rood"]:hover,
a[class*="button-rood"]:focus{ background: #333; }



h1.banner-header-kleiner{ font-size: 2rem; }