?@charset "utf-8";

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

/* CHANGES .cssSK */
/* #E63A25 --> #6CAFD9										*/
/* font Lobster --> 'Baloo Paaji 2', sans-serif;	*/
/* font Bebas --> 'Baloo Paaji 2', sans-serif;		*/
/* font Share --> 'Baloo Tamma 2', sans-serif;		*/

/* CHANGES .cssIP */
/* #E63A25 --> #009ADA										*/

/* CHANGES .cssKH */
/* #E63A25 --> #079BAB										*/
/* font Lobster --> Literata, sans-serif				*/
/* font Bebas --> Literata, sans-serif					*/
/* font Share --> Muli, sans-serif						*/

:root
{	--darkpetrol: #093a3e;
	--mxgeel: #ffcc33;
}

html {}

input, select, textarea
{	color: #333333;
	background-color: #F0F0F0;
	padding: 5px 5px 5px 10px;
}

		.cssSK input, .cssSK select, .cssSK textarea,
		.cssKH input, .cssKH select, .cssKH textarea
		{	color: #333333;
			background-color: #ffffff;
			padding: 8px 12px 8px 12px;
		}
		
		.cssSK button, .cssSK input, .cssSK textarea,
		.cssKH button, .cssKH input, .cssKH textarea
		{	-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border: 1px solid #cccccc;
		}
		.cssSK select,
		.cssKH select
		{	-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border: 1px solid #cccccc;
			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):not(.greyScale,cssButton_Link_Passief)
{	background-color: #E63A25 !important;
}

		.cssMX button:not(.greyScale)								{	background-color: #E63A25;}
		.cssMX button:not(.greyScale,.cssButton_Link_Passief):hover:not(:disabled)	{	background-color: #E63A25 !important;}
		.cssMX button:not(.greyScale):disabled					{	opacity: .35; filter: Alpha(Opacity=35);}	

		.cssIP button:not(.greyScale) 							{	background-color: #009ADA;}
		.cssIP button:not(.greyScale):hover:not(:disabled)	{	background-color: #009ADA !important;}

		.cssHL button:not(.greyScale) 							{	background-color: #EF3A9B;}
		.cssHL button:not(.greyScale):hover:not(:disabled)	{	background-color: #EF3A9B !important;}

		.cssQT button:not(.greyScale) 							{	background-color: #A8D5C1;}
		.cssQT button:not(.greyScale):hover:not(:disabled)	{	background-color: #A8D5C1 !important;}

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

		.cssKH button:not(.greyScale) 							{	background-color: #079BAB;}
		.cssKH button:not(.greyScale):hover:not(:disabled)	{	background-color: #FFC432!important;}
		.cssKH button:not(.greyScale):disabled					{	opacity: .35; filter: Alpha(Opacity=35);}		
		
option
{	padding: 0 10px;
}

option:disabled 
{	font-weight: bold;
   font-variant: small-caps;
   font-size: larger;
   background-color: #d9d8d8;
}

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

.cssHover_A:hover
{	background-color: #E63A25;
	color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.holderWhenHover:hover .hideWhenHover 
{	display: none !important;
}
.holderWhenHover .showWhenHover 
{	display: none;
}
.holderWhenHover:hover .showWhenHover 
{	display: block !important;
}

.focus_A:focus	{ background-color: #E63A25; }	
		.cssMX .focus_A:focus	{ background-color: #E63A25;	}
		.cssIP .focus_A:focus	{ background-color: #009ADA;	}
		.cssHL .focus_A:focus	{ background-color: #EF3A9B;	}
		.cssQT .focus_A:focus	{ background-color: #A8D5C1;	}
		.cssSK .focus_A:focus	{ background-color: #6CAFD9;	}
		.cssKH .focus_A:focus	{ background-color: #079BAB;	}
.focus_B:focus	{ background-color: #F0F0F0; }
.focus_C:focus	{ background-color: #FFCC33; }
		.cssKH .focus_C:focus	{ background-color: #FFC432;	}
.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_bg + #apiLoading_img {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
	#apiLoading_img.cssKH 
	{	animation: 3s ease-in-out 0s infinite normal forwards running spin-easy; 
		background-image: url("/kh/images/Loading.gif");
		background-image: -webkit-image-set('/mx/images/Loading.webp', '/kh/images/Loading.gif');
		background-image: image-set(url('/kh/images/Loading.webp') type("image/webp"), url('/kh/images/Loading.gif') type("image/gif"));		
	}
	
#apiLoading_bg {
    background-color: #FFFFFF;
    opacity: 0.6;
	 filter: Alpha(Opacity=60);
    z-index: 5001;
}
#apiLoading_img 
{	background-image: url("/mx/images/Loading.gif");
	background-image: -webkit-image-set('/mx/images/Loading.webp', '/mx/images/Loading.gif');
	background-image: image-set(url('/mx/images/Loading.webp') type("image/webp"), url('/mx/images/Loading.gif') type("image/gif"));	
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(0, 0, 0, 0);
	padding-left: 25px;
   height: 150px;
	 
    z-index: 5002;
}

.cssSter_A
{	font-variant: small-caps;
	background-image: url("/mx/images/icoon_ster_A.png");
	background-image: -webkit-image-set('/mx/images/icoon_ster_A.webp', '/mx/images/icoon_ster_A.png');
	background-image: image-set(url('/mx/images/icoon_ster_A.webp') type("image/webp"), url('/mx/images/icoon_ster_A.png') type("image/png"));	
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

@keyframes spin-easy
{
  0% {
    animation-timing-function: cubic-bezier(0.1716,0,0.9467,-0.4448);
    transform: rotate(0deg);
  }
  45% {
    animation-timing-function: cubic-bezier(0.5983,0.3281,0.4017,0.6719);
    transform: rotate(27.72deg);
  }
  55% {
    animation-timing-function: cubic-bezier(0.0533,1.4448,0.8284,1);
    transform: rotate(332.28000000000003deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* -------------------------------------------*/
/* 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;	}	
		.cssMX .cssColor_A	{ color: #E63A25;	}	
		.cssIP .cssColor_A	{ color: #009ADA;	}	
		.cssHL .cssColor_A	{ color: #EF3A9B;	}	
		.cssQT .cssColor_A	{ color: #A8D5C1;	}	
		.cssSK .cssColor_A	{ color: #6CAFD9;	}
		.cssKH .cssColor_A	{ color: #079BAB;	}		
.cssColor_B	{ color: #F0F0F0;	}	
.cssColor_C	{ color: #FFCC33;	}	
		.cssKH .cssColor_C	{ color: #FFC432;	}		
.cssColor_D	{ color: #CCCCCC;	}	
.cssColor_E	{ color: #666666; }	
.cssColor_F	{ color: #FFFFFF;	}	
.cssColor_G	{ color: #F39D92;	}	

.cssBG_A { background-color: #E63A25; }	
		.cssMX .cssBG_A	{ background-color: #E63A25;	}	
		.cssIP .cssBG_A	{ background-color: #009ADA;	}	
		.cssHL .cssBG_A	{ background-color: #EF3A9B;	}	
		.cssQT .cssBG_A	{ background-color: #A8D5C1;	}	
		.cssSK .cssBG_A	{ background-color: #6CAFD9;	}
		.cssKH .cssBG_A	{ background-color: #079BAB;	}
.cssBG_B { background-color: #F0F0F0; }
.cssBG_C { background-color: #FFCC33; }
		.cssKH .cssBG_C	{ background-color: #FFC432;	}		
.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;	}	
		.cssMX .cssVet_A	{ color: #E63A25;	} 
		.cssIP .cssVet_A	{ color: #009ADA;	}	
		.cssHL .cssVet_A	{ color: #EF3A9B;	}	
		.cssQT .cssVet_A	{ color: #A8D5C1;	}	
		.cssSK .cssVet_A	{ color: #6CAFD9;	}
		.cssKH .cssVet_A	{ color: #079BAB;	}
.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, cssHover_B:hover, cssHover_C:hover, cssHover_D:hover, cssHover_E:hover, cssHover_F:hover, cssHover_G:hover
{	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cssHover_A:hover { background-color: #E63A25; color: #FFFFFF;}	
		.cssMX .cssHover_A:hover { background-color: #E63A25;}
		.cssIP .cssHover_A:hover { background-color: #009ADA;}
		.cssHL .cssHover_A:hover { background-color: #EF3A9B;}
		.cssQT .cssHover_A:hover { background-color: #A8D5C1;}
		.cssSK .cssHover_A:hover { background-color: #6CAFD9;}
		.cssKH .cssHover_A:hover { background-color: #079BAB;}
.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; }
		.cssMX .cssBorderColor_A, .cssMX .cssBorderColor_A td, .cssMX .cssBorderColor_A th	{ border-color: #E63A25;}
		.cssIP .cssBorderColor_A, .cssIP .cssBorderColor_A td, .cssIP .cssBorderColor_A th	{ border-color: #009ADA;}
		.cssHL .cssBorderColor_A, .cssHL .cssBorderColor_A td, .cssHL .cssBorderColor_A th	{ border-color: #EF3A9B;}
		.cssQT .cssBorderColor_A, .cssQT .cssBorderColor_A td, .cssQT .cssBorderColor_A th	{ border-color: #A8D5C1;}
		.cssSK .cssBorderColor_A, .cssSK .cssBorderColor_A td, .cssSK .cssBorderColor_A th	{ border-color: #6CAFD9;}
		.cssKH .cssBorderColor_A, .cssKH .cssBorderColor_A td, .cssKH .cssBorderColor_A th	{ border-color: #079BAB;}

.cssBorder_A { border-color: #E63A25; }	
		.cssMX .cssBorder_A { border-color: #E63A25; } 
		.cssIP .cssBorder_A { border-color: #009ADA; }	
		.cssHL .cssBorder_A { border-color: #EF3A9B; }	
		.cssQT .cssBorder_A { border-color: #A8D5C1; }
		.cssSK .cssBorder_A { border-color: #6CAFD9; }	
		.cssKH .cssBorder_A { border-color: #079BAB; }	
.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;	}
		
		.cssMX .cssTitel_Lobster_A, .cssMX .cssTitel_Lobster_E { font-family: lobster; }
		.cssIP .cssTitel_Lobster_A, .cssIP .cssTitel_Lobster_E { font-family: lobster; }
		.cssHL .cssTitel_Lobster_A, .cssHL .cssTitel_Lobster_E { font-family: lobster; }
		.cssQT .cssTitel_Lobster_A, .cssQT .cssTitel_Lobster_E { font-family: lobster; }
		.cssSK .cssTitel_Lobster_A, .cssSK .cssTitel_Lobster_E { font-family: 'Baloo Paaji 2', sans-serif; }
		.cssKH .cssTitel_Lobster_A, .cssKH .cssTitel_Lobster_E { font-family: Literata, sans-serif; }
		
		.cssMX .cssTitel_Lobster_A	{	color: #E63A25; }
		.cssIP .cssTitel_Lobster_A	{	color: #009ADA; }
		.cssHL .cssTitel_Lobster_A	{	color: #EF3A9B; }
		.cssQT .cssTitel_Lobster_A	{	color: #A8D5C1; }
		.cssSK .cssTitel_Lobster_A	{	color: #6CAFD9; }		
		.cssKH .cssTitel_Lobster_A	{	color: #079BAB; }		

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

		.cssMX .cssTitel_Lobster_2 { font-family: lobster; }
		.cssIP .cssTitel_Lobster_2 { font-family: lobster; }
		.cssHL .cssTitel_Lobster_2 { font-family: lobster; }		
		.cssQT .cssTitel_Lobster_2 { font-family: lobster; }		
		.cssSK .cssTitel_Lobster_2 { font-family: 'Baloo Paaji 2', sans-serif; }
		.cssKH .cssTitel_Lobster_2 { font-family: Literata, 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;
}
		.cssMX .cssTitel_Share_14, .cssMX .cssTitel_Share_18, .cssMX .cssTitel_Share_18_E, .cssMX cssTitel_Share_1, .cssMX cssTitel_Share_2, .cssMX cssTitel_Share_3 { font-family: 'share', sans-serif; }
		.cssIP .cssTitel_Share_14, .cssIP .cssTitel_Share_18, .cssIP .cssTitel_Share_18_E, .cssIP cssTitel_Share_1, .cssIP cssTitel_Share_2, .cssIP cssTitel_Share_3 { font-family: 'share', sans-serif; }
		.cssHL .cssTitel_Share_14, .cssHL .cssTitel_Share_18, .cssHL .cssTitel_Share_18_E, .cssHL cssTitel_Share_1, .cssHL cssTitel_Share_2, .cssHL cssTitel_Share_3 { font-family: 'share', sans-serif; }
		.cssQT .cssTitel_Share_14, .cssQT .cssTitel_Share_18, .cssQT .cssTitel_Share_18_E, .cssQT cssTitel_Share_1, .cssQT cssTitel_Share_2, .cssQT cssTitel_Share_3 { font-family: 'share', sans-serif; }
		.cssSK .cssTitel_Share_14, .cssSK .cssTitel_Share_18, .cssSK .cssTitel_Share_18_E, .cssSK cssTitel_Share_1, .cssSK cssTitel_Share_2, .cssSK cssTitel_Share_3 { font-family: 'Baloo Tamma 2', sans-serif; }
		.cssKH .cssTitel_Share_14, .cssKH .cssTitel_Share_18, .cssKH .cssTitel_Share_18_E, .cssKH cssTitel_Share_1, .cssKH cssTitel_Share_2, .cssKH cssTitel_Share_3 { font-family: 'Muli', sans-serif; }
		
		.cssMX .cssTitel_Share_1 { background-color: #E63A25; }
		.cssIP .cssTitel_Share_1 { background-color: #009ADA; }
		.cssHL .cssTitel_Share_1 { background-color: #EF3A9B; }
		.cssQT .cssTitel_Share_1 { background-color: #A8D5C1; }
		.cssSK .cssTitel_Share_1 { background-color: #6CAFD9; }
		.cssKH .cssTitel_Share_1 { background-color: #079BAB; }
		
		.cssMX .cssTitel_Share_2, .cssMX .cssTitel_Share_3 { color: #E63A25; }
		.cssIP .cssTitel_Share_2, .cssIP .cssTitel_Share_3 { color: #009ADA; }
		.cssHL .cssTitel_Share_2, .cssHL .cssTitel_Share_3 { color: #EF3A9B; }
		.cssQT .cssTitel_Share_2, .cssQT .cssTitel_Share_3 { color: #A8D5C1; }
		.cssSK .cssTitel_Share_2, .cssSK .cssTitel_Share_3 { color: #6CAFD9; }
		.cssKH .cssTitel_Share_2, .cssKH .cssTitel_Share_3 { color: #079BAB; }

.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;	}	
.cssButton_Link_F			{	color: #FFFFFF !important;	}
.cssButton_Link			{	color: #E63A25 !important;	}
.cssButton_Link_Passief	{	color: #999999;	}

		.cssMX .cssButton_Link_A, .cssMX .cssButton_Link {	color: #E63A25 !important;	}		
		.cssIP .cssButton_Link_A, .cssIP .cssButton_Link {	color: #009ADA !important;	}		
		.cssHL .cssButton_Link_A, .cssHL .cssButton_Link {	color: #EF3A9B !important;	}		
		.cssQT .cssButton_Link_A, .cssQT .cssButton_Link {	color: #A8D5C1 !important;	}		
		.cssSK .cssButton_Link_A, .cssSK .cssButton_Link {	color: #6CAFD9 !important;	}		
		.cssKH .cssButton_Link_A, .cssKH .cssButton_Link {	color: #079BAB !important;	}		

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: #FFFFFF !important;	}	
.cssButton_Link_F:hover:not(:disabled)			{	color: #E63A25 !important;	}	
.cssButton_Link:hover:not(:disabled)			{	color: #E63A25 !important;	}	
.cssButton_Link_Passief:hover:not(:disabled)	{	color: #E63A25;	}				

		.cssMX .cssButton_Link_A:hover:not(:disabled), .cssMX .cssButton_Link_F:hover:not(:disabled), .cssMX .cssButton_Link:hover:not(:disabled)	{	color: #FFFFFF !important;	}
		.cssIP .cssButton_Link_A:hover:not(:disabled), .cssIP .cssButton_Link_F:hover:not(:disabled), .cssIP .cssButton_Link:hover:not(:disabled)	{	color: #009ADA !important;	}
		.cssHL .cssButton_Link_A:hover:not(:disabled), .cssHL .cssButton_Link_F:hover:not(:disabled), .cssHL .cssButton_Link:hover:not(:disabled)	{	color: #EF3A9B !important;	}
		.cssQT .cssButton_Link_A:hover:not(:disabled), .cssQT .cssButton_Link_F:hover:not(:disabled), .cssQT .cssButton_Link:hover:not(:disabled)	{	color: #A8D5C1 !important;	}
		.cssSK .cssButton_Link_A:hover:not(:disabled), .cssSK .cssButton_Link_F:hover:not(:disabled), .cssSK .cssButton_Link:hover:not(:disabled)	{	color: #6CAFD9 !important;	}
		.cssKH .cssButton_Link_A:hover:not(:disabled), .cssKH .cssButton_Link_F:hover:not(:disabled), .cssKH .cssButton_Link:hover:not(:disabled)	{	color: #079BAB !important;	}
		
		.cssMX .cssButton_Link_Passief:hover:not(:disabled)	{	color: #E63A25;	}			
		.cssIP .cssButton_Link_Passief:hover:not(:disabled)	{	color: #009ADA;	}			
		.cssHL .cssButton_Link_Passief:hover:not(:disabled)	{	color: #EF3A9B;	}			
		.cssQT .cssButton_Link_Passief:hover:not(:disabled)	{	color: #A8D5C1;	}			
		.cssSK .cssButton_Link_Passief:hover:not(:disabled)	{	color: #6CAFD9;	}			
		.cssKH .cssButton_Link_Passief:hover:not(:disabled)	{	color: #079BAB;	}			

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

		.cssMX button:not(.greyScale).cssButton_Passief:hover:not(:disabled), .cssMX button:not(.greyScale).cssButton_Passief_Hover:not(:disabled), .cssMX button:not(.greyScale).cssButton_D:hover:not(:disabled)	{ background-color: #E63A25;	}
		.cssIP button:not(.greyScale).cssButton_Passief:hover:not(:disabled), .cssIP button:not(.greyScale).cssButton_Passief_Hover:not(:disabled), .cssIP button:not(.greyScale).cssButton_D:hover:not(:disabled)	{ background-color: #009ADA;	}
		.cssHL button:not(.greyScale).cssButton_Passief:hover:not(:disabled), .cssHL button:not(.greyScale).cssButton_Passief_Hover:not(:disabled), .cssHL button:not(.greyScale).cssButton_D:hover:not(:disabled)	{ background-color: #EF3A9B;	}
		.cssQT button:not(.greyScale).cssButton_Passief:hover:not(:disabled), .cssQT button:not(.greyScale).cssButton_Passief_Hover:not(:disabled), .cssQT button:not(.greyScale).cssButton_D:hover:not(:disabled)	{ background-color: #A8D5C1;	}
		.cssSK button:not(.greyScale).cssButton_Passief:hover:not(:disabled), .cssSK button:not(.greyScale).cssButton_Passief_Hover:not(:disabled), .cssSK button:not(.greyScale).cssButton_D:hover:not(:disabled)	{ background-color: #6CAFD9;	}
		.cssKH button:not(.greyScale).cssButton_Passief:hover:not(:disabled), .cssKH button:not(.greyScale).cssButton_Passief_Hover:not(:disabled), .cssKH button:not(.greyScale).cssButton_D:hover:not(:disabled)	{ background-color: #079BAB;	}
		.cssMX button:not(.greyScale).cssButton_F { color: #E63A25;	}
		.cssIP button:not(.greyScale).cssButton_F { color: #009ADA;	}
		.cssHL button:not(.greyScale).cssButton_F { color: #EF3A9B;	}
		.cssQT button:not(.greyScale).cssButton_F { color: #A8D5C1;	}
		.cssSK button:not(.greyScale).cssButton_F { color: #6CAFD9;	}						
		.cssKH button:not(.greyScale).cssButton_F { color: #079BAB;	}						
		.cssMX button:not(.greyScale).cssButtonDashed_A, .cssMX button:not(.greyScale).cssButtonDashed_A:hover:not(:disabled), .cssMX button:not(.greyScale).cssButtonDashed_B:hover:not(:disabled), .cssMX button:not(.greyScale).cssButtonDashed_B_Active	{ border-color: #E63A25; }
		.cssIP button:not(.greyScale).cssButtonDashed_A, .cssIP button:not(.greyScale).cssButtonDashed_A:hover:not(:disabled), .cssIP button:not(.greyScale).cssButtonDashed_B:hover:not(:disabled), .cssIP button:not(.greyScale).cssButtonDashed_B_Active	{ border-color: #009ADA; }
		.cssHL button:not(.greyScale).cssButtonDashed_A, .cssHL button:not(.greyScale).cssButtonDashed_A:hover:not(:disabled), .cssHL button:not(.greyScale).cssButtonDashed_B:hover:not(:disabled), .cssHL button:not(.greyScale).cssButtonDashed_B_Active	{ border-color: #EF3A9B; }
		.cssQT button:not(.greyScale).cssButtonDashed_A, .cssQT button:not(.greyScale).cssButtonDashed_A:hover:not(:disabled), .cssQT button:not(.greyScale).cssButtonDashed_B:hover:not(:disabled), .cssQT button:not(.greyScale).cssButtonDashed_B_Active	{ border-color: #A8D5C1; }
		.cssSK button:not(.greyScale).cssButtonDashed_A, .cssSK button:not(.greyScale).cssButtonDashed_A:hover:not(:disabled), .cssSK button:not(.greyScale).cssButtonDashed_B:hover:not(:disabled), .cssSK button:not(.greyScale).cssButtonDashed_B_Active	{ border-color: #6CAFD9; }
		.cssKH button:not(.greyScale).cssButtonDashed_A, .cssKH button:not(.greyScale).cssButtonDashed_A:hover:not(:disabled), .cssKH button:not(.greyScale).cssButtonDashed_B:hover:not(:disabled), .cssKH button:not(.greyScale).cssButtonDashed_B_Active	{ border-color: #079BAB; }		

button:not(.greyScale).cssButtonZoek
{	background-image: url("/images/btnIcon_Zoek.png");
	background-image: -webkit-image-set('/images/btnIcon_Zoek.webp', '/images/btnIcon_Zoek.png');
	background-image: image-set(url('/images/btnIcon_Zoek.webp') type("image/webp"), url('/images/btnIcon_Zoek.png') type("image/png"));		
	background-repeat: no-repeat; 
	background-position: center center; 
	height: 21px; 
	width: 21px;
	vertical-align: top; 	
}

button:not(.greyScale).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, .cssBox_P
{	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;	}
.cssBox_P	{	background-color: #093a3e; color: #ffffff;	}

		.cssMX .cssBox_A	{ background-color: #E63A25;	}	
		.cssIP .cssBox_A	{ background-color: #009ADA;	}	
		.cssHL .cssBox_A	{ background-color: #EF3A9B;	}	
		.cssQT .cssBox_A	{ background-color: #A8D5C1;	}	
		.cssSK .cssBox_A	{ background-color: #6CAFD9;	}	
		.cssKH .cssBox_A	{ background-color: #079BAB;	}	
		
		.cssMX .cssBox_F	{ color: #E63A25;	}
		.cssIP .cssBox_F	{ color: #009ADA;	}
		.cssHL .cssBox_F	{ color: #EF3A9B;	}
		.cssQT .cssBox_F	{ color: #A8D5C1;	}
		.cssSK .cssBox_F	{ color: #6CAFD9;	}
		.cssKH .cssBox_F	{ color: #079BAB;	}

.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; }

		.cssMX .cssKader_A, .cssMX .cssKaderDashed_A, .cssMX .cssKaderDashed2_A { border-color: #E63A25; }
		.cssIP .cssKader_A, .cssIP .cssKaderDashed_A, .cssIP .cssKaderDashed2_A { border-color: #009ADA; }
		.cssHL .cssKader_A, .cssHL .cssKaderDashed_A, .cssHL .cssKaderDashed2_A { border-color: #EF3A9B; }		
		.cssQT .cssKader_A, .cssQT .cssKaderDashed_A, .cssQT .cssKaderDashed2_A { border-color: #A8D5C1; }		
		.cssSK .cssKader_A, .cssSK .cssKaderDashed_A, .cssSK .cssKaderDashed2_A { border-color: #6CAFD9; }
		.cssKH .cssKader_A, .cssKH .cssKaderDashed_A, .cssKH .cssKaderDashed2_A { border-color: #079BAB; }
		
.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); }
.cssTransparant_100 { opacity: 1; filter: Alpha(Opacity=100); }

img.greyScale
{	cursor: pointer;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

img.greyScale.Actief, img.greyScale:hover
{	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
	filter: grayscale(0);
}

button.greyScale:not(.Actief):not(:hover)
{	cursor: pointer;
	background-color: #CCCCCC !important;
	color: #666666 !important;
}


.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_Leeg, .cssKleur22_Leeg, .cssKleur40_Leeg, .cssKleur50_Leeg, .cssKleur100_Leeg
{	background-image: url("/images/KleurKader_Leeg.png");
	background-image: -webkit-image-set('/images/KleurKader_Leeg.webp', '/images/KleurKader_Leeg.png');
	background-image: image-set(url('/images/KleurKader_Leeg.webp') type("image/webp"), url('/images/KleurKader_Leeg.png') type("image/png"));
}

.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;	}

.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;	}

.cssKleur40			{	width: 40px;  }
.cssKleur40_Leeg 	{ 	width: 40px; height: 40px;}

.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;	}

.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; }

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

input.hasDatepicker
{	background-image: url("/mx/images/Icoon_Kalender.png");
	background-image: -webkit-image-set('/mx/images/Icoon_Kalender.webp', '/mx/images/Icoon_Kalender.png');
	background-image: image-set(url('/mx/images/Icoon_Kalender.webp') type("image/webp"), url('/mx/images/Icoon_Kalender.png') type("image/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;	
}
		.cssMX #tooltip, #tooltip.cssMX { font-family: share, Arial, Tahoma;	 }
		.cssIP #tooltip, #tooltip.cssIP { font-family: share, Arial, Tahoma;	 }
		.cssHL #tooltip, #tooltip.cssHL { font-family: share, Arial, Tahoma;	 }		
		.cssQT #tooltip, #tooltip.cssQT { font-family: share, Arial, Tahoma;	 }
		.cssSK #tooltip, #tooltip.cssSK { font-family: 'Baloo Tamma 2', sans-serif; }
		.cssKH #tooltip, #tooltip.cssKH { font-family: Muli, sans-serif; }



	 
#tooltip h1, #tooltip .fakeh1
{	border: none;
   color: #E63A25;
	margin: 0 0 20px 0;
	font-family: "lobster";	
	font-size: 2em;
   font-weight: bold;
}
		.cssMX #tooltip h1, #tooltip.cssMX h1, .cssMX #tooltip .fakeh1, #tooltip.cssMX .fakeh1 { color: #E63A25; font-family: lobster;	 }
		.cssIP #tooltip h1, #tooltip.cssIP h1, .cssIP #tooltip .fakeh1, #tooltip.cssIP .fakeh1 { color: #009ADA; font-family: lobster;	 }
		.cssHL #tooltip h1, #tooltip.cssHL h1, .cssHL #tooltip .fakeh1, #tooltip.cssHL .fakeh1 { color: #EF3A9B; font-family: lobster;	 }		
		.cssQT #tooltip h1, #tooltip.cssQT h1, .cssQT #tooltip .fakeh1, #tooltip.cssQT .fakeh1 { color: #A8D5C1; font-family: lobster;	 }
		.cssSK #tooltip h1, #tooltip.cssSK h1, .cssSK #tooltip .fakeh1, #tooltip.cssSK .fakeh1 { color: #6CAFD9; font-family: 'Baloo Paaji 2', sans-serif; font-size: 24px; margin: 0; }		
		.cssKH #tooltip h1, #tooltip.cssKH h1, .cssKH #tooltip .fakeh1, #tooltip.cssKH .fakeh1 { color: #079BAB; font-family: Literata, sans-serif; font-size: 24px; /*margin: 0;*/ }				
				
#tooltip h1 span, #tooltip .fakeh1 span
{	font-size: 28px !important;
}

#tooltip .body
{	background-image: none;
}

#tooltip.tooltipWinkel {
   background-image: url("/images/WinkelkarretjeTransparant.png");
	background-image: -webkit-image-set('/images/WinkelkarretjeTransparant.webp', '/images/WinkelkarretjeTransparant.png');
	background-image: image-set(url('/images/WinkelkarretjeTransparant.webp') type("image/webp"), url('/images/WinkelkarretjeTransparant.png') type("image/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"; }

		.cssMX .fntLobster	{	font-family: "lobster";	}
		.cssIP .fntLobster	{	font-family: "lobster";	}
		.cssHL .fntLobster	{	font-family: "lobster";	}
		.cssQT .fntLobster	{	font-family: "lobster";	}
		.cssSK .fntLobster	{	font-family: 'Baloo Paaji 2', sans-serif;	}
		.cssKH .fntLobster	{	font-family: "Literata", sans-serif;	}
		
		.cssMX .fntShare		{	font-family: "share"; }
		.cssIP .fntShare		{	font-family: "share"; }
		.cssHL .fntShare		{	font-family: "share"; }
		.cssQT .fntShare		{	font-family: "share"; }
		.cssSK .fntShare		{	font-family: "Baloo Tamma 2", sans-serif; }
		.cssKH .fntShare		{	font-family: "Muli", sans-serif; }
		
		.cssMX .ftnBebas		{	font-family: "bebas neue"; }
		.cssIP .ftnBebas		{	font-family: "bebas neue"; }
		.cssHL .ftnBebas		{	font-family: "bebas neue"; }
		.cssQT .ftnBebas		{	font-family: "bebas neue"; }
		.cssSK .ftnBebas		{	font-family: "Baloo Paaji 2", sans-serif; }
		.cssKH .ftnBebas		{	font-family: "Literata", sans-serif; }
		
body .cssSK {	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-color: #1C94C4;
					background-image: url("/Images/api-box1.png"); 
					background-image: -webkit-image-set('/Images/api-box1.webp', '/Images/api-box1.png');
					background-image: image-set(url('/Images/api-box1.webp') type("image/webp"), url('/Images/api-box1.png') type("image/png"));
				}
.api-box-2 	{ 	background-color: #FF5A00;
					background-image: url("/Images/api-box2.png"); 
					background-image: -webkit-image-set('/Images/api-box2.webp', '/Images/api-box2.png');
					background-image: image-set(url('/Images/api-box2.webp') type("image/webp"), url('/Images/api-box2.png') type("image/png"));
				}
.api-box-3 	{ 	background-color: #43890B;
					background-image: url("/Images/api-box3.png"); 
					background-image: -webkit-image-set('/Images/api-box3.webp', '/Images/api-box3.png');
					background-image: image-set(url('/Images/api-box3.webp') type("image/webp"), url('/Images/api-box3.png') type("image/png"));
				}
.api-box-4 	{ 	background-color: #FF006F;
					background-image: url("/Images/api-box4.png"); 
					background-image: -webkit-image-set('/Images/api-box4.webp', '/Images/api-box4.png');
					background-image: image-set(url('/Images/api-box4.webp') type("image/webp"), url('/Images/api-box4.png') type("image/png"));
				}
.api-box-5 	{ 	background-color: #FBCE00;
					background-image: url("/Images/api-box5.png"); 
					background-image: -webkit-image-set('/Images/api-box5.webp', '/Images/api-box5.png');
					background-image: image-set(url('/Images/api-box5.webp') type("image/webp"), url('/Images/api-box5.png') type("image/png"));
				}
.api-box-i 	{ 	background-color: #B1CB32;
					background-image: url("/Images/api-boxi.png"); 
					background-image: -webkit-image-set('/Images/api-boxi.webp', '/Images/api-boxi.png');
					background-image: image-set(url('/Images/api-boxi.webp') type("image/webp"), url('/Images/api-boxi.png') type("image/png"));
				}
.api-box-disabled
			 	{ 	background-color: #CCCCCC;
					color:#999999;
					background-image: url("/Images/api-box-disabled.png"); 
					background-image: -webkit-image-set('/Images/api-box-disabled.webp', '/Images/api-box-disabled.png');
					background-image: image-set(url('/Images/api-box-disabled.webp') type("image/webp"), url('/Images/api-box-disabled.png') type("image/png"));
				}

/* -------------------------------------------*/
/* 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"); 
	background-image: -webkit-image-set('/images/Radio_Off.webp', '/images/Radio_Off.png');
	background-image: image-set(url('/images/Radio_Off.webp') type("image/webp"), url('/images/Radio_Off.png') type("image/png"));
}
.api-radio-on
{	background-image: url("/images/Radio_On.png");
	background-image: -webkit-image-set('/images/Radio_On.webp', '/images/Radio_On.png');
	background-image: image-set(url('/images/Radio_On.webp') type("image/webp"), url('/images/Radio_On.png') type("image/png"));
}

/* -------------------------------------------*/
/* 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; }
.cssIP #logoIP { display: block !important; }
.cssHL #logoHL { display: block !important; }
.cssQT #logoQT { display: block !important; }
.cssSK #logoSK	{ display: block !important; }
.cssKH #logoKH	{ display: block !important; }

.cssMX .cssMX_show { display: block !important; }
.cssIP .cssIP_show { display: block !important; }
.cssHL .cssHL_show { display: block !important; }
.cssQT .cssQT_show { display: block !important; }
.cssSK .cssSK_show { display: block !important; }
.cssKH .cssKH_show { display: block !important; }

.cssView_Titel
{	font-size: 16px;
	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;	}
.cssKH .cssView_Info	{ color: #079BAB;	}

.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;
}

/* -------------------------------------------*/
/* Webflow overrule
/* -------------------------------------------*/
.w-tab-link
{	background-color: #ffffff;
}

body .cssMX	{ line-height: normal; }
body .cssIP	{ line-height: normal; }
body .cssHL	{ line-height: normal; }
body .cssQT	{ line-height: normal; }

/* -------------------------------------------*/
/* Banner
/* -------------------------------------------*/
.bannerNav
{	z-index:102; 				
	cursor: pointer; 				
}

.bannerNav.prevnext
{	position:absolute; 
	width:31px; 
	height:100%; 
	border-radius: 5px;
}

.bannerNav.goto
{	height: 15px; 
	width: 15px;
	margin-right: 5px;
	border-radius: 15px;
}

.bannerNav.prevnext, .bannerNav.goto
{	opacity: 0.2;
	background-color:#CCCCCC; 
}

.bannerNav.prevnext:hover, .bannerNav.goto:hover
{	opacity: 0.5;
	z-index: 102;
}
.bannerRotate
{	opacity: 0;
	display: block !important;
	transition: opacity 2s;
	z-index: 100;
}
.bannerRotate.bannerShow
{	display: block;
	opacity: 1; 
	filter: Alpha(Opacity=100);
	z-index: 101;
}