/*
  Hello, thanks for taking a look at my source code. Feel free to look and learn,
  but please respect that everything here is trademarked 2013 by Vidal van Bergen.
*/
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

[hidden] {
  display: none; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

img {
  border: 0; }

figure {
  margin: 0; }

[contenteditable]:hover {
  outline: 1px dotted #b3b3b3; }
[contenteditable]:focus {
  outline: 1px solid #b3b3b3; }

/* ===== Inputs general ======================================================= */
button, input, select, textarea, option, optgroup {
  margin-bottom: 0.55em; }

button, input {
  line-height: normal; }

button, input[type='button'], input[type='reset'], input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  -ms-appearance: button;
  -o-appearance: button;
  appearance: button; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  border: 1px solid #c1c0c3;
  height: 160px;
  overflow: auto;
  padding: 4px;
  resize: vertical;
  vertical-align: top;
  width: 360px; }
  textarea:invalid {
    background: #ffdbdb; }

/* ===== Input ================================================================ */
input[type='text'], input[type='password'], input[type='search'], input[type='email'], input[type='url'], input[type='tel'], input[type='number'], input[type='color'], input[type='keygen'], input[type='date'], input[type='month'], input[type='week'], input[type='time'], input[type='datetime'], input[type='datetime-local'] {
  border: 1px solid #c1c0c3;
  padding: 2px 4px;
  width: 200px; }
  input[type='text']:focus, input[type='password']:focus, input[type='search']:focus, input[type='email']:focus, input[type='url']:focus, input[type='tel']:focus, input[type='number']:focus, input[type='color']:focus, input[type='keygen']:focus, input[type='date']:focus, input[type='month']:focus, input[type='week']:focus, input[type='time']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus {
    background-color: #ffffe5; }
input[type='file'] {
  padding: 2px 1px;
  width: 200px; }
input[type='range'] {
  width: 210px; }
  input[type='range'].vertical {
    -webkit-appearance: slider-vertical;
    -moz-appearance: slider-vertical;
    -ms-appearance: slider-vertical;
    -o-appearance: slider-vertical;
    appearance: slider-vertical; }
input.large {
  width: 360px; }
input.small {
  width: 75px; }
input:invalid {
  background: #ffdbdb; }
input:disabled {
  background: #e6e6e6;
  color: gray; }

/* ===== Select =============================================================== */
select {
  min-width: 210px; }
  select.large {
    min-width: 370px; }
  select.small {
    min-width: 85px; }
  select option {
    margin: 0; }
  select[size], select[multiple] {
    background-color: white;
    min-height: 100px;
    resize: both; }
    select[size] > option:nth-child(even), select[multiple] > option:nth-child(even) {
      background: #ecf2fe; }

input[type='search'] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 200px; }
  input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none; }

input[type='image'],
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  background: transparent;
  border: none; }

input[type='radio'], input[type='checkbox'] {
  margin: 0 0.25em 3px 1px; }

button, .button,
input[type='button'],
input[type='submit'],
input[type='reset'],
input[type="file"]::-webkit-file-upload-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  -ms-appearance: button;
  -o-appearance: button;
  appearance: button;
  line-height: 19px;
  margin-bottom: 0.55em;
  margin-right: 0.55em;
  padding: 0.1em 1em; }

.button {
  color: #333333;
  display: inline-block; }
  .button:hover {
    color: #333333;
    text-decoration: none; }

frame, iframe, frameset {
  border: 0; }

*:focus {
  outline: auto 5px #ffaa00; }

table.fancify {
  border: 1px solid #cccccc; }
  table.fancify.alternating-columns tbody tr td:nth-child(even) {
    background: #ecf2fe; }
  table.fancify.alternating-columns tbody tr td:nth-child(odd) {
    background: white; }
  table.fancify.alternating-rows tbody tr:nth-child(even) td {
    background: #ecf2fe; }
  table.fancify.alternating-rows tbody tr:nth-child(odd) td {
    background: white; }
  table.fancify thead td, table.fancify tfoot td, table.fancify th {
    border-top: 1px solid #cccccc;
    background-image: -webkit-linear-gradient( #ededed, #cccccc);
    background-image: linear-gradient( #ededed, #cccccc);
    box-shadow: inset 0 1px 0 white;
    background-color: #d9d9d9;
    color: #111111;
    text-shadow: 0 1px 0 white; }
  table.fancify thead th {
    text-align: center; }

/* ==!== Base styles ========================= */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lt-ie8 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  behavior: url("assets/htc/boxsizing.htc"); }

html {
  color: #333333;
  font-family: "Lucida Grande", Lucida, Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  overflow-y: scroll; }

body {
  margin: 0 auto;
  width: 90%;
  max-width: 100%; }

::selection {
  background: #ababab;
  color: white;
  text-shadow: none !important; }

img::selection {
  background: transparent; }

::-moz-selection {
  background: #ababab;
  color: white;
  text-shadow: none !important; }

img::-moz-selection {
  background: transparent; }

img {
  max-width: 100%; }

a {
  -webkit-tap-highlight-color: #8855aa;
  color: #3366cc;
  text-decoration: none; }
  a:focus {
    outline: thin dotted; }
  a:hover {
    color: #cc3333; }
  a:active {
    color: red; }
  a:hover, a:active {
    outline: 0; }

h1, h2 {
  font-weight: normal;
  line-height: 1.2em; }

h3, h4, h5, h6 {
  font-weight: bold; }

h1 {
  letter-spacing: -1px; }

h1 {
  font-size: 2.00em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.50em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1.00em 0; }

h4 {
  font-size: 1.00em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

p {
  hyphenate-character: "\2010";
  hyphenate-lines: 3;
  hyphenate: auto;
  margin-bottom: 1.5em;
  margin-top: 0;
  word-spacing: 0.125em; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

/* ============================================================================ */
/* ===== Primary Page styles by Vidal van Bergen ============================== */
/* ============================================================================ */
/* =========================================== */
/* ===== Layout ============================== */
/* =========================================== */
body > header {
  padding: 10px 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: black;
  background: -webkit-linear-gradient( #4d4d4d, black);
  background: linear-gradient( #4d4d4d, black);
  color: white;
  border-top: 0 none;
  margin-bottom: 1em; }
  body > header span {
    float: right;
    font-size: .85em; }

main {
  overflow: hidden; }
  main nav {
    float: right;
    margin-left: 1em;
    min-width: 25%; }
    main nav em {
      display: block;
      font-size: .85em; }
    main nav ul {
      list-style: none;
      padding: 0;
      margin: 0;
      overflow: hidden; }
    main nav li {
      padding: .5em;
      margin-bottom: 1em;
      border: 1px solid #cccccc;
      text-align: center;
      border-radius: 5px;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); }
    main nav a {
      display: inline-block;
      border-bottom: 1px solid transparent; }
      main nav a:hover {
        border-bottom-color: red; }
  main article h1, main article h2 {
    font-weight: bold; }
  main article h1 {
    margin-top: 0; }
  main article p {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1.125rem; }

main > article {
  display: none;
  overflow: hidden; }

img.marnix_front_center {
  border: 1px solid #e6e6e6;
  background: white;
  padding: 10px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  float: left;
  max-width: 250px;
  margin-right: 1em;
  margin-right: 1rem; }

aside.media ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1em; }
aside.media img {
  padding: 10px;
  background: white;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
  border-radius: 5px; }
aside.media dt {
  font-weight: bold; }
aside.media dd {
  margin-left: 1.55rem; }
aside.media audio {
  float: right;
  margin-top: .55em; }

iframe {
  width: 100%;
  min-height: 720px; }

.rouwkaart figure {
  overflow: hidden;
  color: #b3b3b3;
  max-width: 500px;
  margin: 0 auto 2em; }
  .rouwkaart figure h1, .rouwkaart figure h2 {
    font-weight: normal;
    margin: 0;
    padding: 0; }
.rouwkaart h1 {
  text-align: center; }
.rouwkaart h2 span {
  float: right; }
.rouwkaart img {
  margin-bottom: 0.55em; }
.rouwkaart .names {
  max-width: 400px;
  margin: 0 auto 2em; }

footer {
  margin: 1em 0 2em;
  text-align: center; }

p.right {
  text-align: right; }

/* =========================================== */
/* ===== Look & Feel ========================= */
/* =========================================== */
/* ==!== Header ============================== */
body > header h1, body > header h2 {
  margin: 0; }

/* ==!== Navigation ========================== */
nav a {
  display: inline-block; }

/* ==!== Section ============================= */
/* ==!== Article ============================= */
/* ==!== Aside =============================== */
aside.media {
  overflow: hidden; }
  aside.media article {
    float: left;
    padding: .55em;
    width: 33%; }

/* ==!== Footer ============================== */
/* ==!== IE Fixes ============================ */
/* ==!== Responsiveness ====================== */
@media only screen and (max-width: 1024px) {
  iframe {
    width: 100%;
    min-height: 486px; } }
@media only screen and (max-width: 750px) {
  body {
    display: block;
    width: 100%;
    padding: 0 1em; }

  main > nav {
    float: none;
    margin: 0 auto;
    padding: 0; }
    main > nav ul {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2; }

  aside.media article {
    width: 100%; } }
@media only screen and (max-width: 580px) {
  main > nav ul {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1; } }
/* ==!== Print =============================== */
@media screen {
  .print-only {
    display: none !important; } }
@media print {
  * {
    box-shadow: none !important;
    text-shadow: none !important;
    color: black !important;
    filter: none !important;
    -ms-filter: none !important;
    float: none;
    height: auto;
    width: auto;
    position: static; }

  html, body, section, article {
    font: normal normal 12pt/1.25em Georgia, Cambria, "Times New Roman", Times, serif;
    letter-spacing: 0.2pt;
    word-spacing: 1.1pt;
    width: 100% !important; }

  body > header, body > footer, nav, aside,
  button, .button, input[type="button"], input[type="submit"], input[type="reset"],
  .no-print {
    display: none !important;
    visibility: hidden; }

  p a, p a:visited {
    background: transparent;
    color: blue;
    font-weight: bold;
    text-decoration: none; }
  p a[href]:after {
    content: " (" attr(href) ") ";
    color: black;
    font-size: 0.85em;
    font-weight: normal;
    text-decoration: none; }
  p a[href^="/"]:after {
    content: " (http://www.yourdomain.com" attr(href) ") "; }
  p a[href^="javascript:"], p a[href^="#"] {
    color: black; }
    p a[href^="javascript:"]:after, p a[href^="#"]:after {
      content: none; }

  img {
    max-width: 100% !important;
    page-break-inside: avoid; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h1, h2, h3 {
    page-break-after: avoid; }

  @page :left {
    margin: 15mm 20mm 15mm 10mm; }

  @page :right {
    margin: 15mm 10mm 15mm 20mm; } }