body {

	font-family:Verdana, Geneva, sans-serif;

	background-color:#ffd800;

	font-size:12px;

	background-image:url('https://www.massageplein.nl/themes/default/images/');

	background-repeat:repeat-x;

    color:#ffffff;

}

.header {

	background-image:url('https://www.massageplein.nl/assets/images/site/header.png'); 

	height:103px;

	text-align:left;

	color:#ffffff;

}

.footer {

	background-image:url('https://www.massageplein.nl/assets/images/site/footer.png'); 

	background-repeat:repeat-x;

	height:24px;

	color:#ffffff;

	text-align:center;

}





a  {

  text-decoration : none;

  font-weight: bold;

	color:#ffffff;

}

a:link {

  text-decoration : none;

  font-weight: bold;

  color:#ffffff;

}

a:visited {

  text-decoration : none;

  font-weight: bold;

  color:#ffffff;

}

a:hover {

  text-decoration : underline;

  font-weight: bold;

	color:#ffffff;

}

a:active {

	color:#ffffff;

  text-decoration : underline;

  font-weight: bold;



} 



p {

	color:#ffffff;

}

.banner_header {

	float:right;

  margin-top:22px;

  margin-right:6px;

 }

.titleslogan {

	float:left;

  margin-top:20px;

  margin-left:6px;

}

/* Banner posities */
.banner-skyscraper {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  height: 600px;
  z-index: 10;
}

.banner-skyscraper-left {
  left: 0;
}

.banner-skyscraper-right {
  right: 0;
}

@media (min-width: 1400px) {
  .banner-skyscraper-left {
    left: calc((100vw - 1200px) / 4 - 80px);
  }
  .banner-skyscraper-right {
    right: calc((100vw - 1200px) / 4 - 80px);
  }
}

.banner-skyscraper img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner-medium-rectangle {
  width: 300px;
  height: 250px;
  margin: 20px auto;
  clear: both;
}

.banner-medium-rectangle img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner-medium-rectangle-inline {
  width: 300px;
  height: 250px;
  float: right;
  margin: 0 0 20px 20px;
}

.banner-medium-rectangle-inline img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner-mobile {
  width: 320px;
  height: 50px;
  margin: 10px auto;
  display: none;
}

.banner-mobile img {
  width: 100%;
  height: 100%;
  display: block;
}

/* Mobiele banners alleen op mobiel */
@media (max-width: 768px) {
  .banner-mobile {
    display: block;
  }
  
  .banner-mobile-header {
    width: 320px;
    height: 50px;
    margin: 10px auto;
    text-align: center;
  }
  
  .banner-mobile-header img {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  .banner-skyscraper {
    display: none;
  }
  
  .banner-medium-rectangle-inline {
    float: none;
    margin: 20px auto;
  }
}

/* Leaderboard footer */
.banner-leaderboard-footer {
  width: 728px;
  height: 90px;
  margin: 20px auto;
  text-align: center;
}

.banner-leaderboard-footer img {
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 768px) {
  .banner-leaderboard-footer {
    width: 320px;
    height: 50px;
  }
}