/* default motour css*/
.container-fluid {
      padding: 6px 5px;
      padding-left: 15px;
       padding-right: 15px;
  max-width:1400px;
  }   


.pagination a:hover:not(.active) {background-color: #ddd;}

/* horizontale lijn */

hr {
  border: 0,5 solid  #73264d;
}


.footer-2 {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color:#a379a3;
  color: white;
  text-align: center;
}

  /* Add a background color and some padding to the footer */
   footer { 
      background-color: #ffffff; 
      padding: 25px;
        text-align: center;
}

   
 .card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  border-radius: 25px;
  padding: 40px;
  margin-bottom: 30px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
  
.jumbotron {
 color: #bd4282;
}

.well-top {
min-height:20px;

padding:0px;
margin-bottom: 20px;
background-color:white;
border:0,5px solid grey;/*grijs*/
 border-radius:0px;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
  
  }
    
  
  /*lege plek   */
.content {padding-top: 100px;
	}
 
.container {
    padding-top: 5px ;
}


/* knop stick to top */

* #myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: black;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
}
#myBtn:hover {
	background-color: #155;
}

/* knoppen ankerlinken */

.btn-default-a{
color:black;
background-color:white;
border-color:#ccc
}



.btn-default {
  background-color:#571d6e; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


/* knoppen linken paars b.v. indexpagina*/


.btn-default-2{
color:grey;
background-color:white;
border-color:#ccc
}



 body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    }

/* unvisited link */
a:link {
       color: #87073a;
}

/* visited link */
a:visited {
    color: #87073a ;
}

/* mouse over link */
a:hover {
    color:#780aa3 ;
   
}

/* selected link */
a:active {
   color:#af45d9;
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar { 
	margin-bottom: 0;
	border-radius: 0;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
	height: 100%;
}

/* top navigatie*/
.navbar {
 padding-left: 5px;
 padding-top: 7px;
 
  padding-bottom: 10px;
	margin-bottom: 0;
	background-color:  #73264d; /*menu achtergrond*/
	opacity: 1.0;
	z-index: 9999;
	border: 0;
	font-size: 16px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 4px;
	border-radius: 0;
}
.navbar li a, .navbar .navbar-brand {
	color: white !important;
	padding-top: 1px;
	
}
.navbar-nav li a:hover, .navbar-nav li.active a {
	color: #f4511e !important;
	background-color: #fff !important; 
}
.navbar-default .navbar-toggle {
	border-color: white;
	background-color: white;
	color: white; 
}

/* Altijd 1 keer gebruiken voor de pagina titel onderwerp van de pagina*/
h1 { color: #4d004d ;
font-size:28px; 

}

/* onderwerp wisseling/hoofdstukken op pagina*/
h2 { color:#4d004d;
font-size:22px; 
}

/* subkoppen voor alinea's*/
h3 { color:#4d004d;
font-size:16px; 
font-weight: bold;

}

/* Quots rood  onliner als aandachts regel in de tekst.*/
h4 { color: #d40a06;
font-weight: bold;
font-size:16px;  

}


/* Quots wit  onliner als aandachts regel in op de foto.*/
h5 { color: #ffffff;
font-size:20px;  
}


/* Quots wit  onliner als aandachts regel in op de foto.*/
h6 { color: #ffffff;
font-size:14px;  
}

p { 
        font-size:16px; 
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
        font-style:normal;
        line-height:18px;
        color: #666666;
}

 p-kl { 
        font-size:14px; 
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
        font-style:normal;
        line-height:18px;
        color: #666666;
}

p3 { 
        font-size:16px; 
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
        font-style:normal;
        line-height:40px;
        color: #666666;
}

 p-kl-w { 
        font-size:12px; 
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
        font-style:normal;
        line-height:18px;
        color: white;
}

  .bg-grey {
      background-color: #f6f6f6;
  }
  
  
  .bg-black {
     
      margin-bottom: 10px;
      background-color: #2d2d30;
      border: 0;
      background-size: 100% auto;
      opacity: 1.0;

  }

    .bg-green {
     
      margin-bottom: 10px;
      background-color: #DEE5D2;
      border: 0;
      background-size: 100% auto;
      opacity: 0.9;

  }


 .bg-green2 {
     
      margin-bottom: 10px;
      background-color: #e5e2cc;
      border: 0;
      background-size: 100% auto;
      opacity: 0.9;

  }

  
  .well{min-height: 20px;
  padding: 16px;
  margin-bottom: 12px;
  background-color: white;
  border:1px solid #9f9bb3;/*grijs*/
  border-radius: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }