/* De Koi Dokter
   Fixed-width (1050px) layout that reproduces the original iWeb design.
   Decorative graphics (header panels, koi, footer shapes) are one background image per page variant;
   all content is laid out in normal flow with grid and flexbox. */

/* ---------- Base ---------- */

html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: rgb(90, 90, 90); }
p, h1, h2, ul, figure { margin: 0; padding: 0; font-weight: inherit; }
img, iframe { display: block; border: 0; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a:has(img):hover { text-decoration: none; }

.page {
  width: 1050px;
  margin: 20px auto;
  background: url(../img/decor/page.jpg) repeat-y;
  overflow-wrap: break-word;   /* as the original: long URLs break inside the text column */
}

/* ---------- Header ----------
   The header artwork (panels, koi, photo) is one background image per page.
   Text and links sit in zones on a fixed grid:  menu | left panel | (photo) | right panel | bottom strip */

.masthead {
  display: grid;
  grid-template-columns: 299px 401px 350px;
  grid-template-rows: 28px 268px 115px;
  grid-template-areas:
    "nav  nav   nav"
    "left photo right"
    "left strip strip";
  height: 411px;
  background-repeat: no-repeat;
}
.mh-left, .mh-right, .mh-strip { display: flex; flex-direction: column; align-items: flex-start; }
.mh-left  { grid-area: left; }
.mh-right { grid-area: right; }
.mh-strip { grid-area: strip; }

.brand { margin: 16px 0 0 137px; white-space: nowrap; }
.mh-book { margin: 130px 0 0 51px; }

.tag { margin: 169px 0 0 13px; }
.tag--low { margin: 251px 0 0 44px; }
.tag-line { width: 287px; }
.tag--low .tag-line { width: 255px; }

.strip-quote { margin: 27px 0 0 69px; width: 585px; }
.strip-quote + .strip-quote { margin-top: 0; }
.strip-title { margin: 8px 0 0 69px; width: 585px; }
.strip-text { margin: 9px 0 0 69px; width: 532px; }
.strip-text--wide { margin-top: 12px; }
.strip-text--only { margin-top: 48px; }

/* ---------- Menu (as the original iWeb navigation bar) ---------- */

.navbar { grid-area: nav; margin-left: 340px; font: bold 11px/28px Arial, 'Lucida Grande', sans-serif; }
.navbar ul { margin: 0 40px; list-style: none; white-space: nowrap; }
.navbar li { display: inline; }
.navbar a { padding: 8px; color: #666; }
.navbar a:hover { color: #000; text-decoration: none; background: url(../img/decor/nav-hover.png) repeat-x; }
.navbar .current a { color: #fff; background: url(../img/decor/nav-selected.png) repeat-x; }
.navbar .current a:hover { color: #000; background: #000; }

/* ---------- Content ---------- */

.content { display: flex; align-items: flex-start; background-repeat: no-repeat; }
.col { display: flex; flex-direction: column; align-items: flex-start; }
.row { display: flex; align-items: flex-start; }

/* ---------- Footer: text inside the dark box on the right ---------- */

.footer { background-repeat: no-repeat; }
.footer-box { margin-left: 761px; padding-top: 11px; width: 225px; }
.footer-box .gap { margin-top: 19px; }

/* ---------- Photo gallery (Onze vijver) ---------- */

.slideshow { font: bold 14px/16px Arial, sans-serif; color: rgb(146, 146, 146); }
.slideshow a { display: flex; align-items: flex-start; }
.slideshow span { margin-top: 6px; }
.slideshow a:hover { text-decoration: none; color: #fff; }
.gallery { list-style: none; display: grid; grid-template-columns: repeat(5, 122px); grid-auto-rows: 146px; }
.gallery li { display: flex; flex-direction: column; align-items: flex-start; width: 99px; }
.gallery a { display: flex; align-items: flex-end; justify-content: center; width: 98px; height: 98px; }
.gallery span { margin-top: 4px; width: 99px; font: 14px/16px Arial, sans-serif; color: #fff; text-align: center; }

.lightbox { width: 100vw; height: 100vh; max-width: none; max-height: none; border: 0; padding: 0; background: rgb(0 0 0 / 0.9); }
.lightbox[open] { display: flex; align-items: center; justify-content: center; }
.lightbox img { max-width: 90vw; max-height: 90vh; }
.lightbox button { position: fixed; top: 12px; right: 12px; padding: 6px 12px; font: bold 14px Arial, sans-serif; cursor: pointer; }

/* images that sit inside a line of text (as in the original) */
p img { display: inline; vertical-align: bottom; }


/* ---------- Text styles (as in the original pages) ---------- */

.indent-m13-13 { text-indent: -13px; padding-left: 13px; }

.lucida-10-14-light { font-family: LucidaGrande, "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 10px; line-height: 14px; color: rgb(235, 235, 235); }

.lucida-10-17-light { font-family: LucidaGrande, "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 10px; line-height: 17px; color: rgb(235, 235, 235); }

.lucida-12-18-blue { font-family: LucidaGrande, "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; line-height: 18px; color: rgb(0, 150, 255); }

.lucida-12-18-grey { font-family: LucidaGrande, "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; line-height: 18px; color: rgb(169, 169, 169); }

.lucida-12-18-light { font-family: LucidaGrande, "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; line-height: 18px; color: rgb(235, 235, 235); }

.lucida-12-18-white { font-family: LucidaGrande, "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; line-height: 18px; color: rgb(255, 255, 255); }

.lucida-b12-18-grey { font-family: LucidaGrande-Bold, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 12px; line-height: 18px; color: rgb(146, 146, 146); font-weight: 700; }

.lucida-b16-18-white { font-family: LucidaGrande-Bold, "Lucida Grande", "Lucida Console", sans-serif; font-size: 16px; line-height: 18.05px; color: rgb(255, 255, 255); font-weight: 700; }

.lucida-b24-28-white { font-family: LucidaGrande-Bold, "Lucida Grande", "Lucida Console", sans-serif; font-size: 24px; line-height: 28px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-13-18-light { font-family: TrebuchetMS, "Trebuchet MS", sans-serif; font-size: 13px; line-height: 18px; color: rgb(235, 235, 235); }

.trebuchet-18-21-blue { font-family: TrebuchetMS-Bold, 'Trebuchet MS', sans-serif; font-size: 18px; line-height: 21px; color: rgb(0, 150, 255); }

.trebuchet-b13-18-light { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 13px; line-height: 18px; color: rgb(235, 235, 235); font-weight: 700; }

.trebuchet-b14-18-white-center { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 14px; line-height: 18px; color: rgb(255, 255, 255); font-weight: 700; text-align: center; }

.trebuchet-b15-19-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 15px; line-height: 19px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b15-23-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 15px; line-height: 23px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b16-21-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 16px; line-height: 21px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b16_245-18-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 16.245px; line-height: 18.3774px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b18-23-blue { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 18px; line-height: 23px; color: rgb(0, 150, 255); font-weight: 700; }

.trebuchet-b18-23-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 18px; line-height: 23px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b18-25-light { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 18px; line-height: 25px; color: rgb(235, 235, 235); font-weight: 700; }

.trebuchet-b18-25-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 18px; line-height: 25px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b18-31-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 18px; line-height: 31px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b20-18-white-center { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 20px; line-height: 18px; color: rgb(255, 255, 255); font-weight: 700; text-align: center; }

.trebuchet-b20-31-blue { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 20px; line-height: 31px; color: rgb(0, 150, 255); font-weight: 700; }

.trebuchet-b22-29-blue { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 22px; line-height: 29px; color: rgb(0, 150, 255); font-weight: 700; }

.trebuchet-b22-29-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 22px; line-height: 29px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b22-31-black { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 22px; line-height: 31px; color: rgb(0, 0, 0); font-weight: 700; }

.trebuchet-b24-26-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 24px; line-height: 26.5786px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b24-28-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 24px; line-height: 28px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b24-31-blue { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 24px; line-height: 31px; color: rgb(0, 150, 255); font-weight: 700; }

.trebuchet-b24-31-white { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 24px; line-height: 31px; color: rgb(255, 255, 255); font-weight: 700; }

.trebuchet-b24-31-white-right { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 24px; line-height: 31px; color: rgb(255, 255, 255); font-weight: 700; text-align: right; }

.trebuchet-b24-n-darkblue { font-family: TrebuchetMS-Bold, 'Trebuchet MS', sans-serif; font-size: 24px; line-height: normal; color: rgb(0, 128, 217); font-weight: 700; }

.trebuchet-b30-31-blue { font-family: TrebuchetMS-Bold, "Trebuchet MS", sans-serif; font-size: 30px; line-height: 31px; color: rgb(0, 150, 255); font-weight: 700; }

.verdana-10-17-light { font-family: Verdana, sans-serif; font-size: 10px; line-height: 17px; color: rgb(235, 235, 235); }

.verdana-12-15-plum { font-family: Verdana, sans-serif; font-size: 12px; line-height: 15px; color: rgb(84, 75, 84); }

.verdana-12-15-white { font-family: Verdana, sans-serif; font-size: 12px; line-height: 15px; color: rgb(255, 255, 255); }

.verdana-12-16-white { font-family: Verdana, sans-serif; font-size: 12px; line-height: 16px; color: rgb(255, 255, 255); }

.verdana-12-18-blue { font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; color: rgb(0, 150, 255); }

.verdana-12-18-light { font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; color: rgb(235, 235, 235); }

.verdana-12-18-white { font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px; color: rgb(255, 255, 255); }

.verdana-13-15-white { font-family: Verdana, sans-serif; font-size: 13px; line-height: 15px; color: rgb(255, 255, 255); }

.verdana-13-16-blue { font-family: Verdana, sans-serif; font-size: 13px; line-height: 16px; color: rgb(0, 150, 255); }

.verdana-13-16-white { font-family: Verdana, sans-serif; font-size: 13px; line-height: 16px; color: rgb(255, 255, 255); }

.verdana-13-19-light { font-family: Verdana, sans-serif; font-size: 13px; line-height: 19px; color: rgb(235, 235, 235); }

.verdana-b12-16-white { font-family: Verdana-Bold, Verdana, sans-serif; font-size: 12px; line-height: 16px; color: rgb(255, 255, 255); font-weight: 700; }

.verdana-b13-16-white { font-family: Verdana-Bold, Verdana, sans-serif; font-size: 13px; line-height: 16px; color: rgb(255, 255, 255); font-weight: 700; }

.verdana-b14-20-light { font-family: Verdana-Bold, Verdana, sans-serif; font-size: 14px; line-height: 20px; color: rgb(235, 235, 235); font-weight: 700; }



.black { color: rgb(0, 0, 0); }

.blue { color: rgb(0, 150, 255); }

.blue-font-arial { color: rgb(0, 150, 255); font-family: Helvetica, Arial, sans-serif; }

.c2551470 { color: rgb(255, 147, 0); }

.font-times { font-family: TimesNewRomanPSMT, 'Times New Roman', serif; }

.font-verdana { font-family: Verdana-Bold, Verdana, sans-serif; }

.grey { color: rgb(146, 146, 146); }

.grey-bold { color: rgb(146, 146, 146); font-weight: 700; }

.grey-bold-font-lucida { color: rgb(146, 146, 146); font-weight: 700; font-family: LucidaGrande-Bold, 'Lucida Grande', 'Lucida Console', sans-serif; }

.plum { color: rgb(84, 75, 84); }

.size-14 { font-size: 14px; }

.white { color: rgb(255, 255, 255); }

.white-size-18 { color: rgb(255, 255, 255); font-size: 18px; }



/* ---------- Pages ---------- */

/* Welkom */
.p-welkom .koidoctor img { width: 130px; height: 32px; }
.p-welkom .packaging { width: 600px; height: 552px; }
.p-welkom .masthead { background-image: url(../img/decor/header-1.jpg); }
.p-welkom .content { min-height: 1584px; }
.p-welkom .footer { height: 122px; background-image: url(../img/decor/footer-1.png); }
.p-welkom .het-boek { margin: 107px 0 0 48px; }
.p-welkom .het-boek-lines { margin: 11px 0 0 38px; width: 265px; }
.p-welkom .het-boek-cover { margin: 19px 0 0 99px; }
.p-welkom .courses-title { margin: 19px 0 0 15px; }
.p-welkom .courses { margin-left: 15px; width: 246px; }
.p-welkom .courses a { display: block; margin-top: 20px; }
.p-welkom .strip-welkom { margin: 13px 0 0 69px; width: 503px; }
.p-welkom .sidebar { margin-left: 70px; width: 201px; }
.p-welkom .film-title { margin: 76px 0 0 12px; width: 318px; }
.p-welkom .film-text { margin: 28px 0 0 12px; width: 192px; }
.p-welkom .sidebar .video { width: 201px; height: 168px; margin-top: 32px; }
.p-welkom .film-text + .video { margin-top: 62px; }
.p-welkom .sidebar .video--last { width: 200px; height: 167px; }
.p-welkom .bijsluiters { margin: 17px 0 0 8px; }
.p-welkom .bijsluiter-links { margin-left: 8px; }
.p-welkom .flyers-food { margin: 26px 0 0 7px; width: 175px; }
.p-welkom .flags { margin: 13px 0 0 7px; }
.p-welkom .flags a:nth-child(2) { margin-left: 6px; }
.p-welkom .flags a:nth-child(3) { margin-left: 10px; }
.p-welkom .flags a:nth-child(4) { margin-left: 12px; }
.p-welkom .facebook { margin: 43px 0 0 5px; }
.p-welkom .main { margin-left: 44px; }
.p-welkom .webshop-title { margin: 9px 0 0 3px; width: 692px; }
.p-welkom .webshop { margin-top: 33px; }
.p-welkom .webshop-image { margin: 2px 0 0 5px; }
.p-welkom .webshop-links { margin-left: 30px; width: 300px; }
.p-welkom .webshop-links a { display: block; }
.p-welkom .webshop-links .flyer-links a { display: inline-block; width: 70px; }
.p-welkom .flyers17 { margin: 8px 0 0 -41px; width: 381px; }
.p-welkom .koidoctor img { display: block; margin: -16px 0 16px; }
.p-welkom .flyer-links { margin-top: 8px; }
.p-welkom .intro { margin-left: 3px; width: 662px; }
.p-welkom .intro--first { margin-top: 21px; }
.p-welkom .intro--visit { width: 609px; }
.p-welkom .rule { margin-top: 49px; }
.p-welkom .rule--second { margin-top: 14px; }
.p-welkom .product { margin-top: 18px; }
.p-welkom .product--food { margin-top: 13px; }
.p-welkom .product-text { margin: 6px 0 0 29px; width: 432px; }
.p-welkom .product--food .product-text { margin-top: 7px; }
.p-welkom .more { margin-top: 18px; }
.p-welkom .packaging { margin-top: 31px; }
.p-welkom .footer-box p:nth-child(2) { margin-top: 19px; }

/* Over ons */
.p-over-ons .masthead { background-image: url(../img/decor/header-2.jpg); }
.p-over-ons .content { min-height: 1775px; }
.p-over-ons .footer { height: 122px; background-image: url(../img/decor/footer-2.png); }
.p-over-ons .about-title, .p-over-ons .about-subtitle { margin-left: 318px; width: 661px; }
.p-over-ons .about-title { margin-top: -1px; }
.p-over-ons .about-body { margin-top: 31px; }
.p-over-ons .photos { margin-left: 110px; }
.p-over-ons .photos img + img { margin: 19px 0 0 50px; }
.p-over-ons .photos img:nth-child(3) { margin-top: 20px; }
.p-over-ons .bio { margin: 10px 0 0 67px; }
.p-over-ons .bio p { width: 379px; margin-top: 39px; }
.p-over-ons .bio p:first-child { margin-top: 0; }
.p-over-ons .bio .tight { margin-top: 27px; }
.p-over-ons .bio .wide { width: 432px; }
.p-over-ons .bio-photo { margin: 56px 0 0 66px; }
.p-over-ons .bio-photo + p { margin-top: 19px; }
.p-over-ons .bio-photo--last { margin-top: 44px; }
.p-over-ons .bio-photo--last + p { margin-top: 21px; }
.p-over-ons .footer-box p:nth-child(2) { margin-top: 21px; }

/* Boek */
.p-boek .masthead { background-image: url(../img/decor/header-3.jpg); }
.p-boek .content { min-height: 1892px; background: url(../img/decor/body-1.jpg) no-repeat 266px 0px; }
.p-boek .footer { height: 122px; background-image: url(../img/decor/footer-1.png); }
.p-boek .sidebar { margin-left: 82px; width: 192px; }
.p-boek .cover { margin: 1px 0 0 2px; }
.p-boek .book-title, .p-boek .book-quote { width: 192px; }
.p-boek .book-title { margin-top: 20px; }
.p-boek .book-title + .book-quote { margin-top: 14px; }
.p-boek .main { margin: 27px 0 0 94px; }
.p-boek .main p, .p-boek .main h1, .p-boek .main h2 { margin-left: 111px; width: 337px; }
.p-boek .main .gap { margin-top: 19px; }
.p-boek .price { line-height: 29px; }
.p-boek .page-sample { margin-top: 14px; }
.p-boek .page-sample--first { margin-top: 18px; }
.p-boek .page-sample--last { margin-left: 3px; }
.p-boek .footer-box { padding-top: 16px; }

/* Malamix 17 */
.p-malamix-17 .flags img { width: 60px; height: 40px; }
.p-malamix-17 .shop-flag img { width: 40px; height: 27px; }
.p-malamix-17 .masthead { background-image: url(../img/decor/header-4.jpg); }
.p-malamix-17 .content { min-height: 946px; }
.p-malamix-17 .footer { height: 122px; background-image: url(../img/decor/footer-3.png); }
.p-malamix-17 .title { margin-left: 318px; width: 661px; }
.p-malamix-17 .title:first-child { margin-top: -1px; }
.p-malamix-17 .flyers-title { margin: 24px 0 0 226px; width: 381px; }
.p-malamix-17 .flags { margin: 18px 0 0 320px; gap: 20px; }
.p-malamix-17 .shops-title { margin: 14px 0 0 274px; width: 381px; }
.p-malamix-17 .shop-flag { margin: 18px 0 0 320px; }
.p-malamix-17 .videos { margin: 54px 0 0 320px; gap: 22px; }
.p-malamix-17 .video { width: 320px; height: 267px; }
.p-malamix-17 .footer-box p:nth-child(2) { margin-top: 15px; }

/* Malamix Food */
.p-malamix-food .masthead { background-image: url(../img/decor/header-5.jpg); }
.p-malamix-food .content { min-height: 1586px; }
.p-malamix-food .footer { height: 122px; background-image: url(../img/decor/footer-4.png); }
.p-malamix-food .title { margin-left: 318px; width: 661px; }
.p-malamix-food .title:first-child { margin-top: -1px; }
.p-malamix-food .food-body { margin: 37px 0 0 120px; }
.p-malamix-food .food-flyer { margin-top: 35px; }
.p-malamix-food .food-bag { margin-top: 17px; }
.p-malamix-food .food-text { margin-left: 65px; }
.p-malamix-food .food-text p { width: 365px; }
.p-malamix-food .food-text .wide { width: 388px; }
.p-malamix-food .food-text .second { margin-top: 12px; }
.p-malamix-food .food-text .third { margin-top: 16px; }
.p-malamix-food .food-text .apart { margin-top: 32px; }
.p-malamix-food .footer-box p:nth-child(2) { margin-top: 23px; }

/* Cursus */
.p-cursus .masthead { background-image: url(../img/decor/header-6.jpg); }
.p-cursus .content { min-height: 1446px; background: url(../img/decor/body-2.jpg) no-repeat 802px 129px; }
.p-cursus .footer { height: 122px; background-image: url(../img/decor/footer-5.png); }
.p-cursus .sidebar { margin-left: 81px; }
.p-cursus .workshop { margin: 13px 0 0 6px; }
.p-cursus .cover { margin-top: 15px; }
.p-cursus .book-title, .p-cursus .book-quote { margin-left: 1px; width: 192px; }
.p-cursus .book-title { margin-top: 20px; }
.p-cursus .book-title + .book-quote { margin-top: 14px; }
.p-cursus .main { margin: 27px 0 0 12px; }
.p-cursus .footer-box { padding-top: 17px; }
.p-cursus .main > p, .p-cursus .main > h2 { width: 512px; }
.p-cursus .courses a { vertical-align: top; }
.p-cursus .main .gap { margin-top: 18px; }
.p-cursus .bks { margin: 18px 0 0 141px; }
.p-cursus .koishow { margin-top: 11px; }
.p-cursus .hks { margin: 68px 0 0 36px; }
.p-cursus .also { margin-top: -4px; }

/* Eendaagse workshop */
.p-cursus-eendaagse .masthead { background-image: url(../img/decor/header-6.jpg); }
.p-cursus-eendaagse .content { min-height: 846px; background: url(../img/decor/body-2.jpg) no-repeat 802px 129px; }
.p-cursus-eendaagse .footer { height: 122px; background-image: url(../img/decor/footer-5.png); }
.p-cursus-eendaagse .sidebar { margin-left: 81px; }
.p-cursus-eendaagse .workshop { margin: 13px 0 0 6px; }
.p-cursus-eendaagse .cover { margin-top: 15px; }
.p-cursus-eendaagse .book-title, .p-cursus-eendaagse .book-quote { margin-left: 1px; width: 192px; }
.p-cursus-eendaagse .book-title { margin-top: 20px; }
.p-cursus-eendaagse .book-title + .book-quote { margin-top: 14px; }
.p-cursus-eendaagse .main { margin: 27px 0 0 12px; }
.p-cursus-eendaagse .footer-box { padding-top: 17px; }
.p-cursus-eendaagse .main > * { width: 471px; }

/* Opleiding Houden van siervissen */
.p-cursus-houden-van-vissen .course-symbol { width: 122px; height: 120px; }
.p-cursus-houden-van-vissen .course-koi { width: 175px; height: 120px; }
.p-cursus-houden-van-vissen .course-portrait { width: 120px; height: 120px; }
.p-cursus-houden-van-vissen .masthead { background-image: url(../img/decor/header-6.jpg); }
.p-cursus-houden-van-vissen .content { min-height: 1246px; background: url(../img/decor/body-2.jpg) no-repeat 802px 129px; }
.p-cursus-houden-van-vissen .footer { height: 122px; background-image: url(../img/decor/footer-5.png); }
.p-cursus-houden-van-vissen .sidebar { margin-left: 81px; }
.p-cursus-houden-van-vissen .workshop { margin: 13px 0 0 6px; }
.p-cursus-houden-van-vissen .cover { margin-top: 15px; }
.p-cursus-houden-van-vissen .book-title, .p-cursus-houden-van-vissen .book-quote { margin-left: 1px; width: 192px; }
.p-cursus-houden-van-vissen .book-title { margin-top: 20px; }
.p-cursus-houden-van-vissen .book-title + .book-quote { margin-top: 14px; }
.p-cursus-houden-van-vissen .main { margin: 27px 0 0 12px; }
.p-cursus-houden-van-vissen .footer-box { padding-top: 17px; }
.p-cursus-houden-van-vissen .cover { margin-top: 28px; }
.p-cursus-houden-van-vissen .main { margin-left: 71px; }
.p-cursus-houden-van-vissen .main > * { width: 471px; }
.p-cursus-houden-van-vissen .main > p { margin-top: 15px; }

/* Contact */
.p-contact .masthead { background-image: url(../img/decor/header-7.jpg); }
.p-contact .content { min-height: 1059px; background: url(../img/decor/body-3.jpg) no-repeat 266px 107px; }
.p-contact .footer { height: 122px; background-image: url(../img/decor/footer-6.png); }
.p-contact .sidebar { margin-left: 81px; width: 192px; }
.p-contact .cover { margin-top: 4px; }
.p-contact .book-title, .p-contact .book-quote { margin-left: 1px; width: 192px; }
.p-contact .book-title { margin-top: 20px; }
.p-contact .book-title + .book-quote { margin-top: 14px; }
.p-contact .main { margin: 27px 0 0 42px; }
.p-contact .address { margin-left: 31px; width: 615px; }
.p-contact .card { margin: 22px 0 0 254px; }
.p-contact .rule { margin-top: 12px; }
.p-contact .note { margin-left: 3px; width: 592px; }
.p-contact .note--first { margin-top: 22px; }
.p-contact .note--apart { margin-top: 36px; }
.p-contact .note--list { margin-top: 18px; }
.p-contact .photos { margin: 78px 0 0 54px; gap: 15px; }
.p-contact .photo-last { margin: 1px 0 0 1px; }
.p-contact .footer-box { padding-top: 17px; }

/* Filmpagina */
.p-filmpagina .masthead { background-image: url(../img/decor/header-8.jpg); }
.p-filmpagina .content { min-height: 1916px; }
.p-filmpagina .footer { height: 122px; background-image: url(../img/decor/footer-3.png); }
.p-filmpagina .mh-book--shadow { margin: 124px 0 0 45px; }
.p-filmpagina .title { margin-left: 318px; width: 661px; }
.p-filmpagina .title:first-child { margin-top: -1px; }
.p-filmpagina .videos--large { margin: 136px 0 0 58px; gap: 84px; }
.p-filmpagina .videos--large .video { width: 425px; height: 355px; }
.p-filmpagina .videos--small { margin: 15px 0 0 59px; gap: 16px; }
.p-filmpagina .videos--large + .videos--small { margin-top: 76px; }
.p-filmpagina .videos--small .video { width: 300px; height: 251px; }
.p-filmpagina .videos--small .video:nth-child(3) { margin-left: -1px; }
.p-filmpagina .videos--pair { margin: 19px 0 0 57px; gap: 26px; }
.p-filmpagina .videos--last { margin-top: 85px; }
.p-filmpagina .footer-box p:nth-child(2) { margin-top: 26px; }

/* Folders */
.p-folders .masthead { background-image: url(../img/decor/header-7.jpg); }
.p-folders .content { min-height: 391px; }
.p-folders .footer { height: 122px; background-image: url(../img/decor/footer-6.png); }
.p-folders .folders { margin: 57px 0 0 69px; gap: 23px; }
.p-folders .folder { display: grid; }
.p-folders .folder > img { grid-area: 1 / 1; }
.p-folders .folder .flag { margin: 127px 0 0 31px; }
.p-folders .folder:first-child .flag { margin-left: 34px; }
.p-folders .footer-box { padding-top: 17px; }

/* Folder_ned */
.p-folder-ned .masthead { background-image: url(../img/decor/header-7.jpg); }
.p-folder-ned .content { min-height: 3424px; }
.p-folder-ned .footer { height: 122px; background-image: url(../img/decor/footer-6.png); }
.p-folder-ned .strip-heading { margin: 8px 0 0 70px; width: 577px; }
.p-folder-ned .strip-note { margin: 12px 0 0 69px; width: 532px; }
.p-folder-ned .folder-pages { margin: 16px 0 0 125px; }
.p-folder-ned .folder-page:nth-child(2) { margin-top: 25px; }
.p-folder-ned .folder-page:nth-child(3) { margin-top: 25px; }
.p-folder-ned .footer-box { padding-top: 17px; }
.p-folder-ned .footer { margin-top: -47px; position: relative; }   /* the footer overlaps the last folder page, as in the original */

/* Folder_uk */
.p-folder-uk .masthead { background-image: url(../img/decor/header-7.jpg); }
.p-folder-uk .content { min-height: 3417px; }
.p-folder-uk .footer { height: 122px; background-image: url(../img/decor/footer-6.png); }
.p-folder-uk .strip-heading { margin: 9px 0 0 69px; width: 577px; }
.p-folder-uk .strip-note { margin: 11px 0 0 69px; width: 532px; }
.p-folder-uk .folder-pages { margin: 16px 0 0 125px; }
.p-folder-uk .folder-page:nth-child(2) { margin-top: 32px; }
.p-folder-uk .folder-page:nth-child(3) { margin-top: 28px; }
.p-folder-uk .footer-box { padding-top: 17px; }
.p-folder-uk .footer { margin-top: -51px; position: relative; }   /* the footer overlaps the last folder page, as in the original */

/* Folder_fr */
.p-folder-fr .masthead { background-image: url(../img/decor/header-7.jpg); }
.p-folder-fr .content { min-height: 3394px; }
.p-folder-fr .footer { height: 122px; background-image: url(../img/decor/footer-6.png); }
.p-folder-fr .strip-heading { margin: 9px 0 0 70px; width: 577px; }
.p-folder-fr .strip-note { margin: 11px 0 0 69px; width: 532px; }
.p-folder-fr .folder-pages { margin: 16px 0 0 125px; }
.p-folder-fr .folder-page:nth-child(2) { margin-top: 22px; }
.p-folder-fr .folder-page:nth-child(3) { margin-top: 18px; }
.p-folder-fr .footer-box { padding-top: 17px; }
.p-folder-fr .footer { margin-top: -64px; position: relative; }   /* the footer overlaps the last folder page, as in the original */

/* Folder_de */
.p-folder-de .masthead { background-image: url(../img/decor/header-7.jpg); }
.p-folder-de .content { min-height: 3394px; }
.p-folder-de .footer { height: 122px; background-image: url(../img/decor/footer-6.png); }
.p-folder-de .strip-heading { margin: 9px 0 0 69px; width: 577px; }
.p-folder-de .strip-note { margin: 11px 0 0 69px; width: 532px; }
.p-folder-de .folder-pages { margin: 16px 0 0 125px; }
.p-folder-de .folder-page:nth-child(2) { margin-top: 30px; }
.p-folder-de .folder-page:nth-child(3) { margin-top: 25px; }
.p-folder-de .footer-box { padding-top: 17px; }
.p-folder-de .footer { margin-top: -57px; position: relative; }   /* the footer overlaps the last folder page, as in the original */

/* Onze vijver */
.p-onze-vijver .masthead { background-image: url(../img/decor/header-9.jpg); }
.p-onze-vijver .content { min-height: 2617px; }
.p-onze-vijver .footer { height: 122px; background-image: url(../img/decor/footer-1.png); }
.p-onze-vijver .mh-book--photo { margin: 119px 0 0 59px; }
.p-onze-vijver .title { margin-left: 310px; width: 661px; }
.p-onze-vijver .title:first-child { margin-top: -1px; }
.p-onze-vijver .slideshow { margin: 32px 0 0 556px; }
.p-onze-vijver .gallery { margin: 13px 0 0 347px; }
.p-onze-vijver .footer-box p:nth-child(2) { margin-top: 19px; }