/**/
/* custom css by Theo Ceelen  */

/* margin centre page */

.post-header {
  text-align: center;
  margin-bottom: 1px !important; /*org was 17*/
  max-width: 100%;
  height: auto;
}


/*  main-menu & sub-menu stettings  */

#main-menu {
	background-color: #fbffbf;
  }

.menu-item a:hover {
  color:#dc143c!important;
  }

#main-menu .current_page_item > a{
  color:#00a9ff!important;
  }

#main-menu .sub-menu a {
  background-color: #fbffbf !important;
  border: 1px solid black !important;
  text-align: center !important;
  font-size: 12px !important;
  font-style: italic !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  text-decoration: none !important;
/* width: fit-content !important; */
  padding: 5px 5px 5px 5px!important;
  }
  
/* end main-menu  & sub-menu */

/* page settings  */
.page-title{
  display: none;
  }

.page{
  margin-left: 10px;
  margin-right: 10px;
  }

.post-content{
  margin-right: 20px;
  }
/* end page settings  */

/* sidebar settings  */
.sidebar-right{
  background-color: #eee;
  padding: 20px;
  /*border: solid 1px #bbb;*/
  box-shadow: 10px -10px 10px -5px #999;
  }
/* end sidebar settings  */

/* widget settings  */
.widget{
  margin-top:0;
  margin-bottom:0;
  }
/* end widget settings  */

/* miscellaneous settings  */
body{
  font-family: century gothic, segoe UI, arial, verdana;
  font-size: 18px;
  font-weight: 500;
  }

hr{
  border-top: 2px solid #555;
  }

a:link{
  color:#000099!important;
  font-size:18px;
  font-style:italic;
  text-decoration:underline;
  }

a:hoover{
  font-size:18px;
  color:#00ff00!important;
  font-style:italic;
  text-decoration:underline;
  }

a:active{
  color: #ffffff!important;
  font-size:18px;
  font-style:italic;
  text-decoration:underline;
  }

/*

/*end miscellaneous settings
*/

/* footer settings
*/
.copyright-info {
  color: #555!important;
  }
/* end footer settings
*/ 


/* De vaste balk onderaan het scherm */
.lopende-tekst-balk {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #222; /* Achtergrondkleur van de balk */
    color: #fff;            /* Tekstkleur */
    z-index: 99999;         /* Zorgt dat de balk altijd bovenop andere elementen ligt */
    font-family: sans-serif;
    padding: 10px 0;
    overflow: hidden;       /* Verbergt de tekst die buiten het scherm valt */
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
}

/* De container voor de lopende tekst */
.lopende-tekst {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: loop-animatie 40s linear infinite; /* Pas '25s' aan om de snelheid te veranderen (hoger is trager) */
}

/* De animatie die van rechts naar links loopt */
@keyframes loop-animatie
   {
      0%   { transform: translate3d(0, 0, 0); }
      100% { transform: translate3d(-100%, 0, 0); }
   }

/* Mobiele optimalisatie (optioneel: tekst iets kleiner op telefoons) */
/*
@media (max-width: 768px) {
    .lopende-tekst-balk {
        padding: 8px 0;
        font-size: 14px;
    }
}
*/