/* cmsms stylesheet: Infowebs - Stylesheet - DomainList modified: donderdag 17 maart 2022 14:45:14 */
.item, .itemHeader {
  display: flex;
  margin-top: 5px;
}

.itemHeader {
   background: blue;
   font-weight: bold;
   color: #ffffff;
   padding: 3px 0px 3px 2px;
   box-shadow: 10px 5px 5px lightblue;

}

.itemTitle {
   width: 25%;
}
.itemVerloopdatum {
   width: 25%;
}
.itemAbonnement {
   width: 25%;
}
/* cmsms stylesheet: Infowebs - Stylesheet - MAMS modified: dinsdag 24 mei 2022 13:41:36 */
#loginform {
   border: 1px outset blue;
   max-width: 400px;
   margin: 40px 0px 40px 0px;
   padding: 20px;
   border-radius: 15px;
   box-shadow: 10px 10px 15px lightblue;
}

.labelUsername, .labelPassword {
   margin: 10px 0px 5px 0px;
}

.inputUsername input, .inputPassword input {
   font-weight: bold;
   padding: 4px;
}

.inputPassword input {
   margin-bottom: 10px;
}

.remberMe {
   margin: 0px 0px 10px 0px;
}

@media (max-width: 1000px) {
   #loginform {
      max-width: 90%;
   }
}
/* cmsms stylesheet: Infowebs - Sjabloon - Slide-In modified: woensdag 2 maart 2022 15:27:17 */
/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
/* cmsms stylesheet: Infowebs - Stylesheet - ThreeBlock modified: maandag 21 maart 2022 12:22:04 */
.threeBlock {
   display: flex;
   width: 90%;
   margin: 20px auto 120px auto;
   color: #000000;
}

.threeBlock1, .threeBlock2, .threeBlock3 {
   width: 30%;
   min-width: 200px;
   margin: 10px 10px 10px 10px;
}

.block1image, .block2image, .block3image {
   text-align: center;
}

.block1image img, .block2image img, .block3image img {
   border: 1px solid #000000;
   border-radius: 15px;
   background-color: #ffffff;
}

.block1text, .block2text, .block3text {
   margin-top: -30px;
   padding: 40px 10px 5px 10px;
   height: 100%;
   border: 1px solid #bababa;
   border-radius: 15px;
   text-align: center;
   box-shadow: 10px 10px 15px lightblue;

}

.block1text {
   background-color: #FEFEFE;
}

.block2text {
   background-color: #F7F7F7;
}

.block3text {
   background-color: #F0F0F0;
}

@media (max-width: 750px) {
   .threeBlock {
      display: flex;
      flex-direction: column;
}

   .threeBlock1, .threeBlock2, .threeBlock3 {
      width: 90%;
      min-width: 200px;
      margin: 10px 10px 10px 10px;
}
}
/* cmsms stylesheet: Infowebs - Stylesheet - Default modified: woensdag 25 mei 2022 10:02:19 */
@font-face {
  font-family: Roboto-Medium;
  src: url(/assets/fonts/Roboto-Medium.ttf);
}

div {
}

body {
   margin: 0px;
   padding: 0px;
   font-family: Roboto-Medium;
   font-size: 16px;
   letter-spacing: 1px;
   line-height: 1.5;
}

a {
   color: #fd0404;
}

p {
   margin: 0px;
   padding: 0px;
}

h1 {
   font-size: 36px;
   padding: 2px 0px;
}
h2 {
   font-size: 28px;
}
h3 {
   font-size: 24px;
}
h4 {
   font-size: 20px;
}
h5 {
   font-size: 18px;
}
h6 {
   font-size: 16px;
   font-weight: bold;
}

.buttonStyle a {
   border: 4px solid blue;
   border-radius: 10px;
   padding: 10px;
   background-color: #0080FF;
   color: #ffffff;
  
}

.divHidden {
   display: none
}

.clearAll {
   clear: both;
}

.flexBlock {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

nav {
   position: fixed;
   width: 100%;
   background-color: #ffffff;
   z-index: 10;
   box-shadow: 10px 10px 15px lightblue;
}

#menuBar {
   max-width: 1200px;
   margin: 0px auto;
}

#menuBar img {
   float: left;
   margin: 10px 40px 0px 0px;
}

.div_page {
   min-height: 100vh;
   position: relative;
}

.class_backgroundImage {
   top: 0;
   right: 0;
   width: 100%;
   position: absolute;
   height: 100%;
   object-fit: cover;
   z-index: -10;
   opacity: 0.4;
}

.class_backgroundColor {
   position: absolute;
   height: 100%;
   width: 100%;
   object-fit: cover;
   z-index: -5;
}

article {
   max-width: 1200px;
   margin: 0px auto;
   padding: 120px 20px;
}

.transparent {
   background-color: transparent;
   color: #000000;
}

.backgroundWhite {
   background-color: #ffffff;
   color: #000000;
}

.backgroundBlack {
   background-color: #000000;
   color: #ffffff;
}

.backgroundGrey {
   background-color: #F1ECEB;
   color: #000000;
}

.colorTransparent {
     opacity: 0.3;
}

article {
   background-color: transparent;
}


@media only screen and (max-width: 1000px) {
#menuBar img {
   margin: 10px 40px 0px 0px;
   width: 150px;
}

@media (max-width: 750px) {
    article {
      text-align: center;
   }

   .flexBlock {
      margin: 20px auto;
      max-width: 90%;
      justify-content: center;
}
}