@import "reset.css";
/*
 *	Global
 */
html, body {
	min-height: 100.01%;
	height:100%;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body.bg1 {
	background: url(../images/backgrounds/bg1.jpg) no-repeat left top;
}
body.bg2 {
	background: url(../images/backgrounds/bg2.jpg) no-repeat left top;
}
body.bg3 {
	background: url(../images/backgrounds/bg3.jpg) no-repeat left top;
}
#wrapper {
	overflow: hidden;
	min-width: 999px;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearer {
	clear:both;
	display: block;
    height:0px;
	margin-top:-10px;
	overflow:hidden;
	width:100%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.ghost {
	visibility: hidden;
}
strong {
	font-weight: bold;
}
h2 {
	clear: both;
	padding: 0 0 10px 10px;
	font-family: 'Trebuchet MS', Arial, Sans-serif;
	font-size: 13px;
	line-height: 120%;
}
div.form h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #535144;
	line-height: 100%;
}
h3 {
	padding-left: 13px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	line-height: 216%;
}
h4 {
	margin: 15px 15px 0 15px;
	font-weight: bold;

}
p {
	display: block;
	margin: 0 15px 17px 15px;
}
em {
	font-style: italic;
}
.table_container ul {
    margin:7px 0 0 0;
}
.table_container ul li {
    list-style:square;
}
/*
 *	Top navigation
 */
#top_navigation {
	min-width: 1000px;
	height: 35px;
	background: url(../images/bg-top-navigation.png) no-repeat left top;
}
#top_navigation ul {
	display: block;
	width: 970px;
	padding-top: 9px;
	overflow: hidden;
}
#top_navigation ul li {
	float: right;
	margin-left: 17px;
	padding-left: 3px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#top_navigation ul a {
	padding-left: 10px;
	background: url(../images/arrow-white-on-red.gif) no-repeat left center;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: white;
}
#top_navigation ul a:hover {
	text-decoration: underline;
}
#top_navigation ul .without_arrow a {
	background: none;
}
/*
 *	Steps
 */
#steps {
	float: left;
	width: 184px;
	padding: 10px 0 0 0;
}
#steps .banners {
	margin-bottom: 15px;
}

#steps .banners li {
	margin-bottom: 5px;
}

#steps .step_list {
	padding-left: 10px;
}
#steps .step_list li {
	overflow: hidden;
	width: 180px;
	background: url(../images/bg-steps-middle.png) no-repeat center center;
}
#steps .step_list li.first_step {
	background-image: url(../images/bg-steps-first.png);
}
#steps .step_list li.last_step {
	background-image: url(../images/bg-steps-last.png);
}
#steps .step_list a,
#steps .step_list strong {
	display: block;
	height: 62px;
	margin-left: 0px;
	color: black;
	text-decoration: none;
}
#steps .step_list a,
#steps .step_list a span,
#steps .step_list a em {
	cursor: pointer;
}
#steps .step_list a:hover {
	background: url(../images/bg-steps-hover.png) no-repeat center center;
}

#steps .step_list strong {
	background: url(../images/bg-steps-selected.png) no-repeat center center;
}
#steps .step_list em {
	display: block;
	padding: 20px 0;
	line-height:  20px;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
}
#steps .step_list span {
	float: left;
	width: 48px;
	margin: 5px 10px 0 7px;
	line-height: 48px;
	font-size: 30px;
	text-align: center;
}
#steps .step_list strong span {
	background: #FFF url(../images/bg-step-number.gif) no-repeat center center;
	color: white;
}
#steps .step_list a:hover span {
	background: url(../images/bg-step-number-hover.gif) no-repeat center center;
	color: white;
}
/*
 *	Content
 */
#content_wrapper {
	width: 808px;
	min-height: 543px;
	float: left;
}
#content {
	overflow: hidden;
	min-height: 520px;
	width: 771px;
	padding: 12px 19px 0 13px;
	background: url(../images/bg-content.png) repeat-y left top;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#content #inner {
	margin-bottom: 49px;
}
#content .header,
.popup .header {
	overflow: hidden;
	margin-bottom: 10px;
	background: url(../images/border.png) repeat-x center bottom;
}
#content .header {
	padding-bottom: 10px;
}
body.welkom #content .header {
	background: url(../images/border.png) repeat-x center bottom;
}
#content .header .step_number {
	float: left;
	height: 40px;
	padding: 8px 20px 0 15px;
	margin-right: 15px;
	background: url(../images/bg-step-header.png) no-repeat right center;
	font-size: 26px;
	color: white;
}
#content .header h1,
.popup .header h1 {
	float: left;
	padding: 18px 0 0px 4px;

	font-family: 'Trebuchet MS', "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 24px;
}
#content .header h1.indent {
	padding-left: 47px;
}
body.welkom #content .header h1 {
	padding-bottom: 21px;
}
#content .header h1 span {
	margin: 0 0 0 5px;
	float: left;
	font-family : 'Trebuchet MS',"Times New Roman", Times, serif;
	font-size: 18px;
	color: #535144;
}
#content .header span.info {
	float: right;
	width: 335px;
	margin: 22px 5px 0 0;
	padding: 7px 0 5px 35px;
	background: url(../images/bg-info.gif) no-repeat left 4px;
	font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #999999;
}
.header span.offer {
	float: right;
	width: 155px;
	margin: 26px 5px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.header h1 span.offer {
	float: none;
	font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #333333;
}
.popup .header span.offer {
	margin: 22px 108px 0 0;
}
.popup .header h1 span.offer {
	margin-left: 10px;
	margin-right: 0px;
}
.header span.offer span.number {
	margin-left: 14px;
}
.header h1 span.offer span.number {
	margin-left: 5px;
}
.header span.specific_data {
	float: none;
	padding-left: 8px;
	color: #999999;
	font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
}
#content .header h1.very_short {
	max-width: 210px;
}
#content .header h1.short {
	max-width: 250px;
}
#content .header h1.middle {
	max-width: 380px;
}
#content .header h1.error {
	color: #C20120;
	padding-left: 40px;
}
#content .header a.help {
	float: right;
	margin-top: 9px;
	display: block;
	width: 43px;
	height: 44px;
	background: url(../images/help-big.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}
#content .header a.help:hover {
	background-position: left -43px;
}
#content .header div.form.search {
	position: absolute;
	top: 15px;
	right: 140px;
	background-color: transparent;
}
#content .header div.form.search div.input {
	float: left;
	width: 138px;
	height: 22px;
	background: url(../images/bg-input-search.png) no-repeat;
}
#content .header div.form.search input {
	padding-left: 25px;
	width: 109px;
	height: 20px;
	color: #FFFFFF;
	font-size: 13px;
	background-color: transparent;
	border: 0px;
}
#content .header div.form.search button {
	float: left;
	width: 22px;
	height: 22px;
	background: url(../images/bg-button-search.png) no-repeat left top;
	cursor: pointer;
	outline: none;
	border: 0px;
	text-indent: -9999px;
	overflow: hidden;
}
#content .header div.form.search button:hover {
	background-position: left bottom;
}
#content .header span.note {
	float: left;
	padding: 0 0 0 15px;
	margin: 7px 0 5px 33px;
	width: 290px;
	font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #B40115;
	background: url(../images/arrow-red-on-white.gif) no-repeat left 4px;
}
#content .header div.search_results {
	clear: both;
	float: left;
	width: 95%;
	padding: 0px 0px 15px 15px;
	margin: 25px 0 0 22px;
	font-size: 14px;
	color: #535144;
	background: url(../images/arrow-grey.gif) no-repeat 2px 4px;
}
#content .header div.search_results.error {
	background-image: url(../images/arrow-red-on-white.gif);
	font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
}
#content .header div.search_results span {
	color: #000000;
	margin-left: 5px;
}
#content .information {
	float: right;
	width: 230px;
}
#content .information h4 {
	height: 41px;
	padding: 10px 0 5px 38px;
	margin: 0px;
	background: url(../images/bg-heading-information.png) no-repeat right top;
	font-size: 26px;
	color: white;
	font-weight: normal;
}

#content #intro
{
	width: 500px;
    float:left;
}
#content .btn_next {
	float: right;
	height: 44px;
	padding-left: 12px;
	margin-top: 10px;
	background:url(../images/buttons/btn-next.png) no-repeat left -45px ;
	font-size: 16px;
	text-decoration: none;
	color: white;
}
#content .information .btn_next {
	float: left;
	margin-top: 10px;
	margin-left: 9px;
}
#content .btn_next:hover {
	background-position: left -133px;
	cursor:pointer;
}
#content .btn_next span {
	display:block;
	background: url(../images/buttons/btn-next.png) no-repeat right top;
	padding: 12px 70px 15px 18px;
	font-size: 14px;
}
#content .btn_next:hover span {
	background-position: right -89px;
}
#content .information .btn_next span {
	padding: 10px 70px 16px 18px;
	font-size: 16px;
}
#content_footer {
	display: block;
	height: 14px;
	background: url(../images/bg-content-bottom.png) no-repeat;
}
body.wo_curve #content_footer {
	background: url(../images/bg-content-bottom-wo-curve.png) no-repeat;
}
/*
 *	Footer
 */
#footer {
	clear: both;
	overflow: hidden;
	width: 989px;
	height: 67px;
	padding: 39px 0 10px 0;
	background: url(../images/bg-footer.png) no-repeat 0 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-size: 11px;
}
#footer address {
	float: right;
	width: 125px;
	height: 55px;
	text-indent: -9999px;
}
/* Can use without a element */
#footer address a {
	display: block;
	width: 124px;
	height: 54px;
}
#footer ul {
	float: right;
	overflow: hidden;
	margin: 29px 60px 0 0;
}
#footer li {
	float: left;
	color: #B4B4B4;
}
#footer ul a {
	padding: 0 5px;
	text-decoration: none;
	color: #B4B4B4;
}
#footer p {
	float: left;
	margin: 29px 0 0 190px;
	padding-left: 20px;
	background: url(../images/arrow-white-on-black.gif) no-repeat left 2px;
	color: white;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF;
}
/*
 *	Other Elements
 */
/* Default style for textareas */
.rich-text {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 140%;
	padding-left:47px;
}
#intro .rich-text
{
	padding-left:15px;
}
.error-text {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #F3F2EF;
	padding: 18px 0 0 40px;
	height: 341px;
	line-height: 130%;
}
.rich-text p,
.error-text p {
	padding-bottom: 10px;
}
.rich-text p
{
	margin-left:0;
}
.error-text p {
	margin: 0px;
}
.error-text a,
a.left_arrow {
	display: block;
	padding-left: 15px;
	background: url(../images/arrow-grey.gif) no-repeat left 6px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	line-height: 200%;
}
a.left_arrow {
	float: left;
}
.error-text a:hover,
a.left_arrow:hover {
	text-decoration: underline;
}
/* Intro */
#intro {
	width: 450px;
	padding-top: 7px; 
	padding-left: 32px;
}
#intro_accordion.subblock {
	clear: both;
	margin-bottom: 20px;
}
#intro_accordion.subblock.no_margin {
	margin-bottom: 0px;
}
#intro_accordion .title {
	display: block;
	padding: 5px 0 10px 5px;
	margin-bottom: 3px;
	background: url(../images/border.png) repeat-x center bottom;
	cursor: pointer;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	font-size: 20px;
	text-decoration: none;
}
#intro_accordion .title span {
	display: block;
	padding-left: 15px;
	background: url(../images/arrow-red-on-white.gif) no-repeat;
	background-position: left 7px ;
}
#intro_accordion .title.selected span {
	background: url(../images/arrow-down-red-on-white.gif) no-repeat;
	background-position: left 9px ;
}
#intro_accordion.subblock .title.selected span {
	background-position: 14px 7px;
}
#intro_accordion.subblock .title {
	height: 18px;
	padding: 8px 0 8px 0 ;
	margin: 9px 0 0 0 ;
	background: url(../images/bg-title.gif) no-repeat ;
	font-size: 13px ;
	color: #000000;
	width: 771px;
}
.popup.tp_uwgegevens #intro_accordion.subblock .title {
	height: 16px;
	padding: 9px 0 9px 0 ;
}
#intro_accordion.subblock .title span {
	padding-left: 30px;
	background-position: 14px 4px;
}
#intro_accordion .content {
	padding: 10px 10px 0 0;
	overflow: hidden;
}

h2
{
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Trebuchet MS, Arial, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #535144;
}

#intro_accordion .content h2 {
	padding-bottom: 10px;
	padding-left: 15px;
	font-family: Trebuchet MS, Arial, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #535144;
}
#intro_accordion .content p {
	margin-bottom:10px;
}
#intro_accordion.subblock .content {
	padding: 0px !important;
}
#intro_accordion.subblock .table_container {
	border-top: 0px;
}
#intro_accordion.subblock .border {
	border-top: 1px solid #CCCCCC;
}
#intro_accordion p a {
	background: url('../images/btnAccordionLink.png') no-repeat 0 7px;
	color: #000;
	padding-left: 9px;
}
#intro_accordion a:hover {
	text-decoration: none;
}
.home  {
	margin-left: 14px;
}

/* Summary */
.summary {
	overflow: hidden;
	margin: 20px 0 15px 0;
	font-family: Trebuchet MS, Arial, Sans-serif;
	font-size: 13px;
	line-height: 130%;
}

.summarycontent {
	font-family: Trebuchet MS, Arial, Sans-serif;
	font-size: 13px;
	line-height: 130%;
}

.summary dt {
	float: left;
	width: 70px;
	padding: 0 15px;
	margin: 0 10px 15px 0;
	font-size: 14px;
	font-weight: bold;
}
.summary dd {
	float: left;
	font-size: 13px;
	width: 645px;
}
/* Tables */
.table_container {
	padding: 15px 2px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid #F3F2EF;
	background: #F3F2EF;
}
.table {
	clear: both;
	width: 100%;
	background: #FFF;
	table-layout: fixed;
}
.table th {
	background: #F3F2EF;
}
.no_edit td {
	color: #999999;
}
/* For every second element of tbody in table */
.table tr.second {
	background: #F3F2EF;
}
.table thead th {
	padding-left: 5px;
	height: 30px;
	font-size: 12px;
	line-height: 115%;
	background: url(../images/border-table.gif) no-repeat right bottom;
}
.table thead th.action {
	background-image: url(../images/border-table-small.gif);
	padding-left: 0px;
}
.table.uitgangspunten thead th {
	font-size: 11px;
	padding-left: 0px;
}
.table thead th.empty {
	padding: 0;
	background: none;
}
.table th.empty_row,
.table td.empty_row {
	background: none !important;
	line-height: 11px;
	height: 11px;
}
.table thead th.actions {
	padding: 0;
}
.table thead th a {
	display: block;
	text-decoration: none;
	color: black;
}
.table thead th a span {
	display: block;
	margin-right: 12px;
	background: url(../images/sort.gif) no-repeat right center;
}
.table thead th a.sorted span {
	background-image: url(../images/sort-selected.gif);
}
.table tbody {
	font: 11px Arial, Helvetica, sans-serif;
}
.table tbody td,
.table tfoot td {
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	padding-left: 5px;
	cursor: pointer;
}
.table tbody td span {
	display: block;
	float: left;
	margin-left: 0px;
}
.table tbody tr.empty td  {
	cursor: default !important;
}
.table tbody td.action {
	padding: 0px;
}
.table tbody td.action.row {
	cursor: default;
}
.table tbody td.action.row a {
	margin-left: 5px;
}
.table tbody tr.first td.action.row {
	background-color: #F3F2EF;
}
.table tbody tr.first td.action.row {
	background-color: #FFFFFF;
}
.table tbody td.action a {
	display: block;
	overflow: hidden;
	width: 30px;
	height: 24px;
	border-left: 1px solid #F3F2EF;
	text-indent: -9999px;
}
.table tbody td.action.row a {
	border-left: 0px;
}
.table tbody td.delete a {
	background: url(../images/btn-table.png) no-repeat left bottom;
}
.table tbody td.delete a:hover {
	background-position: left top;
}
.table tbody td.completed a {
	background: url(../images/btn-table.png) no-repeat -30px bottom;
}
.table tbody td.completed a:hover {
	background-position: -30px top;
}
.table tbody td.not_completed a {
	background: url(../images/btn-table.png) no-repeat -60px bottom;
}
.table tbody td.not_completed a:hover {
	background-position: -60px top;
}
.table tbody td.details a {
	background: url(../images/btn-table.png) no-repeat -90px bottom;
}
.table tbody td.details a:hover {
	background-position: -90px top;
}
.table tbody td.copy a {
	background: url(../images/btn-table.png) no-repeat -120px bottom;
}
.table tbody td.copy a:hover {
	background-position: -120px top;
}
.table tbody td.withdraw a {
	background: url(../images/btn-table.png) no-repeat -150px bottom;
}
.table tbody td.withdraw a:hover {
	background-position: -150px top;
}
.table tbody td.no_action {
	cursor: default;
	border-left: 1px solid #F3F2EF;
	width: 30px;
	height: 24px;
	background: url(../images/btn-table.png) no-repeat -180px top;
}
.table tbody td.no_action span {
	display: block;
	border-left: 1px solid #F3F2EF;
	width: 30px;
	height: 24px;
	background: url(../images/btn-table.png) no-repeat -180px top;
}
.table tbody td.action a.opened_row,
.table tbody td.action a.closed_row {
	width: 18px;
	height: 16px;
	background: url(../images/buttons/btn-tr.gif) no-repeat left top;
	line-height: normal;
}
.table tbody td.action a.opened_row {
	background-position: left bottom;
}
.table tbody tr td.sub {
	background-repeat: no-repeat;
	background-position: 4px 9px;
	text-indent: 16px;
}
.table tbody tr.first td.sub {
	background-image: url(../images/arrow-black-on_white.gif);
}
.table tbody tr.second td.sub {
background-image: url(../images/arrow-black-on_grey.gif);
}

.table tbody tr.over td.sub {
	background-image: url(../images/arrow-black-on_red.gif);
}
.table tbody tr.over {
	background-color: #BF011E;
	color: white;
}
.table tr.total,
.table tr.netto,
.table tr.kwantumkorting {
	background-color: #F3F2EF;
}
.table tr.total td {
	font-weight: bold;
	padding: 8px 0 2px 0;
}
.table tr.kwantumkorting td {
	padding: 8px 0 2px 0;
	border-bottom:  1px solid #CCCCCC;
	border-top:  1px solid #CCCCCC;			
}
.table tr.total td {
	font-size: 11px;
	font-weight: bold;
}
.table tr.netto td {
	font-weight: bold;
	padding: 2px 0 8px 0;			
}
.table tr td.align_right {
	padding-left: 15px;
}
div.premie,
div.pensioenen {
	width: 377px;
}
div.pensioenen .table_container {
	height: 169px;
}
div.premie .table_container,
div.pensioenen .table_container  {
	padding: 5px 10px 6px 13px;
	margin-bottom: 0px;
}
div.pensioenen .table_container {
	height: 181px;
}
div.premie,
div.pensioenen {
	font-family: Arial,Helvetica, sans-serif;
	font-size: 11px;
}
div.premie h3,
div.pensioenen h3 {
	color: #333333;
}
div.premie th,
div.pensioenen th {
	font-weight: bold;
	background: none;
}
div.pensioenen td {
	padding-left: 8px;
}
div.premie .table .second,
div.pensioenen .table .second  {
	background-color: transparent;
}
div.premie .table .first,
div.pensioenen .table .first {
	background-color: white;
}
div.premie .table .over,
div.pensioenen .table .over {
	background-color: #BF011E;
}
.regeling {
	margin-bottom: 10px;
	width: 377px;
}
.regeling .table_container {
	padding: 5px 13px 6px 8px;
}
.regeling td {
	border-bottom: 1px solid #CCCCCC;
}
.regeling td.help {
	border: 0px;
}
span.note {
	display: block;
	padding: 16px 0 7px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* Buttons */
.buttons {
	position:relative;
	z-index:100;
}
.buttons.absBottom {
	bottom: 0px;
	left: 33px;
	position: absolute;
	width: 729px;
}
.table_container .buttons {
	height: 23px;
	padding: 36px 0 10px;
	position: relative;
	margin-right:15px;
}
.tools {
	bottom: 2px;
	left: 92px;
	width: 550px;
}
.buttons.onwhite .tools{
	bottom: 0px;
	left: 74px;
	padding: 4px;
	position: absolute;
}
.buttons .right {
	float: right;
}
.buttons a {
	float: left;
	overflow: hidden;
	height: 34px;
	padding: 0 0 0 11px;
	margin: 0 0 0 5px;
	background: url(../images/buttons/default.gif) no-repeat left -34px;
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 13px;
}
.popup .buttons a {
	color: #666666;
}
.buttons.onwhite {
	bottom: 0;
	width: 771px;
}
.buttons.onwhite a {
	background-image: url(../images/buttons/default-onwhite.png);
}
.buttons a:hover {
	background-position: left -102px;
	color: #333333;
}
.buttons a span {
	display: block;
	padding: 8px 30px 11px 3px;
	background: url(../images/buttons/default.gif) no-repeat right top;
}
.buttons.onwhite a span {
	background-image: url(../images/buttons/default-onwhite.png);
	padding-top: 7px;
}
.buttons a:hover span {
	background-position: right -68px;
}
.buttons a.plus_icon {
	padding-left: 35px;
	background: url(../images/buttons/icon-plus.png) no-repeat left top;
}
.buttons a.plus_icon:hover {
	background-position: left -34px;
}
.buttons a.next,
.buttons a.prev {
	float: right;
	width: 41px;
	height: 41px;
	padding: 0 20px 0 20px;
	margin:15px 0px 0px 0px;
	background: url(../images/buttons/next.png) no-repeat center -41px;
	text-indent: -9999px;
}
.buttons a.next:hover,
.buttons a.prev:hover {
	background-position: center -82px;
}
.buttons a.next.inactive,
.buttons a.prev.inactive,
.buttons a.next.inactive:hover,
.buttons a.prev.inactive:hover {
	background-position: center top;
	margin-left:5px;
}
.buttons a.prev {
	float: left;
	background-image: url(../images/buttons/previous.png);
}
.buttons.tools a {
	background-image: url(../images/buttons/buttons-other.gif);
	padding-left: 45px;
	margin-right: 6px;
}
.buttons.tools a.print {
	position:absolute;
	top:25px;
}
.buttons.tools a.print {
	background-position:  left -34px;
}
.buttons.tools a span {
	background: url(../images/buttons/buttons-other.gif) right top;
}
.buttons.tools a:hover span {
	background: url(../images/buttons/buttons-other.gif) right 136px;
}
.buttons.tools a.print:hover {
	background-position: left -170px;
}
/* Forms */
div.form {
	padding-left: 8px;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
	background-color: #F3F2EF;
	margin-bottom: 7px;
}
div.form legend {
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	padding: 18px 0 10px 0;
}
div.form.regeling legend {
	padding-left: 35px;
}
div.form label {
	position: relative;
	float: left;
	line-height: 245%;
	margin-left:7px;
}
div.form input,
div.form textarea,
div.form select {
	padding: 1px 2px;
	border: 1px solid #999999;
	font-size: 11px;
	margin: 2px 4px 0 0;
}
div.form input.size1 {
	width: 20px !important;
	text-align: center;
	padding: 1px 0px 1px 0px;
	margin-left: -5px;
}
div.form input.size2 {
	width: 16px !important;
}
div.form input.size4 {
	width: 30px !important;
	margin-right: 10px !important;
}
div.form input.size6 {
	width: 45px !important; /* fixed from 42px because of safari */
	margin-right: 10px !important;
}
div.form input.small {
	width: 38px !important;
	margin-right: 10px !important;
}
div.form input.middle {
	width: 52px !important;
}
div.form select {
	padding: 1px 1px 1px 2px;
}
div.form textarea {
	height: 61px;
}
div.form br {
	clear: both;
}
div.form sup {
	margin-left: 6px;
	font-weight: normal;
	color: #C20120;
	line-height: 100%;
}
div.form fieldset.note sup {
	margin-left: 0px;
}
a.help {
	display: block;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/help-small.gif) no-repeat;
	cursor:pointer;
}
a.help:hover {
	background: url(../images/help-small.gif) no-repeat;
}
div.form a.help {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 850;
}
div.form a.help:hover {
	background-position: left -28px;
}
div.form a.help span.tooltip {
	display: block;
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 800;
}
div.form a.help span.tooltip span.top {
	display: block;
	padding: 10px 10px 10px 35px;
	width: 200px;
	min-height: 40px;
	background: url(../images/bg-tooltip-top.png) no-repeat;
	font-size: 11px;
	line-height: 135%;
	color: #FFFFFF;
}
div.form a.help span.tooltip span.bottom {
	display: block;
	background: url(../images/bg-tooltip-bottom.png) no-repeat;
	width: 250px;
	height: 12px;
}
div.form.calculate {
	float: left;
	padding: 0 17px 35px 17px;
	margin: 0 0 25px 0;
	width: 735px;
	border-bottom: 1px solid #CCCCCC;
}
div.form.calculate fieldset {
	float: left;
	margin: 0 0 20px 0;
}
div.form.calculate fieldset.inputs {
	padding: 6px 0 6px 0;
	margin: 0px;
}
div.form.calculate input,
div.form.calculate span,
div.form.calculate .buttons {
	float: left;
}
div.form.calculate label.second {
	margin: 0 0 0 28px;
	padding-left: 3px;
}
div.form.calculate input {
	margin: 0 9px 0 12px;
	width: 38px;
}
div.form.calculate label {
	line-height: normal;
}
div.form.calculate .buttons {
	margin-top: -8px;
	margin-left: 22px;
	padding: 0;
	width: auto;
}
div.form.contact label {
	width: 98px;
}
div.form.contact fieldset {
	padding: 0 0 0 39px;
}
div.form fieldset.main {
	padding-bottom: 0;
}
div.form fieldset.note {
	margin: 0 0 0 20px;
	padding: 10px 0 10px 44px;
	width: 675px;
	background: url(../images/bg-note.gif) no-repeat 32px center;
	border-top: 1px solid #CCCCCC;
}
div.form.contact div.buttons {
	float: left;
	padding: 5px 0 10px 0;
	margin-left: 180px;
}
div.form.contact input,
div.form.contact textarea {
	width: 186px;
	float: left;
}
div.form input.radio {
	float: left;
	position: relative;
	top: 7px;
	width: auto !important;
	margin: 0 3px 0 0;
	border: 0px;
}
span.error_message {
	float: right;
	padding:	1px 0px 1px 15px;
	width: 192px;
	background: url(../images/bg-note.gif) no-repeat scroll 4px 4px;
	border: 1px solid #C20120;
	color: #C20120;
	margin: 2px 88px 0 0;
}
div.form.contact span.error_message {
	margin-right: 200px;
	margin-top: 2px;
}
div.form label.unlimited_length {
	width: auto !important;
	margin: 0 13px 0 0;
	line-height: 245%;
}
div.form label.no_padding {
	padding-left: 0px !important;
}
/* popup */
div.popup_bgr {
	min-width: 1000px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #333333;
	filter:alpha(opacity=51);
	-moz-opacity:.51;
	opacity:.51;
	z-index: 900;	
}
.popupiframe {
	height:100%;
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
	position:absolute;
	width:100%;
	z-index:899;
	left: 0px;
	top: 0px;
	display:none;
}
div.popup {
	position: absolute;
	top: 45px;
	left: 297px;
	width: 586px;
	z-index: 1000;
}
div.popup.big {
	left: 187px;
	width: 805px;
}
div.popup.middle {
	left: 203px;
	width: 775px;
}
div.popup div.main {
	float: left;
	width: 100%;
	background: url(../images/bg-small_popup-top.png) no-repeat left top;
}
div.popup.big div.main {
	background: url(../images/bg-big_popup-top.png) no-repeat left top;
}
div.popup.middle div.main {
	background: url(../images/bg-middle_popup-top.png) no-repeat left top;
}
div.popup div.main a.close {
	position: absolute;
	top: 13px;
	right: 14px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/buttons/btn-close.gif) no-repeat 100% 0;
	z-index: 2000;
}
div.popup div.main a.close:hover {
	background: url(../images/buttons/btn-close.gif) no-repeat 100% -29px;
}
div.popup.small div.main a.close {
	right: 19px;
}
div.popup div.main div.header {
	margin: 3px 19px 0 15px;
	width: 554px;
}
div.popup.big div.main div.header {
	width: 775px;
}
div.popup.middle div.main div.header {
	width: 745px;
}
.popup .header h1 {
	padding: 18px 20px 9px 9px;
	width: 460px !important;
}
.popup.tp_splash .header h1 {
	margin-left: 10px;
}
div.popup div.main div.text {
	clear: both;
	margin: 8px 17px 10px 17px;
	line-height: 130%;
}
div.popup.small div.main div.text {
	font-size: 13px;
}
div.popup div.main div.text.grey {
	background-color: #F3F2EF;
	padding:10px;	
}
div.popup div.main div.text.two_columns {
	float: left !important;
	width: 551px;
	padding-top: 0px;
	margin-top: 17px;
	background: url(../images/bg-two_columns_layout.gif) repeat-y transparent;
}
div.popup .buttons,
div.popup .buttons.onwhite {
	margin: 7px 0 0px;
	padding-right: 16px;
	width: 570px;
}
div.popup.gegevens_werknemer .buttons.onwhite {
	bottom: 0;
}
div.popup div.text .buttons {
	margin-bottom: 35px;
}
div.popup .buttons a {
	float: right;
}
div.popup div.text .buttons a {
	float: left;
	margin-left: 0px;
}
div.popup div.bottom {
	clear: both;
	width: 100%;
	height: 18px;
	background: url(../images/bg-small_popup-bottom.png) no-repeat left top;
}
div.popup.big div.bottom {
	background: url(../images/bg-big_popup-bottom.png) no-repeat left top;
}
div.popup.middle div.bottom {
	background: url(../images/bg-middle_popup-bottom.png) no-repeat left top;
}
div.popup div.form {
	background-color: #F3F2EF;
}
div.popup div.form legend {
	padding-left: 35px;
	padding-bottom: 5px;
}
div.popup div.form label {
	padding-left: 35px;
	width: 115px;
}
div.popup div.form input,
div.popup div.form select {
	width: 169px;
}
div.popup div.form input.checkbox {
	width: auto;
	float: left;
	margin-right: 5px;
	position: relative;
	top: 6px;
}
div.popup div.form select.small {
	width: 42px;
}
div.popup.small div.form fieldset.note {
	margin-top: 15px;
	margin-left: 2px;
}
div.popup.small div.form  {
	float: left;
	width: 544px;
}
div.popup.small div.form fieldset.note  {
	float: left;
	width: 498px;
}
div.popup p {
	margin-left: 0px;
	margin-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
div.popup span.error_message {
	float: left;
	width: 230px;
	font-size: 11px;
	background-position: 4px 5px;
}
div.popup div.form span.error_message {
	float: right;
	width: 180px;
	margin-top: 2px;
	margin-right: 10px;
	line-height: 120%;
	background-position: 4px 3px;
}
div.popup .table tbody td {
	line-height: 18px;
}
div.popup .tools{
	padding-left: 18px;
}
.no_edit td {
	color: #999999;
}
/*Fix*/
.premies td,
.premies td *,
.employees * {
	cursor:default !important;
}
.employees table tr.kwantumkorting td.label,
.employees table tr.netto td.label {
	width:709px;
}
.employees table tr.kwantumkorting td.label span,
.employees table tr.netto td.label span {
	display:block;
	float:right;
	width:100px;
}
.employees table td,
.employees table th {
	padding:0 0 0 4px!important;
}
#intro_accordion.subblock .title * {
	background-color:#FFF!important;
}
#intro_accordion.subblock .title span {
	border-left:solid 1px #D8D8D8;
	border-right:solid 1px #D8D8D8;
}
.popup .header h1  {
	line-height:29px;
}
/*Tooltip*/
#tooltip {
	position: absolute;
	z-index: 3000;	
	color:#fff;
	width:229px;
	margin:0!important;
	padding:0!important;
	min-height:30px;
	padding-left:7px!important;
}
#tooltip * {
	margin:0!important;
	padding:0!important;	
	visibility:visible!important;	
	overflow:hidden!important;
}
#tooltip .pointer {
	position:absolute!important;
	top:15px;
	left:0;	
	width:7px;
	height:13px;
	background: url(../images/bg_tooltippointer.png);
	background-repeat:no-repeat;	
	overflow:hidden;	
}
#tooltip .top {
	background: url(../images/bg_tooltiptop.png);
	background-repeat:no-repeat;
	height:5px;
	width:229px;
}
#tooltip .bottom {
	background:yellow;
	width:229px;
	height:12px;
	background: url(../images/bg_tooltipbottom.png);
	background-repeat:no-repeat!important;
}
#tooltip .content {
	background:blue;
	width:184px;
	min-height:22px !important;
	background: url(../images/bg_tooltipcontent.png);
	background-repeat:repeat-y;	
	padding:5px 30px 15px 15px!important;	
}
#tooltip h3, #tooltip div { 
	margin: 0; 
}
/*Addon*/
.mainForm {
	background-color: Transparent;
	padding: 0;
}
.table th {
	background: #F3F2EF url(/images/border-table.gif) no-repeat right bottom;
	height: 30px;
	font-size: 12px;
}
.table thead th
{
	background-color: #F3F2EF !important; 
}
.table tbody td
.table th.empty {
	padding: 0;
    background: #F3F2EF !important; 	
}
.table th.empty_row, .table td.empty_row {
	line-height: 7px;
	height: 7px;
}
.table th.actions {
	padding: 0;
}
.table th a {
	display: block;
	font-family: Trebuchet MS, Arial, Sans-serif;
	text-decoration: none;
	color: black;
	padding-left: 5px;
}
.table th a span {
	display: block;
	padding: 0 15px 0 0;
	margin-right: 12px;
	background: url(/images/sort.gif) no-repeat right center;
	font-size: 11px;
}
.table th a.selected span {
	background-image: url(/images/sort-selected.gif);
}
.table th a.selectedup span {
	background-image: url(../images/sort-selected-up.gif);
}
.table.results th {
	padding-left: 5px;
	text-align:left;
	vertical-align:bottom;
	padding-bottom:10px;
}
.table.results tbody td {
	padding-left:5px;
	padding-right:0px;
	text-align:left;
}
.rightalign {
	padding-left:0px;
	padding-right:5px;
	text-align:right;
}
.table.results td {
	font-size: 10px;
}
.table.commonresults th {
	text-align:left;
}
.table.commonresults tbody td, .rightalign {
	padding-left:5px;
	padding-right:0px;
	text-align:left;
}
.rightalign {
	text-align:right;
}
a.namelink {
	color: Black;
	text-decoration: none;
}
a.namelink:hover {
	text-decoration: none;
}
.home .title {
	line-height:24px;
}
#inner #intro_accordion .title span {
	line-height:17px;
}
#content .header .step_number {
	font-family: 'Bodoni MT';
	line-height: 24px;
	color: #ffffff;
	width: 70px;
}
#content .header h1 {
	line-height:24px;
	width: 350px;
	background-color: #ffffff;
	margin-top:1px;
}
.bodoni {
	font-family: 'Bodoni MT';
}
#content .information h4 {
	width:191px;
	font-family:'Bodoni MT';
	line-height:26px;
	color:#ffffff;
}
#content .information .btn_next {
	color:#ffffff;
	line-height: 18px;
}
.buttons a:hover span {
	cursor:pointer;
}
.nonfixed {
    overflow:hidden !important;
    white-space:nowrap;
}
table td.number {
	text-align:right!important;
	padding-right:8px!important;
}
table td.number span {
	float:right!important;
}
.table.commonresults td.number
{
	text-align:left !important;
}
.table.commonresults td.number span
{
	float:none !important;
}
.employees table th {
	font-size:10px;
	padding-bottom:5px!important;
}
.calculate .errorContainer {
	padding-top:15px !important;
}
table.premies th a {
	margin:0!important;
}
table tr th.overspantitle_empty {
	background-image:none!important;
}
table tr th.overspantitle {
	text-align:center!important;
}

table tr td span.symbol {
	float:left;
}
table tr td span.currency {
	float:right;
	padding-right:7px;
}
.employees table {
	table-layout:auto;
}
tr.kwantumkorting td span.symbol,
tr.netto td span.symbol {
/*	padding-left:4px;*/
 
}
/*datecontrol*/
div.form.regeling input.day{
	
}
.datecontrol
{
	display:inline;
	height:25px;
	background:blue;
}
.datecontrol input, .datecontrol a.btn_datepicker, .datecontrol  span.titleright
{
	float:left!important;
	margin-top:2px;
}
.datecontrol  span.titleright
{
	padding-left:5px;
}

.datecontrol input.day,
.datecontrol input.month
{
	width:20px!important;
} 
.datecontrol input.year
{
	width:40px!important;
  white-space:nowrap;
}

#intro #intro_accordion .content ul
{
    list-style-type:disc;
    margin: 0px 0px 20px 20px;
}

#intro #intro_accordion .content ul li
{
    margin: 5px 20px 0px 20px;
    padding: 0px 20px 5px 10px;
    list-style-type:square;
}
.werknemertotaal
{
	font-weight:bold;
	padding-left:43px;
	line-height:24px;
}