?@charset "utf-8";

/* Deze css file is nogig voor mails voor BC ouder dan 11/06/2020 */

/* A - #E63A25 = Rood 					*/
/* B - #F0F0F0 = Lichter grijs		*/
/* C - #FFCC33 = Geel					*/
/* D - #CCCCCC = Licht grijs		   */
/* E - #666666 = Donker grijs			*/
/* F - #FFFFFF = Wit						*/
/* G - #F39D92 = 50% Rood				*/


html {}

body
{	background-image: url('/mx/images/BG_Festival.jpg');
	background-image: -webkit-image-set('/mx/images/BG_Festival.webp', '/mx/images/BG_Festival.jpg');
	background-image: image-set(url('/mx/images/BG_Festival.webp') type("image/webp"), url('/mx/images/BG_Festival.jpg') type("image/jpeg"));

	background-repeat: no-repeat;
	background-position: center top;	
	background-attachment: fixed;
	
	margin: 0px;
	color: #333333;	
}

body, button, input, select, textarea
{	font-family: "share", sans-serif;
}

body, select
{	font-size: 14px;	
}

button, input, textarea
{	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 18px;
}
select
{	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	border: none;
	font-size: 18px;
}


/* Akopi.css volgt hier... nodig voor mails voor BC */
input, select, textarea
{	color: #333333;
	background-color: #F0F0F0;
	padding: 5px 5px 5px 10px;
}

		.cssSK input, .cssSK select, .cssSK textarea
		{	color: #333333;
			background-color: #ffffff;
			padding: 8px 12px 8px 12px;
		}
		
		.cssSK button, .cssSK input, .cssSK textarea
		{	-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border: 1px solid #cccccc;
		}
		.cssSK select
		{	-webkit-border-radius: 5px 0 0 5px;
			-moz-border-radius: 5px 0 0 5px;
			border-radius: 5px 0 0 5px;
			border: none;
			font-size: 18px;
		}
		
		.cssSK input[type="radio"]	{ margin-right: 3px; }

.cssMiniShow
{	display:none;
}

@media (max-width: 766px) 
{  .cssMiniHidden 
	{
		 display: none;
	}
	
	.cssMiniShow
	{	display: block;
	}
	
	.ui-dialog
	{	width: auto !important;
	}
}

img
{	border: none;
}

button
{	background-color: #E63A25;
	color: #FFFFFF;	
	cursor: pointer;
}
button:hover:not(:disabled)
{	background-color: #E63A25 !important;
}

		.cssSK button 								{	background-color: #6cafd9;}
		.cssSK button:hover:not(:disabled)	{	background-color: #6cafd9 !important;}



option
{	padding: 0 10px;
}

*:focus
{	outline:none;
}
button:focus 
{	box-shadow: 2px 2px 3px #CCCCCC;
}
button::-moz-focus-inner
{	border: 0 none;
	padding: 0;
}

[editField]:hover
{	text-decoration: underline;
}

.cssHover_underline:hover
{	text-decoration: underline;
}

.cssHover_doorstreep:hover
{	text-decoration: line-through;
}

.focus_A:focus	{ background-color: #E63A25; }	.cssSK .focus_A:focus	{ background-color: #6cafd9;	}
.focus_B:focus	{ background-color: #F0F0F0; }
.focus_C:focus	{ background-color: #FFCC33; }
.focus_D:focus	{ background-color: #CCCCCC; }
.focus_E:focus	{ background-color: #666666; }
.focus_F:focus	{ background-color: #FFFFFF; }
.focus_G:focus	{ background-color: #F39D92; }


[imgviewer]
{	cursor: zoom-in;
}
/* -------------------------------------------*/
/* link
/* -------------------------------------------*/
a	{ color: #333333; }
.api-link-noUnderline a { text-decoration: none; }
.api-link-noUnderline a:hover { text-decoration: none; }

/* -------------------------------------------*/
/* stijlen
/* -------------------------------------------*/
#apiLoading_bg, #apiLoading_img {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
#apiLoading_bg {
    background-color: #FFFFFF;
    opacity: 0.6;
	 filter: Alpha(Opacity=60);
    z-index: 5001;
}
#apiLoading_img {
    background: url("/Mx/images/Loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    z-index: 5002;
}

.cssSter_A
{	font-variant: small-caps;
	background-image: url(/mx/images/icoon_ster_A.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
/* -------------------------------------------*/
/* stijlen
/* -------------------------------------------*/
.cssRounded_5 	{	-webkit-border-radius: 5px !important;	-moz-border-radius: 5px !important;	border-radius: 5px !important; }
.cssRounded_15	{	-webkit-border-radius: 15px !important;	-moz-border-radius: 15px !important;	border-radius: 15px !important; }

.cssCirkel_16, .cssCirkel_16_A
{ 	width: 16px; 
	height: 16px; 
	font-size: 12px; 
	
	-webkit-border-radius: 8px !important;	
	-moz-border-radius: 8px !important;	
	border-radius: 8px !important; 
}

		.cssSK .cssCirkel_16, .cssSK .cssCirkel_16_A { width: 18px; height: 18px; color: #ffffff; }	

.Layout_Center
{	background-color: #FFFFFF; 
	min-height: 200px; 
	padding: 20px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cssColor_A	{ color: #E63A25;	}	.cssIP .cssColor_A	{ color: #009ADA;	}	.cssQT .cssColor_A	{ color: #A8D5C1;	}	.cssSK .cssColor_A	{ color: #6CAFD9;	}
.cssColor_B	{ color: #F0F0F0;	}	
.cssColor_C	{ color: #FFCC33;	}	
.cssColor_D	{ color: #CCCCCC;	}	
.cssColor_E	{ color: #666666; }	
.cssColor_F	{ color: #FFFFFF;	}	
.cssColor_G	{ color: #F39D92;	}	

.cssBG_A { background-color: #E63A25; }	.cssIP .cssBG_A	{ color: #009ADA;	}	.cssQT .cssBG_A	{ color: #A8D5C1;	}	.cssSK .cssBG_A	{ color: #6CAFD9;	}
.cssBG_B { background-color: #F0F0F0; }
.cssBG_C { background-color: #FFCC33; }
.cssBG_D { background-color: #CCCCCC; }
.cssBG_E { background-color: #666666; }
.cssBG_F { background-color: #FFFFFF; }
.cssBG_G { background-color: #F39D92; }

.cssVet, .cssVet_A, .cssVet_B, .cssVet_C, .cssVet_D, .cssVet_E, .cssVet_F, .cssVet_G	{	font-weight:bold; }

.cssVet_A	{ color: #E63A25;	}	.cssIP .cssVet_A	{ color: #009ADA;	}	.cssQT .cssVet_A	{ color: #A8D5C1;	}	.cssSK .cssVet_A	{ color: #6CAFD9;	}
.cssVet_B	{ color: #F0F0F0;	}
.cssVet_C	{ color: #FFCC33;	}
.cssVet_D	{ color: #CCCCCC;	}
.cssVet_E	{ color: #666666; }
.cssVet_F	{ color: #FFFFFF;	}
.cssVet_G	{ color: #F39D92;	}





.cssHover_A:hover { background-color: #E63A25; color: #FFFFFF;}	.cssSK .cssHover_A:hover { background-color: #6cafd9;}
.cssHover_B:hover { background-color: #F0F0F0; color: #666666;}
.cssHover_C:hover { background-color: #FFCC33; color: #FFFFFF;}
.cssHover_D:hover { background-color: #CCCCCC; color: #FFFFFF;}
.cssHover_E:hover { background-color: #666666; color: #FFFFFF;}
.cssHover_F:hover { background-color: #FFFFFF; color: #666666;}
.cssHover_G:hover { background-color: #F39D92; color: #FFFFFF;}

.cssBorderColor_A, .cssBorderColor_A td, .cssBorderColor_A th	{ border-color: #E63A25; }

.cssBorder_A { border-color: #E63A25; }	.cssSK .cssBorder_A { border-color: #6cafd9; }
.cssBorder_B { border-color: #F0F0F0; }
.cssBorder_C { border-color: #FFCC33; }
.cssBorder_D { border-color: #CCCCCC; }
.cssBorder_E { border-color: #666666; }
.cssBorder_F { border-color: #FFFFFF; }
.cssBorder_G { border-color: #F39D92; }

.cssTitel_18, .cssTitel_21	{	font-weight: bold; }
.cssTitel_18	{	font-size: 18px;	}
.cssTitel_21	{	font-size: 21px;	}

.cssTitel_Lobster_A, .cssTitel_Lobster_E
{	font-family: "lobster";
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.cssTitel_Lobster_A	{	color: #E63A25;	}	
.cssTitel_Lobster_E	{	color: #666666;	}
		
		.cssSK .cssTitel_Lobster_A, .cssTitel_Lobster_E { font-family: 'Baloo Paaji 2', sans-serif; }
		.cssSK .cssTitel_Lobster_A	{	color: #6cafd9; }

.cssTitel_Lobster_2
{	font-family: "lobster";
	color: #FFFFFF;
	font-size: 19px;
}

		.cssSK .cssTitel_Lobster_2 { font-family: 'Baloo Paaji 2', sans-serif; }

.cssTitel_Share_14, .cssTitel_Share_18, .cssTitel_Share_18_E
{	font-family: "share", sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
}
.cssTitel_Share_18_E 	{ 	color: #666666;	}

.cssTitel_Share_14								{	font-size: 14px;	}
.cssTitel_Share_18, .cssTitel_Share_18_E	{	font-size: 18px;	}

.cssTitel_Share_1
{	font-family: "share", sans-serif;
	background-color: #E63A25; 
	color: #FFFFFF; 
	padding: 2px 5px; 
	font-style: italic; 
	font-size: 16px;
}
		
.cssTitel_Share_2
{	font-family: "share", sans-serif;
	background-color: #FFFFFF; 
	color: #E63A25; 
	font-style: italic; 
	font-size: 16px;
}

.cssTitel_Share_3
{	font-family: "share", sans-serif;
	background-color: #FFFFFF; 
	color: #E63A25; 
	font-size: 24px;
}

		.cssSK .cssTitel_Share_14, .cssSK .cssTitel_Share_18, .cssSK .cssTitel_Share_18_E { font-family: 'Baloo Tamma 2', sans-serif; }
		.cssSK cssTitel_Share_1 { font-family: 'Baloo Tamma 2', sans-serif; background-color: #6CAFD9; }
		.cssSK cssTitel_Share_2 { font-family: 'Baloo Tamma 2', sans-serif; color: #6CAFD9; }
		.cssSK cssTitel_Share_3 { font-family: 'Baloo Tamma 2', sans-serif; color: #6CAFD9; }

.cssButton_Big
{	font-size: 18px !important;
	padding: 5px 10px;
	margin: 0 10px 0 0;
}

.cssButton_Mini
{	font-size: 13px;
	margin: 0 2px 2px 0;
}

.cssButton_Link, .cssButton_Link_Passief,
.cssButton_Link_A, .cssButton_Link_F
{	background-color: transparent !important;
	border: none !important;
	text-decoration: underline !important;
	vertical-align: bottom !important;
	font-size: 14px !important;
	margin: 0px;
	padding: 0px;
	box-shadow: none;
}
/* A - #E63A25 = Rood 					*/
/* B - #F0F0F0 = Lichter grijs		*/
/* C - #FFCC33 = Geel					*/
/* D - #CCCCCC = Licht grijs		   */
/* E - #666666 = Donker grijs			*/
/* F - #FFFFFF = Wit						*/

.cssButton_Link_A			{	color: #E63A25 !important;	}	.cssSK .cssButton_Link_A {	color: #6cafd9 !important;	}
.cssButton_Link_F			{	color: #FFFFFF !important;	}
.cssButton_Link			{	color: #E63A25 !important;	}	.cssSK .cssButton_Link {	color: #6cafd9 !important;	}
.cssButton_Link_Passief	{	color: #999999;	}

button.cssButton_Link:hover:not(:disabled), button.cssButton_Link_Passief:hover:not(:disabled),
button.cssButton_Link_A:hover:not(:disabled), button.cssButton_Link_F:hover:not(:disabled)
{	background-color: inherit !important;
}

.cssButton_Link_A:hover:not(:disabled)			{	color: #E63A25 !important;	}	.cssSK .cssButton_Link_A:hover:not(:disabled)			{	color: #6cafd9 !important;	}
.cssButton_Link_F:hover:not(:disabled)			{	color: #E63A25 !important;	}	.cssSK .cssButton_Link_F:hover:not(:disabled)			{	color: #6cafd9 !important;	}
.cssButton_Link:hover:not(:disabled)			{	color: #E63A25 !important;	}	.cssSK .cssButton_Link:hover:not(:disabled)				{	color: #6cafd9 !important;	}
.cssButton_Link_Passief:hover:not(:disabled)	{	color: #E63A25;	}				.cssSK .cssButton_Link_Passief:hover:not(:disabled)	{	color: #6cafd9;	}			

button.cssButton_Passief								{	background-color: #CCCCCC;	}
button.cssButton_Passief:hover:not(:disabled)	{	background-color: #E63A25;	}
button.cssButton_Passief_Hover:not(:disabled)	{	background-color: #E63A25;	}
button.cssButton_D								{	background-color: #CCCCCC; 	}
button.cssButton_D:hover:not(:disabled)	{	background-color: #E63A25;	}
button.cssButton_F					{	background-color: #FFFFFF; color: #E63A25;	}
button.cssButton_F:hover:not(:disabled)	{	color: #FFFFFF;	}
button.cssButtonDashed_A			{	background-color: #FFFFFF;	color: #333333;	border-width: 2px;	border-style: dashed; border-color: #E63A25;}
button.cssButtonDashed_A:hover:not(:disabled)	{	background-color: #F0F0F0 !important; border-color: #E63A25;	}
button.cssButtonDashed_A:disabled	{	opacity: 0.3; filter: Alpha(Opacity=30); }
button.cssButtonDashed_B			{	background-color: #F0F0F0;	color: #333333;	border-width: 2px;	border-style: dashed; border-color: #f0f0f0;}
button.cssButtonDashed_B:hover:not(:disabled)	{	background-color: #F0F0F0 !important; border-color: #E63A25;	}
button.cssButtonDashed_B_Active	{	background-color: #F0F0F0 !important; border-color: #E63A25;	}
button.cssButtonDashed_B:disabled	{	opacity: 0.3; filter: Alpha(Opacity=30); }

		.cssSK button.cssButton_Passief								{ }
		.cssSK button.cssButton_Passief:hover:not(:disabled)	{ background-color: #6cafd9;	}
		.cssSK button.cssButton_Passief_Hover:not(:disabled)	{ background-color: #6cafd9;	}
		.cssSK button.cssButton_D										{ }
		.cssSK button.cssButton_D:hover:not(:disabled)			{ background-color: #6cafd9;	}
		.cssSK button.cssButton_F										{ color: #6cafd9;	}
		.cssSK button.cssButton_F:hover:not(:disabled)			{ }
		.cssSK button.cssButtonDashed_A								{ border-color: #6cafd9; }
		.cssSK button.cssButtonDashed_A:hover:not(:disabled)	{ border-color: #6cafd9; }
		.cssSK button.cssButtonDashed_A:disabled					{ }
		.cssSK button.cssButtonDashed_B								{ }
		.cssSK button.cssButtonDashed_B:hover:not(:disabled)	{ border-color: #6cafd9;	}
		.cssSK button.cssButtonDashed_B_Active						{ border-color: #6cafd9;	}
		.cssSK button.cssButtonDashed_B:disabled					{ }

button.cssButtonZoek
{	background-image: url(/images/btnIcon_Zoek.png); 
	background-repeat: no-repeat; 
	background-position: center center; 
	height: 21px; 
	width: 21px;
	vertical-align: top; 	
}

button.cssButtonRechthoek
{	font-size: 12px;
	height: 100px;
	width: 60px;
	line-height: 16px;
}

/*.cssLink_Share1
{	color: #E63A25;
	font-size: 12px;	
}*/

.cssBox_A, .cssBox_B, .cssBox_C, .cssBox_D, .cssBox_E, .cssBox_F, .cssBox_G
{	padding:10px; 
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cssBox_A	{	background-color: #E63A25;	color: #ffffff;	}	
.cssBox_B	{	background-color: #f0f0f0; 	}
.cssBox_C	{	background-color: #ffCC33; color: #ffffff;	}
.cssBox_D	{	background-color: #CCCCCC;		}
.cssBox_E	{	background-color: #666666;	color: #ffffff;	}
.cssBox_F	{	background-color: #ffffff; color: #E63A25;	}

		.cssSK .cssBox_A	{ background-color: #6cafd9;	}	
		.cssSK .cssBox_B	{ }
		.cssSK .cssBox_C	{ }
		.cssSK .cssBox_D	{ }
		.cssSK .cssBox_E	{ }
		.cssSK .cssBox_F	{ color: #6cafd9;	}

.cssKader_A, .cssKader_B, .cssKader_C, .cssKader_D, .cssKader_E, .cssKader_F
.cssKaderDashed_A, .cssKaderDashed_B, .cssKaderDashed_D, 
.cssKaderDashed2_A, .cssKaderDashed2_B
{	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.cssKaderDashed_A, .cssKaderDashed_B, .cssKaderDashed_D, 
.cssKaderDashed2_A, .cssKaderDashed2_B
{	padding: 10px;
}
.cssKader_A 			{ border-width: 1px;	border-style: solid;	border-color: #E63A25; }
.cssKader_B 			{ border-width: 1px;	border-style: solid;	border-color: #f0f0f0; }
.cssKader_C 			{ border-width: 1px;	border-style: solid;	border-color: #ffCC33; }
.cssKader_D				{ border-width: 1px;	border-style: solid;	border-color: #CCCCCC; }
.cssKader_E 			{ border-width: 1px;	border-style: solid;	border-color: #666666; }
.cssKader_F 			{ border-width: 1px;	border-style: solid;	border-color: #ffffff; }
.cssKaderDashed_A 	{ border-width: 1px;	border-style: dashed; border-color: #E63A25; }
.cssKaderDashed_B		{ border-width: 1px;	border-style: dashed; border-color: #f0f0f0; }
.cssKaderDashed_D		{ border-width: 1px;	border-style: dashed; border-color: #CCCCCC; }
.cssKaderDashed2_A	{ border-width: 2px;	border-style: dashed; border-color: #E63A25; }
.cssKaderDashed2_B	{ border-width: 2px;	border-style: dashed; border-color: #f0f0f0; }

		.cssSK .cssKader_A 			{ border-color: #6cafd9; }
		.cssSK .cssKader_B 			{ }
		.cssSK .cssKader_C 			{ }
		.cssSK .cssKader_D			{ }
		.cssSK .cssKader_E 			{ }
		.cssSK .cssKader_F 			{ }
		.cssSK .cssKaderDashed_A 	{ border-color: #6cafd9; }
		.cssSK .cssKaderDashed_B	{ }
		.cssSK .cssKaderDashed_D	{ }
		.cssSK .cssKaderDashed2_A	{ border-color: #6cafd9; }
		.cssSK .cssKaderDashed2_B	{ }

.cssLijn_B_Top	{	border-top: 1px solid #CCCCCC; }

.cssTransparant { opacity: 0; filter: Alpha(Opacity=0); }
.cssTransparant_20 { opacity: 0.2; filter: Alpha(Opacity=20); }
.cssTransparant_30 { opacity: 0.3; filter: Alpha(Opacity=30); }
.cssTransparant_50 { opacity: 0.5; filter: Alpha(Opacity=50); }
.cssTransparant_80 { opacity: 0.8; filter: Alpha(Opacity=80); }

.cssLayover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.cssFormulier, .cssFormulier button
{	font-size: 18px;
}
.cssFormulier input, .cssFormulier textarea
{	margin: 5px 0 10px 20px;
   width: calc(100% - 55px);
}
.cssFormulier select
{	margin: 5px 0 10px 20px;
   width: calc(100% - 40px);
}

/* -----------------------------------
 * Table
 * ---------------------------------*/
.cssTabel 
{	border-spacing: 1px;
	cursor: default;
	empty-cells: show;
}
.cssTabel th, .cssTabel td 
{	background-color: #f0f0f0;
	border-radius: 5px;
	border-width: 0;
	padding: 5px;
	text-align: right;
}
.cssTabel.cssTabel_Right th, .cssTabel.cssTabel_Right td 
{	text-align: right;
}

.cssTabel.cssTabel_Left th, .cssTabel.cssTabel_Left td 
{	text-align: left;
}

.cssTabel tr:hover td, .cssTabel tr.cssTabel_Selected td
{	background-color: #cccccc;
}
/* -----------------------------------
 * apiKleur styles
 * -----------------------------------
*/
.cssKleur
{	display: inline-block;
	border: 1px solid #666666;
	margin: 0 2px 2px 0;
	vertical-align: middle;	
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
.cssKleur12, .cssKleur12_2L, .cssKleur12_2R, .cssKleur12_3L, .cssKleur12_3M, .cssKleur12_3R, .cssKleur12_Leeg, 
.cssKleur22, .cssKleur22_2L, .cssKleur22_2R, .cssKleur22_3L, .cssKleur22_3M, .cssKleur22_3R, .cssKleur22_Leeg,
.cssKleur40, .cssKleur40_Leeg, 
.cssKleur50, .cssKleur50_2L, .cssKleur50_2R, .cssKleur50_3L, .cssKleur50_3M, .cssKleur50_3R, .cssKleur50_Leeg,
.cssKleur100, .cssKleur100_2L, .cssKleur100_2R, .cssKleur100_3L, .cssKleur100_3M, .cssKleur100_3R, .cssKleur100_Leeg
{	float: left;
	background-size: contain;
}
.cssKleur12, .cssKleur12_2L, .cssKleur12_2R, .cssKleur12_3L, .cssKleur12_3M, .cssKleur12_3R 			{	height: 12px; }
.cssKleur22, .cssKleur22_2L, .cssKleur22_2R, .cssKleur22_3L, .cssKleur22_3M, .cssKleur22_3R			{	height: 22px; }
.cssKleur40 																													{	height: 40px; }
.cssKleur50, .cssKleur50_2L, .cssKleur50_2R, .cssKleur50_3L, .cssKleur50_3M, .cssKleur50_3R			{	height: 50px; }
.cssKleur100, .cssKleur100_2L, .cssKleur100_2R, .cssKleur100_3L, .cssKleur100_3M, .cssKleur100_3R	{	height: 100px; }

.cssKleur12, .cssKleur22, .cssKleur40, .cssKleur50, .cssKleur100,
.cssKleur12_Leeg, .cssKleur22_Leeg, .cssKleur50_Leeg, .cssKleur100_Leeg { 	border-radius: 4px 4px 4px 4px;	-webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; }
.cssKleur12_2L, .cssKleur22_2L, .cssKleur50_2L, .cssKleur100_2L,
.cssKleur12_3L, .cssKleur22_3L, .cssKleur50_3L, .cssKleur100_3L 			{ 	border-radius: 4px 0px 0px 4px;	-webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; }
.cssKleur12_2R, .cssKleur22_2R, .cssKleur50_2R, .cssKleur100_2R,
.cssKleur12_3R, .cssKleur22_3R, .cssKleur50_3R, .cssKleur100_3R 			{ 	border-radius: 0px 4px 4px 0px;	-webkit-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; }

.cssKleur12			{	width: 12px;  }
.cssKleur12_2L		{	width:  8px;  }
.cssKleur12_2R		{	width:  4px;  }
.cssKleur12_3L		{	width:  6px;  }
.cssKleur12_3M		{	width:  3px;  }
.cssKleur12_3R		{	width:  3px;  }
.cssKleur12_Leeg 	{ 	width: 12px; height: 12px; background-image: url("/images/KleurKader_Leeg.png");}

.cssKleur22			{	width: 22px;  }
.cssKleur22_2L		{	width: 15px;  }
.cssKleur22_2R		{	width:  7px; }
.cssKleur22_3L		{	width: 12px;  }
.cssKleur22_3M		{	width:  5px; }
.cssKleur22_3R		{	width:  5px; }
.cssKleur22_Leeg 	{ 	width: 22px; height: 22px; background-image: url("/images/KleurKader_Leeg.png");}

.cssKleur40			{	width: 40px;  }
.cssKleur40_Leeg 	{ 	width: 40px; height: 40px; background-image: url("/images/KleurKader_Leeg.png");}

.cssKleur50			{	width: 50px;  }
.cssKleur50_2L		{	width: 34px;  }
.cssKleur50_2R		{	width: 16px; }
.cssKleur50_3L		{	width: 25px;  }
.cssKleur50_3M		{	width: 13px; }
.cssKleur50_3R		{	width: 12px; }
.cssKleur50_Leeg 	{ 	width: 50px; height: 50px; background-image: url("/images/KleurKader_Leeg.png");}

.cssKleur100			{	width: 100px;  }
.cssKleur100_2L		{	width: 67px;  }
.cssKleur100_2R		{	width: 33px; }
.cssKleur100_3L		{	width: 50px;  }
.cssKleur100_3M		{	width: 25px; }
.cssKleur100_3R		{	width: 25px; }
.cssKleur100_Leeg 	{ 	width: 100px; height: 100px; background-image: url("/images/KleurKader_Leeg.png");}

/* -----------------------------------
 * Mail - Print classes
 * ---------------------------------*/
.DoNotMail 
{
}
.OnlyInMail
{	display: none;
}
.OnlyPrintIt
{	display: none;
}


input.hasDatepicker
{	background-image: url("/mx/images/Icoon_Kalender.png"); 
	background-position: calc(100% - 4px) center; 
	background-repeat: no-repeat; 
	padding-right: 35px; 	
	cursor: pointer;
}


h2
{	margin: 10px 0;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * tooltip styles
 * ----------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

#tooltip {
	font-family: "share", Arial, Tahoma;
	position: absolute;
	z-index: 10000;
	border: 1px solid #CCCCCC;
	box-shadow: 2px 2px 4px #CCCCCC;		
	background-color: #FFFFFF;
	padding: 20px;
	max-width: 600px;
	margin-right: 10px;
	
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}

#tooltip h1 
{	border: none;
   color: #E63A25;
	margin: 0 0 20px 0;
	font-family: "lobster";	
}

		.cssSK #tooltip { font-family: 'Baloo Tamma 2', sans-serif; }
		.cssSK #tooltip h1 { color: #6CAFD9; font-family: 'Baloo Paaji 2', sans-serif; }
		
#tooltip h1 span
{	font-size: 28px !important;
}

#tooltip.tooltipWinkel {
    background-image: url("https://dl.dropboxusercontent.com/s/rgpyupak4pjqc0b/WinkelkarretjeTransparant.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.tooltip 
{	display: none;	
}

/* -------------------------------------------*/
/* fonts
/* -------------------------------------------*/
.fntLobster	{	font-family: "lobster";	}
.fntShare	{	font-family: "share"; }
.ftnBebas	{	font-family: "bebas neue"; }

		.cssSK .fntLobster	{	font-family: 'Baloo Paaji 2', sans-serif;	}
		.cssSK .fntShare		{	font-family: 'Baloo Tamma 2', sans-serif; }
		.cssSK .ftnBebas		{	font-family: 'Baloo Paaji 2', sans-serif; }


/* -------------------------------------------*/
/* api-keuzebox
/* -------------------------------------------*/
.api-keuzebox 
{ 	background-color: #FFFFFF; 
	color: #999999;
	cursor: pointer;
	border: 1px solid #F0F0F0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
.api-keuzebox-active {	background-color: #F0F0F0; color: #333333; }
.api-keuzebox-hover { color: #333333}
.api-keuzebox-active input { background-color: #CCCCCC; }

/* -------------------------------------------*/
/* api-box
/* -------------------------------------------*/
.api-box-1, .api-box-2, .api-box-3, .api-box-4, .api-box-5, .api-box-i {
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 0 5px;
	 border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;		 
}
.api-box-1 { background-image: url("/Images/api-box1.png"); background-color: #1C94C4;}
.api-box-2 { background-image: url("/Images/api-box2.png"); background-color: #FF5A00;}
.api-box-3 { background-image: url("/Images/api-box3.png"); background-color: #43890B;}
.api-box-4 { background-image: url("/Images/api-box4.png"); background-color: #FF006F;}
.api-box-5 { background-image: url("/Images/api-box5.png"); background-color: #FBCE00;}
.api-box-i { background-image: url("/Images/api-boxi.png"); background-color: #B1CB32;}

.api-box-disabled { background-image: url("/Images/api-box-disabled.png"); background-color: #CCCCCC; color:#999999;}	

/* -------------------------------------------*/
/* api-radio
/* -------------------------------------------*/
.api-radio 
{	background-repeat: no-repeat;
   cursor: pointer;
   display: inline-block;
   min-height: 14px;
   padding-left: 14px;
}
.api-radio { background-image: url("/Images/Radio_Off.png"); }
.api-radio-on { background-image: url("/Images/Radio_On.png") !important; }

/* -------------------------------------------*/
/* Bestelling
/* -------------------------------------------*/
.api-Stap1:before, .api-Stap2:before, .api-Stap3:before, .api-Stap4:before, .api-Stap5:before, .api-Stap6:before, .api-Stap7:before, .api-Stap8:before, .api-Stap9:before
{	opacity: 0.5; 
	filter: Alpha(Opacity=50);
}
.api-Stap1:before { content: "1/ ";	}
.api-Stap2:before { content: "2/ ";	}
.api-Stap3:before { content: "3/ ";	}
.api-Stap4:before { content: "4/ ";	}
.api-Stap5:before { content: "5/ ";	}
.api-Stap6:before { content: "6/ ";	}
.api-Stap7:before { content: "7/ ";	}
.api-Stap8:before { content: "8/ ";	}
.api-Stap9:before { content: "9/ ";	}

/* -------------------------------------------*/
/* apiDoc_view
/* -------------------------------------------*/
.cssMX #logoMX { display: block !important; }
.cssHL #logoHL { display: block !important; }
.cssIP #logoIP { display: block !important; }
.cssQT #logoQT { display: block !important; }
.cssSK #logoSK	{ display: block !important; }

.cssView_Titel
{	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.cssView_Info { color: #E63A25; }
.cssMX .cssView_Info	{ color: #E63A25;	}
.cssIP .cssView_Info	{ color: #009ADA;	}
.cssHL .cssView_Info	{ color: #EF3A9B;	}
.cssQT .cssView_Info	{ color: #A8D5C1;	}
.cssSK .cssView_Info	{ color: #6CAFD9;	}

.cssView_Groep
{	font-weight: bold;
	border-bottom: 1px dashed #CCCCCC;
}
.cssView_subGroep
{	display: inline-block;
	background-color: #F0F0F0;
	padding: 2px 5px;
	font-variant: small-caps;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;moz-border-radius: 5px;		
}
.cssView_Detail_Titel
{	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.cssView_Detail_Info, .cssView_Detail_InfoTitel
{	display: inline-block;
	vertical-align: top;
}

.cssView_Detail_InfoTitel	{	width: 70px; }			/* 60px is niet breed genoeg voor gadgets - ballonnen */
.cssView_Detail_Info			{ 	max-width: 235px; }

.OnlyPrintIt
{	display: none;
}