/* Algemene pagina-instellingen */
body {
    margin: 0;
    padding: 0;
    background-color: #fff9cc;   /* jouw lichtgele achtergrond */
    font-family: Arial, sans-serif;
}

/* Hero-afbeeldingen boven en onder */
.hero-img {
    width: 100%;        /* volledige breedte */
    height: auto;
    display: block;     /* voorkomt witte randen */
    margin: 0;
    padding: 0;
    border: none;
}

/* Container voor menu en andere blokken */
.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Menu-balk */
.menu-bar {
    display: flex;
    justify-content: center;
    gap: 10px;
    background-color: #fff9cc;   /* jouw menu-achtergrond */
    padding: 10px 0;
}

/* Menu-knoppen */
.menu-button {
    padding: 10px 18px;
    background-color: #c9a500;
    border-radius: 20px;
    border: 1px solid #ccc;
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, sans-serif;   /* menu gebruikt géén sierfont */
}

.menu-button:hover {
    background-color: #e0b800;
}

/* Pagina-inhoud */
.container-pagina {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 20px 20px 20px; /* boven 5px, rest blijft 20px */
    font-family: "Segoe Script", "Palatino Linotype";
    line-height: 1.22;
}
.titelrij {
    display: flex;
    justify-content: space-between; /* links en rechts */
    align-items: center;            /* mooi verticaal uitgelijnd */
}

/* Tekststijl 11 (maar nu netjes) */
.textstyle11 {
    font-family: "Segoe Script", "Palatino Linotype";
    font-size: 12pt;
    line-height: 1.22;
    color: #000;
	/*met een lege regel ruimte maken */
	display: block;
    white-space: pre-line;
}
/* ten behoeve voor de standaardpagina muv contact */
/* Foto + tekst rijen */
.fototekst-rij {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.fototekst-rij img {
    display: block;
}

/* Center blokken */
.center {
    text-align: center;
}
/* Alleen links met de class 'geen-onderlijning' */
.geen-onderlijning {
text-decoration-line: none; /* underline , none , overline , line-through */
text-decoration-color: none; /* Bepaalt de kleur van de streep*/
color: inherit;
        }
/* oude tekststylen */
.textstyle1 { text-align:center; }
.textstyle2 { text-align:left; }
.textstyle3 { font-size:20pt; font-family:'Segoe Script', 'Palatino Linotype', serif; color:#000000; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.784314);  }
.textstyle4 { font-size:13pt; font-family:'Palatino Linotype', 'Book Antiqua3', Palatino, serif; color:#000000;  }
.textstyle5 { font-size:12pt; font-family:Verdana, Geneva, sans-serif; color:#000000;  }
.textstyle6 { font-size:10pt; font-family:'Palatino Linotype', 'Book Antiqua3', Palatino, serif; color:#FFFFFF; font-weight:bold;  white-space: nowrap; }
.textstyle7 { font-size:12pt; font-family:'Palatino Linotype', 'Book Antiqua3', Palatino, serif; color:#FFFFFF; font-weight:bold;  white-space: nowrap; }
.textstyle8 { font-size:15pt; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;  white-space: nowrap; }
.textstyle9 { font-size:16pt; font-family:'Segoe Script', 'Palatino Linotype', serif; color:#000000; line-height: 1.5;  }
.textstyle10 { font-size:16pt; font-family:'Palatino Linotype', 'Book Antiqua3', Palatino, serif; color:#000000; line-height: 1.5;  }
/*.textstyle11 { font-size:12pt; font-family:'Palatino Linotype', 'Book Antiqua3', Palatino, serif; color:#000000; line-height: 1.5;  } */
.textstyle12 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  }