body,html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;
	margin:0px;
	background:#FFFFFF;
	}
	
select{
	max-width:540px;
}

 .Zebra_DatePicker{
    position: absolute;
    } 

/*--------------------------------------------------------------------------------------------------------------  zwart scherm tijdens laden ----------------------*/
#wachtscherm{
	width:100%;
	height:70%;
	padding-top:30%;
	text-align:center;
	position:fixed;
	top:0;
	z-index:12000;
	background-color:rgba(0,0,0,0.9);
	color:#FFFFFF;	
}


/*--------------------------------------------------------------------------------------------------------------  algemeen ----------------------------------------*/
label{													cursor:pointer;					}
input, select,textarea{									padding: 5px;					}
input[type=text]:focus,select:focus,textarea:focus{		background-color:#dee78e;		}

/*--------------------------------------------------------------------------------------------------------------  print versie J/N --------------------------------*/
.onlyprint{												display:none;					}


/*--------------------------------------------------------------------------------------------------------------  admin menu --------------------------------------*/
#adminmenudiv{
	width:100%;
	padding-bottom:15px;
}

			#hoofdmenubalk{
				background-image:url(../basicimages/adminmenu.jpg);
				background-position:0px 45px;
				background-repeat:repeat;
				height:43px;
				overflow:hidden;
				padding:0px;
				margin:0px;
				z-index:90;
				width:100%;
				}
			
						#hoofdmenubalk li{
							color:#FFFFFF;
							font-size:12px;
							font-weight:bold;
							list-style:none; 
							float:left;
							margin:0px; 
							border:0px;
							border-right: 1px solid #282722;
							border-left: 1px solid #5b5848;
							height: 38px;
							line-height: 34px;
							padding:5px 10px 5px 10px;  
							cursor:pointer;
						}
						
						#hoofdmenubalk li.adminmenuselected{
							color:#8e9831;
							background-color:#efefde;
							background-position:top left;
							background-repeat:repeat-x;
							vertical-align:bottom; 
						}
							
						#hoofdmenubalk li.adminmenuselected2{
							color:#FFFFFF;
							background-color:#8e9831;
							background-image:url(../basicimages/adminmenuselected.jpg);
							background-position:top left;
							background-repeat:repeat;
						}
							
						#dctop{
							color:#FFFFFF;
							font-weight:normal;
							}
						
							
						#hoofdmenubalk a{
							font-size:12px;
							color:#FFFFFF;
							text-decoration:none;
						}
						
						
						#hoofdmenubalk a:hover{
							color:#b8c444;
							text-decoration:none;
						}
						
			
				
				
			#adminsubmenubalk{
				font-size:12px;
				background-color:#efefde;
				padding:0px;
				border-bottom:1px solid #333;
				-webkit-box-shadow: 3px 3px 30px #000000;
				box-shadow: 3px 3px 30px #000000;
				width:100%;
			}
			
			#adminsubmenuinhoud{
				width:100%;
				min-height:115px;
				padding:0px;
			}
			
			#adminsubmenukolom{
				width:auto;
			}
			
			#adminsubmenuinhoud td{
				background:url(../basicimages/adminsubmenuscheiding.png);
				background-position:right;
				background-repeat:repeat-y;
				padding-left:8px;
				padding-right:10px;
				line-height:15px;
			}
			
			#adminsubmenuinhoud ul{
				margin:0px;
				padding:0px;
				margin-left:10px;
				padding-left:10px;
				list-style:square;
				display:inline-table;
			}
			
			#adminsubmenuinhoud a.adminsubmenu{
				text-decoration:none;
				font-size:11px;
				font-weight:normal;
				color:#2f2f2f;
				display:block;
			}
			
			#adminsubmenuinhoud a.adminsubmenuselected{
				text-decoration:none;
				font-size:11px;
				font-weight:bold;
				color:#8e9831;
				display:block;
			}
			
			#adminsubmenuinhoud a:hover{
				text-decoration:underline;
				color:#8e9831;
			}
			
			
			#adminsubmenuinhoud .tussentitel{
				list-style:none;
				list-style-type:none;
				padding:15px 0px 0px 0px;
				margin:0px 0px 0px -20px;
				font-weight:bold;
				display:block;
				text-transform:uppercase;
			}
			
/*--------------------------------------------------------------------------------------------------------------  admin content div -------------------------------------*/
#admincontent{
	padding:12px 15px 10px 52px;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	min-height:400px;
}

#admincontent table{
	border: 1px solid #2f2f2f;
	margin: auto;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}


#admincontent td{		padding:3px;	border: 1px solid #C0C0C0;		}

/*---- invultabel,tabelrij en tabelrij3 worden gebruik in lijstoverzicht 00basisdatabase ------*/
#admincontent .tabelrij {
	background-color:#efefde;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

.tabelrij ul{
	padding:0px;
	margin:0px;
	padding-left:20px;
	list-style-type:square;
}

#admincontent .tabelrij:hover {
	background-color:#c8d92d;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

#admincontent  .tabelrij3{
	background-color:#b8c444;
	margin: auto;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

#admincontent .invultabel {
	background-color:#efefde;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

#admincontent .invultabel td{	border: 1px dotted #CCC;	}

#admincontent .basistabel{		float:left;	width:auto;		}

#admincontent .basistabel td{
	border:0px;
	border-bottom: 1px solid #A8A8A8;
	border-right: 1px solid #A8A8A8;
}

#admincontent .tableheader{
	background-color:#2f2f2f;
	background-image:url(../basicimages/tabelheaderachtergrond.jpg);
	background-position:center center;
	background-repeat:repeat;
	color:#FFFFFF;
	font-weight:bold;
	line-height:20px;
}

#admincontent .tableheader i{		margin-left:-10px;		}

#admincontent .tableheader td{
	border:0px;
	border-bottom: 1px solid #2f2f2f;
	border-right: 1px solid #2f2f2f;
	padding-left:8px;
	padding-right:8px;
	color:#FFFFFF;
}
#admincontent .tableheader input{	width:92%; }
			
/*---------  oude zoekopdracht in 00basisdatabase --------*/
.adminsearch{
	background:#e0e0ce;
	border: 1px solid #A8A8A8;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

		.adminsearch select,.adminsearch input[type=text]{
			width:100%;
			max-width:450px;
			min-width:140px;
		}


/*-------------------------------------------------------------------------------------------  lijst,edit,excel buttons links, oa. in 00basisdatabase ---------*/
#contentbuttons{
	position:fixed;
	z-index:1;
	top:255px;
	left:10px;
	width:35px;
	font-size:20px;
	line-height:20px;
}

		#admincontent #contentbuttons a{
			color:#FFFFFF;
			text-decoration:none;
			width:30px;
			height:27px;
			overflow:hidden;
			display:block;
			margin-bottom:5px;
			text-align:center;
		}

		#admincontent #contentbuttons a:hover{
			color:#FFFFFF;
			text-decoration:none;
		}

		#admincontent #contentbuttons i{
			padding:0px 5px 5px 5px;
			display:table-cell;
			width:30px;
			height:30px;
			text-align:center;
			vertical-align:middle;
		}

/*----------------------------------------------------------------------------------------  pijltje linksbeneden naar boven -------------------------------------------------*/
#topchoice{
	position:fixed;
	bottom:20px;
	left:10px;
	z-index:4;
	width:38px;
	height:20px;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	overflow:hidden;
}

			#topchoice a{
				color:#383838;
			}
			
			#topchoice a:hover{
				color:#6c6a6b;
			}
			
/*------------------------------------------------------------------------------------------------------  pager in linkerkolom, oa. in 00basisdatabase ----------------------*/			
.pagerlinksdiv{
	position:fixed;
	top:410px; 
	left:10px;
	z-index:4;
	width:30px;
	text-align:center;
	font-size:8px;
	font-weight:bold;
	overflow:hidden;
}

			#admincontent a.pagerlink{
				background-color:#6c6a6b;
				padding:7px;
				color:#FFFFFF;
				width:16px;
				text-align:center;
				text-decoration:none;
				font-size:12px;
				display:block;
				margin-bottom:5px;
			}
			
			#admincontent a.pagerlinkselected{
				background-color:#c8d92d;
				padding:7px;
				color:#383838;
				width:16px;
				text-align:center;
				text-decoration:none;
				font-size:12px;
				display:block;
				margin-bottom:5px;
			}
			
			#admincontent a.pagerlink:hover,#admincontent a.pagerlinkselected:hover{
				background-color:#383838;
				color:#c8d92d;
				text-decoration:none;
			}
			

/*-----------------------------------------------------------------------------------------------------------------  tabs in edit scherm in 00basisdatabase ----------------------*/
#BASISTAB{
	display:block;
	padding:10px 0px 0px 0px;
	margin:0px;
	height:36px;
	line-height:17px;
	overflow:hidden;
	z-index:2;
	}
			#BASISTAB ul {list-style:none;margin:0;padding:0; margin-bottom:0px;}
			#BASISTAB li {float:left;margin:0;padding:0;text-align:center; cursor:pointer; }
			#BASISTAB li  {display:block;color:#FFF;text-decoration:none;border:1px solid #2f2f2f; 
						margin:0px; margin-right:5px; padding-top:8px;padding-bottom:8px;padding-left:7px;padding-right:7px;margin-bottom:5px;}
			#BASISTAB li { background-color:#2f2f2f; font-weight:bold;}
			#BASISTAB li:hover { background-color:#000000;}
			#BASISTAB li.TABselected { background-color:#E0691B; font-weight:bold;}
			#BASISTAB li.TABselected:hover { background-color:#000000; font-weight:bold;}

#BASISTABINHOUD{
	border:1px solid #2f2f2f; 
	margin:0px;
	margin-top:-2px; 
	_margin:0px;	
	padding:0px;
	padding-left:0px;
	background-color:#dbd9cd;
	}
	
.TABselected { background-color:#E0691B; font-weight:bold; color:#FFFFFF;}	
	
.scheidingstitel{
	background-color:#2f2f2f; 
	color:#FFFFFF;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}

.admintitel{
	float:left;
	display:block;
	font-weight:bold;
	padding-left:5px;
}

.TABINHOUD{
	text-align:left;	
}
	
.tablewijzig{
	color:#2f2f2f;
	font-size:10px;
	font-weight:bold;
}

tr.tablewijzig{
	background-color:#dbd9cd;
	border: 1px solid #dbd9cd;
	color:#2f2f2f;
}

td.tablewijzig{
	background-color:#dbd9cd;
	border: 1px solid #dbd9cd;
	color:#2f2f2f;
}

.tablewijzig2{
	color:#2f2f2f;
	font-size:10px;
	font-weight:bold;
}

tr.tablewijzig2{
	background-color:#b8c444;
	border: 1px solid #dbd9cd;
	color:#2f2f2f;
}

td.tablewijzig2{
	background-color:#b8c444;
	border: 1px solid #dbd9cd;
	color:#2f2f2f;
}

#admincontent .tableheader a{
	text-decoration:none;
	color:#FFFFFF;
}

#admincontent .tableheader a:hover{
	text-decoration:underline;
	color:#b8c444;
}

#admincontent a{
	text-decoration:underline;
	font-weight:bold;
	color:#2f2f2f;
}

#admincontent a:hover{
	text-decoration: underline ;
	font-weight:bold;
	color:#8e9831;
}


/*------------------------------------------------------------------------------------------------------------------------------  algemene parameters ----------------------*/
.saveknop,.searchknop,.acceptknop,.addknop,.kalenderknop,.kalenderknop2,.editknop,.deleteknop,.declineknop {
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:6px 6px;
	cursor:pointer;
	background-color:#000;
	padding:5px 7px 5px 27px;
	border:1px solid #2f2f2f;
	font-size:14px;
	color:#FFFFFF;
}
.saveknop 		{	background-image:url(../../basicimages/save_small.png);  			}
.searchknop 	{	background-image:url(../../basicimages/search_small.png);			}
.addknop 		{	background-image:url(../../basicimages/plus_small.png);				}
.acceptknop 	{	background-image:url(../../basicimages/accept_small.png);			}
.declineknop 	{	background-image:url(../../basicimages/decline_small.png);			}
.editknop		{	background-image:url(../../basicimages/edit_small.png);				}
.deleteknop		{	background-image:url(../../basicimages/trashcan_small.png);			}


.whitecolor{ 					color:#FFFFFF; }
.blackcolor{ 					color:#383838; }
.greencolor{ 					color:#8E9831; }
.lightgreencolor{			 	color:#c8d92d; }
.orangecolor{ 					color:#ed7c0d; }
.redcolor{ 						color:#bb1313; }
.bluecolor{ 					color:#2b7dae; }
.lightbluecolor{				color:#13bba9; }
.purplecolor{					color:#662dd9; }
.beigecolor{					color:#c9bc65; }

.lightgreenpale{				background-color:#dee78e; }

.green,#BASISTAB .green{ 		background-color:#8E9831; }
.white{	 						background-color:#FFFFFF; }
.black{					 		background-color:#383838; }
.lightgreen{					background-color:#c8d92d; }
.orange{ 						background-color:#ed7c0d; }
.red{ 							background-color:#bb1313; }
.blue{ 							background-color:#2b7dae; }
.lightblue{						background-color:#13bba9; }
.purple{						background-color:#662dd9; }
.beige{							background-color:#c9bc65; }

#BASISTAB .green:hover,.beige:hover,.purple:hover,.green:hover,.lightgreen:hover,.blue:hover,.lightblue:hover,.orange:hover,.red:hover{ 		background-color:#383838; }
.beigereverse,.purplereverse,.greenreverse,.lightgreenreverse,.bluereverse,.lightbluereverse,.orangereverse,.redreverse{	background-color:#383838; }
.redhovercolor,.greenhovercolor{ color:#383838; }

.bluereverse:hover, #BASISTAB .bluereverse:hover{ 		background-color:#2b7dae; }
.greenreverse:hover, #BASISTAB .greenreverse:hover{		background-color:#8E9831; }
.beigereverse:hover{			background-color:#c9bc65; }
.purplereverse:hover{			background-color:#662dd9; }
.lightgreenreverse:hover{		background-color:#c8d92d; }
.orangereverse:hover{			background-color:#ed7c0d; }
.redreverse:hover{ 				background-color:#bb1313; }
.lightbluereverse:hover{ 		background-color:#13bba9; }

.greenhovercolor:hover{ 		color:#8E9831; }
.redhovercolor:hover{ 			color:#bb1313; }

.right{			float:right;				}											.left{			float:left;					}

.cleardiv{		clear:both;					}											.cleardiv10{	clear:both;	height:10px; 	}

.top5{			margin-top:5px;				}											.top10{			margin-top:10px;			}

.h5{ height:5px;} 	 						.h10{ height:10px;}  						.h15{ height:15px;}  						.h20{ height:10px;}  
.h25{ height:25px;} 						.h30{ height:10px;}  						.h40{ height:10px;}  						.h50{ height:10px;}  

.sortering{		font-size:19px;	line-height:19px; }

.melding{
	font-weight:bold;
	text-align:left;
	color:#FFF;
	padding:6px;
	height:14px;
	overflow:hidden;
	border:1px solid #2f2f2f; 
	margin-top:10px;
	margin-bottom:10px;
}

.vierkant{padding:5px 3px 5px 25px;overflow:hidden;}  /* save bttn in web-web-pages */

.saveanchorposition{position:relative;z-index:17;margin-top:-250px;}

.adminsearch input.kalender{
			width:auto !important;
			max-width:450px;
			min-width:12px !important;
}

/*------------------------------------------------------------------------------------------------------------------  HELP popup tekst ---------------------------------------*/
#popupknop{
}
			#backgroundpopupTekst{
			display:none;
			position:fixed;
			_position:absolute; /* hack for internet explorer 6*/
			height:100%;
			width:100%;
			top:0;
			left:0;
			background:#000000;
			border:1px solid #cecece;
			z-index:9221;
			}
			#popupTekst{
			display:none;
			position:fixed;
			_position:absolute; /* hack for internet explorer 6*/
			height:508px;
			width:608px;
			background:#FFFFFF;
			border:2px solid #cecece;
			z-index:9222;
			padding:12px;
			font-size:13px;
			clear:both;
			}
			
			#contactArea{
			height:404px;
			overflow:auto;
			}
			#popupTekst h1{
			text-align:left;
			color:#2B7DAE;
			font-size:14px;
			font-weight:bold;
			border-bottom:1px dotted #2B7DAE;
			padding-bottom:8px;
			margin-bottom:15px;
			}
			#popupTekst h2{
			text-align:left;
			color:#2B7DAE;
			font-size:10px;
			font-weight:normal;
			border-top:1px dotted #2B7DAE;
			padding-top:8px;
			padding-bottom:0px;
			margin-top:20px;
			margin-bottom:0px;
			}
			#popupTekstClose{
			font-size:14px;
			line-height:14px;
			right:6px;
			top:4px;
			position:absolute;
			color:#2B7DAE;
			font-weight:normal;
			display:block;
			}
			
			#popupTekst a:link{
				text-decoration:underline;
				font-weight:normal;
				color:#2B7DAE;
			}
			
			#popupTekst a:visited{
				text-decoration:underline;
				font-weight:normal;
				color:#2B7DAE;
			}
			
			#popupTekst a:active{
				text-decoration:underline;
				font-weight:normal;
				color:#2B7DAE;
			}
			
			#popupTekst a:hover{
				text-decoration:underline;
				font-weight:normal;
				color:#990000;
			}
			
			#popupTekstClose a:link{
				text-decoration:none;
				font-weight:normal;
				color:#2B7DAE;
			}
			
			#popupTekstClose a:visited{
				text-decoration:none;
				font-weight:normal;
				color:#2B7DAE;
			}
			
			#popupTekstClose a:active{
				text-decoration:none;
				font-weight:normal;
				color:#2B7DAE;
			}
			
			#popupTekstClose a:hover{
				text-decoration:none;
				font-weight:normal;
				color:#990000;
			}


/*-------------------------------------------------------------------------------------------------------------------------------  multiselect voor veldtype  ---------------------*/



/********************************* MULTISELECT **********************************/

	
	
	/* multiselect styles */
	.multiselect {
		width: 700px;
		height: 200px;
	}
	
/* Multiselect
----------------------------------*/

.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 20px; padding: 1px; opacity: 1; margin: 4px; width: 150px; color:#333; background-image:url(../../../basicimages/magnifier.png); background-position:100% 50%; background-repeat:no-repeat;}