/*!
  */

  body
  {background-image:url("../img/bg2.jpg");
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.9rem;
}

.site-heading {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    line-height: 1;
    font-family: Raleway;
}

.cta
{padding-top:10px;padding-bottom:10px;
background-color:transparent;
}

#mainNav {
	background-color: #751144;
	padding-bottom:10px;
	padding-top:10px;
	  font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}


#mainNav .navbar-brand{
 	color:#ffffff;
}

#mainNav .navbar-nav .nav-item .nav-link{
 	color:rgba(255,255,255,.7);
font-weight:800
}

#mainNav .navbar-nav .nav-item.active .nav-link{
 	color:#ffffff
}

.leftalign {
	font-size:1.2rem;
	font-weight: bold;
	text-align: left;
}

#mainNav .navbar-nav .nav-item .nav-link:hover{
 	color:#e43065
}

#mainNav .navbar-nav .nav-item.active .nav-link:hover{
 	color:#e43065
}

.subtitle {
	text-align:left;
	font-weight:bold;
}

.block {
	padding-left:20px;
}

.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover, .thumb:hover span { 
	visibility:visible;
	top:600; left:420px;
	z-index:1;
}


.page-section {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.bottom-nav {
    display:float;
    padding-right:10px;
    font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
 	color:rgba(255,255,255,.7);
text-decoration:none;
}


.bottom-nav:hover{
 	color:#ffffff;
 	text-decoration:none;
}

.footer {
	background-color: #751144;
	padding-bottom:1rem;padding-top:1rem;
}



.afspraken {
    line-height:1.3;
    padding-left:20px;
   }

ul .afspraken {
  border-left: 20px;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.intro
{padding-top:15px;
padding-bottom:15px;}

#nextbut {
  color:white;
}

#prevbut {
  color:white;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}