/*******************************/
/* Layout                      */
/*******************************/

body  {
	background-color: #FFFFD9;	
	color: #600000;
	
}

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

.footer {
	background-color: #FFDD99;	/* Vlas Bleek   */
	color: #600000;
	font-family: "Poppins";
	font-size: 18px;
}

.list-group-item {
	/*background-color: #FFFFD9;	 Vlas Bleek   */
	background-color: beige;	

}

hr {
	background-color: #804d00;
	color:#90A1B9;
	height:2px;
	size: 2px; 
}

.form-group {
	max-width: 600px;	/*  Bij formulieren */
}

.tekst-groot {
	background-color:ivory;		
	color: #8D544B;	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px; 	
 
}

.card-deck {	
	margin-left:30px;
	margin-right: 30px;	
	padding-top: 30px;
	padding-bottom:30px;
}

.card {
	background-color: #FDF6E2;		/* beige  */
	

}

.card-header {
	background-color: #FFE09D;	 /* oranje  */
	color: #900 ; /* #932525;	*/

}
.card-body {
	background-color:ivory;		
	color: #8D544B;	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px; 	
 
}

.card-footer {
	background-color: ivory;		
	color: #8D544B;	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px; 	
}

.card-body {
  /*border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);*/
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

/* Large rounded red border */
hr.new5 {
  border: 8px solid red;
  border-radius: 5px;
  background-color: #804d00;
}

td {
	font: normal Verdana, Geneva, sans-serif;
	font-size:18px;
}

/*******************************/
/* Kleuren                     */
/*******************************/


/* Eigen SNVL   */

.snvl-oranje {color:#000 !important; background-color:#ff9800 !important;} 
.orange-text-theme {color:#ff9800 !important;} 
.orange-border-theme {border-color:#ff9800 !important;} 

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

.snvl-oranje{color:#600000!important;background-color:#FFDD99;}
.snvl-bleek{color:#000!important;background-color:#FFFFD9;}
.snvl-geel{color:#000!important;background-color:#FFFFCC;}
.knop-oranje{color:#932525!important;background-color:#FFE09D!important}

.cardlichtgroenkop{color:#000!important;background-color:#FFFFCB!important}
.cardgroenkop{color:#000!important;background-color:#96C956!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}

	
/* HTML Sandaard  */	

.beige {
	background-color: beige;		
	color: #953013;	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px;
}

.bisque {
	background-color: bisque;		
	color: #B4260E;	
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px;
}

/* nog proberen: Consilk, FloralWhite, Ivory, LightYellow, PapayaWhipe , SeaShell */
	


/* Thema AMBER */

.snvl_amber-l5 {color:#000 !important; background-color:#fffbf0 !important;} 
.snvl_amber-l4 {color:#000 !important; background-color:#fff3cd !important;} 
.snvl_amber-l3 {color:#000 !important; background-color:#ffe69b !important;} 
.snvl_amber-l2 {color:#000 !important; background-color:#ffda69 !important;} 
.snvl_amber-l1 {color:#000 !important; background-color:#ffcd37 !important;} 
.snvl_amber-d1 {color:#000 !important; background-color:#eab000 !important;} 
.snvl_amber-d2 {color:#fff !important; background-color:#d09c00 !important;} 
.snvl_amber-d3 {color:#fff !important; background-color:#b68900 !important;} 
.snvl_amber-d4 {color:#fff !important; background-color:#9c7500 !important;} 
.snvl_amber-d5 {color:#fff !important; background-color:#826200 !important;} 

.snvl_amber-light {color:#000 !important; background-color:#fffbf0 !important;} 
.snvl_amber-dark {color:#fff !important; background-color:#826200 !important;} 
.snvl_amber-action {color:#fff !important; background-color:#826200 !important;} 

.snvl_amber {color:#000 !important; background-color:#ffc107 !important;} 
.amber-text-theme {color:#ffc107 !important;}
.amber-border-theme {border-color:#ffc107 !important;} 

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

/* Thema ORANGE */

.snvl-oranje-l5 {color:#000 !important; background-color:#fff9f0 !important;} 
.snvl-oranje-l4 {color:#000 !important; background-color:#ffebcc !important;} 
.snvl-oranje-l3 {color:#000 !important; background-color:#ffd699 !important;} 
.snvl-oranje-l2 {color:#000 !important; background-color:#ffc266 !important;} 
.snvl-oranje-l1 {color:#000 !important; background-color:#ffad33 !important;} 
.snvl-oranje-d1 {color:#fff !important; background-color:#e68a00 !important;} 
.snvl-oranje-d2 {color:#fff !important; background-color:#cc7a00 !important;} 
.snvl-oranje-d3 {color:#fff !important; background-color:#b36b00 !important;} 
.snvl-oranje-d4 {color:#fff !important; background-color:#995c00 !important;} 
.snvl-oranje-d5 {color:#fff !important; background-color:#804d00 !important;} 

.snvl-oranje-light {color:#000 !important; background-color:#fff9f0 !important;} 
.snvl-oranje-dark {color:#fff !important; background-color:#804d00 !important;} 
.snvl-oranje-action {color:#fff !important; background-color:#804d00 !important;} 

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

/*******************************/
/* Media: responive breekpunten*/
/*******************************/
// 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;
} 
}