body  {
	background-color: #FFC;	
	background: #FFFFD9 url(streep.png) repeat;		/* voor patroon */
	color: #600000;
	
}

/* 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;
}

/* Theme yellow */

.w3-theme-l5 {color:#000 !important; background-color:#fffef3 !important}
.w3-theme-l4 {color:#000 !important; background-color:#fffbd8 !important}
.w3-theme-l3 {color:#000 !important; background-color:#fff7b1 !important}
.w3-theme-l2 {color:#000 !important; background-color:#fff38b !important}
.w3-theme-l1 {color:#000 !important; background-color:#ffef64 !important}
.w3-theme-d1 {color:#000 !important; background-color:#ffe81e !important}
.w3-theme-d2 {color:#000 !important; background-color:#fde400 !important}
.w3-theme-d3 {color:#000 !important; background-color:#ddc700 !important}
.w3-theme-d4 {color:#fff !important; background-color:#beab00 !important}
.w3-theme-d5 {color:#fff !important; background-color:#9e8e00 !important}

.w3-theme-light {color:#000 !important; background-color:#fffef3 !important}
.w3-theme-dark {color:#fff !important; background-color:#9e8e00 !important}
.w3-theme-action {color:#fff !important; background-color:#9e8e00 !important}

.w3-theme {color:#000 !important; background-color:#ffeb3b !important}
.w3-text-theme {color:#ffeb3b !important}
.w3-border-theme {border-color:#ffeb3b !important}

.w3-hover-theme:hover {color:#000 !important; background-color:#ffeb3b !important}
.w3-hover-text-theme:hover {color:#ffeb3b !important}
.w3-hover-border-theme:hover {border-color:#ffeb3b !important}


.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:#FFFFD9!important}

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