@charset "utf-8";
/*
CSS Document minkonto.ekspresbank.dk
CSS: Ronald Wesselink
E-mail: ronald@isaac.nl
Url: www.isaac.nl

/****************************************/
/*       REMOVE DEFAULT STYLES*/
/****************************************/
* {
  margin: 0;
  padding: 0;
  outline: none;
}
img {
  border: 0;
}
html {
}
:focus {
  outline: 0;
}
ol {
  list-style: none;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}

/***************************************/
/*        REDEFINE DEFAULT ELEMENTS    */
/***************************************/
body {
  overflow-y: scroll;
}
body.iframed {
  overflow-y: hidden;
}
html,
body {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif; /*font-size: 11px;*/
  font-size: 12px;
  text-align: center;
  margin: 0;
  line-height: 1.4;
  color: black;
  background: white;
}
p a,
p {
  color: #000;
}
p a:hover {
  color: #444444;
}
h2 {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 20px 0;
}
h3 {
  color: #004f5a;
  font-weight: bold;
  font-size: 12px;
  margin: 20px 0 0 0;
}
h4 {
  color: #000;
  font-weight: bold;
  font-size: 11px;
  margin: 0 0 3px 0;
}
a span,
a {
  cursor: pointer;
  color: black;
}
.boxLine a.info,
.boxDymHeigtLine a.info,
.boxDymHeigt a.info,
.box a.info {
  background: transparent url(../images/info.gif) left top no-repeat;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
  float: right;
  display: inline;
  margin: 1px 0 0 0;
}
input {
  color: #656565;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #cdcdcd;
}

hr {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e8e9ea;
  height: 1px;
}

select {
  color: #656565;
  border: 1px solid #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  overflow: visible;
  width: 169px;
}
.error {
  margin-top: 15px;
  color: #fe0000;
}
#errorDiv .error {
  margin-top: 0px;
}
#resale_offer_error {
  color: red;
}
.clearboth {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}
form {
  /*font-size: 11px;*/
  font-size: 12px;
}
.invulveldonder {
  width: 50px;
}
.euro {
  float: left;
  height: 16px;
  padding: 0px 2px 0 0;
  border: 1px solid #f4f4f4;
}

.twee_kolom {
  float: left;
  width: 50%;
}
div.invoerform .twee_kolom select {
  margin: 20px 0 0 10px;
  width: 344px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table.closeaccount td {
  width: 150px;
  height: 30px;
  border-bottom: 1px solid #656565;
  padding-left: 10px;
}
table.closeaccount td.width50 {
  width: 50px;
}
table.closeaccount input.width50 {
  width: 50px;
  border: none;
}
table.closeaccount td.width100 {
  width: 100px;
}
table.closeaccount td.odd {
  background-color: #ffffff;
}
table.logintable td {
  font-size: 11px;
  padding-top: 2px;
}
table.calculation {
  border: 1px solid #ccc;
  margin-left: auto;
  margin-right: auto;
}
table.calculation td {
  font-size: 11px;
  padding: 5px 44px 5px 5px;
  border: 1px solid #ccc;
}
table.calculation th {
  font-size: 11px;
  font-weight: bold;
  color: #333;
  padding: 5px 55px 5px 5px;
  border-bottom: 2px solid #d7d7d7;
}
/***************************************************
*     End main tags
***************************************************/

/***************************************/
/*        GENERIEKE KNOPPEN      */
/***************************************/

.btn_75 {
  float: right;
  margin: 0 0px 0;
}
.btn_left {
  margin: 0 0px 0 10px;
  zoom: 1;
  overflow: hidden;
}

.btn_big {
  background-color: #00915a;
  border-radius: 5rem;
  display: inline-block;
  float: right;
  cursor: pointer;
  font-size: 1rem;
  padding: 0.5rem 1.7rem;
  text-decoration: none;
}
.btn_big,
.btn_big span {
  color: #ffffff !important;
}
.btn_big:hover {
  background-color: #007841;
}
.btn_big:active {
  position: relative;
  top: 1px;
}

td .btn_link_table {
  color: #ffffff !important;
  background-color: #00915a;
  border-radius: 1rem;
  display: inline-block;
  cursor: pointer;
  font-size: 1rem;
  margin: 0.5rem;
  padding: 0.2rem 1rem;
  text-decoration: none;
}
td .btn_link_table:hover {
  background-color: #007841;
}

.save {
  float: left !important;
}
.btn_big.save,
.btn_big.back {
  background-color: #dcdcdc;
}
.btn_big.save,
.btn_big.save span,
.btn_big.back,
.btn_big.back span {
  color: #000 !important;
}
.btn_big.save:hover,
.btn_big.back:hover {
  background-color: #c3c3c3;
}

.btn_big.back span::before {
  content: "\f536";
  margin-right: 0.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/***************************************************
*     Begin main structure
***************************************************/
#wrapperBox {
  position: relative;
  width: 100%;
  height: 100%; /*overflow: auto;*/
}
#container {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 986px;
  margin: 0 auto -23px auto; /* min margin footer hoogte.*/
  background-color: #fff;
}
/* #header { background: url(../images/header.gif) no-repeat; height: 70px; margin-bottom: 34px; position: relative; } */
#header {
  background: url(../images/expressbank-logo.svg) 10px 10px / auto 75% no-repeat;
  height: 70px;
  margin-bottom: 34px;
  position: relative;
}
#header::after {
  content: "";
  display: block;
  background: #00915a;
  height: 34px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
#content {
  text-align: center;
  padding: 10px 0 26px 0;
  clear: both;
}
#column_wide {
  float: left;
  margin: 0 0 0 18px;
  color: #000;
  width: 740px;
  text-align: left;
}
#column_center {
  float: left;
  margin: 0 0 0 18px;
  color: #000;
  width: 502px;
  text-align: left;
  padding: 0 0 20px 0;
}

/***************************************************
*     End main structure
***************************************************/

/***************************************************
*     Begin sidemenu's and footer li items
***************************************************/

#column_wide .link {
  display: block;
  background: transparent url(../images/arrow_off.gif) no-repeat;
  color: #666666;
  text-decoration: none;
  margin-left: 0px;
  margin-top: 4px;
  padding-left: 25px;
}
#column_wide a:hover.link {
  background: transparent url(../images/arrow.gif) no-repeat;
  color: #008769;
}
#column_wide .borderwrap_wide #left {
  float: left;
  width: 344px;
}
#column_wide .borderwrap_wide #right {
  border-left: 1px solid #d7d7d7;
  float: left;
  margin: 0pt 0pt 0pt 20px;
  padding: 0pt 0pt 0pt 20px;
  width: 323px;
}
#column_wide .borderwrap_wide #right p {
  font-size: 11px;
}
#column_wide .right .info {
  float: right;
  background: transparent url(../images/info.gif) left top no-repeat;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
}
#column_wide .right .left {
  line-height: 16px;
  float: left;
}
#left .box .right {
  float: right;
  width: 160px;
}
#right .box p,
#left .box p {
  float: left;
  margin-left: 0px;
  color: #797979;
}
#right .box p a,
#left .box p a {
  color: #797979;
}
#right .box,
#left .box {
  background: #ededef none repeat scroll 0%;
  color: #656565;
  margin: 0pt 0pt 2px;
  padding: 3px 10px 3px 15px;
}
.box .right select {
  width: 160px;
}

#left .box {
  display: block;
  float: left;
  height: auto;
  width: 320px;
}
#left .box .left {
  display: block;
  float: left;
  padding: 0 5px 0 0;
  width: 132px;
}

/*start*/
#column_wide .borderwrap_wide {
  float: left;
  margin-top: 15px;
}
#column_wide .borderwrap_wide .oheading {
  background: #00915a;
  height: 28px;
  width: 747px;
  float: left;
  margin: 0px 0 0 0;
  padding: 5px;
}
#column_wide .borderwrap_wide .oheading p {
  display: block;
  font-size: 11px;
  color: #ffffff;
  margin: 4px 0 0 0px;
  padding: 2px 0 0 15px;
  font-weight: bold;
}
#column_wide .borderwrap_wide .oheading p span.small {
  font-weight: normal;
}
#column_wide .borderwrap_wide .content_wide {
  float: left;
  display: inline;
  margin: 0px 0 20px 0;
  text-align: left;
  padding: 15px 15px 15px 15px;
  width: 717px;
  background: transparent url(../images/solid-wrap_bottom_w740.gif) left bottom
    no-repeat;
}
.content_wide hr {
  margin-top: 6px;
}
.grijs {
  color: #777;
}
#column_wide .borderwrap_wide .tablewrap {
  width: 737px;
  *width: 747px;
  float: left;
  padding-top: 0;
  background: transparent url(../images/solid-wrap_bottom_w740.gif) no-repeat
    scroll left bottom;
}
#column_wide a.logout {
  float: right;
  margin: 0 0 20px 0;
  border: 1px solid #e6e6e6;
  width: 140px;
  text-align: left;
}
#column_wide .borderwrap_wide .content_wide #right .box div {
  display: block;
  float: right;
  width: 120px;
  padding-right: 30px;
  text-align: right;
}

/********* button onder de dojo tabellen  *****************/
.btn_container {
  display: block;
  height: 25px;
  margin-bottom: 5px;
}
/****************zoekform *******************************************/
#zoekform {
  float: left;
  padding: 0 0px 0 0px;
}
#zoekform .boxline,
#zoekform .box {
  background-color: #ededef;
  color: #656565;
  margin: 0pt 0px 2px 0px;
  width: 506px; /* 710*/
  padding: 4px 200px 4px 10px;
  overflow: hidden;
}
#zoekform #boxline {
  margin-bottom: 15px;
}
#zoekform .boxline p,
#zoekform .box p {
  color: #656565;
}
#zoekform .box div input {
  float: left;
  width: 158px;
}
#zoekform .box p {
  float: left;
  line-height: 16px;
}
#zoekform .box span {
  float: left;
}
#zoekform .box .right {
  float: right;
  width: 200px;
}
#zoekform .btnContainer {
  float: right;
  display: inline;
  width: 240px;
}
#zoekform .btnContainer .btn_big {
  margin-left: 15px;
}
#zoekform .right .info {
  background: transparent url(../images/info.gif) left top no-repeat;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  float: right;
}

/***************************************************/
/****************Contactform   ******************/
div.invoerform {
  background-color: transparent;
  margin-top: 10px; /* width: 525px;  */
  overflow: hidden;
  zoom: 1;
}
.content_wide div.invoerform {
  padding: 0 0 0;
}

.content {
  background-color: transparent;
}
.content .invoerform .boxDymHeigtLine,
.content .invoerform .boxoneLine,
.content .invoerform .boxDymHeigt,
div.invoerform .box_btn,
div.invoerform .textbox,
div.invoerform .boxline,
div.invoerform .box {
  display: block;
  background-color: #ededef;
  color: #656565 !important;
  margin: 0pt 0pt 2px 0px;
  padding: 2px 10px 0;
  font-size: 11px; /*width:500px; */
}
.content .invoerform .boxDymHeigtLine,
.content .invoerform .boxDymHeigt {
  padding: 4px 11px;
  line-height: 16px;
  overflow: hidden;
}
#column_center .borderwrap .content .invoerform .boxDymHeigt p {
  color: #656565;
  padding: 0 0 5px 0;
}
.content .invoerform div .containerBox {
  padding: 0 0 0 18px;
  margin: 0;
  margin-left: 200px;
  width: 230px;
} /*original: padding: 0;*/
.content .invoerform div .containerBox label {
  float: none;
  padding-right: 4px;
  outline: none;
}
#column_center .borderwrap .content .invoerform .comment input.radiobox {
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
#column_center .borderwrap .content .invoerform .comment label {
  float: left;
  padding: 0px;
  width: 230px;
}
div.invoerform .box {
  height: 22px;
}

.messegeToUser {
}
.content .invoerform .boxDymHeigt p.messegeToUser span {
  display: inline;
}
span#ajax_result_cash {
  display: inline;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}
span#ajax_result_months {
  display: inline;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}

.alignField {
  overflow: hidden;
  width: 100%;
}
.alignField label,
.alignField input,
.alignField select {
  float: left;
}
.alignField label {
  display: block;
  height: 18px;
  line-height: 18px;
  width: auto;
  padding: 0 15px 0 0;
}
#column_center ul {
  padding: 0 0 0 15px;
  margin: 0px 0 10px 0;
}
#column_center ul.doorverwijslink {
  padding: 0;
}

#column_center .agreement {
  padding: 0 11px;
}
#column_center .borderwrap .content .invoerform .agreement p {
  margin: 0 0 15px 0;
  padding: 0;
}
#column_center .agreement ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
#column_center .agreement ul li {
  padding: 0 0 0 10px;
  background: url(../images/ul_points.gif) no-repeat 0 6px;
  margin: 0 0 2px 15px;
}
#column_center div.invoerform .boxDymHeigt.agreement input.checkbox {
  display: block;
  float: left;
  margin: 1px 0 0 0;
  padding: 0;
}

#column_center div.invoerform .boxDymHeigt .right {
  display: block;
  width: 222px;
  float: left;
}
#column_center #resaleOfferForm div.invoerform .boxDymHeigt .right {
  display: block;
  width: auto;
}

#column_center div.invoerform .boxDymHeigt.agreement label {
  display: inline;
  float: none;
  width: auto;
  padding: 0 10px 0 5px;
  margin: 0;
}
#column_center div.invoerform .boxDymHeigt.agreement {
  line-height: 16px;
  padding: 4px 11px;
}
#column_center div.invoerform .boxDymHeigt.agreement input[type="radio"] {
  width: auto;
  float: none;
  height: auto;
  position: relative;
  top: 2px;
}
#column_center div.invoerform .boxDymHeigt.agreement span {
  display: block;
  float: left;
  width: 345px;
}
#column_center
  div.invoerform
  .boxDymHeigt.agreement
  span
  + input[type="radio"] {
  margin-left: 13px;
}

.content .invoerform .boxDymHeigtLine span,
.content .invoerform .boxDymHeigt span {
  padding: 0 4px 0 0; /*margin: 2px 0 2px 0;*/
  display: block;
}
.content .invoerform .boxDymHeigtLine span.inLine,
.content .invoerform .boxDymHeigt span.inLine {
  display: inline;
}
.content .invoerform .boxDymHeigt label.nofloat,
.content .invoerform .boxDymHeigtLine label.nofloat,
.content .invoerform .box label.nofloat,
.content .invoerform .boxline label.nofloat {
  float: none;
}
.content .invoerform input.radiobox {
  height: 10px;
  width: 12px;
  margin: 0;
  padding: 0;
  border: none;
}
.content .invoerform .boxDymHeigt label.inline {
  display: inline;
  float: none;
  margin: 0;
}
.content .invoerform .boxoneLine {
  float: left;
  clear: both;
}

div.invoerform .box_btn {
  background: transparent;
}
div.invoerform .textbox,
div.invoerform .boxline {
  padding-bottom: 5px;
  margin-bottom: 15px;
}
div.invoerform select {
  width: 217px;
  border: 1px solid #cdcdcd;
  height: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
div.invoerform .payback select {
  width: 187px;
}
select#paymentModel {
  width: 150px;
}
select#repaymentPercentage {
  width: 35px;
}
input#repaymentAmountInteger {
  width: 35px;
}
input#repaymentAmountCents {
  width: 16px;
}

div.invoerform input {
  width: 180px;
  height: 16px;
  font-size: 11px;
  padding-left: 5px;
}
div.invoerform input.radiobutton {
  display: inline;
  width: 12px;
  border: none;
  padding-left: 5px;
}
div.invoerform input.big-input {
  width: 288px;
}
div.invoerform label {
  float: left;
  display: inline;
  width: 218px;
  font-size: 11px;
}
div.invoerform label.wide {
  float: none;
  display: block;
  width: auto;
  font-size: 11px;
}
div.invoerform .select-konto {
  margin-bottom: 10px !important;
}

/*Security Q&A*/
div.invoerform input#securityAnswer {
  width: 210px;
}

div.invoerform span {
  margin: 0px 0 0 0px;
  font-size: 11px;
}
div.invoerform span.toon {
  margin: 0px 0 0 0px;
  font-size: 11px;
  float: left;
}
div.invoerform span.warning {
  display: inline;
  color: #ff0000;
}
div.invoerform span.error {
  display: block;
}
.invoerform textarea {
  height: 120px;
  margin: 1px 0 0 0;
  width: 231px;
}

.content .boxBtn,
.content .invoerform .boxBtn {
  float: right;
}
.content .invoerform .boxBtn a.btn_big span,
.content .invoerform .boxBtn button.btn_big span {
  margin: 0px 0 0 0;
  padding: 0 5px 0 0;
}
.content .invoerform .boxoneLine LABEL {
  width: auto;
}

.content .invoerform div.small,
.content .invoerform div.medium {
  float: left;
  width: 105px;
  line-height: 18px;
}
.content .invoerform div.medium {
  width: 188px;
}
.content .invoerform div.small input {
  width: 48px;
}
.content .invoerform div.medium input {
  width: 134px;
}

.content .invoerform div.radio {
  float: left;
  width: 112px;
  float: left;
  line-height: 18px;
  margin: 0 0 2px 0;
}
.content .invoerform div.radio.medium {
  width: 218px;
}
.content .invoerform div.radio label {
  float: left;
  display: inline;
  width: auto;
}
.content .invoerform div.radio.yesno label {
  float: left;
  display: inline;
  width: auto;
  margin: 0 10px 0 0;
}
.content .invoerform div.radio input {
  float: left;
  width: auto;
  margin: 1px 5px 0 0;
  border: 0;
  padding: 0;
}

#payback .medium {
  width: 135px;
}
#resaleOfferForm div.yesno {
  width: 135px;
}
#marketingSettingsForm div.radio {
  width: 445px;
}
.verificationText {
  color: red;
}
.boxDymHeigt.payback {
  position: relative;
}
.boxDymHeigt.payback #nemkontohint {
  position: absolute;
  bottom: 9px;
  right: 11px;
}
.boxDymHeigt.payback #nemkontoonlyhint {
  position: absolute;
  bottom: 4px;
  right: 11px;
}

/***************************************************/
#aanvraagForm {
  font-size: 11px;
}
div.invoerform input.checkbox {
  border: none;
  width: 14px;
  height: auto;
}

div.invoerform .agreeCheckbox {
  float: left;
  width: 480px;
}
div.invoerform .agreeCheckbox input.checkbox {
  float: left;
  margin-right: 10px;
}
div.invoerform .agreeCheckbox label {
  width: 420px;
  padding-top: 4px;
  *padding-top: 0px;
}

#aanvraagForm .boxCheck .checkbox {
  border: none;
}
#aanvraagForm .boxCheck label {
  padding-left: 5px;
}

#zoekform .box div input.checkbox,
input.checkbox {
  border: none;
  width: 16px;
  margin-top: 2px;
  height: 12px;
}

.checkinput {
  float: left;
  margin-right: 5px;
}
div.invoerform label.checklabel {
  float: left;
  width: 430px;
  clear: right;
}

div.invoerform .boxDymHeigt_line_radio p {
  color: #656565 !important;
}

.borderwrap .boxCheck {
  padding: 15px 15px 0px 15px;
}
.borderwrap .box input.checkbox {
  border: none;
  margin: 0 0 0 0px;
  width: 15px;
}
#aanvraagForm input.small100 {
  width: 125px;
}
.box input.small5 {
  width: 50px;
}
.box input.small2 {
  width: 20px;
}
.ckmaandbedrag input.small100 {
  width: 125px;
}
.ckmaandbedrag input.small3 {
  width: 30px;
}
.ckmaandbedrag input.small2 {
  width: 20px;
}
#aanvraagForm .selectmaand {
  width: 100px;
}
#aanvraagForm div input.small3 {
  width: 30px;
}
#aanvraagForm div select.listbox {
  width: 90px;
}
.invoerform .div .ckmaandbedrag {
  margin: 30px 0 20px 200px;
  width: 280px;
}
a.arrowbtn:hover,
#aanvraagForm p a.arrowbtn:hover {
  background: transparent url(../images/arrow.gif) no-repeat scroll left center;
  text-decoration: underline;
}
a.arrowbtn,
#aanvraagForm p a.arrowbtn {
  background: transparent url(../images/arrow_off.gif) no-repeat scroll left
    center;
  color: #666666;
  height: 20px;
  margin: 2px 0;
  padding: 2px 0 2px 20px;
  text-decoration: none;
  width: 241px;
}
/***************************************************/

#column_left {
  float: left;
  margin: 0 0 20px 0px;
  padding: 0 0 0px 0px;
  width: 212px; /* 212   */
  text-align: left;
}
#menu {
  display: block;
  background: transparent url(../images/sprite_kader_solid_w212.gif) left top
    repeat-y;
}
#menu .menu_top {
  background: transparent url(../images/sprite_kader_solid_w212.gif) -212px top no-repeat;
  padding-top: 5px;
}
#menu .menu_bottom {
  background: transparent url(../images/sprite_kader_solid_w212.gif) -424px bottom
    no-repeat;
  padding-bottom: 16px;
}
#menu h1 {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  padding-left: 14px;
  margin: 8px 0;
}

/** niveau 1 **/
#column_left ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 14px;
  width: 100%;
  border-bottom: 1px solid #d1d4d6;
}
#column_left ul li {
  display: block;
  border-top: 1px solid #d1d4d6;
}
#column_left ul li a {
  display: flex;
  align-items: flex-start;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  color: #000;
  padding: 5px 0 5px 12px;
  margin: 0;
  width: 162px; /* max 181 */
  border-bottom: 1px dashed white;
}
#column_left ul li a::before {
  content: "\f531";
  font-family: "Font Awesome 5 Free";
  font-size: 0.5rem;
  font-weight: 900;
  margin-top: 0.3rem;
  margin-right: 0.4rem;
}
#column_left ul li.last {
}
#column_left ul li a.active {
  color: #00915a;
  font-weight: bold;
  border: none;
}
#column_left ul li a.active + ul {
  display: block;
}
#column_left ul li a.activeSingle {
  color: #ffa30a;
  font-weight: bold;
}
#column_left ul li a:hover {
  color: #00915a;
}
#column_left ul li a.disabled {
  color: #b7b7b7;
  cursor: default;
  background: none;
}

/** niveau 2 **/
#column_left ul li ul {
  padding: 0px 0 0 0;
  margin: 0px;
  display: none;
  border-bottom: 0px solid #fff;
}
#column_left ul li ul li {
  margin: 0px 0 0 0px;
  display: block;
}
#column_left ul li ul li a {
  padding: 4px 0 4px 24px;
  margin: 0 0 0 0px;
  width: 150px;
  font-weight: normal;
  font-size: 12px;
  border-bottom: none;
}
#column_left ul li ul li a.active {
}
#column_left ul li ul li a.active + ul {
  display: block;
}
#column_left ul li ul li a.smallactive {
  color: #00915a;
  font-weight: bold;
  background: url(../images/menu_pijl_root.gif) 4px -131px no-repeat;
}

/** niveau 3 **/
#column_left ul li ul li ul {
  display: none;
  padding: 0;
  margin: 0px 0 0px 0;
  border-bottom: 0px solid #fff;
}
#column_left ul li ul li ul li {
  padding: 0 0 0 15px;
  width: 170px;
}
#column_left ul li ul li ul li a {
  padding: 2px 0 2px 20px;
  width: 140px;
}
#column_left ul li ul li ul li a.active {
  font-weight: bold;
  color: #00915a;
}
#column_left ul li ul li ul li a.smallactive {
  background-position: 1px -131px;
}
/*** *     End menu * ******/

/************* ul containers ***********************/
ul.doorverwijslink {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  display: block;
}
ul.doorverwijslink li {
  background: transparent url(../images/links_bg.gif) center left no-repeat;
  margin: 0 0 10px 0;
}
ul.doorverwijslink li a {
  background: transparent url(../images/arrow_off.gif) center right no-repeat;
  text-decoration: none;
  display: block;
  padding: 6px 0px 0 10px;
  color: #666;
  width: 235px; /* 255 */
  height: 23px;
}
.doorverwijslink li a:hover {
  background: transparent url(../images/arrow.gif) center right no-repeat;
  color: #000;
}
/************* end ul containers ***********************/

#column_right {
  float: right;
  display: inline;
  margin: 0 0px 20px 0px; /* margin-right moet voor mac gebruikers.*/
  padding: 0 10px 0px 0px;
  width: 227px;
  text-align: left;
}
#column_right ul {
  background: #ffffff;
  list-style: none;
  padding: 0;
  margin: 0;
}
#column_right ul li a {
  display: block;
  font-weight: 100;
  text-decoration: none;
  color: #656565;
  padding: 0;
  margin: 0;
  height: 15px;
  display: block;
}
#column_right ul li a:hover {
  color: #fb8f23;
  text-decoration: underline;
}
#column_right a.logout {
  margin: 0 0 5px 0;
}

a.logout {
  margin: 0;
  float: right;
  display: inline;
  font-weight: bold;
  color: #004f5a;
  text-decoration: none;
  text-align: left;
  padding: 10px 10px 0 15px;
  height: 19px;
}
a.logout span {
  color: #858585;
  font-weight: normal;
  font-size: 11px;
}
a:hover.logout span {
  color: #00915a;
}

#column_right img.bannerRechts {
  margin-bottom: 10px;
  margin-top: 10px;
}
/***************************************************
*     End sidemenu's and footer li items
***************************************************/

/***************************************************
Jaargangen tbv Rekeningoverzicht
***************************************************/
div.jaargangenwrap {
  margin: 0 0 15px 0;
  background: transparent url(../images/rekening_gray_dot.gif) left 19px
    repeat-x;
}
ul.jaargangen {
  list-style: none;
  margin: 0;
  padding-left: 0px;
  display: block;
  overflow: hidden;
  zoom: 1;
}
ul.jaargangen li {
  float: left;
  display: inline;
  border: 1px solid #d7d7d7;
  border-bottom: 1px none;
  margin: 0 5px 0px 0;
}
ul.jaargangen li a {
  display: block;
  width: 87px;
  margin: 0px;
  padding: 0px 0;
  height: 19px;
  outline: none;
  text-align: center;
  text-decoration: none;
}
ul.jaargangen li a:hover {
  color: #f89023;
}
ul.jaargangen li.active {
  background-color: #fff;
}
ul.jaargangen li.active a {
  background: transparent url(../images/rekov_btn.gif) top left no-repeat;
  color: #828282;
}

a.download {
  color: #000;
  text-decoration: underline;
}
a.download:hover {
  color: #00915a;
}

/***************************************************
*     Begin Border wrappers
***************************************************/
.borderwrap {
  margin: 0 0 20px 0; /* margin top op NULL laten voor uitlijning hoogte TM*/
  text-align: left;
  clear: both;
  display: block;
  overflow: hidden;
}
.tablewrap {
  background: transparent url(../images/solid-wrap_bottom.gif) 0px bottom
    repeat-y;
  border-top: 0;
  text-align: left;
}
.tablewrap2 {
  border-top: 0;
  text-align: left;
  border-top: 2px solid #dbdce0;
}

.borderwrap .content p.melding {
  color: #656565;
  display: block;
  font-size: 11px;
  padding: 24px 15px;
}
.borderwrap .tablewrap p.melding {
  color: #656565;
  display: block;
  font-size: 11px;
  padding: 24px 15px;
}

/***************************************************
*     End Wrappers
***************************************************/
/***************************************************
*     Begin Headings
***************************************************/
.borderwrap .heading {
  border: 1px solid #d7d7d7;
  height: 18px;
}
.borderwrap .heading p {
  font-size: 11px;
  color: #004f5a;
  margin: 0px 0 0 15px;
  padding: 2px 0 0 0;
  font-weight: bold;
}
.borderwrap_wide .oheading a.zoek,
.borderwrap .oheading a.zoek {
  background: transparent url(../images/icon_zoek.gif) left 4px no-repeat;
  float: right;
  height: 14px;
  padding: 0 0 0 16px;
  margin-top: 6px;
  margin-right: 14px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.borderwrap .oheading a.zoek:hover,
.borderwrap_wide .oheading a.zoek:hover {
  color: #000;
}
#gridShower {
  clear: both;
}

.search {
  float: right;
  clear: both;
  display: inline;
  padding: 0 0px 3px 0;
  margin: -10px 0 10px 0;
  background: transparent url(../images/icon_search.gif) right top no-repeat;
}
.search a {
  color: #666;
  text-decoration: none;
  padding-right: 20px;
}
.search a:hover {
  text-decoration: underline;
}

.search_pdf {
  background: url("../images/pdffile.jpg") no-repeat scroll right top
    transparent;
  clear: both;
  display: inline;
  float: right;
  margin: -10px 0 10px;
  padding: 0 0 3px 0;
}
.search_pdf a {
  color: #666;
  text-decoration: underline;
  padding-right: 20px;
}
.search_pdf a:hover {
  text-decoration: underline;
}

.borderwrap .heading .stap {
  font-weight: normal;
}
.borderwrap .oheading {
  background: #00915a;
  padding-top: 5px;
  padding: 5px;
}

.borderwrap .oheading p {
  display: block;
  color: #ffffff;
  margin: 0px 0 0 0px;
  padding: 2px 0 0 15px;
  font-weight: bold;
}
.borderwrap .oheading p.important {
  background: url(../images/important.gif) 15px 0px no-repeat;
  padding-left: 40px;
}
.borderwrap .tablewrap {
  padding: 12px 0px 2px 0px;
}

#column_wide .borderwrap_wide .tablewrap {
  padding-top: 12px;
  padding-bottom: 14px;
}

/***************************************************
*     Statement overview
***************************************************/

.statementoverview .oheading {
  background: #00915a;
  padding-top: 5px;
}
.statementoverview .oheading p {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  padding: 0px 0 0 15px;
}
.statementoverview .content_wide {
  border: 1px solid #dddddd;
  padding: 0;
  background: none;
}
.statementoverview .content_wide .tablewrap {
  background: none;
}

.statementoverview {
  width: 743px;
}
.statementoverview th {
  background: url("../images/solid_tabel_bg.gif") repeat-x scroll left 26px
    #e8e9ea;
  vertical-align: center;
  height: 25px;
  padding-left: 7px;
}

.statementoverview.step1 .right {
  width: 330px !important;
}
.statementoverview.step1 .radio {
  width: 309px !important;
}
.statementoverview.step1 .radio label {
  width: 260px !important;
}

/***************************************************
*     End Headings
***************************************************/
.column_login {
  float: left;
  display: inline;
  text-align: left;
  width: 620px;
  margin-left: 200px;
}
.column_login .borderwrap {
  float: left;
}
.column_login .borderwrap .title {
  background: #00915a;
  height: 28px;
  border: none;
  padding: 0px 0 0 0px;
  width: 620px;
}
.column_login .borderwrap .inhoud {
  display: block;
  padding: 8px 15px 20px 15px;
  width: 590px;
  background: transparent url(../images/solid-wrap_bottom_w620.gif) 0px bottom
    repeat-y;
}
.column_login .borderwrap .inhoud p {
  display: block;
  border: none;
}
.column_login .borderwrap .heading .login {
  background: url(../images/login.gif) 15px 7px no-repeat;
  padding-left: 30px;
}
.column_login .borderwrap .heading {
  background: #00915a;
  height: 26px;
  border: none;
  width: 620px;
  padding: 0px 0 0 0;
}
.column_login .borderwrap .title p,
.column_login .borderwrap .heading p {
  font-size: 11px;
  color: #fff;
  margin: 0px 0 0 0px;
  padding: 7px 0 0 15px;
  font-weight: bold;
}
.column_login .stap {
  margin-left: 10px;
}
/************ wachtwoordWijzigen ***************/
#wachtwoordWijzigen #loginForm div {
  width: 350px;
}
#wachtwoordWijzigen #loginForm {
  width: 362px;
}
#wachtwoordWijzigen #loginForm .btn_big {
  margin: 10px 0px;
  float: right;
}

/* 33 javascript slide wijzig wachtwoord */
#loginForm .veiligheid #password_div {
  display: block;
  background-color: #cdcdcd;
  height: 15px;
  border: 1px solid #cdcdcd;
  padding: 0;
  width: 125px;
}
#loginForm .veiligheid #password_safety_div {
  height: 15px;
  color: #ffffff;
  padding: 0;
  margin: 0;
  width: 125px;
  white-space: nowrap;
  border: 0px;
}
#loginForm .veiligheid div.Veilig {
  background-color: #2f9846;
  font-weight: bold;
}
#loginForm .veiligheid div.Redelijk_Veilig {
  background-color: #fb8f23;
  font-weight: bold;
}
#loginForm .veiligheid div.Onveilig {
  background-color: #ff4444;
  font-weight: bold;
}

.boxline #password_div {
  float: left;
  display: block;
  background-color: #cdcdcd;
  height: 15px;
  border: 1px solid #cdcdcd;
  padding: 0;
  width: 125px;
}
.boxline #password_safety_div {
  height: 15px;
  color: #ffffff;
  padding: 0;
  margin: 0;
  width: 125px;
  white-space: nowrap;
  border: 0px;
}
.boxline div.Veilig {
  background-color: #2f9846;
  font-weight: bold;
  color: #ffffff;
}
.boxline div.Redelijk_Veilig {
  background-color: #fb8f23;
  font-weight: bold;
  color: #ffffff;
}
.boxline div.Onveilig {
  background-color: #ff4444;
  font-weight: bold;
  color: #ffffff;
}
/*33 end */

#loginForm .veiligheid img {
  float: left;
  margin: 3px 0 0 15px;
}
.column_login .borderwrap .content {
  float: left;
  display: inline;
  padding: 15px 23px 15px 23px; /* 23*/
  border: 1px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
}
.column_login .borderwrap #homeInloggen,
.column_login .borderwrap #wachtwoordWijzigen {
  padding: 15px 0 15px 0px;
  width: 618px;
  margin: 0 0 0 0;
}
#homeInloggen #errorDiv,
.column_login .borderwrap .content .columnsplitter p,
#wachtwoordWijzigen .errorDiv,
#wachtwoordWijzigen p {
  margin-left: 15px;
}
.column_login .borderwrap .content .columnsplitter {
  float: left;
  width: 347px;
  border-right: 1px solid #d7d7d7;
}
.kaart {
  background: transparent url(../images/kaart.gif) center top no-repeat;
  width: 190px;
  height: 104px;
  margin: 0 15px 0 0px;
  float: right;
  display: inline;
}
#wachtwoordWijzigen .btn_big {
  float: left;
  margin: 15px 0px 5px 0px;
}

.columnsplitter {
  float: left;
  width: 380px;
}

/***************************************/
/********** Start loginForm ************/
#loginForm {
  margin-top: 20px;
  float: left;
}

#loginForm * {
  float: left;
}

#loginForm .box {
  background-color: #ededef;
  width: 300px;
  padding: 5px 2px 4px 10px;
  margin: 0 0 2px 0;
}
/** afsluit lijn**/
#loginForm #LastRow {
}

#aanvraagForm .info,
#loginForm .info {
  float: right;
  background: transparent url(../images/info.gif) left top no-repeat;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}
#aanvraagForm .info {
  margin-right: 5px;
}
#aanvraagForm div.borderwrap div.content div.invoerform div input {
  height: 14px;
  width: 158px;
}
#loginForm div input {
  margin: 0;
  margin-right: 5px;
  padding-left: 5px;
  width: 170px;
  height: 16px;
}
#loginForm div.wachtwoord input {
  width: 185px;
}
#loginForm div.kaartnummer input {
  width: 37px;
}
#loginForm div input.twee {
  width: 20px;
}
#loginForm div input.vier {
  width: 38px;
}
#loginForm div label.small {
  width: 77px;
}
#loginForm div label {
  width: 120px;
  font-size: 11px;
  padding-left: 3px;
  color: #656565;
}
#loginForm div.kaartnummer {
  border-bottom: 1px solid white;
  padding: 5px 2px 4px 10px;
}
#loginForm div.veiligheid,
#loginForm div.lastLijn,
#loginForm div.geboortedatum,
#loginForm div.wachtwoord {
  padding: 4px 2px 4px 10px;
}

#loginForm div.lastLijn_1 {
  width: 340px;
}

#wachtwoordWijzigen div .info,
#loginForm div .info {
  margin-right: 3px;
}
#loginForm .btn_big {
  margin: 9px 0 0 249px;
}
#loginForm .last_1 {
  margin-left: 236px;
}
.borderwrap .inhoud p a.link,
#loginForm .link {
  background: transparent url(../images/arrow_off.gif) no-repeat;
  color: #000;
  text-decoration: none;
  margin-left: 0px;
  padding-left: 25px;
}
.borderwrap .inhoud p a:hover.link,
#loginForm a:hover.link {
  background: transparent url(../images/arrow.gif) no-repeat;
  color: #00915a;
}

/********************************************/
/********** Start settlementForm ************/
/* settlementForm */
#settlementForm div.invoerform label {
  width: 212px;
}

/********************************************/
/********** Start insuranceForm ************/
/* insuranceForm */
#insuranceForm div.invoerform label {
  width: 212px;
}

/********************************************/
/********** Start orderNewCardForm ************/
/* orderNewCardForm */
#orderNewCardForm div.invoerform label {
  width: 212px;
}

/********************************************/
/********** Start orderNewPincodeForm ************/
/* orderNewPincodeForm */
#orderNewPincodeForm div.invoerform label {
  width: 212px;
}

/********************************************/
/********** Start lastYearsInterestForm ************/
/* lastYearsInterestForm */
#lastYearsInterestForm div.invoerform label {
  width: 212px;
}

/***************************************************
*    Begin  content kader
***************************************************/

#column_right .borderwrap .content {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  color: #656565;
  font-size: 11px;
  padding: 5px 5px 5px 15px;
}
#column_center .tablewrap .bottom {
  padding: 10px 5px 10px 5px;
}

.borderwrap_wide .tablewrap,
#column_center .borderwrap .content,
#column_wide .borderwrap .content {
  border-top: none;
  padding: 10px 15px;
  overflow: auto;
}

#column_center .borderwrap .content p.btn_75 {
  padding-right: 0px;
  *padding-right: 10px;
  display: inline;
}
#column_center .borderwrap .content .invoerform p {
  padding-left: 0px;
}
#column_center .borderwrap .content .invoerform a {
  color: #666666;
}
#column_center .borderwrap .content .invoerform span.disabled {
  color: #999999;
}
#column_center .borderwrap .content .invoerform a :hover {
  color: #00886a;
}
#column_center .borderwrap .content .invoerform ul li a {
  color: #666666;
}
#column_center .borderwrap .content .invoerform ul li a :hover {
  color: #00886a;
}
.borderwrap .content ul {
  margin: 5px 0 15px;
  padding: 0 0 0 14px;
}
#column_center ul {
}
#column_center ul li a:hover {
  text-decoration: none;
  color: #00915a;
}
#column_center ul.sitemap li a.disabled {
  color: #b7b7b7;
  cursor: default;
  background: none;
  text-decoration: none;
}
#column_center .borderwrap .content ul.opsomming {
  margin: 5px 0 15px 0;
  padding: 0 10px 0 27px;
}
p.melding {
  padding: 5px 5px 5px 15px;
  font-size: 11px;
}

#column_center p {
  margin-bottom: 10px;
}
#column_center p.parOpsomming {
  margin-bottom: 0px;
}
#column_center .link {
  display: block;
}
#column_center .link a {
  float: left;
}
#column_center div p {
  margin-bottom: 0px;
}
#column_center div#errorDiv p.error {
  margin-bottom: 10px;
}

/* 32 formulier addreschange*/
#column_center .borderwrap .content .invoerform #errorDiv p {
  margin: 0px;
  padding: 0px;
}
#column_center .borderwrap .content .invoerform {
}
#column_center .borderwrap .content .invoerform input.radiobox {
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}
#column_center .borderwrap .content .invoerform .optie_item {
  float: left;
}
#column_center .borderwrap .content .invoerform #abroadFields p {
  margin-left: 18px;
  display: block;
  clear: both;
}
#column_center .borderwrap .content .invoerform #netherlandsFields {
  padding-left: 18px;
  padding-bottom: 16px;
  display: block;
  clear: both;
}
#column_center .borderwrap .content .invoerform #netherlandsFields p.optelling {
  margin: 20px 0 10px 0;
}
/* 32 */

/***************************************************
*     end content kader
***************************************************/
.message {
  color: #000;
  padding: 15px 15px 30px 15px;
}
.message .title {
  font-weight: bold;
}
.message p {
  margin: 5px 0 0 0;
}
.message ul {
  margin: 4px 0 4px 14px;
}

/***************************************************
*     FOOTER
***************************************************/
#footer {
  position: relative;
  height: 20px;
  width: 950px;
  margin: 0px auto 0px auto;
  padding: 2px 0 0 10px;
  font-size: 11px;
  clear: both;
  text-align: left;
  border-top: 1px solid #ddd;
}
#footer span {
  color: #656565;
}
#footer span a {
  color: #656565;
  text-decoration: none;
}
#footer ul {
  display: inline;
  margin: 28px 0 0 0px;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#footer li {
  display: inline;
  color: #d7d7d7;
}
#footer ul li a {
  text-decoration: none;
  margin: 0 4px 0 4px;
  padding: 0;
  color: #656565;
}
#footer ul li a:hover {
  text-decoration: underline;
}
#footer .copy {
}
#footer .developer {
  float: right;
  margin: -14px 10px 0 0;
}

#footer ul li.stip {
  background: transparent url(../images/strip-wrap.gif) left center no-repeat;
}

/*********** *     EIND FOOTER  *********************/
.push {
  height: 20px;
  width: 100%;
  clear: both; /* .push must be the same height as .footer */
}
.push2 {
  height: 20px;
  width: 880px;
  clear: both; /* .push must be the same height as .footer */
}
.push80 {
  height: 80px;
  width: 100%;
  clear: both; /* .push must be the same height as .footer */
}
.push160 {
  height: 250px;
  width: 100%;
  clear: both; /* .push must be the same height as .footer */
}

/********  table *********************/
table {
  font-size: 10px;
}
table .right {
  text-align: right;
}
table .floatright {
  text-align: left;
  float: right;
}

.tableheading {
  width: 480px;
  margin-left: 10px;
  margin: 0 12px 12px;
}
.tableheading th {
  vertical-align: bottom;
  background: #e8e9ea url(../images/solid_tabel_bg.gif) left 26px repeat-x;
}
.tableheading td {
}

.tableheading tr th span {
  padding: 7px 10px 3px 6px;
  height: 20px;
  color: #000;
  display: block;
  vertical-align: bottom;
  border-bottom: 2px solid #fff;
}
.tableheading th a {
  background: transparent url(../images/sort_down.gif) bottom right no-repeat;
  color: #666666;
  border-bottom: 2px solid #004f5a;
  padding: 7px 10px 0px 6px;
  height: 20px;
  margin: 0 0 0 0;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  display: block;
}
.tableheading th a:hover {
  background: #ffffff url(../images/sort_down_hover.gif) bottom right no-repeat;
  color: #ffa30a;
  border-bottom: 2px solid #ffa30a;
}
.tableheading td {
  height: 19px;
}
.tableheading td a {
  color: #666;
}
.tablewrap .row1 td,
.tablewrap2 .row1 td {
  color: #797979;
  padding: 0 5px 0 6px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.tableheading tr td.last {
  border-right: 0px solid #d7d7d7;
  text-align: right;
}
.tablewrap2.row1 td {
  border-top: 0px solid #d7d7d7;
}
.tablewrap .row2 td,
.tablewrap2 .row2 td {
  border-bottom: 1px solid #d7d7d7;
  padding: 1px 5px 1px 6px;
  border-left: 1px solid #d7d7d7;
  color: #797979;
}
.tablewrap .row1 .noimg,
.tablewrap .row2 .noimg,
.tablewrap2 .row1 .noimg,
.tablewrap2 .row2 .noimg {
  background-image: none;
  border-left: 0px solid #d7d7d7;
}

.payidtable {
  width: 720px;
  margin: 0px -1px 0px 0px;
}

#oversluitservicetabel .invulveldonder {
  width: 50px;
}

#cashamountInteger {
  width: 30px;
}
#cashamountCents {
  width: 20px;
}

/*TIP CSS*/
.tip {
  width: 313px;
}
.tipcontent {
  width: 300px;
  float: right;
}
.tipborder {
  border: 1px solid #797979;
}
.tipcontenttext {
  text-align: left;
  padding: 9px 9px 26px 9px;
  color: #000;
  font-size: 11px;
  background: #ededed url(../images/fade_bg_grijs.gif) left top repeat-x;
}
.tipnogiets {
  height: 22px;
  width: 15px;
  background: url("../images/tip_arrow.gif") no-repeat;
  float: left;
  display: inline;
  margin: 0 -2px 0 0;
}
.dijitTooltipContainer {
  margin: -20px 0px 0px 0px;
  border: none;
  background: none;
  width: 313px;
  position: absolute;
  height: 50px !important;
}
/*************************************************/

#dojolaag {
  border: 2px solid #00886a;
  width: 500px;
  text-align: left;
  padding: 30px 10px 30px 30px;
  color: #666666;
  z-index: 9999;
}
#wachtwoordWijzigen ul.opsomming {
  list-style-position: inside;
  margin: 0;
  padding: 0 0 0 16px;
  color: #666;
}
.btn_wizard_container {
  margin-top: 10px;
}
.btn_wizard_container .links {
  display: inline;
  float: left;
}
.btn_wizard_container .links .btn_big {
  width: auto;
  display: block;
  margin: 0px;
}
.btn_wizard_container .rechts {
  display: inline;
  float: left;
  margin: 0px;
}
.btn_wizard_container .rechts .btn_big {
  display: block;
  margin: 0px;
}
.nomargin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.errorborder {
  border: 1px solid red;
  padding: 5px;
  margin-right: 15px;
}
p.errorborder {
  border: 1px solid red;
  font-weight: bold;
  margin: 10px 15px 10px 0px;
  padding: 5px;
}
.inspring ul li {
  margin-top: 10px;
}
#column_right img {
  margin-bottom: 10px;
}
#popupLinks {
  text-align: left;
}
#popupLinks .bold {
  font-weight: bold;
}

#column_center {
  min-height: 423px;
  position: relative;
}
#column_center .teksten {
  _padding-left: 2px;
}
#column_center .teksten h1 {
  color: #656565;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 15px;
}
#column_center .teksten h2 {
  color: #656565;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
}
#column_center .teksten p {
  font-size: 11px;
  margin-bottom: 10px;
}
#column_center .content h2 {
  margin-left: 15px;
}
#column_center .content.content-home {
  padding-left: 15px;
  max-width: 335px;
}
#column_center .content.content-home p {
  margin-bottom: 10px;
}
#column_center .content.content-home ul {
  margin-left: 25px;
}
.horizontalline {
  margin: 0 15px 0 15px;
  padding: 0;
  font-size: 1px;
  line-height: 1px;
  border-bottom: 1px solid #d7d7d7;
}
#townAutoFill,
#streetAutoFill {
  height: 18px;
}

#column_center #naLoginWelkomTekst {
  border: 1px solid #ddd;
  padding: 10px 10px 0 15px;
  border-radius: 10px;
  box-shadow: 0px 2px 6px #eee;
  margin-bottom: 30px;
}
#column_center #naLoginWelkomTekst p {
  font-size: 12px;
}

#resaleForm {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px 20px 0 20px;
}
#resaleForm h2 {
  text-align: center;
}
#resaleForm p {
  width: 300px;
  margin: 0 auto 20px auto;
  text-align: center;
  font-size: 14px;
}
#resaleForm a {
  width: 200px;
  margin: 0 auto;
  display: block;
}
.invoerform .br_verklaring input {
  float: left;
  margin-right: 10px;
}
.invoerform .br_verklaring label {
  display: block;
  width: auto;
  line-height: 16px;
  padding-top: 3px;
  padding-bottom: 2px;
  margin: 0 0 0 25px;
}

.noUnderline {
  text-decoration: none;
  color: #000;
}

/* Verzekeruzelf page */
.faqItem {
  margin: 5px 0 5px 0px;
  width: 525px;
}
.uitleg {
  width: 525px;
}
.rightImage {
  float: right;
}
.leftText {
  width: 400px;
}
#feestgroet2010 {
  z-index: 1;
  position: relative;
}

.applyCenter {
  width: 405px;
  margin: 15px auto 0 auto;
  overflow: hidden;
}
.applyCard {
  text-indent: -9999px;
  height: 58px;
  width: 209px;
  background: transparent url(../images/apply_for_card.gif) no-repeat;
  display: block;
  float: left;
}
.applyLoan {
  text-indent: -9999px;
  height: 58px;
  width: 181px;
  background: transparent url(../images/apply_for_loan.gif) no-repeat;
  display: block;
  float: left;
  margin: 0 15px 0 0;
}

.applyRight {
  float: right;
  margin: 10px 15px 10px auto;
  overflow: hidden;
}
.applyDefaultButton {
  background: transparent url(../images/bt_green_w161.gif) left top no-repeat;
  height: 26px;
  width: 145px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0 0 16px;
}

.newCustomer .applyRight a {
  width: 110px;
}

.laatste {
  color: #666;
}

/* SIGNICAT ERROR PAGES */
.offscroll {
  overflow: auto;
}
body#loginPopup {
  height: auto;
}

#loginPopup a {
  color: #00915a;
}
#loginPopup #container {
  margin: 0 auto;
  width: 780px;
}
#loginPopup p {
  color: #666666;
  line-height: 15px;
  margin: 12px 0;
  min-height: 20px;
  height: auto !important;
  height: 20px;
}
#loginPopup h2 {
  color: #004f5a;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 20px 0;
}
#loginPopup h3 {
  font-size: 14px;
  line-height: 16px;
  margin: 20px 0 0 0;
}
#loginPopup input {
  color: #656565;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #cdcdcd;
}
#loginPopup select {
  color: #656565;
  border: 1px solid #cccccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  overflow: visible;
  width: 169px;
}
#loginPopup object {
  padding: 10px 0 0 0;
}
#loginPopup form table {
  margin: 0 auto;
}
#loginPopup .error {
  margin-top: 15px;
  color: #fe0000;
}
#loginPopup .header {
  background: url(../images/header.jpg) no-repeat;
  height: 104px;
}
#loginPopup .box {
  padding: 10px 0 0 0;
  position: relative;
  zoom: 1;
}

#loginPopup .ksi_error_retry_link {
  background: transparent url(../images/prev.gif) no-repeat;
  color: #696969;
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0 10px 0 0;
  padding: 0 21px 0 0;
  position: absolute;
  bottom: 0;
  right: 110px;
  text-align: right;
  text-decoration: none;
  width: 79px;
}

#loginPopup .ksi_error_continue_link {
  background: transparent url(../images/next.gif) no-repeat;
  color: #696969;
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding: 0 0 0 11px;
  position: absolute;
  bottom: 0;
  right: 10px;
  text-align: left;
  text-decoration: none;
  width: 89px;
}

/* Homepage banner */

.homepageBanner {
  width: 582px;
  height: 191px;
  margin: 0px 0 0 -18px;
  background: url(../images/homepagebanner_minkonto.png) no-repeat;
  position: absolute;
  bottom: 0px;
}

.homepageBanner p {
  padding: 80px 23px 0 209px;
}

.homepageBanner a {
  color: #0a6150;
  background: url(../images/link-arrow.png) no-repeat left 4px;
  padding-left: 20px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-top: 10px;
}

.homepageBanner a:hover {
  text-decoration: underline;
}

.faqBanner {
  width: 178px;
  height: 291px;
  margin-left: 49px;
  background: url(../images/faqBanner.png) no-repeat;
}

.faqBanner p {
  color: #ffffff;
  padding: 73px 0 0 12px;
  width: 154px;
  height: 50px;
  overflow: hidden;
}
.faqBanner a {
  background: url("../images/faq-arrow.png") no-repeat scroll left 4px
    transparent;
  color: #a23f98;
  display: block;
  font-weight: bold;
  margin: 15px 0 0 12px;
  padding-left: 17px;
  text-decoration: none;
  width: 130px;
}

.faqBanner a:hover {
  text-decoration: underline;
}

#customerServiceInfoBanner {
  border: 1px solid #ddd;
}
#customerServiceInfoBanner h3 {
  margin: 15px;
}
#customerServiceInfoBanner p {
  margin: 0 15px 15px 15px;
}
#customerServiceInfoBanner span {
  margin: 0 0 10px 0;
  display: block;
  background: no-repeat 10px center;
  padding: 0 15px 0 40px;
}
#customerServiceInfoBanner #contact-phone {
  background-image: url(img/img-contact-phone.png);
}
#customerServiceInfoBanner #contact-faq {
  background-image: url(img/img-contact-faq.png);
}
#customerServiceInfoBanner #contact-blockCard {
  background-image: url(img/img-contact-blockCard.png);
}

#resalePitchButton {
  font-size: 14px;
}


.gbutton,
.mbutton {
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 3px 3px 2px #a1a2a2; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 3px 3px 2px #a1a2a2; /* FF3.5 - 3.6 */
  box-shadow: 3px 3px 2px #a1a2a2; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
  display: block;
  color: #fff;
  text-decoration: none;
  margin-right: 20px;
}

.mbutton {
  width: 150px;
  margin: 0 auto 10px !important;
  line-height: 17px;
  padding: 21px 0;
  font-size: 13px;

  background-color: #00915a;
}

.mbutton.mbutton-small {
  height: 30px;
  padding: 0;
  margin: 0 !important;
  line-height: 30px;
}

.gbutton {
  width: 150px;
  height: 30px;
  line-height: 30px;

  background-color: #9c3d93;
  float: left;
  font-size: 14px;
}

.gbutton:hover,
.mbutton:hover {
  text-decoration: underline;
}

.helpbox,
.warningbox {
  padding: 15px 10px 15px 40px;
}

.helpbox {
  background: url(../images/help.png) no-repeat left 5px;
}
.warningbox {
  background: url(../images/warning.gif) no-repeat 5px 20px;
}

.boxDymHeigt.statementdelivery label {
  color: #000;
}

.boxDymHeigt.statementdelivery label.disabled {
  color: #999;
}

.statementdelivery #sendButtonText.disabled {
  opacity: 0.7;
}

.borderwrap .content .statementdelivery #sendButtonText.disabled:hover {
  color: #999;
}

#waitIconPopup,
#timeoutBox {
  z-index: 99999;
  position: absolute;
  width: 100%;
  height: 100%;
}

#waitIconPopup img,
#timeoutContent {
  max-width: 95%;
  z-index: 99999;
  position: absolute;
  top: 30%;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  color: #666666;
  text-align: left;
}

#timeoutContent {
  width: 500px;
  padding: 30px 10px 30px 30px;
}

#column_right .customerService h2 {
  margin: 10px 10px 15px;
}
#column_right .customerService img {
  width: 100%;
}
#column_right .customerService ul.customerServiceList {
  list-style: none;
  padding-left: 10px;
}
#column_right .customerService ul.customerServiceList li {
  padding: 5px 0;
}
#column_right .customerService ul.customerServiceList li:before {
  content: "";
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  padding-bottom: 10px;
  background: url("../images/customer_service_icons.png") no-repeat 0 0;
}
#column_right .customerService ul.customerServiceList li.phone:before {
  background-position: 0 6px;
}
#column_right .customerService ul.customerServiceList li.faq:before {
  background-position: 0 -30px;
}
#column_right .customerService ul.customerServiceList li.light:before {
  background-position: 0 -69px;
}
#column_right .customerService ul.customerServiceList li a {
  display: inline;
  text-decoration: underline;
}

/**** helpers *****/
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.fn {
  float: none !important;
}
.modalOverlay {
  display: none;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
}
/**** MODAL *****/
.modal {
  border: 2px solid #00886a;
  width: 600px;
  color: #666666;
  background: #fff;
  border-radius: 12px;
  margin: auto;
  margin-top: 100px;
  min-height: 240px;
  animation: fade 0.5s;
  -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.4);
  box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.4);
}
@keyframes fade {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.modalHeader {
  display: block;
  background: #00915a;
  height: 34px;
  width: 100%;
}
.modalHeader a.close-modal {
  color: #fff;
  font-weight: bold;
  float: right;
  line-height: 34px;
  padding-right: 10px;
  font-size: 16px;
}
.modalHeader a.close-modal:hover {
  color: #000;
}
.modalContent {
  text-align: center;
  padding: 20px;
}
.modalContent p {
  margin-top: 15px;
}

/* datepicker ILSDK-1001 */
.ui-datepicker .ui-datepicker-header {
  min-height: 20px;
}

/* qtip ILSDK-1001 */
.qtip-default {
  border: 1px solid #00965e !important;
  background-color: #fff !important;
  color: #000 !important;
}