﻿/* Default CSS Stylesheet for a new Web Application project */

BODY
{
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #002023;
    margin: 0 0 0 0;
}

INPUT.licenseplate
{
    width: 80px; 
    height: 20px;
    background-color: rgb(244,190,4);
    border:1px solid #000000;
    text-transform: uppercase;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    padding-left:14px;
    background-image:url('/images/kentekennl.gif');
    background-position:0px 0px;
    background-repeat:no-repeat;
}

INPUT.exportplate
{
    width: 80px; 
    height: 20px;
    border:1px solid #000000;
    text-transform: uppercase;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    padding-left:14px;
}

/* Zelf toegevoegd */

.selList
{
	position: relative;
	clip: ect(4px 218px  55px 4px);
}

/************** INPUT ***************/
input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;
	/*height: 14px;*/
	vertical-align:middle;
}
input.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;	
	border: 1px solid #002023;
	background-color: #F4F9F9;
	height: 16px;
} 

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;
	border: 1px solid #002023;
	background-color: #F4F9F9;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color: #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;
	border: 1px solid #002023;
	background-color: #F4F9F9;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color: #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	vertical-align: bottom;
}

.dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;	
	background-color: #F4F9F9;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color: #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

INPUT.Kenteken
{
	behavior:url(#default#savehistory);
	font-size: 12px;
	border: 1px solid #002023;
}

INPUT.imgButton
{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
	height: 20px;
}

INPUT.error
{
	color: #ff0000;
	text-align: right;
}

INPUT.chkInput
{
	behavior:url(#default#savehistory);
	border: 0px solid #ffffff;
	background-color: #ffffff;
}

INPUT.checkbox
{
	behavior:url(#default#savehistory);
	border: 0px solid #ffffff;
	background-color: #ffffff;
}

INPUT.radio
{
	behavior:url(#default#savehistory);
	border: 0px solid #ffffff;
	background-color: #ffffff;
	vertical-align:middle;
}

INPUT.radioInput
{
	behavior:url(#default#savehistory);
	border: 0px solid #ffffff;
	background-color: #ffffff;
	vertical-align:middle;
}

INPUT.inputNumber
{
	text-align: right;
}

INPUT.inputNumberReadOnly
{
	text-align: right;
	color: #818181;
}

input.tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;
	/*height: 20px;*/
	border: 1px solid #002023;
	background-color: #F4F9F9;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width: 224px;
	height: 20px;
	margin: 0 0 0 2px;
}

input.fakeveld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;
	height: 20px;
	width: 155px;
	border: 1px solid #002023;
	background-color: #F4F9F9;
	margin: 0 0 4px 0;

}

INPUT.btnGradient
{
	background-image:  url(/images/general/bg_button.gif);
	background-color: #DEEEEF;
	border: 1px #99B8BB;
	border-style: outset;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #3D5A5D;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
    cursor: pointer;
    cursor: hand;
	width: auto;
	overflow: visible;
}

INPUT.btnGradient[disabled], INPUT.btnGradient[disabled="disabled"], INPUT.btnGradient[disabled="true"]
{
	background-image:  url(/images/general/bg_button_disabled.gif);
    cursor: auto;
}

INPUT.btnAcrobat
{
 background-image:  url(/images/general/bg_button_acrobat.gif);
 background-repeat: no-repeat;
 background-color: #DEEEEF;
 border: 1px #99B8BB;
 border-style: outset;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #3D5A5D;
 padding-left: 20px;
 padding-right: 10px;
 height: 20px;
 cursor: hand;
}

INPUT.btnAcrobatDiensten
{
 background-image:  url(/images/general/bg_button_acrobat_diensten.gif);
 background-repeat: no-repeat;
 background-color: #DEEEEF;
 border: 1px #99B8BB;
 border-style: outset;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 1px;
 padding-left:20px;
 padding-right:10px;
 margin-right:3px;
 color: #3D5A5D;
 height: 20px;
 cursor: hand; 
}

INPUT.btnExcel
{
 background-image:  url(/images/general/bg_button_excel.gif);
 background-repeat: no-repeat;
 background-color: #DEEEEF;
 border: 1px #99B8BB;
 border-style: outset;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #3D5A5D;
 padding-left: 30px;
 padding-right: 10px;
 height: 20px;
 cursor: hand;
}

INPUT.btnPrint
{
 background-image:  url(/images/general/bg_button_print.gif);
 background-repeat: no-repeat;
 background-color: #DEEEEF;
 border: 1px #99B8BB;
 border-style: outset;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #3D5A5D;
 padding-left: 30px;
 padding-right: 10px;
 height: 20px;
}

INPUT.btnEmail 
{
 background-image:  url(/images/general/bg_button_email.gif); 
 background-repeat: no-repeat;
 background-color: #DEEEEF;
 border: 1px #99B8BB;
 border-style: outset;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #3D5A5D;
 padding-left: 30px;
 padding-right: 10px;	
 height: 20px;
}

INPUT.go {
 background-image: url(/images/general/bg_button.gif);
 background-color: #DEEEEF;
 border: 1px #99B8BB;
 border-style: outset;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: -1px;
 color: #3D5A5D;
 width: 24px;
 height: 22px;
 padding-left: 2px;
 cursor: hand;
}

.btnprint_pdf
{
	BACKGROUND-IMAGE: url(/images/general/acrobat.gif); 
	BACKGROUND-REPEAT: no-repeat;		
	background-color: #DEEEEF;
	border: 1px #99B8BB;
	border-style: outset;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #3D5A5D;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	CURSOR: hand;
}

.btnprint_excel 
{
	BACKGROUND-IMAGE: url(/images/general/excel.gif); 
	BACKGROUND-REPEAT: no-repeat;		
	background-color: #DEEEEF;
	border: 1px #99B8BB;
	border-style: outset;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #3D5A5D;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	CURSOR: hand;
}

.btnprint 
{
	BACKGROUND-IMAGE: url(/images/general/print.gif); 
	BACKGROUND-REPEAT: no-repeat;		
	background-color: #DEEEEF;
	border: 1px #99B8BB;
	border-style: outset;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #3D5A5D;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	CURSOR: hand;
}

/******************** TABLE ************************/

.tblHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #009EAE;
	background-color: #b2dfe3;
	border-top: solid 1px #009EAE;
	border-bottom: solid 1px #009EAE;
}

.tblSubHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #009EAE;
	text-decoration: underline;
	text-align: center;
	background-color: #E5F5F7;
	padding: 1px;
}

.tblUitklapdata {
	border: 1px dotted #009EAE;
	padding: 2px;
}

.tblHeader_abon_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;	
	color: #009EAE;
}

.tblHeader_abon_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;	
	color: #ffffff;
	background-color: #009EAE;
	border: 1px solid #009EAE;
}

TABLE
{
	font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

TABLE.login
{
	font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	border: 2px solid #002023;
}

TABLE.linetop
{
	border-top: solid 1px #CCCCCC;
}

TABLE.line
{
	border: solid 1px #CCCCCC;
	padding: 3px 3px 0 3px;
}

TABLE.blueline
{
	border: solid 1px #009EAE;
	padding: 3px 3px 0 3px;
}

TABLE.linefill
{
	border: solid 1px #009EAE;
	padding: 5px 5px 5px 5px;
	background-color:#CCCCCC;
}

TABLE.informatieBlok
{
    border: 0px;
    width: 140px;
    font-size: 10px;
    padding-right: 5px;
}

.OpsomRow {
	vertical-align:		baseline;
	background-color:	#EAF2F3;
    border-bottom: solid 1px #ffffff;
    padding: 3px 2px 3px 1px;
}

TABLE.mijnvwe {
    width: 100%; 
    height: 100%;
    font-size: 14px;
    border: 0
}

TABLE.mijnvwe a {
    font-size: 14px;
}

/******************** ALGEMEEN ************************/
.ERROR
{
	color: #ff0000;
}

.errorlist
{
	border: solid 1px red;
	background-color: #ffdfdf;
	color: red;
	/*margin-top: 8px;
	padding-top: 18px;*/
	padding-right: 20px;
	margin-bottom: 8px;
}

DIV.errorlist UL LI a:link
, DIV.errorlist UL LI a:active
, DIV.errorlist UL LI a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: red;
}

DIV.errorlist UL LI a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: red;
}

.warninglist
{
	border: solid 1px #ff6a00;
	background-color: #ffebdd;
	color: #ff6a00;
	margin-top: 8px;
	padding: 8px;
    padding-bottom: 8px;
	margin-bottom: 8px;
}

.progresslist
{
	border: solid 1px #009eae;
	background-color:  #eaf2f3;
	color: #009eae;
	margin-top: 8px;
	padding: 8px;
    padding-bottom: 8px;
	margin-bottom: 8px;
}

.informationlist
{
	border: solid 1px #009eae;
	background-color: #eaf2f3;
	color: #009eae;
	margin-top: 8px;
	padding-top: 18px;
	padding-right: 20px;
	margin-bottom: 8px;
}

.alg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #002023;
}

.algkop1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #009EAE;
}

.algkop2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #002023;
}

.algaccent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	color: #00aeac;
}

.transactiekosten {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #999999;
}

.info
{
	position: absolute;
	width: 320px;
	z-index: 100;
	visibility: hidden;
	font: 11px Arial,Helvetica,sans-serif;
	border: solid 1px #002023;
	padding: 1px;
	color: #002023;
	background-color: #F4F9F9;
	layer-background-color: #F4F9F9;
}

.printheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #002023;
	border-right:solid 1px #DCDCDC;
	border-bottom:solid 1px #DCDCDC;
}
.printcontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #002023;
	border-right:solid 1px #DCDCDC;
}

.tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #002023;
}

.tipje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
}

.lblTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
}

.DeKleineLettertjes
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.ControleInvoer
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #818181;
}

.kentekenInvoer
{
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: normal;
  background-color: #ffCC00;
  border: 0px solid #ffcc00;
}

.PortalLogo
{
	border: solid 1px #dcdcdc;	
	padding: 1px 2px;
	background-color: White;
}

.pageHeader
{
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:18px;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	color: #009eae; /* #007F8C; */
	font-weight: normal;
}

.pageSubHeader
{
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:14px;
	padding: 10px 0 0 0;
	color: #009eae; /* #007F8C; */
}

.Transactieprijs
{
 font-family: arial, helvetica, sans-serif;
 color: #00aeac; 
 font-size: 7pt;
}

.Verplicht
{
 font-family: arial, helvetica, sans-serif;
 font-size: 7pt;
}

hr 
{
 border: 1px solid #009EAE;
}

.nieuwsscroller 
{
	border: 1px solid #009EAE;

	WIDTH:490px; 	
	POSITION:relative; 
	HEIGHT:32px
}

.lblKentGeel
{
	
	padding-right:5px;
	font-weight:bold;
	color:Black;
}

.lblKentBlauw
{
	padding-right:4px;
	font-weight:bold;
	padding-top:0px;
	line-height:13px;
	color:White;
}

.aanmelden
{
	 border: 1px solid #009EAE;
	 text-align: center;
	 
}
.voorwaarden
{
	font-size: 10px;
	vertical-align: top;
}

.hidden {
	display: none;
}

/*Gebruikt voor button met value "..." Kristine 13-02-2007*/
.divButton
{
	background-image:  url(/images/general/bg_button.gif);
	background-color: #DEEEEF;	
	BACKGROUND-POSITION: center;	
	border: 1px #99B8BB;
	border-style: outset;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: 500;
	letter-spacing: 1px;
	color: #3D5A5D;
	cursor: hand;    
	height: 17px;
	width: 10px;
}

/******************** LINKEN & HOVERS ************************/

a:link, a:active, a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #009EAE;
}

a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #66C5CE;
}

.errorLink a:link, .errorLink a:active, .errorLink a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: red;
}

.errorLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #ff5e5e;
}

.radioLink a:link, .radioLink a:active, .radioLink a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #009EAE;
}

.radioLink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #66C5CE;
}

.browser-check a:link, .browser-check a:active, .browser-check a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight:900 !important;
	text-decoration: none;
	outline: 0;
	color: #FFFFFF;
}

.browser-check a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 900 !important;
	text-decoration: underline;
	color: #FFFFFF;
}

.alglink a:link, .alglink a:active, .alglink a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #009EAE;
}

.alglink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	color: #66C5CE;
}

A:link.nieuwsflitslink, A:active.nieuwsflitslink, A:visited.nieuwsflitslink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #009EAE;
}

A:hover.nieuwsflitslink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #66C5CE;
}

A:link.nieuwsflitslinkred, A:active.nieuwsflitslinkred, A:visited.nieuwsflitslinkred  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
}

A:hover.nieuwsflitslinkred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #ff0000;
}

A:link.bottommenu, A:visited.bottommenu, A:active.bottommenu	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #009EAE;
	}
A:hover.bottommenu	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #66C5CE;
}

.Over
{
	background-color: #002023;
	cursor: hand;
}

.UndoOver
{
	background-color: #FFFFFF;
}

a:link.HrefDisabled, a:active.HrefDisabled, a:visited.HrefDisabled, a:hover.HrefDisabled
{
    color:gray;
    text-decoration:none;
    cursor:default;
}

/*********************************/
.tax
{
	font-size: 11px;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #002023;
	height: 20px;
}

.styleTblUitrusting
{
	behavior:url(#default#savehistory);
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;
}

.styleTblOpties
{
	behavior:url(#default#savehistory);
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.persistHistory
{
	behavior:url(#default#savehistory);
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.pHis
{
	behavior:url(#default#savehistory);
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.unselect
{
	cursor: default;
	color: #002023;
	background-color: #ffffff;
}

.readonly
{
	cursor: default;
	color: #818181;
	background-color: #ffffff;
}

.geenUitv
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	cursor: default;
	color: #818181;
	text-align: center;
}

.select
{
	cursor: default;
	color: #ffffff;
	background-color: #009EAE;
}

SELECT
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.ValueNr
{
	text-align: right
}

.trEnabled
{
	color: #002023;
}

.trDisabled
{
	color: #666666;
}

/********* B E G I N   V O O R R A A D G R I D ****************/

.Text {
    BACKGROUND-COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    cursor: default;
}

.VoorraadGridHeader {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	vertical-align:	baseline;
	font-weight:	bold;
	color:			#009EAE;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	cursor:			default;
}

.VoorraadGridItem {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		bold;
	background-color:	#EAF2F3;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
}

.VoorraadErrorGridItem {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		bold;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
	background-color:	#ffdfdf;
}

.VoorraadErrorPortalGridItem {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		bold;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
	background-color:	#ff6c6c;
}

.VoorraadGridItem2 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		normal;
	background-color:	#EAF2F3;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
}

.VestigingGridItem {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		middle;
	font-weight:		normal;
	background-color:	#EAF2F3;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
    border-top:			solid 1px #b2dfe3;
}

.VoorraadGridSelectedItem {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		bold;
	background-color:	#95DCE3;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
}

.VoorraadGridDetailItem {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		normal;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				hand;
}

.VoorraadGridLink {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		bold;
	color:				#002023;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
}

.VoorraadGridPager {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		bold;
	color:				#002023;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
}

.VoorraadGridItemHighlightOn {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	vertical-align:		baseline;
	font-weight:		bold;
	background-color:	#ffffff;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
}

.HoldingGridSelectedItem
{
	color:				#ff0000;
	cursor:				hand;
}

.HoldingGridItem
{
	color:				#002023;
	cursor:				hand;
}

.itemStyle
{ 
	background-color:	#F5F5F5;
}

.footerStyle
{ 
	background-color:	#CCCCCC;
}

.pagerStyle
{
	font-size:			10px;
	color:				#009EAE;
}

/****************************** TABS ************************************/
.selTab
{
	border-right: #a9a9a9 2px solid;
	border-top: #3CA4A3 3px solid;
}

.highlightTab
{
	BORDER-TOP: 1px solid #cccccc;
	border-right: solid 1px #a9a9a9;
	border-bottom: solid 1px #cccccc;
	background-color: #ffffff;
}

.unselTab
{
	BORDER-TOP: 1px solid #cccccc;
	border-right: solid 1px #a9a9a9;
	border-bottom: solid 1px #cccccc;
	background-color: #EAF2F3;
}

a:link.tablink, a:active.tablink,  a:visited.tablink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #009EAE;
}

a:hover.tablink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	color: #66C5CE;
}

/****************************** APK ***************************************/
.ApkVerlopen
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	height: 20;
}

.ApkGeldig
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002023;
	height: 20;
}

.ApkCusumPenalty
{
}

/**************** EVEN GEDULD AUB DIV *****************/
.EvenGeduldKort 
{
	
	BORDER: #1px solid #014D55; 
	PADDING: 15px;  
	MARGIN-TOP: 10%;  
	MARGIN-LEFT: 255px;  
	WIDTH: 300px;   
	POSITION: absolute; 
	HEIGHT: 30%; 
	BACKGROUND-COLOR: #EAF2F3;
	BACKGROUND-POSITION: center 70%;
	DISPLAY: none;
	TEXT-ALIGN: center;
	BACKGROUND-ATTACHMENT: fixed; 
	BACKGROUND-IMAGE: url(/images/general/wait.gif); 
	BACKGROUND-REPEAT: no-repeat;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#b5c4c6', Direction=135, Strength=5);
}
	
.tblBorder
{
	BORDER: 1px solid #8DD9D8;
	padding: 5 5 5 5;
	text-align: center;
	background-color: #ffffff;
}

.StandaardLijst 
{
	MARGIN-TOP: 10%; 
	MARGIN-LEFT: 25%; 
	BORDER-RIGHT: 1px solid #007A86;  
	WIDTH: 300px; 
	POSITION: absolute; 
	HEIGHT: 500px; 
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-POSITION: center 70%;
	DISPLAY: none;
	FILTER:progid:DXImageTransform.Microsoft.Shadow(color='#94999A', Direction=135, Strength=16);
}

/****************************** DEC *************************************/
.DecLT
{
	text-decoration: line-through;
	cursor:default;
}

.DecN
{
	text-decoration: none;
	cursor: default;
}

/************************** DIVS **********************************/

.divUit
{
	BORDER: 1px dotted #009EAE;  
	OVERFLOW:scroll;
	OVERFLOW-X:hidden; 
	MARGIN-LEFT: 0px;  
	WIDTH: 249px;
	HEIGHT: 177px;
	SCROLLBAR-BASE-COLOR: #ffffff;
}

.divUitv
{
	BORDER: 1px dotted #009EAE;  
	OVERFLOW:scroll;
	OVERFLOW-X:hidden;  
	MARGIN-LEFT: 0px;  
	WIDTH: 249px;  
	SCROLLBAR-BASE-COLOR: #ffffff; 
	HEIGHT: 62px;
}

.divOpt
{
	BORDER: 1px dotted #009EAE;
	position:absolute;
	OVERFLOW:scroll;
	OVERFLOW-X:hidden; 
	MARGIN-LEFT: 0px;  
	WIDTH: 249px; 
	SCROLLBAR-BASE-COLOR: white; 
	HEIGHT: 196px;
}

.divOptDetails
{
	BORDER: 1px dotted #009EAE;
	position:absolute;
	OVERFLOW:scroll;
	OVERFLOW-X:hidden; 
	MARGIN-LEFT: 0px;  
	WIDTH: 249px; 
	SCROLLBAR-BASE-COLOR: white; 
	HEIGHT: 255px;
}

.divLijst
{
	overflow: auto;
	width: 786px;
	height: 364px;
}

.divLijstAbon
{
	overflow: auto;
	width: 100%;
	height: 365px;
}

.divTooltip
{
	text-align: left;
	position: absolute;
	z-index: 100;
	visibility: hidden;
	font: 10px/12px Arial,Helvetica,sans-serif;
	border: solid 1px #666666;
	padding: 1px;
	color: #333333;
	background-color: #ffffcc;
}

/****************************** TBL *****************************/

.tblLft
{
	BORDER: 1px solid #009EAE; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	width:100%;
}

.tblLftTaxRap
{
	border: 0px solid white; 
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	width:100%;
}

.tblKm
{
	width:250px;
	BORDER: 1px dotted #009EAE;
	height: 53px;
}

.tblOps
{
	BORDER: 1px dotted #009EAE;
	width: 250px;
}

.tblKen
{
	BORDER: 1px solid #000000; 
}

.tblStatijd
{
	BORDER: 1px solid #009EAE;
	WIDTH: 460px; 
}

.tblCalc
{
	BORDER: 1px solid #009EAE;
	WIDTH: 80px; 
}

.disabled
{
	color: #cdcdcd;
	font-weight: normal;
}

.tblInf
{
	BORDER: 1px solid #009EAE;
}

.tblTaxatiewaarden
{
	BORDER: 1px solid #009EAE;
}

.tblWrd
{
	BORDER: 1px solid #009EAE; 
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;
	WIDTH: 370px; 
 
}

.tblWrd2
{
	PADDING-RIGHT: 9px; 
}

.tblHer
{
	BORDER-RIGHT: 1px solid #009EAE; 
	BORDER-TOP: 0px dotted #009EAE; 
	BORDER-LEFT: 1px dotted #009EAE;  
	BORDER-BOTTOM: 1px dotted #009EAE;
	WIDTH: 381px;
}

.txtAbbo
{
	letter-spacing: 3px;
	font-size: 9px;
	font-weight: bold;
}

.inpKen
{
	BORDER: 0px solid #ffcc00;  
	WIDTH: 20px;  
	HEIGHT: 15px; 
	BACKGROUND-COLOR: #ffcc00;
}

/**************** ENERGIELABEL ********************/
.EL_Header1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: #000000;
	font-weight: bold;
}

.EL_Header2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #000000;
	font-weight: bold;
}


.EL_Header3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	font-weight: bold;
}


.EL_TextLarge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #000000;
}

.EL_TextNormal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
}

.EL_TextSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
}

.EL_A
{
	background-color: #0CAC3B;
	font-weight: normal;
	color: #000000;
}

.EL_B
{
	background-color: #50BE34;
	font-weight: normal;
	color: #000000;
}

.EL_C
{
	background-color: #BBDD23;
	font-weight: normal;
	color: #000000;
}

.EL_D
{
	background-color: #FCF911;
	font-weight: normal;
	color: #000000;
}

.EL_E
{
	background-color: #FABA14;
	font-weight: normal;
	color: #000000;
}

.EL_F
{
	background-color: #F16B1A;
	font-weight: normal;
	color: #000000;
}

.EL_G
{
	background-color: #EB001C;
	font-weight: normal;
	color: #000000;
}

/*********************** BOX ***************************/
table.box {
 width: 220px;
}

.boxtitel {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-align: left;
 color: #FFFFFF;
 background-image: url(/images/bg_box_titel.gif);
 padding-left: 20px;
 padding-top: 2px;
 height: 20px;
}

.box-l {
 background-image: url(/images/bg_box_l.gif); 
 background-repeat: repeat-y;
}

.boxmiddle {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: left;
 vertical-align: top;
 color: #002023;
 padding-left: 5px;
 padding-right: 10px;
 padding-top: 3px;
 padding-bottom: 8px;
 width: 106px;
}

.boxmiddle2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: right;
 vertical-align: top;
 color: #002023;
 padding-right: 5px;
 padding-top: 3px;
 padding-bottom: 8px;
 width: 106px;
}

.boxmiddle3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: left;
 vertical-align: top;
 color: #002023;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 0px;
 padding-bottom: 0px;
 width: 212px;
}

.box-r {
 background-image: url(/images/bg_box_r.gif); 
 background-repeat: repeat-y;
}

.boxbottom {
 background-image: url(/images/bg_box_bot.gif); 
 height: 6px;
}

table.boxstart {
 width: 185px;
}

.boxstarttitel {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 text-align: left;
 color: #FFFFFF;
 background-image: url(/images/bg_box_titel2.gif);
 padding-left: 20px;
 padding-top: 4px;
 height: 20px;
 border-bottom: solid 1px #019EAD;
}

.boxstartmiddle {
 background-color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: left;
 vertical-align: top;
 color: #002023;
 padding: 3px 10px 3px 10px;
 border-right: dashed 1px #019EAD;
 border-left: dashed 1px #019EAD;
 border-bottom: dashed 1px #019EAD;
}

/******************    DATAKEUR   ******************/
table.datakeur 
{
	border: 1px solid #009EAE;
	padding: 5px;
}

/******************    BPM CALCULATOR   ******************/
table.bpmcalc
{
	border: 1px solid #009EAE;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}

.bpmheader
{
	font-weight: bold;
	color: #009EAE;
	background-color: #b2dfe4;
}

.bpmheaderactive
{
	font-weight: bold;
	background-color: #84cacc;
}

.bpmprijs
{
	background-color: #e8fafe;
}

.bpmprijsactive
{
	font-weight: bold;
	background-color: #b2dfe4;
}
	
.bpmverticaal
{
	background-color: #e8fafe;
}

.bpmhorizontaal
{
	background-color: #e3efef;
}

.bpmselect
{
	background-color: #b2dfe4;
	font-weight: bold;
}

.bpmlabel
{
	border-color: Silver;
	border-style: inset;
	border-width: 2px;
	color: #009EAE;
	height: 20px;
	font-weight:bold;
	text-align:center;
}

.bpmafschrijving
{
	border-color: Silver;
	border-style: inset;
	border-width: 2px;
	color: Red;
	height: 20px;
	font-weight:bold;
	text-align:center;
}

/******************    CALENDAR   ******************/
.DatumVanaf 
{ 
	margin: 50px 0 0 450px;  
	position: absolute; 
	background-color: #edfafb; 
}

.DatumTot 
{ 
	margin: 50px 0 0 745px;  
	position: absolute; 
	background-color: #edfafb; 
}

.CalDatum
{
	border: solid 1px #000000;
	background-color: #EAF2F3;
	font-family: Arial;
	font-size: 9pt;
	color: #000000;
	padding: 1px;
	width: 160px;
	height: 136px;
}

.CalTitle
{
	background-color: #b2dfe3;
	font-size: 8pt;
	color: #009eae;
	font-weight: bold;
	border-bottom: solid 3px #009eae;
}

.CalNextPrev
{
	font-weight: bold;
	vertical-align: bottom;
	font-size: 9pt;
	color: #009eae;
}

.CalDayheader
{
	font-size: 8pt;
	font-weight:bold;
	color: #009eae;
}

.CalToday
{
	border: solid 1px #009eae;
	color: #009eae;
	font-weight: bold;
}

.CalSelected
{
	background-color: #b2dfe3;
}

.CalOthermonth
{
	color: #999999;
}

/******************    MODAL DIALOG KIEZ EIGENAAR   ******************/
.ModalKiezEigenaar
{
	
	BORDER: #1px solid #014D55; 
	PADDING: 15px;  
	WIDTH: 366px;   
	POSITION: absolute; 
	HEIGHT: 275px; 
	BACKGROUND-COLOR: #EAF2F3;
	TEXT-ALIGN: center;
	BACKGROUND-ATTACHMENT: fixed; 	
	BACKGROUND-REPEAT: no-repeat;	
	DISPLAY: inline;
}
	
.NawExItemStyle
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	background-color:	#EAF2F3;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
}

.NawExSelectedItemStyle
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	background-color:	#ffffff;
	word-spacing:		normal;
	letter-spacing:		normal;
	text-transform:		none;
    cursor:				default;
}

.NawExEnabled
{
	background-color:	#EAF2F3;
}

.NawExSelect
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002023;
	border: 1px solid #002023;
	background-color: #ffffff;	
	vertical-align: bottom;
	
}

/**************** EVEN GEDULD AUB BATCHTAX *****************/
/* Gebruikt voor DisplayBatchtaxatieEvengeduld.aspx */
/* Gemaakt omdat de generelle div voor even geduld liet de image niet in de midden komen*/
.EvenGeduldKortBT3 
{
	
	BORDER: #1px solid #014D55; 
	PADDING: 15px;  
	MARGIN-TOP: 122px;  
	MARGIN-LEFT: 255px;  
	WIDTH: 300px;   
	POSITION: absolute; 
	HEIGHT: 50%; 
	BACKGROUND-COLOR: #EAF2F3;
	BACKGROUND-POSITION: 275px 270px;
	DISPLAY: none;
	TEXT-ALIGN: center;
	BACKGROUND-ATTACHMENT: fixed; 
	BACKGROUND-IMAGE: url(/images/general/wait.gif); 	
	BACKGROUND-REPEAT: no-repeat;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#b5c4c6', Direction=135, Strength=5);
}

/* wucAdverterenVehiclePreview.ascx */
table.AdvVehItem
{
	width: 100%;
	border: #cccccc 1px solid; 
	margin: 5px 0px;  
	height: 82px;
}

table.AdvVehItem img
{
	border:0;
}

td.AdvVehItemTdImg
{
	padding: 5px 5px 2px 5px;
	width: 100px
}

td.AdvVehItemTdImg img
{
	max-width:100px;
	max-height:75px;
}

td.AdvVehItemTdDetails
{
	padding: 5px;
	text-align:left;
}

table td.kenteken
{
	height: 21px;
	vertical-align:bottom;
}

table td.buttons
{
	height: 21px;	
	text-align: right; 
	vertical-align: top;
}

td.makeModelType
{
	text-align:left;
}

table.tblPrijs td,table.tblPrijs td span
{
	text-align:right;
}

table.tblPrijs td.td2
{
	width: 100px;
}

.prijsText
{
	font-weight: bold; 
	font-size: 14px;
}

td.detailsSmall
{
	height: 21px;
	vertical-align: bottom;
	text-align:left;
}

table.tblDetailsSmall
{
	vertical-align: bottom;
}

td.adres
{
	height: 21px; 
	text-align: left; 
	vertical-align: middle;
}

td.adres span
{
	font-size: 8px;
}

/* END wucAdverterenVehiclePreview.ascx */

/* Ajax Modal Popup */
.ajaxBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.ajaxPopup {
	background-color:white;
	border-width:3px;
	border-style:solid;
	border-color:#009EAE;
}

div.groupblock
{
	border: solid 1px #009eae;
	margin: 0;
	margin-bottom: 12px;
	padding: 0;
}

div.groupblock h3
{
	background-color: #b2dfe3;
	color: #009eae;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 6px;
	border-bottom: solid 1px #009eae;
}

div.groupblock div
{
	margin: 0;
	padding: 6px;
}

div.emphasized
{
	border: solid 1px #ccc;
	padding: 6px;
}

ul.tip
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.tip li
{
	background-image: url('/images/icons/tip.png');
	background-repeat: no-repeat;
	background-position: 6px 9px;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	color: #666;
	line-height: 22px;
	text-align: justify;
}

ul.tip li p
{
	margin: 0;
	padding: 6px 10px;
	background-color: #eee;
	border: solid 1px #ccc;
}

fieldset.vwe
{
	margin-bottom: 3px;
	border: none;
	border: #b2dfe3 1px solid;
	padding: 6px;
}

fieldset.vwe legend
{
	color: #009eae;
	font-weight: bold;
	margin-bottom: 4px;
}

#timerindicator
{
    text-align: left;
    margin-left:110px;
    text-align: left;
    padding-left: 5px;
}

#timerindicator.warning
{
    background-color: #FF9900;
    color: #000000;
}

#timerindicator.alert
{
    background-color: #800000;
    color: #FFFFFF;
}

#BrowserCompatibilityInstructions
{
    background-color: #D20005;
    color: #FFFFFF;
    position: relative;
    padding-left:30px;    
    padding-top:10px;
    padding-bottom:10px;
    padding-right:30px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
}

#WhoAmI
{
    background-color: #009eae;
    color: #FFFFFF;
    position: relative;
    padding-left:30px;    
    padding-top:10px;
    padding-bottom:10px;
    padding-right:30px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
}

#MijnFactuur 
{
    float: right;
    position: relative;
    text-align: left;
    width: 225px;
}​
 
 .imageButtonVerversen {
	 vertical-align: top;
	 margin-left: 95%;
 }
 
.bezigMetVerwerken
{
	border: solid 1px #009eae;
	background-color: #eaf2f3;
	color: #009eae;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
    height: 20px;
}

.colorVwe {
    color: #009eae;
}

.error {
    color: #e74c3c;
}
