/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/


@font-face {
  font-family: 'Marcellus SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/marcellus-sc-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/marcellus-sc-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/marcellus-sc-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/marcellus-sc-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/marcellus-sc-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/marcellus-sc-v13-latin-regular.svg#MarcellusSC') format('svg'); /* Legacy iOS */
}

#thomemast h1 {
  font-family: 'Marcellus SC', Serif;
}

#tmenu {
  margin-top: 20px;
}
#big-block-2, #tfooter {
  background-color: #272727;
}

.theader, .tblock, .tblock-dark, #tfooter {
  font-family: 'Marcellus SC';
  padding: 12px 50px 20px 50px;
}
.tblock {
	padding: 0px 0px 0px 0px;;
}
.inspringen {
  padding-left: 80px; /* Ruimte voor inspringing */
  text-indent: -80px; /* Eerste regel terugschuiven */
}


@-webkit-keyframes fade {
    0% {opacity: 1;}
    16.67% {opacity: 1;}
    20% {opacity: 0;}
    96.67% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fade {
    0% {opacity: 1;}
    16.67% {opacity: 1;}
    20% {opacity: 0;}
    96.67% {opacity: 0;}
    100% {opacity: 1;}
}
.my-banner {
    height: 90px;
    margin: 0px 50px 0px 50px;
    //border-radius: 10px;
    background-size: 100%;
    overflow: hidden;
    position: relative;
}
.my-banner-img {
    position:absolute;
    //border-radius: 10px;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 150s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 150s;
    animation-timing-function: ease-in-out;
}
#my-banner1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#my-banner2 {
    -webkit-animation-delay: 30s;
    animation-delay: 30s;
}
#my-banner3 {
    -webkit-animation-delay: 60s;
    animation-delay: 60s;
}
#my-banner4 {
    -webkit-animation-delay: 90s;
    animation-delay: 90s;
}
#my-banner5 {
    -webkit-animation-delay: 120s;
    animation-delay: 120s;
}