#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff; /* Witte achtergrond */
  display: flex;
  opacity: 0.5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Zorg dat het boven alle andere elementen staat */
}
#preloaderText {
  font-family: times;
  font-size: 2.5em;
  font-weight: bold;
  color: #673211;
  color: black;
  margin-bottom: 20px; /* Ruimte tussen tekst en spinner */
  text-align: center;
}
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #cccccc;
  border-top: 5px solid #3498db; /* Blauwe rand */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mainOuterContainer {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100%;
  /* align-items: center; */
  display: flex;
  justify-content: center;
}

.mainInnerContainer {
  flex-shrink: 0;
  position: relative;
  /* width: 960px; */
  width: 1070px;
  max-width: 100%;
}

.titelWebsiteBox{
/* background-repeat: no-repeat; */
/* background-position: top center; */
  position: relative;
  max-width: 100%;
  clear: both;
  /* height: 100px; */
  color: #FCFBF5;
  font-family:serif;
  font-size: 42px;
  font-weight: bold;
  text-align:center;
  box-sizing: border-box;
  padding: 30px 5px 30px 5px;
}
@media  only screen and (max-width : 640px) {
/* Styles */
  .titelWebsiteBox{
  font-size: 36px;
  }
}

@media  only screen and (max-width : 320px) {
/* Styles */
  .titelWebsiteBox{
  font-size: 24px;
  }
}

.contentMainBox{
  position: relative;
  max-width: 100%;
}

.contentTopImageBox{
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  /* width: 950px; */
  max-width: 100%;
  /* max-width: 1155px; */
  /* min-height: 290px; */
  /* margin: 20px 20px 20px 20px; */
}

.contentTopImage{
  position: relative;
  max-width: 100%;
  /* width: 960px; */
  width: 1070px;
}

.contentText {
  position: relative;
  background-color: #FCFBF5;
}

.contentTextEmptyLine {
  position: relative;
  height: 3px;
}

.contentTitelBlock {
  position: relative;
  font-family: serif;
  font-size: 2.5em;
  font-weight: bold;
  color: #673211;
  margin-bottom: 30px;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
}
.contentTextBlock,
.contentTextBlockFlex{
  position: relative;
  font-family: times;
  font-size: 18px;
  color: #673211;
  line-height: 1.3;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
  max-width: 100%;
  width: 100%;
}
.contentTextBlock a {color: #673211; font-style: oblique; }
.contentTextBlockFlex a {color: #673211; font-style: oblique; }

.contentTextBlockFlex{
  display: inline-flex;
}
.contentImgSubBlock15,
.contentTextSubBlock15{ width: 15%; }
.contentImgSubBlock20,
.contentTextSubBlock20{ width: 20%; }
.contentImgSubBlock30,
.contentTextSubBlock30{ width: 30%; }
.contentImgSubBlock40,
.contentTextSubBlock40{ width: 40%; }
.contentImgSubBlock50,
.contentTextSubBlock50{ width: 50%; }
.contentTextSubBlock60,
.contentImgSubBlock60{ width: 60%; }
.contentTextSubBlock70,
.contentImgSubBlock70{ width: 70%; }
.contentTextSubBlock80,
.contentImgSubBlock80{ width: 80%; }
.contentTextSubBlock85,
.contentImgSubBlock85{ width: 85%; }
#agendaLabelBlock{
  text-align: right;
  font-weight: bold;
}

.formInputField{
  color: #673211;
  font-family: Verdana;
  font-weight: bold;
  width: 97%;
}

@media  only screen and (max-width : 800px) {
/* Styles */
  .contentTextBlockFlex{
    display: block;
  }
  .contentTextSubBlock15,
  .contentImgSubBlock15,
  .contentTextSubBlock20,
  .contentImgSubBlock20,
  .contentTextSubBlock30,
  .contentImgSubBlock30,
  .contentTextSubBlock40,
  .contentImgSubBlock40,
  .contentTextSubBlock50,
  .contentImgSubBlock50,
  .contentTextSubBlock60,
  .contentImgSubBlock60,
  .contentTextSubBlock70,
  .contentImgSubBlock70,
  .contentTextSubBlock80,
  .contentImgSubBlock80,
  .contentTextSubBlock85,
  .contentImgSubBlock85{
    width: 100%;
  }
  .contentImgSubBlock15,
  .contentImgSubBlock20,
  .contentImgSubBlock30,
  .contentImgSubBlock40,
  .contentImgSubBlock50,
  .contentImgSubBlock60,
  .contentImgSubBlock70,
  .contentImgSubBlock80,
  .contentImgSubBlock85{
    text-align: center;
  }
  #agendaLabelBlock{
    text-align: left;
    background-color: #efecec;
  }
  #formLabelBlock{
    text-align: left;
	width: 97%;
    background-color: #efecec;
  }
  #formLabelButtonBlock{
    display: none;
  }
  #formButtonBlock, input[type=submit], input[type=reset]{
    font-size: 18px;
    width: 97%;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 5px;
  }
  .formInputField{
    font-size: 18px;
	margin-top: 5px;
  }
}

.contentTextImage {
  max-width: 100%;
}

.contentTable {
  border: 0px;
  background-color: #FCFBF5;
}

.contentTable td {
  background-color: #FCFBF5;
  font-family: times;
  font-size: 18px;
  color: #673211;
  line-height: 1.3;
}

#contactTekstDesktop{
  display: block;
}
#contactTekstMobile{
  display: none;
}
@media  only screen and (max-width : 640px) {
/* Styles */
  #contactTekstDesktop{
    display: none;
  }
  #contactTekstMobile{
    display: block;
  }
}

.contentAfsluiter {
  position: relative;
  background-color: #FCFBF5;
  width: 100%;
  max-width: 100%;
  height: 30px;
}

.footer {
  position: relative;
  /* width: 950px; */
  width: 1060px;
  max-width: 100%;
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
  color: #CF7942;
}