/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
/* +-+-+-+-+-+-+-+-+-+-+-+-+ just colors  +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
/*
 Er zijn twee kleuren (liefst aan dezelfde kant van het spectrum) nodig, beide in twee varianten. 
 - De kleuren moeten voldoende contrast hebben om leesbaar te zijn in elkaar,
 - en ze moeten donker genoeg zijn om witte tekst in te kunnen lezen, 
 - en ze moeten licht genoeg zijn om zwarte tekst in te kunnen lezen

- kleurA1 = de kleur bovenaan in de header
- kleurA2 = de (donkere) variant van kleurA1
- kleurB1 = de kleur van de koppen
- kleurB2 = de (donkere) variant van kleurB1

*/

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

/* background-color (white) */
	body, .shoppingcard_hlink a, #seats, .up_down_text, .item_data_background, table.ncoltable1, table.ncoltable2, table.ncoltable3  {
		xbackground-color:#FF0000;
	}
	.tabletitle, .basket_caption,  .general_caption, .ncolh1, .scnd_caption, h2, .screen_object_caption_c, .smallbaskettotal td, .small_button_a, .small_button_b, .small_button_c, a.buttonfake, input.ncol, a.buttonfake    {
		color: #FFF;
	}
	.smallbaskettotal td {
		color: #000;
		font-weight: bold;
	}
/* (some) texts (black) */
	.up_down_text, .small_text_b, .small_text_a, .shoppingcard_hlink a, a, a:link, a:visited, a:hover, a:active  {
		color: #000
	}
	table.ncoltable1, table.ncoltable3  {
		border-color: #000;
	}

/* kleurA1 */

	.general_caption, .ncolh1, .small_button_a_hover, .small_button_b_hover, .small_button_c_hover,  a.buttonfake:hover, .ncol {
		background-color: #FFF !important;	
		color:#000000;
	}
	.general_caption2, h3, .mededeling1, .mededeling2, td.small_text_d, tr.total td .small_text_c, #tblOPSList label  {
		color: #CD071E;
	}


/* kleurA2 */

	.loading, .small_text_b b  {
		color:  #CC071E;
	}
	.screen_object_background_c {
		border-color:#CC071E;
		background-color: #FFF !important;
	}
	.screen_object_caption_c {
		background-color: #CC071E;
		text-transform:uppercase;
		padding: 3px 2px;
	}
	.small_button_a, .small_button_b, .small_button_c, a.buttonfake, input.ncol, .small_button_a_hover, .small_button_b_hover, .small_button_c_hover,  a.buttonfake:hover, .ncol {
		border-right-color: #CC071E;
		border-bottom-color: #CC071E;
	}


/* kleurB1 */

	.scnd_caption, h2, .loading, .small_text_a .small_text_a th.basket_border, .screen_object_background_c, .small_button_a, .small_button_b, .small_button_c, a.buttonfake, input.ncol { 
		background-color: #000;
	}
	
	.small_text_a .basket_border {
		border-bottom-color: #000;

	}
	
	.small_button_a, .small_button_b, .small_button_c, a.buttonfake, input.ncol, .small_button_a_hover, .small_button_b_hover, .small_button_c_hover,  a.buttonfake:hover, .ncol {
		border-top-color: #000;
		border-left-color: #000;
	
	}
	.small_button_a_hover, .small_button_b_hover, .small_button_c_hover,  a.buttonfake:hover, .ncol {
		color: #000;
	}
	
/* kleurB2 */
	#lblSummary, #lblDetails {
		color: #797455;
	}
/*eventueel apart te stylen, als de kleuren niet mooi matchen */


.small_button_a, .small_button_b, .small_button_c, a.buttonfake, input.ncol {
	background-color: #000; /* kleurB1 */
	border-top: solid 1px #d4d0c8;	/* lichtere variant van kleurB1*/
	border-left: solid 1px #d4d0c8;	/* lichtere variant van kleurB1*/
	border-right: solid 1px #797455; /* kleurB2 */
	border-bottom: solid 1px #797455; /* kleurB2 */
	color: white;
}

.small_button_a_hover, .small_button_b_hover, .small_button_c_hover,  a.buttonfake:hover, .ncol {
	background-color: #CD071E !important; /* kleurA1 */
	border-top: solid 1px #e93970 !important;/* lichtere variant van kleurA1 */
	border-left: solid 1px #e93970 !important;/* lichtere variant van kleurA1 */
	border-right: solid 1px #CC071E !important;/* kleurA2 */
	border-bottom: solid 1px #CC071E !important;/* kleurA2 */
	color: #ED87B2;
}