body {	
/*	background-color: #e7dcd7;	*/
	background-color: #EFCC98;
/*		background: #e7dcd7 url(bubbles.png) repeat;
	background: #E0C085 url(kruis.png) repeat;  
		background: #CDBC98 url(schuin.png) repeat;  */
	background: #EFCC98 url(bubbles.png) repeat;
	color: #600000;
	/*font: normal Arial;	 */
	/*font: normail Verdana, Geneva, sans-serif;*/
}

/* Wrapper om te centreren en te beperken in breedte */
.wrapper {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
	background-color: #FFC;   /* Guido  */
}

.jumbotron {
	/* Gebruik background-color als u alleen de achtergrondkleur wilt aanpassen */
	background-image: url("../images/jumbotron.jpg");
	background-size: cover;
	color: #600000;
}

.footer {
	background-color: #FFDD99;	
	color: #600000;

}

.list-group-item {
	background-color: #FFFFD9;	
}

.card-header {
	background-color: #FFDD99;		

}



	/* Animatie van tekst: blinker */

	/* basisinstellingen */
		.blinker {
/*			border: 2px solid darkgreen;
			height: 100px;
			line-height: 100px;
			text-align: center;
			padding: 4px;
			font-size: 36px;*/ 
			
			/* naam van de animatie */
			-webkit-animation-name: vergroten;
			-moz-animation-name: vergroten;
			-o-animation-name: vergroten;
			animation-name: vergroten;
			/* Duur van de animatie */
			-webkit-animation-duration: 1s;
			-moz-animation-duration: 1s;
			-o-animation-duration: 1s;
			animation-duration: 1s;
			/* aantal herhalingen */
			-webkit-animation-iteration-count: 8;
			-moz-animation-iteration-count: 8;
			-o-animation-iteration-count: 8;
			animation-iteration-count: 8;
			/* richting van de animatie */
			-webkit-animation-direction: alternate;
			-moz-animation-direction: alternate;
			-o-animation-direction: alternate;
			animation-direction: alternate;
		}

		/* Chrome */
		@-webkit-keyframes vergroten{
			from{
				text-shadow: 3px 3px 3px  #CC6600;
				letter-spacing: 1px;
			}
			to{
				text-shadow: 10px 8px 8px #660000;
				letter-spacing: 4px;
				font-size: 32px;
			}
		}

		/* Mozilla */
		@-moz-keyframes vergroten{
			from{
				text-shadow: 3px 3px 3px #CC6600;
				letter-spacing: 1px;
			}
			to{
				text-shadow: 10px 8px 8px #660000;
				letter-spacing: 4px;
				font-size: 32px;
			}
		}

		/* Opera */
		@-o-keyframes vergroten{
			from{
				text-shadow: 3px 3px 3px #CC6600;
				letter-spacing: 1px;
			}
			to{
				text-shadow: 10px 8px 8px #660000;
				letter-spacing: 4px;
				font-size: 32px;
			}
		}

		/* W3C-standaard (IE10+) */
		@keyframes vergroten{
			from{
				text-shadow: 3px 3px 3px #CC6600;
				letter-spacing: 1px;
			}
			to{
				text-shadow: 10px 8px 8px #660000;
				letter-spacing: 4px;
				font-size: 32px;
			}
		}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) { 
body  {
	background-color: #555555;	
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
} 
}

/* Large rounded red border */
hr.new5 {
  border: 8px solid red;
  border-radius: 5px;
}

td.accent {
border-color: #8C5E13;
border: 2px solid ;  
border-collapse: collapse;	
}

td {
font: normal Arial;	
}

/* Kleuren Vlas Boortmeerbeek  */
.vlas-oranje{color:#600000!important;background-color:#FFDD99;}
.vlas-geel{color:#000!important;background-color:#FFFFD9;}
.vlas-bleek{color:#000!important;background-color:#FFFFCC;}

.w3-wit,.w3-hover-wit:hover{color:#000!important;background-color:#fff!important}
.w3-zilver,.w3-hover-zilver:hover{color:#000!important;background-color:#dcdcdc!important}
.w3-grijs,.w3-hover-grijs:hover{color:#000!important;background-color:#90a1b9!important}

.w3-bruin,.w3-hover-bruin:hover{color:#fff!important;background-color:#932525!important}
.w3-goud,.w3-hover-goud:hover{color:#fff!important;background-color:#c89400!important}
.w3-geel,.w3-hover-geel:hover{color:#000!important;background-color:#ffcc33!important}
.w3-oranje,.w3-hover-oranje:hover{color:#000!important;background-color:#ff9900!important}

.w3-tekst-bruin{color:#932525!important;background-color:#FFFFFF!important}
.w3-tekst-oranje{color:#ff9900!important;background-color:#FFFFFF!important}

.oranje {
	background-color: #FFDD99;		
	}
	
.tekst-bruin{color:#932525!important;background-color:#ffebcc!important}

.hr {
	background-color: #FF1122;		
	color: #FF1122
	}