body
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #666872;
}

hr
{
	border-top: dotted 1px #666666;
	border-bottom-style:none;
	height:0px;
}

ul
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal;
	margin-left: 12px;
	padding-left : 12px;
	/*color: #666872;*/
}

ul a
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #0066cc;
}


/* Image links van de pagina */
.bgRepeatLeft {  
	background-image: url(../graphics/00_bg_0_l.gif); 
	background-repeat: repeat-y; 
	background-position: right top;
}

/* Image rechts van de pagina */
.bgRepeatRight {  
	background-image: url(../graphics/00_bg_0_r.gif); 
	background-repeat: repeat-y; 
	background-position: left top;
}

.bgDateTimeBottom {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color: #A8A8A8;
	padding-left: 12px
}


.tdLeftZorgverlener {
	background-image : url(../images/BinaryGreenLeftTop.jpg);
	background-repeat: repeat-y;
	width : 151px;
	height : 34px;
	vertical-align : top;
}

.tdLeftZorgverzekeraar {
	background-image : url(../images/BinaryOrangeLeftTop.jpg);
	background-repeat: repeat-y;
	width : 151px;
	height : 34px;
	vertical-align : top;
}

.tdLeftHelp {
	background-image : url(../images/BinaryBlueLeft.jpg);
	background-repeat: repeat-y;
	width : 151px;
	height : 34px;
}

.tdMainPage{
	background-image : url(../images/BinaryDarkBlueTop.jpg);
	width : 100%;
	height : 20px;
}

.tdContentHolder /* TD met placeholder */
{
	vertical-align:top;
	padding:6px;
	width: 100%;
}

/* format voor bodytekst */
.marginBodytekst {  padding-top: 10px; padding-left: 12px; padding-bottom: 10px; padding-right: 12px}
/* sustitle in bodytekst */
.subTitleMain {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #666872;
}

/* Titels van nieuwsberichten */
.titleBerichten { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #0066CC; 
	margin-top: 1px;
	margin-bottom: 2px;
}

.textBerichten { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #0066CC;
 }

 .welkomtekst 
 {
	width: 100%;
	border-collapse: collapse; /*is gelijk aan cellspacing=0*/

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #0066CC;
	margin-top: 0px;
	margin-bottom:16px;
 }

 .welkomtekst TR TD H1
 {
	font-size: 11px; 
	font-weight: bold; 
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
 }
 
.bgHelp{
	background-color: #F7FBFD; 
	padding-top: 10px; 
	padding-left: 12px; 
	padding-bottom: 10px
}
 /*mainpage nieuwsberichten */
.bgBericht 
{  
	background-color: #e8f3fb;
	padding-top: 10px; 
	padding-left: 12px;
}

/*mainpage nieuwsitems */
.bgNews 
{  
	background-color: #CFE5F6;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 12px;
	margin-left: 12px;
}

.bgNewsItems
{  
	background-color: #CFE5F6;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 12px
}




.bgPoll 
{ background-color: #CFE5F6; 
  border-color: black black black #FFFFFF; 
  border-style: solid; 
  border-top-width: 0px; 
  border-right-width: 0px; 
  border-bottom-width: 0px; 
  border-left-width: 1px;
  text-align: center;
 }


.bodytextDate 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #666872; 
}

.titleMain {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #0066cc; padding-left: 12px}

.bgTitles, .bgTitles TR TD
{
	color: #0066cc; 
	padding-left: 12px;
	padding-right: 12px;
	
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:20; 
	width: 100%;
	background-color: #d7e9f7;
	text-align:left;
}



.textButton {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: bold; 
	color: #0066CC; 
	text-decoration: none
}


.directLogon 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: bold; 
	color: #0066CC; 
	text-decoration: none;
	border :solid 1px #0066CC;
	height :30px;
	background-color :#e8f3fb;
	text-align :center;
	padding-top :4px;
	margin-left : 10px;
	margin-right: 10px;
	margin-top : 10px;
	width: 100%;
}

img#kpmg 
{
	border :solid 1px #0066CC;
} 

.imageButton 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #0066CC; 
	text-decoration: none;
	padding-right:16px;
}
.imageButton:link
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #0066CC; 
	text-decoration: none 
}
.imageButton:visited
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #0066CC; 
	text-decoration: none 
}
.imageButton:active
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #0066CC; 
	text-decoration: none 
}
.imageButton:hover
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: bold; 
	color: #0066CC; 
	text-decoration: none 
}

.interlinieNews {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7px; color: #CCCCFF}
.buttonsHome { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #0066CC; text-decoration: none }
.thrumbTrail a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #0066cc; text-decoration: none}
.thrumbTrail a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #0066cc; text-decoration: none}
.thrumbTrail a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #0066cc; text-decoration: none}
.thrumbTrail a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #0066cc; text-decoration: none }
.thrumbTrail a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #0066cc; text-decoration: none}

/*BreadCrumbs*/
.bgZorgVerlener {  background-color: #E2ECAD; background-image: url(../Images/BinaryGreenRightTop.jpg); background-repeat: no-repeat; background-position: left top; padding-right: 12px}
.bgZorgVerzekeraar { background-color: #FBE2C4; background-image: url(../Images/BinaryOrangeTop.jpg); background-repeat: no-repeat; background-position: left top; padding-right: 12px }
.bgZorgHelp { background-image: url(../Images/BinaryBlueTop.jpg); background-repeat: no-repeat; background-position: left top; padding-right: 12px }
.bgBeheer { background-image: url(../Images/BinaryBlueTopBig.jpg); background-repeat: no-repeat; background-position: left top; padding-right: 12px }

.userText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; }
.userTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; }

/*
.textBox  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FF0000; width : 50px;}
*/

.textbox
{
	width:300px;
}
/* combineer met textBox -> textBox, straat */
.straat {width :176px;
	margin-right:4px;}
.huisnr {width :33px; margin-right:4px; }
.huisnrext {width :33px; }
.postcode {width : 96px; margin-right:4px;}
.plaats {width : 150px;}

.voorletters {width:60px; margin-right:3px; }
.tussenvoegsel {width:60px; margin-right:3px; }
.achternaam {width:124px;}

.dateTextBox
{
	
	width:135px;
}
.dateSeparator
{
	width:30px;
	padding-left:5px;
	padding-right:5px;
}


.dropDown { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #000000; width : 300px}
.dropDownAutoWidth { width: auto}
.dropDownSnelMenu {width: 151px;}

.checkboxlist TR TD
{
	padding-top:0px;
	padding-bottom:0px;
}

.bodytextForm 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;
	color: #000; /*#666872; */
	padding-left: 12px; 
	padding-top: 10px; /*3px;*/
	padding-right: 12px;
	width : 80pc
}

.bodytextfout
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FF5500;
	list-style-position: outside; 
	list-style-type: circle
}

/*
deze stond er twee keer in, hierboven nog een keer maar dan met kleine letter t...
.bodyTextForm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;
	padding-left: 12px;
	padding-top: 10px;
	width : 305px;
}
*/

.bodytextFormLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;
	color: #666872; 
	padding-left: 12px; 
	padding-top: 10px;
	width : 151px;
	vertical-align :top;
}

/* label voor detailschermen 
.label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;
	color: #666872; 
}
*/
.bodytextFormLabelInfo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal; 
	font-weight: normal;
	color: #666872; 
	padding-left: 12px; 
	padding-top: 1px;
/*	width : 151px; */
}

.bodytextFormTextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;
	color: #666872; 
	padding-left: 12px; 
	padding-top: 3px;
	width : 305px;
	text-align:left;
}

.textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;	
}

.bodytextFormLabelHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: bold;
	color: #666666; 
	padding-left: 12px; 
	padding-top: 16px;
	padding-bottom: 10px;
}

.bodytextFormLabelHeader2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: bold;
	color: #666666; 
	padding-left: 12px; 
	padding-top: 16px;
}

.bodytext {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #666872;
}

.bodytextSmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #666872; }


/*DataFrame (tableBordersDetail en bgTableCellTitle*/
/*Table with a light blue frame and a light blue background color for the header*/
.DataFrame 
{
	margin-top:3px;	
	border: solid 1px #d7e9f7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666872;
	width: 100%;
	border-collapse: collapse;
}

/*Set a default padding for each cell inside the DataFrame table*/
.DataFrame TD
{
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 2px;	
}

.DataFrame TD.label
{
	width: 151px; /*same width as in formTable label*/
}

.DataFrame TD H1
{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 10px;
}

/*for each section in an inputform you can use a header to name and seperate the seaction with a dotted line*/
/*Has the same size as H1 */ 
.DataFrame TD H2
{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 20px; /* distance between dotted line and text */
	margin-top: 10px; /* distance between dotted line and the text above */
	border-top: dotted 1px #666666
}

/*light blue background for the header row */
/*DataFrameTitle is here for compatibility, it should be removed at some point.*/
.DataFrame TH, .DataFrameTitle
{
	background-color: #d7e9f7;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #666872;
	padding-right: 12px;
	height: 20px;
	text-align: left;
}

/*Set the style for all hyperlinks inside a dataframe*/
.DataFrame td A
{
	color: #0066cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}

/*for backward compatibility. eventually all DataFrame titles must be implemented with table header (TH) tags and then
this style can be deleted*/
.DataFrameTitle2 
{
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666872;
	padding-right: 12px;
	height: 20px;
}

/*Voor op een panel of een div waarbinnen de eigenlijke content wordt geplaatst*/
.contentContainer
{
	width:100%;
	padding:12px 12px 12px 12px;
}


/**********************************************************************************************************************
/* formTable styles
/* This style is for tables that are used to layout input boxes with accompanying labels and info text.
/* An example of the use of formTable class and its subclasses can be found in PanelZoekPatient.
/*********************************************************************************************************************/


.formTable
{
	width: 100%;
	border: none;
	border-collapse: collapse; /*is gelijk aan cellspacing=0*/

}

.formTableBorder
{
	border: solid 1px #d7e9f7;
}

/*default style of a formtable cell*/
.formTable TD
{
	padding-left:12px;
	padding-right:12px;
	padding-top:12px;
	padding-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight: normal;
	color: #666872;
	vertical-align: top;
	text-align: left;
}

.formTable TD.nopadding
{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.formTable TH
{
	padding: 0px 6px 0px 6px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #d7e9f7;
	color: #0066cc;
	text-align: left;
	height: 20px;
	vertical-align: middle;
}

.formTable TH.buttonContainer
{
	text-align: right;
}

.formTable TD H1
{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 10px;
}

/*for each section in an inputform you can use a header to name and seperate the seaction with a dotted line*/
/*Has the same size as H1 */ 
.formTable TD H2
{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 20px; /* distance between dotted line and text */
	margin-top: 10px; /* distance between dotted line and the text above */
	border-top: dotted 1px #666666
}

.formTable td A
{
	color: #0066cc;
}

/*is used for the lefthand side column of a formtable when that column contains labels
  to indicate what is in the column next to it*/
.formTable TD.label
{
	width: 150px;
	padding-top: 7px; /* override top padding for better alignment with input in the next column */
}

.formTable TD.value
{
	vertical-align: top;
	padding-top: 7px; /* override top padding to align with the labels on the left */
}



/*is used for the text under an inputbox to provide some help */
.formTable TD.infolabel
{
	padding-top: 0px;
	font-size: 9px;
}

/*style for input controls inside the formtable */
.formTable TD INPUT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;
	color: #666872;
	vertical-align: top;
}

.formTable TD LABEL
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;
	color: #666872;
	vertical-align: top;
}
.formTable TD SPAN.value
{
		vertical-align:top;
}

/********************************************* End formTable styles ********************************************/


/* DataGrid Items */
.datagrid
{
	margin-top: 3px;
	border: solid 1px #d7e9f7;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	width:100%;
}

.datagrid td
{
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 2px;
	border-color: #d7e9f7;
	color: #6A696E;
	font-style: normal;
}
.datagrid td.bedrag
{
	text-align:right;
}


.datagrid a
{
	color: #0066cc;
	text-decoration: none;
}

.datagridHeader TD
{
	background-color: #d7e9f7;
	font-weight: bold;
	color: #666666;
	padding-top: 3;
	padding-bottom: 0;
}

.datagridHeader a
{
	color: #666666;
	text-decoration: underline;
	padding-left: 0px;
}

.datagridItem
{
	background-color: #FFFFFF;
}

.datagridItem a
{
	text-decoration:none;
}

.datagridAlternating
{
	background-color: #F7FBFD;
}

.datagridAlternating a
{
	text-decoration:none;
}

.datagridMouseOver
{
	color: #6A696E;
	background-color: #E3F1FA;
}

.datagridPager TD
{
	background-color: #d7e9f7;
	color: #0066cc;
	height: 20px;
	text-align: right;
	padding-right: 12px;
}

.datagridPager a
{
	text-decoration: underline;
}


.rood
{
	color: red;
}

.readOnly
{
	border-style:none;
	background-color:White;
}

.editable
{
	border:solid 1 Gray;
	background-color:White;
}


/* beheer rollen */
.rollen
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;
}
.rollen Table
{
	width:100%;
}
.rollen Table TR TD
{
	font-size: 11px;
	text-align:center;	
}

.rollen Table TR TD Select
{
	width:250px;
}

.listbox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal; 
	font-weight: normal;	
}

.imageScroller Table
{
	border: none;
	border-collapse: collapse;
	text-align:center;
}

/* imagescroller */
div.ScrollWindow
{
	border:solid 1px #0066CC;
	overflow: hidden;	
	width: 120px;
	clip: rect(1px 120px 60px 1px);	
	position: relative;
	height: 60px;
}
  
div.ScrollContent
{
	z-index: 1;
	position: absolute;
}

div.ScrollContent, table
{
	border: none;
	border-collapse: collapse;
}

div.ScrollContent td 
{
	padding:0px 0px 0px 0px;
	width:120px; 
	height:60px; 
	text-align:center; 
	vertical-align:middle;
}

div.ScrollContent img
{
	border: none;
}
/* end imagescroller */