@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------------------------------*/
/* api_ColorX:	Akopi		Humanlabel	Maxevent	Instaprint
/* ------------------------------------------------------------------------------------------------------------------------*/
/* ColorA -> 	Groen		Zwart			DGrijs	DGrijs			*/
/* ColorZ -> 	Oranje	Rood	      Rood		DBlauw		*/
/* ColorM -> 	Blauw		Blauw			Oranje	Blauw		*/

/* Instaprint */
.ip .api_ColorA	{ color: #2B5667; }	.ip .api_BG_ColorA { background-color: #2B5667; }	.ip .api_LN_ColorA { border-color: #2B5667 !important; }	
.ip .api_ColorZ	{ color: #2B5667; }	.ip .api_BG_ColorZ { background-color: #2B5667; }	.ip .api_LN_ColorZ { border-color: #2B5667 !important; }	
.ip .api_ColorM	{ color: #009ADA; }	.ip .api_BG_ColorM { background-color: #009ADA; }	.ip .api_LN_ColorM { border-color: #009ADA !important; }	
.ip .api_ColorS	{ color: #CCCCCC; }	.ip .api_BG_ColorS { background-color: #CCCCCC; }	.ip .api_LN_ColorS { border-color: #CCCCCC !important; }	
	
/* Maxevent */
.mx .api_ColorA	{ color: #D20000; }	.mx .api_BG_ColorA { background-color: #D20000; }	.mx .api_LN_ColorA { border-color: #D20000 !important; }	
.mx .api_ColorZ	{ color: #D20000; }	.mx .api_BG_ColorZ { background-color: #D20000; }	.mx .api_LN_ColorZ { border-color: #D20000 !important; }	
.mx .api_ColorM	{ color: #FF9000; }	.mx .api_BG_ColorM { background-color: #FF9000; }	.mx .api_LN_ColorM { border-color: #FF9000 !important; }	
.mx .api_ColorS	{ color: #CCCCCC; }	.mx .api_BG_ColorS { background-color: #CCCCCC; }	.mx .api_LN_ColorS { border-color: #CCCCCC !important; }	

/* Humanlabel */
.hl .api_ColorA { color: #EF3A9B; }		.hl .api_BG_ColorA { background-color: #EF3A9B; }	.hl .api_LN_ColorA { border-color: #EF3A9B; }	
.hl .api_ColorZ { color: #000000; }		.hl .api_BG_ColorZ { background-color: #000000; }	.hl .api_LN_ColorZ { border-color: #000000; }	
.hl .api_ColorM { color: #EF3A9B; }		.hl .api_BG_ColorM { background-color: #EF3A9B; }	.hl .api_LN_ColorM { border-color: #EF3A9B; }	
.hl .api_ColorS { color: #FFCCCC; }		.hl .api_BG_ColorS { background-color: #FFCCCC; }	.hl .api_LN_ColorS { border-color: #FFCCCC; }	

/* Akopi */
.akopi .api_ColorA	{ color: #B1CB32; }	.akopi .api_BG_ColorA { background-color: #B1CB32; }	.akopi .api_LN_ColorA	{ border-color: #B1CB32; }	
.akopi .api_ColorZ	{ color: #FF5A00; }	.akopi .api_BG_ColorZ { background-color: #FF5A00; }	.akopi .api_LN_ColorZ { border-color: #FF5A00; }	
.akopi .api_ColorM	{ color: #1C94C4; }	.akopi .api_BG_ColorM { background-color: #1C94C4; }	.akopi .api_LN_ColorM { border-color: #1C94C4; }	
.akopi .api_ColorS	{ color: #CCCCCC; }	.akopi .api_BG_ColorS { background-color: #CCCCCC; }	.akopi .api_LN_ColorS { border-color: #CCCCCC; }

/******************************************************************************************************************/
/* api-Stap                                                                                                       
/******************************************************************************************************************/
.api-Stap, .api-Stap1, .api-Stap2, .api-Stap3, .api-Stap4, .api-Stap5, .api-Stap6, .api-Stap7, .api-Stap8, .api-Stap9, .api-Stap-neg
{	cursor: default;
	padding: 9px;
	background-repeat: no-repeat;
	height:auto;
	background-color: #B1CB32;
	color: #FFFFFF;
	font-size: 15px;
}

.api-Stap1 { background-image:url(http://www.akopi.be/Images/Nummer1.png); padding-left: 44px; }
.api-Stap2 { background-image:url(http://www.akopi.be/Images/Nummer2.png); padding-left: 44px; }
.api-Stap3 { background-image:url(http://www.akopi.be/Images/Nummer3.png); padding-left: 44px; }
.api-Stap4 { background-image:url(http://www.akopi.be/Images/Nummer4.png); padding-left: 44px; }
.api-Stap5 { background-image:url(http://www.akopi.be/Images/Nummer5.png); padding-left: 44px; }
.api-Stap6 { background-image:url(http://www.akopi.be/Images/Nummer6.png); padding-left: 44px; }
.api-Stap7 { background-image:url(http://www.akopi.be/Images/Nummer7.png); padding-left: 44px; }
.api-Stap8 { background-image:url(http://www.akopi.be/Images/Nummer8.png); padding-left: 44px; }
.api-Stap9 { background-image:url(http://www.akopi.be/Images/Nummer9.png); padding-left: 44px; }
.api-Stap-neg { color: #B1CB32; background-color: #FFFFFF; font-weight: bold; }

/* ---------------------------------------------------------------------------------------------------------------*/
/* api-box                                                                                                                        */
/* ---------------------------------------------------------------------------------------------------------------*/

.api-box-1, .api-box-2, .api-box-3, .api-box-4, .api-box-5, .api-box-i
{	padding: 0pt 5px; 
	font-weight: bold; 
	color: #FFFFFF;
	cursor: pointer;
}
/*.api-box-1 { background-color: #1C94C4; } /* blue */
/*.api-box-2 { background-color: #FF5A00; } /* Orange */
/*.api-box-3 { background-color: #43890B; } /* Dark Green */
/*.api-box-4 { background-color: #FF006F; } /* Pink */
/*.api-box-5 { background-color: #FBCE00; } /* Yellow */
/*.api-box-i { background-color: #B1CB32; } /* Green */

.api-box-1 { background-color: #1C94C4; background-image: url(http://www.akopi.be/Images/api-box1.png); } /* blue */
.api-box-2 { background-color: #FF5A00; background-image: url(http://www.akopi.be/Images/api-box2.png); } /* Orange */
.api-box-3 { background-color: #43890B; background-image: url(http://www.akopi.be/Images/api-box3.png); } /* Dark Green */
.api-box-4 { background-color: #FF006F; background-image: url(http://www.akopi.be/Images/api-box4.png); } /* Pink */
.api-box-5 { background-color: #FBCE00; background-image: url(http://www.akopi.be/Images/api-box5.png); } /* Yellow */
.api-box-i { background-color: #B1CB32; background-image: url(http://www.akopi.be/Images/api-boxi.png); } /* Green */

/*.api-box-disabled { background-color: #CCCCCC; color: #999999; }*/
.api-box-disabled { background-color: #CCCCCC; background-image: url(http://www.akopi.be/Images/api-box-disabled.png); color: #999999; }

/******************************************************************************************************************/
/* buttons */
/******************************************************************************************************************/
.btn_vraagje
{	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(/images/icon_Vraag.jpg) no-repeat;
	position: relative;
	top: 2px;
}
.cirkel
{	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font: normal 10px verdana;
	padding: 0;	
}


/* ---------------------------------------------------------------------------------------------------------------*/
/* Akopi-styles */
/* ---------------------------------------------------------------------------------------------------------------*/
.api_Zwart 	{ color: #000000; }	.api_BG_Zwart 	{ background-color: #000000; }	.api_LN_Zwart 	{ border-color: #000000; }	.api_BOX_Zwart		{} .api_BOX2_Zwart	{}
.api_Wit 	{ color: #FFFFFF; }	.api_BG_Wit	 	{ background-color: #FFFFFF; }	.api_LN_Wit 	{ border-color: #FFFFFF; }	.api_BOX_Wit		{}	.api_BOX2_Wit		{}
.api_Roos 	{ color: #EF3A9B; }	.api_BG_Roos 	{ background-color: #EF3A9B; }	.api_LN_Roos 	{ border-color: #EF3A9B; }	.api_BOX_Roos		{}	.api_BOX2_Roos		{}
.api_LRoos 	{ color: #FFCCCC; }	.api_BG_LRoos 	{ background-color: #FFCCCC; }	.api_LN_LRoos 	{ border-color: #FFCCCC; }	.api_BOX_LRoos		{}	.api_BOX2_LRoos	{}	
.api_DGrijs	{ color: #333333; }	.api_BG_DGrijs { background-color: #333333; }	.api_LN_DGrijs { border-color: #333333; }	.api_BOX_DGrijs	{} .api_BOX2_DGrijs	{}
.api_Grijs	{ color: #999999; }	.api_BG_Grijs 	{ background-color: #999999; }	.api_LN_Grijs 	{ border-color: #999999; }	.api_BOX_Grijs		{}	.api_BOX2_Grijs	{}
.api_LGrijs	{ color: #CCCCCC; }	.api_BG_LGrijs { background-color: #CCCCCC; }	.api_LN_LGrijs { border-color: #CCCCCC; }	.api_BOX_LGrijs	{}	.api_BOX2_LGrijs	{}
.api_Groen	{ color: #B1CB32; }	.api_BG_Groen 	{ background-color: #B1CB32; }	.api_LN_Groen 	{ border-color: #B1CB32; }	.api_BOX_Groen		{}	.api_BOX2_Groen	{}
.api_Oranje	{ color: #FF5A00; }	.api_BG_Oranje { background-color: #FF5A00; }	.api_LN_Oranje { border-color: #FF5A00; }	.api_BOX_Oranje	{}	.api_BOX2_Oranje	{}
.api_Blauw	{ color: #1C94C4; }	.api_BG_Blauw 	{ background-color: #1C94C4; }	.api_LN_Blauw 	{ border-color: #1C94C4; }	.api_BOX_Blauw		{}	.api_BOX2_Blauw	{}

.api_LN	{ border-width: 1px; border-style: none; }
.api_LN2 { border-width: 2px; }
.api_LN4 { border-width: 4px; }
.api_LN_Shadow { -moz-box-shadow: 2px 2px 5px #888888; }

.BOX { border-style: solid; border-width: 1px;}
.BOX2 { border-style: solid; border-width: 2px;}
.BOX4 { border-style: solid; border-width: 4px;}
.T { border-top-style: solid; }
.B { border-bottom-style: solid; }
.L { border-left-style: solid; }
.R { border-right-style: solid; }

.api_Dash.BOX { border-style: dashed; }
.api_Dash.T { border-top-style: dashed; }
.api_Dash.B { border-bottom-style: dashed; }
.api_Dash.L { border-left-style: dashed; }
.api_Dash.R { border-right-style: dashed; }

.api_bold { font-weight: bold; }

.doorzichtig { opacity: 0; filter: Alpha(Opacity=0); }
.doorzichtig30 { opacity: 0.3; filter: Alpha(Opacity=30); }
.doorzichtig50 { opacity: 0.5; filter: Alpha(Opacity=50); }

#apiLoading_bg, #apiLoading_img { position:fixed; width:100%; height:100%; left:0; top:0; }
#apiLoading_bg { z-index: 5001; background-color:#fff; opacity: .60;filter:Alpha(Opacity=60); }
#apiLoading_img { z-index:5002; background: url(/images/Maxevent_Loading_big.gif) no-repeat center; }

/* ---------------------------------------------------------------------------------------------------------------*/
/* mail en print */
/* ---------------------------------------------------------------------------------------------------------------*/
.DoNotMail {}
.OnlyInMail { display: none;}
.OnlyPrintIt { display: none;}

/* ---------------------------------------------------------------------------------------------------------------*/
/* api_dropdown */
/* ---------------------------------------------------------------------------------------------------------------*/

.api_dropdown { float: left; margin-right:5px;	cursor: pointer; }
.api_dropdown_titel { padding: 2px;	text-align:center; overflow:hidden; border: 1px solid black; }
.api_dropdown_titel div { display: inline-block; }
.api_dropdown_kids {	position: absolute; overflow: auto; display: none;	border: 1px solid black; }
.api_dropdown_kids div { padding: 0 3px 0 0px; cursor: pointer; text-align: center; }
.api_dropdown_open {	display: block !important; z-index: 100; }

/* ---------------------------------------------------------------------------------------------------------------*/
/* api-keuzebox */
/* ---------------------------------------------------------------------------------------------------------------*/
.api-keuzebox
{	border-style: solid;
	border-width: 2px; 		
	border-color: #E7F2B8;
	cursor:pointer;		
}

.api-keuzebox h4
{	padding: 4px 8px;
	background-color: #E7F2B8;
	border-color: #E7F2B8;
	text-align: center;
}

.api-keuzebox-titel
{	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 4px 8px;
	background-color: #E7F2B8;
	border-color: #E7F2B8;
	text-align: center;
}

.api-keuzebox-titel .api-keuzebox-active 
{	background-color: #B1CB32;
	color: #FFF;
	border-color: #B1CB32;
}

.api-keuzebox-hover	
{	border-color: #B1CB32;
}

.api-keuzebox-active
{	border-color: #B1CB32;
}

/* ---------------------------------------------------------------------------------------------------------------*/
/* Background lay-over */
/* ---------------------------------------------------------------------------------------------------------------*/
.api_layover_transp, .api_layover_Wit
{	position: absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
}

.api_layover_Wit
{	background-color: #FFFFFF;
	opacity: .35; 
	filter:Alpha(Opacity=35);
}

.api_imgPopup
{	position: fixed;
	z-index: 10000;
	background-color: #FFF;
}

/* ---------------------------------------------------------------------------------------------------------------*/
/* Progressbar
/* ---------------------------------------------------------------------------------------------------------------*/

.api-progressbar {	
	height: 6px;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 4px; 
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #FF5A00;
}

.api-progressbar_progress {
	background-color: #FF5A00;
	height: 100%;
	width: 0%;
	display: block;
}

/* ---------------------------------------------------------------------------------------------------------------*/
/* apiDoc_view
/* ---------------------------------------------------------------------------------------------------------------*/
.viewDoc_titel
{	color: #B1CB32;
	margin: 10px 0 0 0;
	font-weight: bold;
}

.viewDoc_subTitel
{	color: #FF5A00;
	margin: 10px 0 0 0;
}

.viewDoc_detail
{	border-style: none none dashed none;
	border-width: 1px;
	border-color: #CCCCCC;
}

/* ---------------------------------------------------------------------------------------------------------------*/
/* jQuery UI CSS EDIT (wijzigingen op jQuiry UI stylesheet)
/* ---------------------------------------------------------------------------------------------------------------*/
/* UI Datepicker */
.hasDatepicker + img.ui-datepicker-trigger {	position: absolute; margin-top: 2px; margin-left: 5px; }
.hasDatepicker { z-index:0; }

/* dialog */
.ui-widget-overlay { position: fixed !important; }