/* - - screens.css - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - kleuren  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - resets en defaults - - - - - - - - - - - - - - - - - - - - - - - - */
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 {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  vertical-align: baseline;
  font-size: 100%;
  background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section, img {
  display: block;
}

nav ul {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 100%;
  background: transparent;
}

a:hover, a:active {
  outline: none;
}

ins {
  color: rgb(0, 0, 0);
  text-decoration: none;
  background-color: rgb(255, 255, 153);
}

mark {
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-style: italic;
  background-color: rgb(255, 255, 153);
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted rgb(0, 0, 0);
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid rgb(237, 237, 237);
}

input, select {
  vertical-align: middle;
}

/* align checkboxes, radios, text inputs with their label */
input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button {
  cursor: pointer;
}

/* - - Guardian Egyptian  - - - - - - - - - - - - - - - - - - - - - - - - */
@font-face {
  font-family: "GuardianEgyp-Black-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-Black-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-Black-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-Black-Web.svg#GuardianEgyp-Black-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-Black-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-Black-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-Black-Web";
    src: url(../fonts/guardian/GuardianEgyp-Black-Web.svg#GuardianEgyp-Black-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianEgyp-Bold-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-Bold-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-Bold-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-Bold-Web.svg#GuardianEgyp-Bold-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-Bold-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-Bold-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-Bold-Web";
    src: url(../fonts/guardian/GuardianEgyp-Bold-Web.svg#GuardianEgyp-Bold-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianEgyp-Semibold-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-Semibold-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-Semibold-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-Semibold-Web.svg#GuardianEgyp-Semibold-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-Semibold-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-Semibold-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-Semibold-Web";
    src: url(../fonts/guardian/GuardianEgyp-Semibold-Web.svg#GuardianEgyp-Semibold-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianEgyp-Medium-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-Medium-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-Medium-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-Medium-Web.svg#GuardianEgyp-Medium-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-Medium-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-Medium-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-Medium-Web";
    src: url(../fonts/guardian/GuardianEgyp-Medium-Web.svg#GuardianEgyp-Medium-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianEgyp-Regular-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-Regular-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-Regular-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-Regular-Web.svg#GuardianEgyp-Regular-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-Regular-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-Regular-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-Regular-Web";
    src: url(../fonts/guardian/GuardianEgyp-Regular-Web.svg#GuardianEgyp-Regular-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianEgyp-Light-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-Light-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-Light-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-Light-Web.svg#GuardianEgyp-Light-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-Light-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-Light-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-Light-Web";
    src: url(../fonts/guardian/GuardianEgyp-Light-Web.svg#GuardianEgyp-Light-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianEgyp-Thin-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-Thin-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-Thin-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-Thin-Web.svg#GuardianEgyp-Thin-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-Thin-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-Thin-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-Thin-Web";
    src: url(../fonts/guardian/GuardianEgyp-Thin-Web.svg#GuardianEgyp-Thin-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianEgyp-Hairline-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-Hairline-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-Hairline-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-Hairline-Web.svg#GuardianEgyp-Hairline-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-Hairline-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-Hairline-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-Hairline-Web";
    src: url(../fonts/guardian/GuardianEgyp-Hairline-Web.svg#GuardianEgyp-Hairline-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianEgyp-SemiboldIt-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianEgyp-SemiboldIt-Web.eot);
  src: url(../fonts/guardian/GuardianEgyp-SemiboldIt-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianEgyp-SemiboldIt-Web.svg#GuardianEgyp-SemiboldIt-Web) format("svg"), url(../fonts/guardian/GuardianEgyp-SemiboldIt-Web.woff) format("woff"), url(../fonts/guardian/GuardianEgyp-SemiboldIt-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianEgyp-SemiboldIt-Web";
    src: url(../fonts/guardian/GuardianEgyp-SemiboldIt-Web.svg#GuardianEgyp-SemiboldIt-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianTextEgyp-Black-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianTextEgyp-Black-Web.eot);
  src: url(../fonts/guardian/GuardianTextEgyp-Black-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianTextEgyp-Black-Web.svg#GuardianTextEgyp-Black-Web) format("svg"), url(../fonts/guardian/GuardianTextEgyp-Black-Web.woff) format("woff"), url(../fonts/guardian/GuardianTextEgyp-Black-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianTextEgyp-Black-Web";
    src: url(../fonts/guardian/GuardianTextEgyp-Black-Web.svg#GuardianTextEgyp-Black-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianTextEgyp-Bold-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianTextEgyp-Bold-Web.eot);
  src: url(../fonts/guardian/GuardianTextEgyp-Bold-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianTextEgyp-Bold-Web.svg#GuardianTextEgyp-Bold-Web) format("svg"), url(../fonts/guardian/GuardianTextEgyp-Bold-Web.woff) format("woff"), url(../fonts/guardian/GuardianTextEgyp-Bold-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianTextEgyp-Bold-Web";
    src: url(../fonts/guardian/GuardianTextEgyp-Bold-Web.svg#GuardianTextEgyp-Bold-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianTextEgyp-Medium-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianTextEgyp-Medium-Web.eot);
  src: url(../fonts/guardian/GuardianTextEgyp-Medium-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianTextEgyp-Medium-Web.svg#GuardianTextEgyp-Medium-Web) format("svg"), url(../fonts/guardian/GuardianTextEgyp-Medium-Web.woff) format("woff"), url(../fonts/guardian/GuardianTextEgyp-Medium-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianTextEgyp-Medium-Web";
    src: url(../fonts/guardian/GuardianTextEgyp-Medium-Web.svg#GuardianTextEgyp-Medium-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianTextEgyp-Regular-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianTextEgyp-Regular-Web.eot);
  src: url(../fonts/guardian/GuardianTextEgyp-Regular-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianTextEgyp-Regular-Web.svg#GuardianTextEgyp-Regular-Web) format("svg"), url(../fonts/guardian/GuardianTextEgyp-Regular-Web.woff) format("woff"), url(../fonts/guardian/GuardianTextEgyp-Regular-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianTextEgyp-Regular-Web";
    src: url(../fonts/guardian/GuardianTextEgyp-Regular-Web.svg#GuardianTextEgyp-Regular-Web) format("svg");
  }
}
@font-face {
  font-family: "GuardianTextEgyp-RegularIt-Web";
  font-stretch: normal;
  src: url(../fonts/guardian/GuardianTextEgyp-RegularIt-Web.eot);
  src: url(../fonts/guardian/GuardianTextEgyp-RegularIt-Web.eot#iefix) format("embedded-opentype"), url(../fonts/guardian/GuardianTextEgyp-RegularIt-Web.svg#GuardianTextEgyp-RegularIt-Web) format("svg"), url(../fonts/guardian/GuardianTextEgyp-RegularIt-Web.woff) format("woff"), url(../fonts/guardian/GuardianTextEgyp-RegularIt-Web.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "GuardianTextEgyp-RegularIt-Web";
    src: url(../fonts/guardian/GuardianTextEgyp-RegularIt-Web.svg#GuardianTextEgyp-RegularIt-Web) format("svg");
  }
}
/* - - LFT Etica  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@font-face {
  font-family: "LFT_Etica_Extrabold";
  font-stretch: normal;
  src: url(../fonts/etica/LFT_Etica_Extrabold.eot);
  src: url(../fonts/etica/LFT_Etica_Extrabold.eot#iefix) format("embedded-opentype"), url(../fonts/etica/LFT_Etica_Extrabold.svg#LFT_Etica_Extrabold) format("svg"), url(../fonts/etica/LFT_Etica_Extrabold.woff) format("woff"), url(../fonts/etica/LFT_Etica_Extrabold.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "LFT_Etica_Extrabold";
    src: url(../fonts/etica/LFT_Etica_Extrabold.svg#LFT_Etica_Extrabold) format("svg");
  }
}
@font-face {
  font-family: "LFT_Etica_Bold";
  font-stretch: normal;
  src: url(../fonts/etica/LFT_Etica_Bold.eot);
  src: url(../fonts/etica/LFT_Etica_Bold.eot#iefix) format("embedded-opentype"), url(../fonts/etica/LFT_Etica_Bold.svg#LFT_Etica_Bold) format("svg"), url(../fonts/etica/LFT_Etica_Bold.woff) format("woff"), url(../fonts/etica/LFT_Etica_Bold.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "LFT_Etica_Bold";
    src: url(../fonts/etica/LFT_Etica_Bold.svg#LFT_Etica_Bold) format("svg");
  }
}
@font-face {
  font-family: "LFT_Etica_Semibold";
  font-stretch: normal;
  src: url(../fonts/etica/LFT_Etica_Semibold.eot);
  src: url(../fonts/etica/LFT_Etica_Semibold.eot#iefix) format("embedded-opentype"), url(../fonts/etica/LFT_Etica_Semibold.svg#LFT_Etica_Semibold) format("svg"), url(../fonts/etica/LFT_Etica_Semibold.woff) format("woff"), url(../fonts/etica/LFT_Etica_Semibold.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "LFT_Etica_Semibold";
    src: url(../fonts/etica/LFT_Etica_Semibold.svg#LFT_Etica_Semibold) format("svg");
  }
}
@font-face {
  font-family: "LFT_Etica_Reg";
  font-stretch: normal;
  src: url(../fonts/etica/LFT_Etica_Reg.eot);
  src: url(../fonts/etica/LFT_Etica_Reg.eot#iefix) format("embedded-opentype"), url(../fonts/etica/LFT_Etica_Reg.svg#LFT_Etica_Reg) format("svg"), url(../fonts/etica/LFT_Etica_Reg.woff) format("woff"), url(../fonts/etica/LFT_Etica_Reg.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "LFT_Etica_Reg";
    src: url(../fonts/etica/LFT_Etica_Reg.svg#LFT_Etica_Reg) format("svg");
  }
}
@font-face {
  font-family: "LFT_Etica_Book";
  font-stretch: normal;
  src: url(../fonts/etica/LFT_Etica_Book.eot);
  src: url(../fonts/etica/LFT_Etica_Book.eot#iefix) format("embedded-opentype"), url(../fonts/etica/LFT_Etica_Book.svg#LFT_Etica_Book) format("svg"), url(../fonts/etica/LFT_Etica_Book.woff) format("woff"), url(../fonts/etica/LFT_Etica_Book.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "LFT_Etica_Book";
    src: url(../fonts/etica/LFT_Etica_Book.svg#LFT_Etica_Book) format("svg");
  }
}
@font-face {
  font-family: "LFT_Etica_Light";
  font-stretch: normal;
  src: url(../fonts/etica/LFT_Etica_Light.eot);
  src: url(../fonts/etica/LFT_Etica_Light.eot#iefix) format("embedded-opentype"), url(../fonts/etica/LFT_Etica_Light.svg#LFT_Etica_Light) format("svg"), url(../fonts/etica/LFT_Etica_Light.woff) format("woff"), url(../fonts/etica/LFT_Etica_Light.ttf) format("truetype");
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "LFT_Etica_Light";
    src: url(../fonts/etica/LFT_Etica_Light.svg#LFT_Etica_Light) format("svg");
  }
}
/* - - typografie - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
@mixin font-serif-medium($multiplier: 1) {
	font-family: $font-serif;
	font-size: (18px * $multiplier);
	line-height: (29px * $multiplier); }

@mixin font-serif-large($multiplier: 1) {
	font-family: $font-serif;
	font-size: (24px * $multiplier);
	line-height: (31px * $multiplier); }

@mixin font-serif-extralarge($multiplier: 1) {
	font-family: $font-serif;
	font-size: (24px * $multiplier);
	line-height: (31px * $multiplier); }

@mixin font-serif-extralarge($multiplier: 1) {
	font-family: $font-serif;
	font-size: (42px * $multiplier);
	line-height: (48px * $multiplier); }
*/
/*
@mixin font-sans-medium($multiplier: 1) {
	font-family: $font-sans;
	font-size: (21px * $multiplier);
	line-height: (23px * $multiplier); }

@mixin font-sans-large($multiplier: 1) {
	font-family: $font-sans;
	font-size: (27px * $multiplier);
	line-height: (30px * $multiplier); }

@mixin font-sans-extralarge($multiplier: 1) {
	font-family: $font-sans;
	font-size: (32px * $multiplier);
	line-height: (36px * $multiplier); }

@mixin font-headline-extrasmall($multiplier: 1) {
	font-family: $font-headline;
	font-size: (15px * $multiplier);
	line-height: (16.5px * $multiplier); }
*/
/* .woff fontjes mooier renderen in Firefox */
[data-ua*=Firefox] .meter,
[data-ua*=Firefox] .bericht,
[data-ua*=Firefox] .bericht h2,
[data-ua*=Firefox] .alphabeta p,
[data-ua*=Firefox] .dageraad h1,
[data-ua*=Firefox] .dageraad h3,
[data-ua*=Firefox] .timeline .rubriek,
[data-ua*=Firefox] .timeline h2,
[data-ua*=Firefox] .dit-is-wat-je-moet-weten h2,
[data-ua*=Firefox] .dit-is-wat-je-moet-weten-over-afgelopen-week h2,
[data-ua*=Firefox] .dit-is-wat-je-moet-weten-over-deze-week h2,
[data-ua*=Firefox] .dit-is-wat-je-moet-weten-over-volgende-week h2,
[data-ua*=Firefox] .artikel article h1,
[data-ua*=Firefox] .artikel article h3,
[data-ua*=Firefox] .artikel article h2,
[data-ua*=Firefox] .artikel article h4,
[data-ua*=Firefox] .artikel article .byline,
[data-ua*=Firefox] .artikel article .byline p .naam,
[data-ua*=Firefox] .artikel article .bijschrift,
[data-ua*=Firefox] .artikel blockquote.tweet div .name,
[data-ua*=Firefox] .artikel blockquote.tweet div .username,
[data-ua*=Firefox] .artikel blockquote.tweet div .status,
[data-ua*=Firefox] .leeslijst li h5,
[data-ua*=Firefox] .leeslijst ul.links li,
[data-ua*=Firefox] .leeslijst a.nogmeer,
[data-ua*=Firefox] .snap-drawer li > a,
[data-ua*=Firefox] .snap-drawer footer,
[data-ua*=Firefox] #vindmachine input,
[data-ua*=Firefox] .bericht.business_partner h3,
[data-ua*=Firefox] header .partner,
[data-ua*=Firefox] .banner.ankeiler,
[data-ua*=Firefox] .banner.ankeiler h3 {
  transform: rotate(0.01deg);
}

/* en ook een paar specifieke dingetjes mooier maken in IE */
[data-ua*=Trident] .timeline h2,
[data-ua*=Trident] .artikel article .byline p .naam {
  transform: rotate(0.01deg);
}

body {
  -webkit-text-size-adjust: none;
}

/* nooit font-weight:bold toepassen op webfonts */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

body {
  font-family: "GuardianTextEgyp-Regular-Web", Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 23px;
}

main {
  display: block;
  position: relative;
  max-width: 272px;
  margin: 0 auto;
  padding: 0 24px 80px;
}
@media (min-width: 600px) {
  main {
    max-width: 320px;
  }
}

.cover main {
  max-width: 320px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 600px) {
  .cover main {
    max-width: 680px;
  }
}
.cover main header {
  max-width: 320px;
}

h1 {
  margin: 0 0 14px;
  font-family: "GuardianEgyp-Medium-Web", Georgia, "Times New Roman", serif;
  font-size: 21px;
  line-height: 25.2px;
}
@media (min-width: 600px) {
  h1 {
    font-family: "GuardianEgyp-Medium-Web", Georgia, "Times New Roman", serif;
    font-size: 21px;
    line-height: 25.2px;
    margin: 0 0 18px;
  }
}

h2 {
  margin: 21px 0 12px;
  font-family: "GuardianEgyp-Medium-Web", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 20px;
}
@media (min-width: 600px) {
  h2 {
    margin: 28px 0 12px;
  }
}
h2 a {
  display: inline-block;
  margin-left: 6px;
  font-family: "GuardianTextEgyp-Regular-Web", Georgia, "Times New Roman", serif;
  font-size: 13px;
  line-height: 23px;
  color: rgb(0, 0, 204);
  text-decoration: none;
}
h2 a:hover {
  color: rgb(51, 51, 255);
}
h2 a:active {
  color: rgb(211, 9, 16);
}

header h2 {
  margin: 21px 0 6px;
  font-family: "LFT_Etica_Book", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 15px;
  line-height: 17px;
}

h2 + ul {
  margin-top: 0;
}

div {
  margin: 24px 0;
}

.detail {
  font-family: "LFT_Etica_Book", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

header + div {
  margin: 3px 0 24px;
}

.aanwijzingen img {
  width: 120px;
  margin: 0 auto 24px;
}

ul {
  list-style: none;
}

ol {
  margin-left: 20px;
}

footer {
  padding: 0 24px;
}
@media (min-width: 600px) {
  footer {
    position: relative;
    width: 320px;
    margin: 0 auto;
    padding: 0;
  }
}

body.onderwater {
  background: rgb(220, 220, 220);
}
body.onderwater .logo {
  display: none;
}
body.google {
  background: rgb(246.4772727273, 151.3068181818, 138.5227272727);
}

nav {
  display: block;
  width: 306px;
  margin: 12px auto 72px;
  color: rgb(153, 153, 153);
}
nav a {
  font-family: "LFT_Etica_Book", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 15px;
  line-height: 17px;
  color: rgb(0, 0, 0);
  text-decoration: none;
}

@media (min-width: 600px) {
  main {
    width: 306px;
  }
}
main header {
  width: 272px;
}
@media (min-width: 600px) {
  main header {
    width: 320px;
  }
}

.button {
  display: block;
  margin: 12px 0;
  height: 44px;
  padding: 0;
  width: 272px;
  border: none;
  color: rgb(255, 255, 255);
  background: rgb(127, 127, 127);
  font-family: "LFT_Etica_Semibold";
  font-size: 100%;
  text-decoration: none;
  text-align: center;
  line-height: 46px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
}
.button.ja {
  background: green;
}
.button.nee {
  background: red;
}
.button.google {
  background: #ffffff;
  color: black;
}
.button + .button {
  margin: 6px 0;
}

/*# sourceMappingURL=hulpscherm.css.map */