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

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Akopi/Humanlabel: api_ColorX
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ColorA = Roos		*/
/* ColorZ = Zwart		*/
/* ColorM = Roos		*/

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

.api_BOX_ColorA	{}	.api_BOX2_ColorA	{}
.api_BOX_ColorZ	{} .api_BOX2_ColorZ	{}
.api_BOX_ColorM	{}	.api_BOX2_ColorM	{}
.api_BOX_ColorS	{}	.api_BOX2_ColorS	{}	

/* ---------------------------------------------------------------------------------------------------------------*/
/* api-Stap                                                                                                       */
/* ---------------------------------------------------------------------------------------------------------------*/
.ui-state-default .api-Stap, .ui-state-default .api-Stap1, .ui-state-default .api-Stap2, .ui-state-default .api-Stap3, .ui-state-default .api-Stap4, .ui-state-default .api-Stap5, .ui-state-default .api-Stap6, .ui-state-default .api-Stap7, .ui-state-default .api-Stap8, .ui-state-default .api-Stap9
{  background-color: #000;
}

.api-Stap, .api-Stap1, .api-Stap2, .api-Stap3, .api-Stap4, .api-Stap5, .api-Stap6, .api-Stap7, .api-Stap8, .api-Stap9
{	background-color: #EF3A9B;	
	height: 20px;
}

.api-Stap-neg
{	color: #EF3A9B;
}

.api-Stap h1, .api-Stap1 h1, .api-Stap2 h1, .api-Stap3 h1, .api-Stap4 h1, .api-Stap5 h1, .api-Stap6 h1, .api-Stap7 h1, .api-Stap8 h1, .api-Stap9 h1
{	padding: 0px 5px !important;
}
/* ------------------------------------------------------------------------------------------------------------------------*/
/* Akopi/HumanLabel/Maxevent: kleuren herdefiniëren
/* ------------------------------------------------------------------------------------------------------------------------*/
.Center
{	width: 1000px;
	background-color: #FFFFFF;
}

.contentBox
{	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #EF3A9B;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Akopi/Humanlabel: api-states herdefiniëren
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.api_state_hover { background-color: #FFCCCC; }
.api_state_Lselected { background-color:#FFCCCC; }
.api_state_selected { background-color:#EF3A9B !important; }
.api_state_error { color: #EF3A9B; font-weight: bold; border: 1px #EF3A9B solid; background-color: #FFCCCC;}

.api-state-hover { background-color: #FFCCCC; }
.api-state-Lselected { background-color:#FFCCCC; }
.api-state-selected { background-color:#EF3A9B; }

.api-state-selected .ui-icon {background-image: url(../../lib/images/ui-icons_ffffff_256x240.png) !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HumanLabel styles */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.api_img
{	display: inline-block; 
	text-indent: -99999px; 
	overflow: hidden; 
	background-repeat: no-repeat;
	
	background-image:url(../images/HumanLabel.gif);
}

.api_arrowR	{	background-image:url(../images/Pijl_GT.gif); background-repeat:no-repeat; background-position:5px center; padding-left:20px;	}
.api_arrowR_big	{	background-image:url(../images/Pijl_GT_Big.gif); background-repeat:no-repeat; background-position:5px center; padding-left:20px;	}

.api_arrowOpen { width: 16px; height: 16px; background-image:url(/images/Pijl_Open.gif); background-repeat:no-repeat; background-color: #000;}
.api_arrowOpen_hover { }

.api_pijlDown_Wit, .api_pijlDown_Roos, .api_pijlDown_Zwart
{ 	width: 12px; 
	height: 10px; 
	background-image:url(/hl/images/PijlDown.png); 
	background-repeat:no-repeat;
}
.api_pijlDown_Wit { background-position:0 0; }
.api_pijlDown_Zwart { background-position:0 -20px; }
.api_pijlDown_Roos { background-position:0 -10px; }



.api_fontMono { font-family: monospace, "Trebuchet MS", Verdana; }
.api_font14 { font-size: 14px; }
.api_bold { font-weight: bold; }

.api_menu
{	margin: 2px 0;
	padding: 5px 20px;
}

.api_submenu
{	font-size:15px;
	margin: 0;
	padding-right: 10px;
	text-align: right;
}

.api_boxNummer
{	width: 20px;
	height: 20px;
	font-size: 14px;
	text-align: center;
}

.api_btn, .api_btnMini, .api_btnBig
{	cursor: pointer;
	display:inline-block;
}
.api_btn
{	padding: 0 15px;
}
.api_btnMini
{	padding: 0 5px;
}
.api_btnBig
{	font-size: 20px;
	padding: 0 15px;
}

.api-placeholder { color: #FFCCCC !important; font-style:italic;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Tags */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body
{	margin: 0px;

	background-image:url(../images/Background.jpg);
	background-repeat:repeat-x;
	background-position: 0px 0px;

	font-family: "Trebuchet MS", Verdana;
	font-size:11px;
	
	color:#333333;
}

input[type=text], select
{	font-family: "Trebuchet MS", Verdana;
	font-size:11px;
}

a { cursor:pointer; text-decoration:none; outline:none; color: inherit; }
a:hover { text-decoration:underline; }
a:visited { color: inherit; }
a img { border: none; }

button 
{	background-color: #EF3A9B;
   border: none;
   color: white;
	cursor: pointer;
	font-family: Monospace;
	font-size: 18px;
	font-weight: bold;
}

button:hover
{	background-color: #000000;
}

h1, .api-switch
{	margin: 0;
	padding: 5px;
	font-size:18px;
	cursor: pointer;
	font-family: monospace, "Trebuchet MS", Verdana;
}

h2
{	display: inline-block;	
	margin-bottom: 0;
	padding: 1px 5px;	
	font-family: monospace, "Trebuchet MS", Verdana;	
	font-size: 17px;
	margin-top: 10px;
}

h3
{	padding: 10 5px;
	margin-bottom: 0;
	font-family: monospace, "Trebuchet MS", Verdana;
}

h4
{	font-family: monospace, "Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-size:17px;	
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	cursor:default;	
}

h5
{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	cursor:default;
	color: #EF3A9B;
	font-size: 11px;
	margin: 0px 2px 0px 0px;
	display: inline-block;
}

h6
{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	cursor:default;
	color: #EF3A9B;
	font-size: 11px;
	margin: 0px 2px 0px 0px;
	border-width: 1px;
	border-color: #FFCCCC;
	border-style: none none dashed none;
}


label {	cursor: pointer; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* api-checkbox, api-radio, api-switch */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.api_checkbox, .api_radio
{	display: inline-block;
	cursor:pointer;
	background-image:url(../images/Check_Zwart.png);
	width:11px;
	height:11px;
}
.api_checkbox_on, .api_radio_on
{	background-color: #EF3A9B;
}

.api-checkbox 
{	background-repeat:no-repeat;
	width: 11px;
	height: 11px;
	display:inline-block;
	cursor: pointer;
}

.api-radio
{	background-repeat:no-repeat;	
	min-height: 14px;
	padding-left: 14px;
	display:inline-block;
	cursor: pointer;
}

.api-checkbox-disabled, .api-radio-disabled, .api_checkbox_disabled, .api_radio_disabled
{	text-decoration:line-through;
}

.api-checkbox-disabled + label
{    text-decoration: line-through;
}

.api-checkbox { background-image:url(/hl/Images/Checkbox.png); background-position: 0 -11px;}
.api-checkbox-on { background-position: 0 0; }

.api-radio { background-image:url(/Images/Radio_Off.png); }
.api-radio-on { background-image:url(/Images/Radio_On.png) !important; }

.api-switch {	background-color: #000;	color: #FFF; font-weight:bold; display:inline-block; text-align:center; padding:4px; }
.api-switch-on, .api-switch-hover {	background-color: #EF3A9B; }
.api-switch-disabled { color: #999; background-color:#CCC;	 }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Akopi/Humanlabel: api-LinkPages herdefiniëren
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.api-LinkPages 
{	padding: 0 5px;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFCCCC;
	color:#666666;
}

.api-LinkPages-active
{	background-color: #EF3A9B;
	color: #FFFFFF;
}

/* ---------------------------------------------------------------------------------------------------------------*/
/* api-selectbox
/* ---------------------------------------------------------------------------------------------------------------*/
.api-select { border-color: #EF3A9B; border-style: solid;}
.api-select-item { padding: 0px 5px; cursor:pointer; }
.api-select-selected { color:#FFF;}
.api-select-hover {  }


/* ---------------------------------------------------------------------------------------------------------------*/ 
/* tooltip styles
/* ---------------------------------------------------------------------------------------------------------------*/
.tooltip { display: none; }

#tooltip 
{	font-family: Verdana, Arial, Tahoma;
	font-size: 10px;
	color: #333;	
	position: absolute;
	z-index: 10000;
	background-color: #fff;
}

#tooltip h1
{	background-color: #EF3A9B;
	color: #fff;
}

#tooltip h1+div
{	border-color: #EF3A9B;
	border-width: 1px;
	border-style: none solid solid solid;
	padding: 10px;
}

/* ---------------------------------------------------------------------------------------------------------------*/
/* apiDoc_view
/* ---------------------------------------------------------------------------------------------------------------*/
.viewDoc_titel
{	color: #EF3A9B;
}

.viewDoc_subTitel
{	color: #000000;
}
	
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* jQuery UI CSS EDIT (wijzigingen op jQuiry UI stylesheet)
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* kalender icoon naast datepicker */
.ui-datepicker-trigger
{	position: absolute;
	margin-top: 2px;
	margin-left: 5px;
}

/* Draggable items */
.ui-draggable > img { cursor:-moz-grab; }
.ui-draggable.ui-draggable-dragging > img { cursor:-moz-grabbing; }

/* widget */
.ui-widget-content { background: #ffffff none; }
.ui-widget-header { background: #ff5a00 none; }
.ui-widget-overlay { background: #ffffff none; }
.ui-widget-shadow { background: #000000 none; }

/* dialog */
.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text { display: none; }
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-primary { margin-left: -2px; margin-top: -2px; }



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* WIJZIGING api-keuzebox 
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.api-keuzebox { border-color: #FFCCCC;	}
.api-keuzebox-hover { border-color: #EF3A9B; }
.api-keuzebox-active { border-color: #EF3A9B; }
div.api-keuzebox-titel { background-color: #FFCCCC; border-color: #FFCCCC;	}
.api-keuzebox-active div.api-keuzebox-titel { background-color: #EF3A9B;	color: #FFF; border-color: #EF3A9B; }

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

.api-progressbar { border-color:#000; }
.api-progressbar_progress { background-color: #EF3A9B; }


.imgLoading
{	background-image: url(/images/Akopi_loading.gif);
	background-repeat:no-repeat;
	min-width: 16px;
	min-height: 11px;
}