@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');

@font-face {
    font-family:'GothamHTF-Book'; src: url(GothamHTF-Book.woff);
}

@media print  	{	#dontprint { display: none;} }
@media screen 	{	#dontshow  { display: none;} }

button		{	height:24;color:blue;background-color:#ccc;
			border:1px solid;
			border-top-color:#666;
			border-left-color:#666;
			border-right-color:#111;
			border-bottom-color:#111;
			cursor:hand;
		}

.defaulttable   { 	BACKGROUND-COLOR: #ffffff;}

table		{	font-size:9pt; font-face:Verdana, Arial, Helvetica, sans-serif;}

p		{	font-size:9pt; font-face:Verdana, Arial, Helvetica, sans-serif;}

body 		{	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 9pt;}

.bodytext	{	FONT-SIZE: 9pt;
			LINE-HEIGHT: 12pt;
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		}
		
.domeintext	{	FONT-SIZE: 10pt;
			LINE-HEIGHT: 12pt;
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
		}

.rubriektext	{	FONT-SIZE: 9pt;
			LINE-HEIGHT: 12pt;
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		}
		
A:hover		{	COLOR: black;
			TEXT-DECORATION: underline
		}
A		{	FONT-SIZE: 10pt;
			COLOR: black;
			FONT-FAMILY: Open Sans,Arial, Helvetica, sans-serif;
			TEXT-DECORATION: none
		}
.footer		{	FONT-SIZE: 9pt;
			COLOR: #787878;
			LINE-HEIGHT: 8pt;
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		}
A.footer:hover	{	COLOR: red;
			TEXT-DECORATION: underline
		}
A.footer	{	FONT-SIZE: 9pt;
			COLOR: #787878;
			LINE-HEIGHT: 9pt;
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
			TEXT-DECORATION: none
		}


.status		{	BACKGROUND-COLOR: #277579;
			COLOR: #FDFDFD;
			FONT-SIZE: 10pt;
			FONT-FAMILY: Open Sans,Arial, Helvetica, sans-serif;
			font-weight: bold;
			TEXT-DECORATION: bold;
		}
		
.menutitel	{	FONT-SIZE: 10pt;
			COLOR: #FDFDFD;
			LINE-HEIGHT: 9pt;
			FONT-FAMILY: Open Sans,Arial, Helvetica, sans-serif;
			TEXT-ALIGN: LEFT;
			TEXT-DECORATION: bold;
			height:26px;
			background-color:#277579;
			font-weight: bold;
		}

.menuitem	{	FONT-SIZE: 13pt;
			CURSOR: hand;
			
			LINE-HEIGHT: 9pt;
			font-family:Poppins,sans-serif;
			TEXT-ALIGN: left;
			TEXT-DECORATION: none;
			BACKGROUND-COLOR:#FFFFFF;
			COLOR: #161615;
		}

.mnuahref:hover  {color:#777777;}

.menuitem:hover	{	
			 BACKGROUND-COLOR:#FFFFFF;COLOR: #FF0000;
			 font-family:Poppins,sans-serif;
			
		}
		
.zmenuitem	{	FONT-SIZE: 9pt;
			CURSOR: hand;
			COLOR: #4b76df;
			LINE-HEIGHT: 9pt;
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			TEXT-ALIGN: left;
			TEXT-DECORATION: none;
			BACKGROUND-COLOR:#ffffff;
			COLOR: #000000;
		}
		
.zmenuitem:hover	{	FONT-SIZE: 9pt;
			CURSOR: hand;
			COLOR: #4b76df;
			LINE-HEIGHT: 9pt;
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			TEXT-ALIGN: left;
			TEXT-DECORATION: none;
			BACKGROUND-COLOR:#E6002E;
			COLOR: #FFFFFF;
		}		
		
		
		
.klantinfo	{	BACKGROUND-COLOR:#dddddd; 
			FONT-SIZE: 9pt;
			COLOR: #3b367f;
			TEXT-ALIGN: center;
			FONT-FAMILY: Arial, Helvetica, sans-serif;
			position: absolute;
			bottom: 10;
			left:15;
		}

.scrollmenuPK	{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto; WIDTH: 100%;
			PADDING-TOP: 0px; HEIGHT: 420;
		}

.scrollfilter	{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto; WIDTH: 550;
			PADDING-TOP: 0px; HEIGHT: 400;
		}
.scrollQfilter	{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto; width:100%;
			PADDING-TOP: 0px; HEIGHT: 570;
		}
		
.scrollmenu	{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto; WIDTH: 195;
			PADDING-TOP: 0px; HEIGHT: 90%
		}
.scrollscreen	{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto;
			PADDING-TOP: 0px; HEIGHT: 90%; width:100%;
		}
.scrollscreenKAN{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto;
			PADDING-TOP: 0px; HEIGHT: 80%; width:100%;
		}		
.scrollscreenRSP{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto;
			PADDING-TOP: 0px; HEIGHT: 285px; width:100%;
			border: 1px solid #aaaaaa;
			
		}				
.scrollscreenVL	{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto;
			PADDING-TOP: 0px; HEIGHT: 77%; width:100%;
		}
.scrollscreenafb{	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: visible;
			PADDING-BOTTOM: 0px; OVERFLOW: auto;
			PADDING-TOP: 0px; HEIGHT: 380; width:100%;
		}				
		
.itemhdr	{	FONT-SIZE: 16pt;
			COLOR: #161615;
			FONT-SIZE: 20pt;
			font-family:Poppins,sans-serif;
			
		}
		
.oddrow 		{	BACKGROUND-COLOR: #F5F7F7;FONT-FAMILY: Arial, Helvetica, sans-serif;}
.evenrow		{	BACKGROUND-COLOR: #ffffff;FONT-FAMILY: Arial, Helvetica, sans-serif;}


			
.balk360		{	BACKGROUND-COLOR: #003A3A;
				COLOR: #ffffff;
				FONT-SIZE: 20pt;
				font-family:Poppins,sans-serif;
			}	
.balk360klein		{	BACKGROUND-COLOR: #003A3A;
				COLOR: #ffffff;
				FONT-SIZE: 12pt;
				font-family:Poppins,sans-serif;
			}			

.zstatus		{	BACKGROUND-COLOR: #F5F7F7;
				COLOR: white;
				FONT-SIZE: 8pt;
				FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
			}


.select360		{	font-size:12pt; color:#000000;FONT-FAMILY: Arial, Helvetica, sans-serif;}

.editveld		{	font-size:10pt; color:#000000;FONT-FAMILY: Arial, Helvetica, sans-serif;}
.editveldgray		{	BACKGROUND-COLOR: #c0c0c0; font-size:10pt; color:#ffffff;FONT-FAMILY: Arial, Helvetica, sans-serif;}


.roveld			{	BACKGROUND-COLOR: #dddddd; COLOR:gray; font-size:8pt;}

.domein			{	BACKGROUND-COLOR: #bbbbbb;
				COLOR: white;
				FONT-SIZE: 10pt;
				FONT-FAMILY: Open Sans,Arial, Helvetica, sans-serif;
				font-weight: bold;
			}		
.rubriek		{	BACKGROUND-COLOR: #d1dbf6;
				COLOR: black;
				FONT-SIZE: 10pt;
				FONT-FAMILY: Open Sans,Arial, Helvetica, sans-serif;
				TEXT-DECORATION: bold;
			}
.vraag			{	BACKGROUND-COLOR: #ffffff;
				COLOR: black;
				FONT-SIZE: 10pt;
				FONT-FAMILY: Open Sans,Arial, Helvetica, sans-serif;
				
			}
.filter1		{	text-transform: uppercase;
				border-style: solid;
				background-color:#70d39f; color:#003a3a; FONT-FAMILY: Arial,sans-serif;
				height:24px;width:50px;border-radius: 22px;
				font-size:16px;
				text-transform: lowercase;
			}
.submit1		{	text-transform: uppercase;
				border-style: solid;
				background-color:#70d39f; color:#003a3a; FONT-FAMILY: Arial,sans-serif;
				height:24px;width:90px;border-radius: 22px;
				font-size:16px;
				text-transform: lowercase;
			}

.titel			{	BACKGROUND-COLOR: #277579;
				COLOR: #FDFDFD;
				FONT-SIZE: 12pt;
				font-family:Poppins,sans-serif;
				TEXT-DECORATION: bold;
				font-weight: bold;
			}		
.toelichting		{	
				BACKGROUND-COLOR: #eeeeee;
				COLOR: blue;
				FONT-SIZE: 8pt;
				FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
			}		
.openvraag		{	BACKGROUND-COLOR: #ffffff;
				COLOR: black;
				FONT-SIZE: 8pt;
				FONT-FAMILY: Open Sans,Arial, Helvetica, sans-serif;
				
			}		

.devl_openvraag		{	BACKGROUND-COLOR: #eeffff;
				COLOR: black;
				FONT-SIZE: 10pt;
				FONT-FAMILY: Open Sans,Arial, Helvetica, sans-serif;
			}		

			
.welkomstblad		{	BACKGROUND-COLOR: #ffffff;
				COLOR: blue;
				FONT-SIZE: 11pt;
				FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
				
			}		

.welkomstbladHeader	{	BACKGROUND-COLOR: #ffffff;
				COLOR: blue;
				FONT-SIZE: 12pt;
				FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
			}		
.aborder		{	border: 1px solid #aaaaaa;}

			
.fieldname		{	COLOR: black;
				FONT-SIZE: 11pt;

			}	
			
input			{	COLOR: blue;
				FONT-SIZE: 10pt;
			}
			
.inputtextarea		{	COLOR: blue;
				FONT-SIZE: 8pt;
			}

.cell0 {				font-size:14px;
					border-top: solid;
					border-left: solid;
					border-width: 1px;
					border-color: #bbbbbb;
					background-color: #F2F1EE;
					FONT-FAMILY: Arial,sans-serif;
					}
.cell1 {
					font-size:14px;
					border-top: solid;
					border-left: solid;
					border-width: 1px;
					border-color: #bbbbbb;
					FONT-FAMILY: Arial,sans-serif;
					
			}
.grafiek_legenda	{	COLOR: blue;
				FONT-SIZE: 11pt;
				
			}
			
.clhr			{
				background-color: #A5B8C4;
 				height: .4px;
			}
			

.clbu			{
				text-transform: uppercase;
				border-style: solid;
				background-color:#277579; color:#ffffff; FONT-FAMILY: Arial,sans-serif;
				height:60px;width:150px;border-radius: 22px;
				font-size:14px;
				text-transform: lowercase;
			}
			
			
.clbu:first-letter {text-transform: uppercase}

			
.clbu:hover		{

				
				text-transform: uppercase;
				border-style: solid;
				
				transition: all .4s ease;
				-webkit-transition: all .4s ease;

				background-color:#2E5D34; color:#ffffff; FONT-FAMILY: Arial,sans-serif;
				font-size:14px;
				text-transform: lowercase;

}

			
			

			
.clbuhlpWit		{
				COLOR: white;
				FONT-SIZE: 11pt;
			}
			
.clbuhlp		{
				COLOR: 161615;
				FONT-SIZE: 11pt;
			}

.portalmenubutton_on,.portalmenubutton_off:hover

			{
				color:black;
				background-color: #A5B8C4;
				border-color: #E40136 #E40136 #A5B8C4 #E40136 ;
				border-style: solid;
				FONT-SIZE: 16pt;
				height:60px;
				width:120px;
				text-align:center;
				TEXT-DECORATION: none;
				font-family: 'GothamHTF-Book';
			}

.portalmenubutton_off	{
				color:black;
				background-color: #FFFFFF;
				border-color: #E40136 #E40136 #E40136 #E40136;
				border-style: solid;
				FONT-SIZE: 16pt;
				height:60px;
				width:120px;
				text-align:center;
				TEXT-DECORATION: none;
				font-family: 'GothamHTF-Book';
			}

.portalwelkom		{
				font-family: 'GothamHTF-Book';
				color:black;
				FONT-SIZE: 21pt;
				height:60px;
				
				text-align:center;
				
				TEXT-DECORATION: none;
			}

.portalwelkompos	{
				font-family: 'GothamHTF-Book';
				position:absolute;
				top:120px;
				left:80px;
			}
			
.portalklantnaam	{
				font-family: 'GothamHTF-Book';
				FONT-SIZE: 21pt;
				left: 50%;
				color:#A5B8C4;
				
			}
			
.portaltabtitle		{
				font-family: 'GothamHTF-Book';FONT-SIZE: 12pt;
			}
			
.portal_vlopm		{
				font-family: 'GothamHTF-Book';FONT-SIZE: 8pt;
			}
			
.portal_voorbeeld	{	font-family: 'GothamHTF-Book'; FONT-SIZE: 12pt;
			}
			
.portal_tabelgeg	{	font-family: 'GothamHTF-Book'; FONT-SIZE: 11pt;
			}
			
#divfix {top: 0px;right: 10px;position: fixed;z-index: 3000;}