/* standaard font */


div#abi {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	color: #464646;
	width: 508px;
}

div#abi th, div#abi td {
	font-size: 9pt;
	color: #464646;
}



/* forms */

div#abi form{
	margin:0px;	
}
div#abi input, div#abi select, div#abi textarea {
	border:1px solid #555401;
	color: #464646;
}
div#abi textarea {
	font-family: Arial, Helvetica;
	font-size: 10pt;
}
div#abi textarea.voorwaarden {
	font-size: 8pt;
	width:100%;
	height:150px;
}
div#abi input.noborder {
	border:0px;
}
div#abi input.date_day, div#abi input.date_month {
	text-align: center;
	width:20px;
}
div#abi input.date_year {
	text-align: center;
	width:35px;
}

/* knoppen */

div#abi div.buttons_right {
	margin-top: 15px;
	margin-bottom: 19px;
	text-align: right;
}
div#abi div.buttons {
	margin-top: 15px;
	margin-bottom: 19px;
}
div#abi input.button_a, div#abi input.button_a_2 {
	width: 118px;
	height: 22px;
	border: 0px;
	background: url('../img/button_a.gif');
	color: white;
	font-size: 9pt;
	font-family: Arial;
	font-weight: bold;
	cursor: pointer;
	padding-bottom: 1px;
}
div#abi input.button_a_2 {
	background: url('../img/button_a_2.gif');
}
div#abi input.button_b, div#abi input.button_b_2 {
	width: 118px;
	height: 22px;
	border: 0px;
	background: url('../img/button_b.gif');
	color: white;
	font-size: 9pt;
	font-family: Arial;
	font-weight: bold;
	cursor: pointer;
	padding-bottom: 1px;
}
div#abi input.button_b_2 {
	background: url('../img/button_b_2.gif');
}
div#abi input.button_c, div#abi input.button_c_2 {
	width: 85px;
	height: 22px;
	border: 0px;
	background: url('../img/button_c.gif');
	color: white;
	font-size: 9pt;
	font-family: Arial;
	font-weight: bold;
	cursor: pointer;
	padding-bottom: 1px;
}
div#abi input.button_c_2 {
	background: url('../img/button_c_2.gif');
}
div#abi input.button_d, div#abi input.button_d_2 {
	width: 30px;
	height: 16px;
	border: 0px;
	background: url('../img/button_d.gif');
	color: white;
	font-size: 0pt;
	font-family: Arial;
	font-weight: bold;
	cursor: pointer;
	padding-bottom: 1px;
}
div#abi input.button_d_2 {
	background: url('../img/button_d_2.gif');
}
div#abi div.button_d_spacer {
	width:30px;
}

/* tekstkaders (meestal bovenaan content) */

div#abi p {
	font-size: 9pt;
	line-height: 14pt;
	font-weight: bold;
	color: #777700;
}



/* kaderstijl (rond en recht onderin) */

div#abi table.kader {
	width: 508px;
	background: url('../img/abi_kader_bg.gif');
}
div#abi table.kader thead {
	height: 16px;
	background: url('../img/abi_kader_top.gif');
}
div#abi table.kader thead span {
	position: relative;
	height: 16px;
	background: url('../img/abi_kader_tl.gif') bottom right;
	padding-left: 11px;
	padding-right: 30px;
	font-size: 9pt;
	font-weight: bold;
	color: #404000;
}
div#abi table.kader td.main {
	padding: 10px;
}
div#abi table.kader tfoot.rond {
	height: 18px;
	background: url('../img/abi_kader_bottom_rond.gif');
}
div#abi table.kader tfoot.recht {
	height: 18px;
	background: url('../img/abi_kader_bottom_recht.gif');
}


/* table A (personen op invoerscherm) */

div#abi table.table_a {
	border-collapse: collapse;
	width: 100%;
}
div#abi table.table_a th {
	text-align: left;
	font-size: 8pt;
	line-height: 10pt;
	font-weight: normal;
	background-color: #989A2D;
	color: white;
	border-bottom: solid 6px white;
}



/* table B (product op uitvoerscherm) */

div#abi table.table_b {
	border-collapse: separate;
	width: 100%;
	margin-bottom: 5px;
}
div#abi table.table_b th {
	text-align: left;
	padding-right: 4px;
	font-size: 8pt;
	font-weight: bold;
	color: #777700;
}
div#abi table.table_b td {
	padding-top:10px;
	font-size:8pt;
}
div#abi table.table_b td.bedrag,
div#abi table.table_b th.bedrag {
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}
div#abi table.table_b td.currentvalue {
	border-bottom: 1px solid #8C8C8C;
	cursor: pointer;
}

/* opmerkingen bij uitvoer */

div#abi table.opmerkingen {
	border-collapse:collapse;	
}
div#abi table.opmerkingen th {
	font-weight:bold;
	color: #777700;
	text-align:left;
	font-size:8pt;
}
div#abi table.opmerkingen td {
	vertical-align:top;
	font-size:8pt;
}
div#abi table.opmerkingen td.bullet {
	font-weight:bold;
	line-height:12px;
}


/* selector (selecteer premietermijn) */

div#abi div.selector_position {
	position: relative;
}
div#abi div.selector {
	position:absolute;
	left: -1px;
	border:1px solid #8C8C8C;
	width:198px;
	background-color:white;
	min-height:50px;
	visibility:hidden;
	z-index:20;
	margin-top:16px;
}
div#abi div.selector table {
	width:100%;
	border-collapse:collapse;
}
div#abi div.selector table tbody tr:hover {
	background-color:#E3E2A6;
	cursor:pointer;
}
div#abi div.selector table tbody tr.premie_hover {
	background-color:#E3E2A6;
	cursor:pointer;
}
div#abi div.selector table th {
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	color: #777700;
	background-color: transparent;
}
div#abi div.selector table td {
	padding-bottom:1px;
	padding-top:1px;
}



/* product totalen (staan in table A, table producttotaal) */
div#abi table.producttotaal {
	margin-top: 3px;
}
div#abi table.producttotaal td {
	font-weight: bold;
}
div#abi table.producttotaal td.first {
	width: 280px;
}
div#abi table.producttotaal td.totaal {
	width: 53px;
	text-align: left;
	font-size: 9pt;
}
div#abi table.producttotaal td.totaal_premie_1 {
	width: 60px;
	text-align: right;
	font-size: 10pt;
	line-height: 10pt;
	font-weight: bold;
	color: #637100;
}
div#abi table.producttotaal td.totaal_premie_2 {
	width: 75px;
	text-align: right;
	font-size: 10pt;
	line-height: 10pt;
	font-weight: bold;
	color: #637100;
}
div#abi table.producttotaal td.totaal_of {
	width: 25px;
	text-align: right;
	font-style: italic;
}



/* calculator */

div#abi table.calc {
	width:100%;	
	border-collapse: collapse;
}
div#abi table.calc th {
	font-size: 8pt;
	line-height: 10pt;
	font-weight: normal;
	background-color: #989A2D;
	color: white;
}
div#abi table.calc td.bedrag,
div#abi table.calc th.bedrag {
	text-align:right;
	padding-right:5px;
	white-space:nowrap;
}
div#abi table.calc td {
	height:20px;
}
div#abi table.calc td.rad {
	width:12%;
	border-left:1px solid #989A2D;
	border-right:1px solid #989A2D;
	text-align:center;
}
div#abi table.calc th.rad {
	width:12%;
	text-align:center;
	padding-left: 3px;
	padding-right: 3px;
}

div#abi table.calctotaal {
	margin-top: 3px;
}
div#abi table.calctotaal td {
	font-weight: bold;
	font-size: 10pt;
	line-height: 10pt;
}
div#abi table.calctotaal td.totaal {
	padding-left: 36px;
}
div#abi table.calctotaal td.totaalbedrag {
	padding-right: 14px;
	text-align: right;
	color: #637100;
}


/* gezondheidsverklaring */

div#abi table.gez {
	width:100%;	
	border-collapse: collapse;
}
div#abi table.gez th {
	font-size: 8pt;
	line-height: 10pt;
	font-weight: normal;
	background-color: #989A2D;
	color: white;
	border-bottom:0px;
}
div#abi table.gez td {
	vertical-align:top;
	padding-bottom:5px;
}
div#abi table.gez td td {
	padding-bottom:0px;
}
div#abi table.gez td.rad {
	width:12%;
	border-left:1px solid #989A2D;
	border-right:1px solid #989A2D;
	text-align:center;
}
div#abi table.gez th.rad {
	width:12%;
	text-align:center;
	padding-left: 3px;
	padding-right: 3px;
}

/* all vertical align top */
div#abi table.vtop td, 
div#abi table.vtop th {
	vertical-align: top;
}
/* all small */
div#abi .allsmall,
div#abi .allsmall * {
	font-size: 11px;		
}

/* helptekst */
div#abi div.htdiv {
	position: relative;
	z-index:99;
}
div#abi div.htcont {
	position: absolute;
	visibility: hidden;
	top: -11px;
	left: -299px;
	z-index:100;
	width:310px;
	overflow:hidden;
}
div#abi table.htkader {
	width:100%;
	border: 2px solid white;
	background-color: #2C74C8;
	filter:Alpha(opacity=90);
}
div#abi table.htkader td {
	padding: 5px;
	padding-bottom: 10px;
	color: white;
}
div#abi table.htkader div.titel {
	font-size: 8pt;
	line-height: 17pt;
	font-weight: bold;
}
div#abi table.htkader div.omschrijving {
	font-size: 8pt;
	line-height: 11pt;
}
div#abi td.htlink {
	text-align:right;
	vertical-align: top;
	padding-top: 4px;
	padding-left: 10px;
}
div#abi td.htlink div.htdiv div.htcont {
	left:-310px;
}
div#abi td.htlink_kader {
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
}
div#abi td.htlink_kader div.htdiv div.htcont {
	left:-310px;
}
div#abi td.htlink_achter {
	padding-left: 7px;
	vertical-align: middle;
}