@charset "UTF-8";
/* Custom CSS Document */

/* Portal4U */

/*.results.formaspx.cnt_div-content table.formulier td.form_label { width:initial!important; }*/

/* ======================== */	
/* =>  Formulier Breedte    */
/* =>  Orbis Ticket 101703  */
/* ======================== */	
/*
.cnt_div-content table.formulier > tbody > tr > td {width:1% !important;}
.results.formaspx.cnt_div-content td.form_data div.forminputfield.forminputfieldExtraMargin button,
.results.formaspx.cnt_div-content td.form_data div.forminputfield.forminputfieldExtraMargin input[type=submit] { float:inherit; }
.results.formaspx.cnt_div-content td.form_data div.forminputfield.forminputfieldExtraMargin button.ui-datepicker-trigger { margin-left:-27px; }
*/
/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	

/* -- NNZ huisstijl -- */ 

/* -- Hielke Heijs 13-12-2018 JIS-NL -- */ 

/* -- kleuren #183b6c = blauw --   -- #c9d318 = groen -- -- #FFFFFF = wit -- */ 

/* -- Niet alle eigenschappen van de elementen worden hier bepaald, enkel kleur en soms grootte. Een groot deel komt dus nog uit het basis portal4u_css bestand --*/ 

/* -- Specifiek dit document wordt niet overschreven door Orbis. gebruik de naam "custom" voor live versie -- */ 


/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	

/* ======================== */	
/* => MAIN */
/* ======================== */	

	.divLogoImg { background-image: url(../../Images/nnz.jpg); background-size:100%; } 	/* -- logo links bovenin -- */ 
	.header .divLogo, .header .divLogoImg { height: 90px; width: 130px; } 					/*-- afmetingen logo --*/ 
	
												/* --header balk naast logo -- */ 																			
.header { border-top: 87px solid #ffffff; }
	.header .divLogo {																		 
    position: absolute;
    bottom: 53px;
    left: 8px;
    background-color: #FFF;
    border-right: 0px solid #434343;
    overflow: hidden;
}
	
/* ======================== */	
/* => INPUT FIELDS */
/* ======================== */
																							/* -- wordt niet gebruikt -- */ 
/*	button[type=submit], button[type=button], input[type=submit], input[type=button], button[type=reset], input[type=reset] { background-color:#3296c9; border:1px solid #20719a; }

	div.form_input_documentDownload .form_input_documentHyperlink a { color:#3296c9; }
*/
/* ======================== */	
/* => LOGIN */
/* ======================== */	
																							/* -- Logo inlogscherm -- */ 
	.form_companylogopicture {
		width: 348px; text-align: center; height: 120px; margin-bottom: 5px;
		background: #FFF url(../../Images/logo_company.jpg) center center no-repeat; } 
	
/* ======================== */	
/* => HEADER */
/* ======================== */	

																					/* -- onderstaand kleuren in (grijze) menubalk die oplichten wanneer de cursor erop geplaatst wordt -- */ 
																					
	
	.topnav > li > a:hover, 														/* -- lijntjes onder de programma's -- */
	.topnav > a:focus { border-bottom:7px solid #c9d318; cursor:pointer;} 
	
	.subnav li a:hover,																/* -- kleur van de programma's -- */ 
	.subnav li span:hover {background:#c9d318; color:#FFF; cursor: pointer;}
	
	.subnav li.selected { border-left:5px solid #c9d318; }							/* -- lijntje die aangeeft welk programma geselecteerd is -- */ 
	
	
	

/* ======================== */	
/* => CONTENT DIV */
/* ======================== */

	.cnt_div-hdr {background-color: #183b6c;}										/* -- header balk boven de programma's -- */ 	


/* ======================== */	
/* => LEFT MENU DIV */
/* ======================== */
																					/* -- linker menu voor te openen programma's en eventuele filters-- */ 
																			
	.menuoptionsbutton a { background-color: #183b6c; color: #FFF; }				/* -- linker knopje om menu te openen -- */ 
	.menuoptions > div > div.mainleftmenu { border:1px solid #d5d5d5; border-bottom:5px solid #183b6c; } /* -- lijntje onder menu -- */ 
	
	.mainleftmenulist li a:hover { color:#183b6c; }
	.mainleftmenu > h1, .mainleftfilters > h1 { background-color: #183b6c; color: #FFF; } /* -- kopheader van het menu -- */ 
	
	.mainleftfilters > h1 { background-color: #183b6c; color: #FFF; }					/* -- kopheader van eventueel filter -- */ 
	
	
	.menuoptions > div > div.menuoptionsdiv { border:1px solid #d5d5d5; border-bottom:5px solid #183b6c; } /* -- lijntje onder filters -- */ 
	
/* ======================== */

/* => Content Table */
/* ======================== */
																					/* -- hier worden een aantal zaken bepaald voor een aantal programma's -- */ 
																				
																					/* -- programma 'dashboard' -- */ 
	.dashboardnavresultnav li:first-child {	font-size: 20px; color: #183b6c; }		/* -- header koppen dashboard --*/ 
	.dashboardnavresultnav li a:hover { color: #183b6c; }							/* -- cursor op programma's -- */ 
				
																					/* -- programma 'register order' -- */ 
	.cnt_div-content table.formulier td.form_text_header { color: #c9d318; } 		/* -- tekst "you can register you order here " -- */ 
    

	
	.entity.titlePanel { background-color: #183b6c; } 								/* -- header in zoekprogramma's -- */ 

																											/* -- kleuren van een heel aantal buttons in de portal -- */ 
	button[type=submit], input[type=submit], input[type=button], button[type=reset], input[type=reset] { 	/* -- "button[type=button] " heb ik specifiek hier verwijderd omdat de datepicker anders meekleurt!  -- */ 
    background-color: #183b6c; border: 1px solid #000000; } 										
																						
																					/* -- bepaald eigenschappen van de pagina navigatie (1,2,3 etc..) in zoekprogramma. --*/ 
																					/* -- wordt gebruikt in "register order" --> "search item" -- */ 
	.entity.pager > td > table > tbody > tr > td > span, .entity.pager > td > table > tbody > tr > td > span:hover, .entity.pager > td > table > tbody > tr > td > span:focus, .pagenavigation > td > table > tbody > tr > td > span, .pagenavigation > td > table > tbody > tr > td > span:hover, .pagenavigation > td > table > tbody > tr > td > span:focus {

    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #183b6c;
    border-color: #000000; } 

}



																						/* -- wordt niet gebruikt -- */ 
/*
	.entity.jQueryPanel table.entity.searchResults > tbody > tr > td a { color:#3296c9; }

	.cnt_div-content table.tblNormaal > thead > tr:hover th a { color:#3296c9; }	
	.cnt_div-content table.tblNormaal > thead > tr:hover th a:hover { color:#3296c9; }	
	.cnt_div-content table.tblNormaal > tbody > tr > td:hover a { color:#3296c9; }	
	.cnt_div-content table.tblNormaal > thead > tr > th:hover a { color:#3296c9; }
*/
/* ======================== */	
/* => GROUPS.ASPX */
/* ======================== */	
																					/* -- wordt niet gebruikt -- */ 										
/* ======================== */	
/* => FORMS.ASPX */
/* ======================== */	
																					/* -- wordt niet gebruikt -- */ 
/*									
	.cnt_div-content table.formulier td.form_text_header { color:#3296c9; }
	.cnt_div-content table.formulier td.form_text_label a { color:#3296c9; }
*/
/* ======================== */	
/* => PAGE.ASPX */
/* ======================== */	
																						/* -- wordt niet gebruikt -- */ 
/*
	table.pageaspx_infotable span.infotable a { color:#3296c9; }
*/
/* ======================== */	
/* => PAGING OVERVIEW  */
/* ======================== */	
																						/* -- wordt niet gebruikt -- */ 
/*
	.entity.titlePanel { border-bottom: 1px solid #d5d5d5; background-color: #3296c9; }
	.entity.pager > td > table > tbody > tr > td > a,
	.entity.pager > td > table > tbody > tr > td > span,
	.pagenavigation > td > table > tbody > tr > td > a,
	.pagenavigation > td > table > tbody > tr > td > span,
	.detailviewaspx .pagenavigation {
	  background-color: #ffffff;
	  border: 1px solid #dddddd;
	  color:#3296c9;
	}

	.entity.pager > td > table > tbody > tr > td > span,
	.entity.pager > td > table > tbody > tr > td > span:hover,
	.entity.pager > td > table > tbody > tr > td > span:focus,
	.pagenavigation > td > table > tbody > tr > td > span,
	.pagenavigation > td > table > tbody > tr > td > span:hover,
	.pagenavigation > td > table > tbody > tr > td > span:focus {
		color: #ffffff;
		background-color: #3296c9;
		border-color: #20719a;
	}
*/
/* ======================== */	
/* => jQuery DatePicker */
/* ======================== */	
																						/* -- wordt niet gebruikt -- */ 
/*
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
		border: 1px solid #3296c9!important;
		background: #fff!important;
		color: #3296c9!important;
	}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover {
		border: 1px solid #3296c9!important;
		background: #3296c9!important;
		color: #fff!important;
	}
*/