/* Calculations Stylesheet

/* Accordion */

#vertical_container p{
	font-size: 1.3em;
/*	padding-top: 1em;*/
	color: #2d79ce;
}

.accordion_toggle{
	display: block;
	font-size: 2em;
	color: #2d79ce;
	cursor: pointer;
	margin: 0 !important;
	font-weight: bold;
	padding: 0 0 0 20px;
	border-bottom: 5px solid #fff;
	text-decoration: none;
}

#smallContainer a.maandlasten{
	background: url("/img/maandlasten-icon.gif") no-repeat 0 center;
}

#smallContainer a.maxLenen{
	margin-top: 1em !important;
	background: url("/img/maxlenen-icon.gif") no-repeat 0 center;
}

#smallContainer a.besparing{
	margin-top: 1em !important;
	background: url("/img/besparing-icon.gif") no-repeat 0 center;
}

.accordion_toggle_active{
	color: #ff0000;
}

.accordion_toggle:hover{
	color: #ff0000;
}

.accordion_content{
	background-color: #ffffff;
	overflow: hidden;
	padding: 0 2em 2em 2em;
}

.accordion_content p{
	padding-top: 1em;
}

.accordion_content #CalculateMaxCredit fieldset, .accordion_content #rekenmodule fieldset{
	width:50em;
}

/* Rekenmodules */

.leningAanvragen, .leningOversluiten{
	display: block;
	background: url("/img/lening-aanvragen-button.gif");
	width: 160px;
	height: 28px;
	text-indent: -2000px;
	margin-top: .5em;
	margin-left: 208px;
}

.leningAanvragen2{
	display: block;
	background: url("/img/lening-aanvragen-button.gif");
	width: 160px;
	height: 28px;
	text-indent: -2000px;
	margin-top: .5em;
}

.leningOversluiten{
	background: url("/img/lening-oversluiten-button.gif");
}

.leningAanvragen:hover, .leningOversluiten:hover, .leningAanvragen2:hover{
	background-position: bottom;
}

.errormelding{
	color: #ff0000;
}

form img{
	float: left;
}

span img{
	margin: -.1em 0 0 .5em;
}

#errormelding, #mailerrormelding{
	margin: 0;
	display: block;
	float: none;
}

#errormelding p, #mailerrormelding p{
	color: #ff0000;
	padding: 0 !important;
	float: none !important;
	font-size: 100%;
	font-weight: none;
}

form fieldset{
	margin-top: 1em;
}

form fieldset fieldset{
	width: 42% !important;
	float: left;
	margin: 0 0 .5em -0.3em !important;
	padding: 3px 0 0 0;
	border: none;
	background: none;
	clear: none;
}

form fieldset fieldset br{
	display: none;
}

form fieldset fieldset label{
	width: auto;
	text-align: left;
	padding-top: 0;
	clear: none;
	margin-right: 0;
}

form fieldset fieldset input{
	width: auto;
	margin-top: 8px;
	border: none;
}

form legend{
	display: none;
}

form label{
	display: block;
	width: 15em;
	float: left;
	margin-top: 6px;
	font-size: 1.3em;
	cursor: pointer;
	margin-right: 1em;
	font-weight: bold;
	clear: left;
}

form span{
	display: block;
	font-weight: bold;
	font-size: 1.3em;
	margin-top: 8px;
	float: left;
	color: #ff0000;
}

form input{
	width: 8.3em;
	float: left;
	display: block;
	font-size: 1.3em;
	border: 1px solid #999;
	margin-top: 5px;
}

form input.button, form input.secondButton{
	background: transparent url("/img/bereken-button.gif") no-repeat center top;
	width: 118px;
  	height: 28px;
	padding: 0 0;
	margin: 0 0 0 15.9em;
  	border: 0;
  	text-indent: -1000px;
  	cursor: pointer; /* hand-shaped cursor */
	float: none;
	clear: right;
}

form input.Proposalbutton{
	background: transparent url("/img/proposal-button.gif") no-repeat center top;
	width: 165px;
  	height: 28px;
	padding: 0 0;
	margin: 1em 0 0 15.7em;
  	border: 0;
  	text-indent: -1000px !important;
  	cursor: pointer !important;
	z-index: 999;
	float: none;
	clear: both;
}

form input.Proposalbutton2{
	background: transparent url("/img/proposal-button.gif") no-repeat center top;
	width: 165px;
  	height: 28px;
	padding: 0 0;
	margin: .5em 0 0 .5em !important;
  	border: 0;
  	text-indent: -9999px !important;
  	cursor: pointer !important; /* hand-shaped cursor */
	float: none;
	clear: both;
}

form input.CallMeLaterButton{
	background: transparent url("/img/persoonlijk-gesprek-button.gif") no-repeat center top;
	width: 160px;
  	height: 28px;
	padding: 0 0;
	margin: 0 0 0 15.7em;
  	border: 0;
  	text-indent: -1000px !important;
  	cursor: pointer; /* hand-shaped cursor */
	float: none;
	clear: both;
}

form span#edTotalSaving{
	margin-bottom: .5em;
}

form input.Oversluitenbutton{
	background: transparent url("/img/oversluiten-button.gif") no-repeat center top;
	width: 160px;
  	height: 28px;
	padding: 0 0;
	margin: .7em 0 0 15.7em;
  	border: 0;
  	text-indent: -1000px !important;
  	cursor: pointer; /* hand-shaped cursor */
	float: none;
	clear: both;
}


form #mailNL_MAXCREDIT input{
	width: 12em;
}

form input#MAIL_NL_TELENEN{
	background: transparent url("/img/mail-berekening-button.gif") no-repeat center top;
	width: 160px;
}

form input.secondButton{
	background: transparent url("/img/nieuwe-berekening-button.gif") no-repeat center top;
	width: 160px;
}

form #mailNL_MAXCREDIT input.button{
	background: transparent url("/img/versturen-button.gif") no-repeat center top;
	width: 160px;
}

form input.button{
	margin-top: 1em;
}

.parMaxCredit{
	margin: 0 !important;
}

#nl_maxcredit, #nl_calcsaving, #nl_comparemonthlypayment{
	padding-bottom: 1em;
}

#errormelding p, #errormeldingCalcSav p, #errormeldingMaxCredit p{
	margin: 0 !important;
	color: #ff0000;
	font-weight: bold;
	padding: 0;
}

/* Maandlasten */

#nl_comparemonthlypayment fieldset{
	float: left;
}

#nl_comparemonthlypayment img{
	float: left;
	margin-top: 18px;
}

#nl_comparemonthlypayment .maandlasten{
	margin: 1em 0 0 0;
	padding: 0;
	overflow: hidden;
	clear: left;
}

#nl_comparemonthlypayment .maandlasten h5{
	margin: 1em 0 1em 0;
	clear: left;
}

#nl_comparemonthlypayment p{
	margin-bottom: 5px;
}

#nl_comparemonthlypayment .maandlasten p{
	margin: 0;
	padding: 0;
}

#nl_comparemonthlypayment .maandlasten p a{
	color: #2d79ce;
	float: left;
	display: block;
	width: 120px;
	margin-right: 20px;
}

#nl_comparemonthlypayment .maandlasten p a:hover{
	color: #ff0000;
}

#nl_comparemonthlypayment .maandlasten p span{
	color: #ff0000;
	font-weight: bold;
	margin: 0 0 0 -1em !important;
	padding: 0;
}

#nl_comparemonthlypayment label{
	width: auto;
}

#nl_comparemonthlypayment input{
	display: block;
}

#nl_comparemonthlypayment .button{
	margin: 14px 0 0 5px !important;
	padding: 0;
	float: left;
}

#nl_comparemonthlypayment #errormelding p{
	font-size: 100% !important;
}

/* Maandlasten in welkeMaandlasten */

#welkeMaandlasten fieldset{
	width: 90%;
	text-align: center;
	padding-left: 10%;
}

#welkeMaandlasten #nl_comparemonthlypayment .maandlasten h5{
	font-size: 140%;
	font-weight: bold;
}

#welkeMaandlasten #nl_comparemonthlypayment p{
	font-size: 120%;
}

/*#welkeMaandlasten #nl_comparemonthlypayment .maandlasten p{
	font-size: 100%;
}*/

#welkeMaandlasten #nl_comparemonthlypayment .maandlasten p a{
	
}

#welkeMaandlasten #nl_comparemonthlypayment .maandlasten p span{
	margin: 0;
	float: left;
}

#welkeMaandlasten #nl_comparemonthlypayment input{
	margin: 0 0 1em 0 !important;
}

#welkeMaandlasten #nl_comparemonthlypayment .button{
	clear: left;
	margin: .5em 0 0 2.8em !important;
}

#welkeMaandlasten #nl_comparemonthlypayment label{
	margin-top: 3px;
}

#welkeMaandlasten #nl_comparemonthlypayment img{
	margin-top: 10px;
}

#topService #nl_calcsaving{
	margin-left: 20px;
}

#topService #nl_calcsaving fieldset{
	width:50em;
}

/* Tooltip */

#nl_maxcredit{
	overflow: visible;
	float: inherit;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
	background: url("/img/help.gif");
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	text-decoration: none;
	margin: 7px 0 0 3px;
}

a.info:hover{z-index:25; background-color:#f3f7f9; cursor: help;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
	width: 11.5em;
	padding: .5em;
    top: -7em; left:0em;
    border: 1px solid #e8dc9c;
    background-color:#fff9da;
	color:#000;
	font-weight: normal;
	font-size: 1.2em;
	line-height: normal;
}