/* 
  De generieke formulieren stylesheet. 

  Deze stylesheet moet ervoor zorgen dat hofstaete formulieren uit de formdesigner, het pakketoverzicht 
  en mijn pagina out-of-the-box werken. 

  Daarnaast mag het geen andere elemenenten beinvloeden.  

  Doe eens normaal!

  1. De methode om NON-HOFSTAETE FORMULIEREN AAN TE SPREKEN:
  Hofstaete formulieren uit de formdesigner hebben nooit een <form> tag. Je kunt de overige/custom formulieren dus aanspreken via de form-tag

  2. De methode om HOFSTAETE FORMULIEREN AAN TE SPREKEN:
  Formdesigner formulieren hebben altijd #hsGeneralForm. (Dit wordt in de toekomst een klasse .hsGeneralForm)

*/

/* -----------------------------------------------------------------------
  BASE
----------------------------------------------------------------------- */

fieldset {
    margin: 0 0 15px 0;
    border: 1px solid #ccc;
    display: block;
}
legend {
    font-weight: bold;
    font-size: 1.2em;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
    border: 1px solid #bbb;
}
    input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
        border-color: #666;
    }
input.text, input.title {
    width: 300px;
    padding: 5px;
}
input.title {
    font-size: 1.5em;
}
textarea {
    width: 390px;
    height: 250px;
    padding: 5px;
}
form.inline {
    line-height: 3;
}
    form.inline p {
        margin-bottom: 0;
    }

/* -----------------------------------------------------------------------
  MODULES - FORMULIEREN
----------------------------------------------------------------------- */

/* ! - zo snel mogelijk verwijderen */
* html .inlogtabs li {
    display: inline;
    /* 
   i - ie6 double float margin bug 
  */
}

/*== standaard breedtes & layout ==*/

.pakketoverzicht-container {
    position: relative;
    width: 100%;
}

#outer .pakketoverzicht-container {
    position: static;
}

.pakketoverzicht_winkelmandje {
    position: absolute;
    top: 0;
    right: 0;
    padding-bottom: 15px;
}

#hsGeneralForm fieldset,
.hsGeneralForm fieldset {
    width: 510px;
}

/*== form typography ==*/

.hsGeneralForm select, .hsGeneralForm textarea, .hsGeneralForm input,
#hsGeneralForm select, #hsGeneralForm textarea, #hsGeneralForm input {
    font: normal 11px/18px "Lucida Sans", Helvetica, Arial, sans-serif;
}

#hsGeneralForm .wachtwoord-wijzigen input {
    font: normal 11px/18px Helvetica, Arial, sans-serif;
}

.ps_content h1 {
    font-size: 22px;
    clear: both;
    margin-top: 10px;
}

#hsGeneralForm h1.formtitle,
.hsGeneralForm h1.formtitle {
    *margin-top: 20px;
}

.ps_content a {
    text-decoration: none;
}

#hsGeneralForm fieldset .hsLine p,
.hsGeneralForm fieldset .hsLine p {
    margin: 0;
    padding: 0;
    line-height: 22px;
}

    #hsGeneralForm fieldset .hsLine p#frm_Totaal,
    .hsGeneralForm fieldset .hsLine p#frm_Totaal,
    #hsGeneralForm fieldset .hsLine p#frm_Totaal.header,
    .hsGeneralForm fieldset .hsLine p#frm_Totaal.header,
    #hsGeneralForm fieldset .hsLine p#frm_maandpremie,
    .hsGeneralForm fieldset .hsLine p#frm_maandpremie {
        line-height: 32px;
        margin-bottom: -2px;
    }

#hsGeneralForm fieldset p,
.hsGeneralForm fieldset p {
    line-height: 24px;
    margin: 0;
    padding: 5px 10px;
}

    #hsGeneralForm fieldset p.fullWidth,
    .hsGeneralForm fieldset p.fullWidth {
        padding: 10px;
    }

#hsGeneralForm fieldset .hsPExtra p.header,
.hsGeneralForm fieldset .hsPExtra p.header {
    font-size: 14px;
}

.hsGeneralForm p.header,
#hsGeneralForm p.header {
    font-size: 14px;
    border-top: none;
}

.hsGeneralForm p.formsubheader,
#hsGeneralForm p.formsubheader {
    background: transparent url(../images/forms/form-header-bg.png) 0 0 repeat-x;
    font-size: 12px;
    padding: 10px 0;
    font-weight: 700;
}

.hsGeneralForm .hsLine p.header,
#hsGeneralForm .hsLine p.header {
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px;
    *margin-top: 10px;
}

.hsGeneralForm .hsRightDiv p,
#hsGeneralForm .hsRightDiv p {
    margin: 0;
    padding: 0;
}

.hsGeneralForm h2,
#hsGeneralForm h2 {
    float: left;
    font-size: 14px;
    margin: 15px 0 0 0;
    width: 100%;
}

/*== formnnavigatie ==*/

.hsMijnpagina ul#hsNav,
#hsGeneralForm ul#hsNav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    *position: relative;
    *width: 100%;
}

.hsGeneralForm #extrainfo_ul,
#hsGeneralForm #extrainfo_ul {
    text-align: right;
    *margin-bottom: 12px;
    *width: 90%;
    *float: left;
}

    .hsGeneralForm #extrainfo_ul li,
    #hsGeneralForm #extrainfo_ul li {
        margin-left: 10px;
        display: inline;
    }

    .hsGeneralForm #extrainfo_ul .brochures,
    #hsGeneralForm #extrainfo_ul .brochures {
        display: none;
    }

.hsGeneralForm li.hsFaseBut,
.hsGeneralForm li.hsFaseButActive,
#hsGeneralForm li.hsFaseBut,
#hsGeneralForm li.hsFaseButActive,
.hsGeneralForm li.inActiveTab,
#hsGeneralForm li.inActiveTab {
    float: left;
}

.hsGeneralForm .hsFaseBut a,
#hsGeneralForm .hsFaseBut a {
    display: inline-block;
    float: left;
    line-height: 22px;
    outline: 0 none;
    padding: 2px 9px 3px 9px;
    position: relative;
    text-decoration: none;
}

.hsGeneralForm li.activeTab,
.hsGeneralForm li.hsFaseButActive,
#hsGeneralForm li.activeTab,
#hsGeneralForm li.hsFaseButActive {
    z-index: 99;
    float: left;
}

.hsGeneralForm .hsFaseButActive a,
.hsGeneralForm .inActiveTab a,
.hsGeneralForm .activeTab a,
#hsGeneralForm .hsFaseButActive a,
#hsGeneralForm .inActiveTab a,
#hsGeneralForm .activeTab a {
    float: left;
    position: relative;
    display: inline-block;
    line-height: 22px;
    outline: 0 none;
    text-decoration: none;
    padding: 2px 9px;
    background: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: -1px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0px 0px;
    zoom: 1;
}

/*== BINNEN PAKKET INFORMATIEPAGINA > LINKJES NAAR PREMIE BEREKENEN, POLISVOORWAARDEN EN TERUG NAAR PRODUCTENOVERZICHT ==*/

.pakketoverzicht-container .infodiv {
    list-style-type: none;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    float: left;
    clear: both;
}

    .pakketoverzicht-container .infodiv li {
        float: right;
        display: inline-block;
        padding: 5px 10px 5px 0;
    }

/*== formelements ==*/
.hsGeneralForm .hsFaseDiv,
#hsGeneralForm .hsFaseDiv {
    clear: left;
}

.hsGeneralForm fieldset,
#hsGeneralForm fieldset {
    min-width: 580px;
    width: 100%;
    background: #FFF;
}

/*== clausules en polisvoorwaardencontainer ==*/
    .hsGeneralForm .hsLine,
    .hsGeneralForm fieldset .hsLine,
    #hsGeneralForm fieldset .hsLine,
    .clausulecontainer,
    .clausuleeditcontainer,
    .polisvoorwaardencontainer,
    .polisvoorwaardencontaineredit {
        border-bottom: 1px solid #efefef;
        min-height: 32px;
        padding-top: 3px;
        padding-bottom: 1px;
        zoom: 1;
        float: left;
        width: 97%;
        padding-right: 1%;
        padding-left: 2%;
    }

#clausulecodereadonly,
.clausulecontainer,
.clausuleeditcontainer,
.polisvoorwaardencontainer,
.polisvoorwaardencontaineredit {
    border: none;
    line-height: 32px;
}

#hsGeneralForm .clausuleeditcontainer .button,
#hsGeneralForm .polisvoorwaardencontaineredit .button {
    float: left;
}

    #hsGeneralForm .clausuleeditcontainer .button.addclausule,
    #hsGeneralForm .polisvoorwaardencontaineredit .button.addpolisvoorwaarden {
        margin-left: 4px;
    }

.clausulecontainer ul,
.polisvoorwaardencontainer ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

    .clausulecontainer ul li,
    .polisvoorwaardencontainer ul li {
        border-bottom: 1px solid #F8F8F8;
        float: left;
        width: 100%;
    }

#hsGeneralForm .clausulecontainer ul li .button.deleteclausule,
#hsGeneralForm .polisvoorwaardencontainer ul li .button.deletepolisvoorwaarden {
    float: right;
    background: url(../images/forms/dustbin.gif) no-repeat 0 3px transparent !important;
    border: none;
    display: block;
    text-indent: -9999px;
}

.clausulecontainer ul li a,
.polisvoorwaardencontainer ul li a {
    float: left;
}

/*== blockquote ==*/

#hsGeneralForm blockquote,
.hsGeneralForm blockquote {
    margin: 0;
}

    #hsGeneralForm blockquote a img,
    .hsGeneralForm blockquote a img {
        vertical-align: middle;
    }

.hsGeneralForm input.hsInput,
.hsGeneralForm .euroDiv,
.hsGeneralForm .percentageDiv,
.hsGeneralForm .account_aanmaken_velden input,
#hsGeneralForm input.hsInput,
#hsGeneralForm .euroDiv,
#hsGeneralForm .percentageDiv,
.account_aanmaken_velden input,
.loginblock input.username,
.loginblock input.password {
    border: 2px solid #dedede;
}

.hsGeneralForm .euroDiv,
.hsGeneralForm .percentageDiv,
.hsGeneralForm input.hsInput,
#hsGeneralForm .euroDiv,
#hsGeneralForm .percentageDiv,
#hsGeneralForm input.hsInput,
.hsGeneralForm fieldset .hsLine .hsRadioBut,
#hsGeneralForm fieldset .hsLine .hsRadioBut {
    width: 35%;
}

.hsGeneralForm .euroDiv,
.hsGeneralForm .percentageDiv,
.hsGeneralForm input.hsInput,
#hsGeneralForm .euroDiv,
#hsGeneralForm .percentageDiv,
#hsGeneralForm input.hsInput,
.hsGeneralForm fieldset .hsLine .hsRadioBut,
#hsGeneralForm fieldset .hsLine .hsRadioBut {
    margin-left: 3px;
}

#hsGeneralForm label,
.hsGeneralForm label,
#hsGeneralForm .hsRadioP p,
.hsGeneralForm .hsRadioP p {
    margin-right: 6%;
    width: 33%;
    padding: 4px 0;
    line-height: 20px;
    float: left;
    display: block;
    position: relative;
    zoom: 1;
    color: #000;
}

#hsGeneralForm span.hsRadioP,
.hsGeneralForm span.hsRadioP {
    width: 33%;
    *width: 40%;
    float: left;
    display: block;
}

    #hsGeneralForm span.hsRadioP.fullWidth,
    .hsGeneralForm span.hsRadioP.fullWidth {
        width: 100%;
        float: left;
        display: block;
    }

#hsGeneralForm .vragencontainer span.hsRadioP.fullWidth,
.hsGeneralForm .vragencontainer span.hsRadioP.fullWidth {
    width: 85%;
    padding-top: 0;
    margin-left: 7%;
}

.hsGeneralForm span.smallMach,
#hsGeneralForm span.smallMach {
    padding: 2%;
    display: block;
    float: left;
    font-size: 9px;
}

.hsGeneralForm fieldset .hsLine .hsRadioBut,
#hsGeneralForm fieldset .hsLine .hsRadioBut {
    margin-left: 7%;
}

    .hsGeneralForm fieldset .hsLine .hsRadioBut.fullWidth,
    #hsGeneralForm fieldset .hsLine .hsRadioBut.fullWidth {
        margin-left: 40%;
    }

#hsGeneralForm .hsRadioBut label,
.hsGeneralForm .hsRadioBut label {
    padding: 0 0 3px 0;
}

.hsGeneralForm fieldset .hsLine .hsRadioBut,
#hsGeneralForm fieldset .hsLine .hsRadioBut,
.hsGeneralForm input,
.hsGeneralForm .input_select,
#hsGeneralForm input,
#hsGeneralForm .input_select,
.account_aanmaken_velden input,
.loginblock input.username,
.loginblock input.password {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 12px;
    line-height: 12px;
    line-height: 14px;
    padding: 3px 0;
    margin-top: 3px;
    *margin-top: 6px;
    text-indent: 5px;
    float: left;
    *float: none;
    display: block;
    vertical-align: top;
}

    .hsGeneralForm input.hsCheckBox,
    #hsGeneralForm input.hsCheckBox {
        padding: 2px 0 5px 0\9;
        *padding: 2px 0 5px 0;
    }

.hsGeneralForm input,
.hsGeneralForm .input_select,
#hsGeneralForm input,
#hsGeneralForm .input_select,
.account_aanmaken_velden input {
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05) inset;
}

#hsGeneralForm .hsRadioBut label input,
.hsGeneralForm .hsRadioBut label input {
    margin-right: 5px;
    *float: left;
    *margin-top: 0;
}

.hsGeneralForm input.hsInput:focus,
#hsGeneralForm input.hsInput:focus,
.account_aanmaken_velden input:focus,
.loginblock input.username:focus,
.loginblock input.password:focus {
    background: #ffd;
    border: 2px solid #6c6c6c;
}

.hsGeneralForm fieldset .hsLine .hsRadioBut,
#hsGeneralForm fieldset .hsLine .hsRadioBut {
    text-indent: 0;
}

#hsGeneralForm .hsRadioP p,
.hsGeneralForm .hsRadioP p {
    line-height: 22px;
    width: 85%;
}

.hsGeneralForm fieldset .hsLine .hsRadioBut label,
#hsGeneralForm fieldset .hsLine .hsRadioBut label {
    width: 100%;
}

.hsGeneralForm input.hsCheckBox,
#hsGeneralForm input.hsCheckBox {
    margin-top: 7px;
}

.hsGeneralForm textarea,
#hsGeneralForm textarea {
    width: 54%;
}

.hsGeneralForm .selectbox_right .select_arrow,
#hsGeneralForm .selectbox_right .select_arrow {
    display: block;
    *margin: -28px 0 0 -2px;
}

.hsGeneralForm .input_select,
#hsGeneralForm .input_select {
    background: #FFF;
    cursor: pointer;
    position: absolute;
    *position: static;
    left: 40%;
    margin-left: 3px;
    zoom: 1;
}

.hsGeneralForm .test_select,
#hsGeneralForm .test_select {
    zoom: 1;
    width: 100%;
}

    .hsGeneralForm .test_select select,
    #hsGeneralForm .test_select select {
        min-width: 36%;
        min-width: 35%\9;
        width: auto;
        *width: 36%;
        margin-top: 3px;
        margin-left: -1px;
        margin-left: 0\9;
        *margin-top: 0;
        *margin-left: -12px;
    }

.hsGeneralForm .selectbox_right,
#hsGeneralForm .selectbox_right {
    position: absolute;
    left: 72%;
    margin-top: 6px;
}

.hsGeneralForm .euroDiv,
.hsGeneralForm .percentageDiv,
.hsGeneralForm .pakket-row span,
#hsGeneralForm .euroDiv,
#hsGeneralForm .percentageDiv,
#hsGeneralForm .pakket-row span {
    display: inline-block;
}

.hsGeneralForm .euroDiv,
.hsGeneralForm .percentageDiv,
#hsGeneralForm .euroDiv,
#hsGeneralForm .percentageDiv {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0;
    margin: 0;
    text-indent: 5px;
}

.hsGeneralForm .euroDiv input,
#hsGeneralForm .euroDiv input {
  -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0) inset;
}

    .hsGeneralForm .euroDiv input.disabled,
    .hsGeneralForm .euroDiv input,
    .hsGeneralForm .percentageDiv input.disabled,
    .hsGeneralForm .percentageDiv input,
    #hsGeneralForm .euroDiv input.disabled,
    #hsGeneralForm .euroDiv input,
    #hsGeneralForm .percentageDiv input.disabled,
    #hsGeneralForm .percentageDiv input {
        background: transparent;
        color: #000;
        padding: 0;
        border: none;
        float: right;
        display: inline-block;
        float: none;
        margin-top: -1px;
        padding: 0;
        width: 89%;
    }

    .hsGeneralForm .percentageDiv .hsESign,
    #hsGeneralForm .percentageDiv .hsESign {
        float: right;
        margin-right: 7px;
    }

    .hsGeneralForm .percentageDiv input,
    #hsGeneralForm .percentageDiv input {
        width: 85%;
        float: none;
    }

/*== rightdiv ==*/

.hsGeneralForm fieldset .hsLine .hsRightDiv,
#hsGeneralForm fieldset .hsLine .hsRightDiv {
    float: right;
    width: 23%;
    padding-top: 5px;
    position: relative;
}

/*== premie fieldset en premie div ==*/
.hsGeneralForm .hsPExtra,
#hsGeneralForm .hsPExtra {
    margin-top: 3px;
    *margin-top: 6px;
}

    .hsGeneralForm .hsPExtra p,
    #hsGeneralForm .hsPExtra p {
        padding: 0;
    }

#hsGeneralForm fieldset .hsPExtra #frm_Totaal,
#hsGeneralForm fieldset .hsPExtra #frm_maandpremie,
.hsGeneralForm fieldset .hsPExtra #frm_Totaal,
.hsGeneralForm fieldset .hsPExtra #frm_maandpremie {
    background: #c4ef83;
    color: #0c4b05;
    border-top: 1px solid #80c51c;
    margin-left: -2%;
    margin-right: -1%;
    padding: 3px 0;
    text-indent: 10px;
    line-height: 32px;
}

.hsGeneralForm fieldset .hsLine#showSumPrMin,
#hsGeneralForm fieldset .hsLine#showSumPrMin {
    border-bottom: 1px solid #959595;
    margin: 0;
}

.hsGeneralForm fieldset #showSumPrMin.hsLine,
#hsGeneralForm fieldset #showSumPrMin.hsLine {
    height: 10px;
    min-height: 10px;
}

#hsGeneralForm .hsSumPr, #hsGeneralForm .hsSumPrMin {
    background: url("../images/sumpr.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 7px;
    margin: 0 -1px -7px 0;
    padding: 0;
    width: 152px;
}

#hsGeneralForm .hsSumPrMin {
    background: url("../images/sumprmin.gif") no-repeat scroll 0 0 transparent;
}

.hsGeneralForm .hsESign,
#hsGeneralForm .hsESign {
    display: block;
    float: left;
    width: 10px;
}

.hsGeneralForm .hsEMon,
#hsGeneralForm .hsEMon {
    padding-right: 5px;
}

.hsGeneralForm .hsP1,
#hsGeneralForm .hsP1 {
    height: 3px;
    width: 40px;
    text-align: right;
    float: left;
}

#hsGeneralForm fieldset p.hsPrS,
.hsGeneralForm fieldset p.hsPrS {
    float: right;
    background: #e8e8e8;
    margin-right: 0;
    line-height: 22px;
    height: 24px;
    width: 100px;
    text-align: right;
    margin-top: -2px;
}

#hsGeneralForm fieldset p#frm_TotaalPrS,
.hsGeneralForm fieldset p#frm_TotaalPrS {
    margin-top: 8px;
    *margin-top: 10px;
}

#hsGeneralForm fieldset p#frm_maandpremiePrS.hsPrS,
.hsGeneralForm fieldset p#frm_maandpremiePrS.hsPrS {
    margin-top: 6px;
    *margin-top: 10px;
}

.hsGeneralForm span#hsPExtraSpan,
#hsGeneralForm span#hsPExtraSpan {
    display: block;
    width: 30px;
    position: absolute;
    right: 120px;
    top: 3px;
    text-indent: 5px;
    border: none;
    font-size: 18px;
}

    .hsGeneralForm span#hsPExtraSpan p,
    #hsGeneralForm span#hsPExtraSpan p {
        color: green;
        font-weight: bold;
    }

/*== vergelijkers ==*/

#rollsautocompareresultextcontainer .hsLine,
#rollsautocompareresultcontainer .hsLine,
#frm_basispremfieldset #rollsautocompareresultcontainer .hsLine,
#hsGeneralForm #frm_vergelijkfieldset #compareresultcontainer .hsStatusComplete,
#hsGeneralForm #frm_fieldsetvergelijk #compareresultcontainer .hsStatusComplete,
#compareresultcontainer,
#compareresultcontainer .hsLine,
#hsGeneralForm #frm_vergelijken #compareresultcontainer .hsLine {
    position: relative;
}

    #rollsautocompareresultextcontainer .hsLine label,
    #rollsautocompareresultcontainer .hsLine label,
    #compareresultcontainer .hsLine label,
    #compareresultcontainer label,
    #frm_basispremfieldset #rollsautocompareresultcontainer .hsLine label {
        cursor: pointer;
        float: left;
        font: bold 12px/14px Arial,Helvetica,sans-serif;
        height: 40px;
        margin-bottom: 2px;
        padding-left: 140px;
        padding-right: 178px;
        padding-top: 25px;
        position: relative;
        white-space: normal;
        width: 260px;
    }

.hsPolisVwLink, .compareresultvoorwaarde {
    left: 538px;
    margin-left: -18px;
    position: absolute;
    top: -4px;
}

#rollsautocompareresultextcontainer label,
#rollsautocompareresultcontainer label,
#compareresultcontainer label {
    background-repeat: no-repeat;
}

#hsGeneralForm fieldset #rollsautocompareresultextcontainer .hsLine .hsRightDiv,
#hsGeneralForm fieldset #rollsautocompareresultcontainer .hsLine .hsRightDiv,
#hsGeneralForm fieldset#frm_fieldsetvergelijk #rollsautocompareresultextcontainer .hsLine .hsRightDiv,
#hsGeneralForm fieldset#frm_fieldsetvergelijk #rollsautocompareresultcontainer .hsLine .hsRightDiv,
#hsGeneralForm fieldset#frm_fieldsetvergelijk #compareresultcontainer .hsLine .hsRightDiv,
#hsGeneralForm fieldset#frm_vergelijkfieldset #compareresultcontainer .hsLine .hsRightDiv,
#hsGeneralForm fieldset #rollsautocompareresultcontainer .hsRightDiv,
#hsGeneralForm fieldset #compareresultcontainer .hsLine .hsRightDiv {
    color: #000000;
    left: 45px;
    position: absolute;
    top: 19px;
    width: 95px !important;
    z-index: 99;
}

#rollsautocompareresultextcontainer .hsLine label input,
#rollsautocompareresultcontainer .hsLine label input,
#frm_fieldsetvergelijk #compareresultcontainer .hsLine label input,
#frm_vergelijkfieldset #compareresultcontainer .hsLine label input,
#frm_basispremfieldset #rollsautocompareresultcontainer .hsLine label input,
#compareresultcontainer label input {
    background: none repeat scroll 0 0 transparent;
    left: 5px;
    position: absolute;
    top: 20px;
}

    #hsGeneralForm #rollsautocompareresultextcontainer input.radio,
    #hsGeneralForm #rollsautocompareresultcontainer input.radio,
    #hsGeneralForm #compareresultcontainer input.radio,
    #compareresultcontainer label input.radio {
        border: medium none;
        margin-left: 0;
        margin-top: 3px;
        margin-top: 1px\9;
        text-align: left;
        width: 40px;
    }

#rollsautocompareresultextcontainer .hsEMon,
#rollsautocompareresultcontainer .hsEMon,
#compareresultcontainer .hsEMon,
#compareresultcontainer .hsESign,
#hsGeneralForm #rollsautocompareresultcontainer .hsEMon,
#hsGeneralForm #rollsautocompareresultcontainer .hsESign {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#rollsautocompareresultextcontainer .hsESign,
#rollsautocompareresultcontainer .hsESign,
#compareresultcontainer .hsESign,
#hsGeneralForm #rollsautocompareresultcontainer .hsESign {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 15px;
}

.hsPolisVwLink, .compareresultvoorwaarde {
    background: url("../images/polis.gif") no-repeat scroll 0 2px transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 28px;
    left: 560px;
    margin-left: -18px;
    position: absolute;
    top: 0px;
    width: 100px;
}

.voorwaarden-titel {
    color: #AAAAAA;
    float: right;
    position: relative;
    right: 25px;
    top: 27px;
}

/* ==============================================
vergelijker banners
==============================================*/

/*== vergelijker banners ==*/

.vergelijkerresultaat label {
    background-image: url(../images/forms/vergelijker/blanco.png);
}

.vergelijkerresultaat.mA043 label,
.vergelijkerresultaat.mA107 label,
.vergelijkerresultaat.mA043 label {
    background-image: url(../images/forms/vergelijker/abn-amro.png);
}

.vergelijkerresultaat.mA012 label,
.vergelijkerresultaat.mC009 label,
.vergelijkerresultaat.mT015 label {
    background-image: url(../images/forms/vergelijker/achmea.png);
}

.vergelijkerresultaat.mA009 label,
.vergelijkerresultaat.mA014 label,
.vergelijkerresultaat.mA015 label,
.vergelijkerresultaat.mA016 label,
.vergelijkerresultaat.mA025 label,
.vergelijkerresultaat.mN016 label {
    background-image: url(../images/forms/vergelijker/aegon.png);
}

.vergelijkerresultaat.mA029 label {
    background-image: url(../images/forms/vergelijker/agis.png);
}

.vergelijkerresultaat.mR020 label,
.vergelijkerresultaat.mN137 label,
.vergelijkerresultaat.mR021 label,
.vergelijkerresultaat.mZ053 label,
.vergelijkerresultaat.mZ05 label {
    background-image: url(../images/forms/vergelijker/allianz.png);
}

.vergelijkerresultaat.mA051 label,
.vergelijkerresultaat.mA053 label,
.vergelijkerresultaat.mA054 label,
.vergelijkerresultaat.mU004 label {
    background-image: url(../images/forms/vergelijker/amersfoortse.png);
}

.vergelijkerresultaat.mA123 label {
    background-image: url(../images/forms/vergelijker/arag.png);
}

.vergelijkerresultaat.mA055 label,
.vergelijkerresultaat.mA057 label,
.vergelijkerresultaat.mA059 label,
.vergelijkerresultaat.mA061 label,
.vergelijkerresultaat.mK015 label {
    background-image: url(../images/forms/vergelijker/asr.png);
}

.vergelijkerresultaat.mK015.vbudgio label {
    background-image: url(../images/forms/vergelijker/budgio.png);
}

.vergelijkerresultaat.mA135 label,
.vergelijkerresultaat.mA136 label,
.vergelijkerresultaat.mO109 label,
.vergelijkerresultaat.mC003 label {
    background-image: url(../images/forms/vergelijker/avero.png);
}

.vergelijkerresultaat.mB033 label {
    background-image: url(../images/forms/vergelijker/bovemij.png);
}

.vergelijkerresultaat.mB711 label,
.vergelijkerresultaat.mB809 label {
    background-image: url(../images/forms/vergelijker/brunstenbrink.png);
}

.vergelijkerresultaat.mD003 label {
    background-image: url(../images/forms/vergelijker/das.png);
}

.vergelijkerresultaat.mD009 label,
.vergelijkerresultaat.mD016 label,
.vergelijkerresultaat.mN137 label {
    background-image: url(../images/forms/vergelijker/deltalloyd.png);
}

.vergelijkerresultaat.mE085 label {
    background-image: url(../images/forms/vergelijker/europeesche.png);
}

.vergelijkerresultaat.mS725 label,
.vergelijkerresultaat.mE084 label,
.vergelijkerresultaat.mE086 label {
    background-image: url(../images/forms/vergelijker/erasmus.png);
}

.vergelijkerresultaat.mC003.vfbto label {
    background-image: url(../images/forms/vergelijker/fbto.png);
}

.vergelijkerresultaat.mI003 label {
    background-image: url(../images/forms/vergelijker/fortis.png);
}

.vergelijkerresultaat.mE505 label
.vergelijkerresultaat.mN043 label,
.vergelijkerresultaat.mN045 label {
    background-image: url(../images/forms/vergelijker/generali.png);
}

.vergelijkerresultaat.mG025 label,
.vergelijkerresultaat.mG027 label,
.vergelijkerresultaat.mN017 label {
    background-image: url(../images/forms/vergelijker/goudse.png);
}

.vergelijkerresultaat.mH004 label {
    background-image: url(../images/forms/vergelijker/hdi.png);
}

.vergelijkerresultaat.mI007 label,
.vergelijkerresultaat.mI009 label,
.vergelijkerresultaat.mA021 label {
    background-image: url(../images/forms/vergelijker/interpolis.png);
}

.vergelijkerresultaat.mK011 label {
    background-image: url(../images/forms/vergelijker/klaverblad.png);
}

.vergelijkerresultaat.mL517 label,
.vergelijkerresultaat.mR010 label {
    background-image: url(../images/forms/vergelijker/london.png);
}

.vergelijkerresultaat.mN013 label {
    background-image: url(../images/forms/vergelijker/natned.png);
}

.vergelijkerresultaat.mN013 label {
    background-image: url(../images/forms/vergelijker/natned.png);
}

.vergelijkerresultaat.mC703 label {
    background-image: url(../images/forms/vergelijker/nationalacademic.png);
}

.vergelijkerresultaat.mN119 label {
    background-image: url(../images/forms/vergelijker/noordhollandsche.png);
}

.vergelijkerresultaat.mO004 label {
    background-image: url(../images/forms/vergelijker/ohra.png);
}

.vergelijkerresultaat.mA137 label,
.vergelijkerresultaat.mA139 label,
.vergelijkerresultaat.mH040 label,
.vergelijkerresultaat.mH041 label,
.vergelijkerresultaat.mH043 label,
.vergelijkerresultaat.mP021 label,
.vergelijkerresultaat.mP023 label,
.vergelijkerresultaat.mW505 label,
.vergelijkerresultaat.mW507 label {
    background-image: url(../images/forms/vergelijker/reaal.png);
}

.vergelijkerresultaat.mT741 label {
    background-image: url(../images/forms/vergelijker/turien.png);
}

.vergelijkerresultaat.mU705 label,
.vergelijkerresultaat.mA139 label,
.vergelijkerresultaat.mH040 label {
    background-image: url(../images/forms/vergelijker/unigarant.png);
}

.vergelijkerresultaat.mV055 label {
    background-image: url(../images/forms/vergelijker/unive.png);
}

.vergelijkerresultaat.mP022 label {
    background-image: url(../images/forms/vergelijker/zelf.png);
}

#hsGeneralForm .hsLineRadio #frm_verzekerenkeusCtr label {
    width: 360px;
}

/*== bottom buttons ==*/

#hsGeneralForm .hsBottomButtons a,
.hsGeneralForm .hsBottomButtons a {
    display: block;
}

#hsGeneralForm .hsBottomButtonsRight,
.hsGeneralForm .hsBottomButtonsRight {
    float: right;
}

#hsGeneralForm .hsBottomButtonsLeft,
.hsGeneralForm .hsBottomButtonsLeft {
    float: left;
    margin-right: 10px;
}

#hsGeneralForm .hsBottomButtons #btnCancelFormSpan a,
.hsGeneralForm .hsBottomButtons #btnCancelFormSpan a {
    background: #dddddd;
}

#hsGeneralForm .hsBottomButtons a:hover,
.hsGeneralForm .hsBottomButtons a:hover {
    text-decoration: underline;
    background: #eeeeee;
    color: #000;
}

/*== extra formulier stylen: uitzondering per formulier ==*/

/*-- Afsluitformulier tab premievragen --*/
#hsGeneralForm fieldset#frm_premvragen p {
    clear: both;
    padding-top: 10px;
    line-height: 18px;
}

    #hsGeneralForm fieldset#frm_premvragen p.header {
        padding-top: 0px;
        line-height: 24px;
    }

/*-- Onder de formulieren - Extra mededelingen --*/
#hsGeneralForm #offertemessage {
    float: left;
    padding: 15px;
    margin: 20px 0;
    border: 2px solid #9d3132;
    background: #ffeeee;
    color: #9d3132;
    *clear: both;
}

    #hsGeneralForm #offertemessage #offertemessagedetail {
        display: block;
        font-weight: 700;
    }

    #hsGeneralForm #offertemessage p {
        margin: 0;
        padding: 0;
    }

#hsGeneralForm .pakketrule {
    width: 95%;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #efefef;
}

/*-- Auto --*/
#hsGeneralForm input#rollsautokenteken {
    margin-top: 5px;
    padding-top: 4px;
    padding-bottom: 5px;
    height: 16px;
    -moz-box-shadow: none;
    box-shadow: none;
    font: bold 11px/18px Arial, "sans-serif";
}

.hsGeneralForm input#isa3audascankenteken,
#hsGeneralForm input#isa3audascankenteken {
    font: bold 11px/18px Arial, "sans-serif";
    margin-top: 5px;
    height: 16px;
    -moz-box-shadow: none;
    box-shadow: none;
}

#isa3audascankentekenfieldscontainer img {
    border: 5px solid #EEE;
    margin-top: 5px;
    position: relative;
    z-index: 99;
}

.hsGeneralForm #rollsauto .selectbox_right,
#hsGeneralForm #rollsauto .selectbox_right {
    margin-top: 6px;
}

.hsGeneralForm #rollsselectorcontainer .selectbox_right,
#hsGeneralForm #rollsselectorcontainer .selectbox_right {
    margin-top: 8px;
}

.hsGeneralForm #rollsauto .test_select,
#hsGeneralForm #rollsauto .test_select {
    margin-top: 0;
}

.hsGeneralForm #rollsselectorcontainer .test_select,
#hsGeneralForm #rollsselectorcontainer .test_select {
    margin-top: 2px;
}

/*-- woonhuis --*/
.uitvouwWh {
    padding: 20px;
}

#hsGeneralForm .sluitUitvouwA a {
    display: block;
    width: 19px;
    height: 19px;
    float: right;
    background: transparent url(../images/forms/close-popup.png) no-repeat 0 0;
}

ul#hsHuizenIcons {
    margin: 0 8px 0 0;
    padding: 0;
    width: 200px;
    float: right;
    background-color: #fff;
}

    ul#hsHuizenIcons li {
        width: 40px;
        height: 30px;
        float: left;
        margin: 0;
        padding: 0;
    }

        ul#hsHuizenIcons li a {
            float: left;
            padding: 0;
            width: 30px;
            height: 30px;
        }

#hsGeneralForm #changeHuis {
    float: right;
    width: 50%;
    height: 180px;
    margin: 0 20px 10px 0;
}

#hsGeneralForm #gegevensWh {
    float: left;
    width: 40%;
    margin: 0 0 0 5px;
}

#hsformdatadiv #hsGeneralForm #changeHuis {
    float: right;
    width: 35%;
    height: 180px;
    margin: 0 20px 10px 0;
}

#hsformdatadiv #hsGeneralForm #gegevensWh {
    float: left;
    width: 60%;
    margin: 0 0 0 5px;
}

li#hsHuis0 a {
    display: block;
    background: transparent url(../images/forms/woonhuis/huis0_small.gif) no-repeat 0 0;
}
    li#hsHuis0 a:hover {
        background: transparent url(../images/forms/woonhuis/huis0_small_mo.gif) no-repeat 0 0;
    }

li#hsHuis1 a {
    background: transparent url(../images/forms/woonhuis/huis2_small.gif) no-repeat 0 0;
}

    li#hsHuis1 a:hover {
        background: transparent url(../images/forms/woonhuis/huis2_small_mo.gif) no-repeat 0 0;
    }

li#hsHuis2 a {
    background: transparent url(../images/forms/woonhuis/huis1_small.gif) no-repeat 0 0;
}

    li#hsHuis2 a:hover {
        background: transparent url(../images/forms/woonhuis/huis1_small_mo.gif) no-repeat 0 0;
    }

.changeHuis_0_0 {
    background: transparent url(../images/forms/woonhuis/huis_0.gif) no-repeat 0 0;
}

.changeHuis_0_1 {
    background: transparent url(../images/forms/woonhuis/huis_0_h.gif) no-repeat 0 0;
}

.changeHuis_0_2 {
    background: transparent url(../images/forms/woonhuis/huis_0_l.gif) no-repeat 0 0;
}

.changeHuis_0_3 {
    background: transparent url(../images/forms/woonhuis/huis_0_b.gif) no-repeat 0 0;
}

.changeHuis_0_4 {
    background: transparent url(../images/forms/woonhuis/huis_0_hd.gif) no-repeat 0 0;
}

.changeHuis_1_0 {
    background: transparent url(../images/forms/woonhuis/huis_1.gif) no-repeat 100% 100%;
}

.changeHuis_1_1 {
    background: transparent url(../images/forms/woonhuis/huis_1_1.gif) no-repeat 100% 100%;
}

.changeHuis_1_2 {
    background: transparent url(../images/forms/woonhuis/huis_1_2.gif) no-repeat 100% 100%;
}

.changeHuis_1_3 {
    background: transparent url(../images/forms/woonhuis/huis_1_3.gif) no-repeat 100% 100%;
}

.changeHuis_1_4 {
    background: transparent url(../images/forms/woonhuis/huis_1_4.gif) no-repeat 100% 100%;
}

.changeHuis_2_0 {
    background: transparent url(../images/forms/woonhuis/huis_2.gif) no-repeat 100% 100%;
}

.changeHuis_2_1 {
    background: transparent url(../images/forms/woonhuis/huis_2_1.gif) no-repeat 100% 100%;
}

.changeHuis_2_2 {
    background: transparent url(../images/forms/woonhuis/huis_2_2.gif) no-repeat 100% 100%;
}

.changeHuis_2_3 {
    background: transparent url(../images/forms/woonhuis/huis_2_3.gif) no-repeat 100% 100%;
}

.changeHuis_2_4 {
    background: transparent url(../images/forms/woonhuis/huis_2_4.gif) no-repeat 100% 100%;
}

/*== herbouwwwaarde box ==*/

span.uitvouwA {
    float: right;
    margin: 7px 0 0;
    *margin-top: -22px;
    width: 22%;
}

#hsformdatadiv #hsGeneralForm #gegevensWh {
    margin: 10px 0;
}

#hsGeneralForm fieldset p, .hsGeneralForm fieldset p {
    padding: 10px;
}

ul#hsHuizenIcons {
    list-style-type: none;
    margin: 24px 0 10px 0;
    width: 190px;
}

    ul#hsHuizenIcons li#hsHuis0 {
        padding-top: 3px;
    }

    ul#hsHuizenIcons li#hsHuis2 {
        padding-top: 4px;
    }

.inner_contentgedeelte div#gegevensWh h1.gegevensh1 {
    font-size: 20px;
    padding-top: 5px;
}

.sluitUitvouwA a {
    margin: 12px -6px 0 0;
}

#hsGeneralForm .uitvouwWh label, .hsGeneralForm .uitvouwWh label {
    padding-bottom: 3px;
    width: 40%;
}

.hsGeneralForm .uitvouwWh .input_select,
#hsGeneralForm .uitvouwWh .input_select {
    cursor: default;
    position: static;
    margin-left: 3px;
    zoom: 1;
}

/*-- uploadform --*/
.uploadForm {
    position: relative;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding-top: 3px;
    padding-bottom: 1px;
    zoom: 1;
    float: left;
    width: 97%;
    padding-right: 1%;
    padding-left: 2%;
}

    .uploadForm span {
        color: #000000;
        display: block;
        float: left;
        line-height: 20px;
        margin-right: 7%;
        padding: 4px 0;
        position: relative;
        width: 33%;
    }

#hsGeneralForm .uploadForm input#fileuploadfrm_taxatierapportupload {
    *float: left !important;
}

#hsGeneralForm .uploadForm input#btnFileUploadSubmitfrm_taxatierapportupload {
    padding: 2px 6px !important;
    padding: 5px 6px \9 !important;
    margin-top: 4px\9;
    *margin-bottom: 10px;
    margin-left: 5px;
}

.uploadFormList {
    *margin-top: 5px;
    background: url("../images/forms/attachment.png") no-repeat scroll 0 0 transparent;
    clear: both;
    padding: 7px 10px 10px 45px;
    *padding-top: 3px;
    position: relative;
    top: -1px;
    *top: -6px;
}

.inner_contentgedeelte .uploadFormList a {
    color: #845400;
}

/*== pakket overzicht ==*/
.pakket h1,
.pakket h1 {
    float: left;
    padding: 15px 130px 0 25px;
}

.productenoverzicht_container {
    width: 100%;
    background: #fff;
    float: left;
    clear: left;
}

/*-- pakketstappen balk --*/
ul#pakketstappen {
    padding-left: 2px;
    list-style: none;
    margin-bottom: 60px;
    margin-top: -15px;
}

    ul#pakketstappen li {
        font-size: 12px;
        width: 33%;
        line-height: 25px;
        float: left;
        padding-bottom: 13px;
        color: #a9a9a9;
    }

        ul#pakketstappen li span {
            background: transparent url(../images/forms/pakketstap_pijl.png) 0 5px no-repeat;
            width: 20px;
            float: left;
            height: 23px;
            display: inline-block;
        }

        ul#pakketstappen li.active {
            color: #333;
        }

        ul#pakketstappen li a {
            color: #a9a9a9;
            cursor: pointer;
            text-decoration: underline;
        }

            ul#pakketstappen li a:hover {
                color: #000;
            }

    ul#pakketstappen #liPakketPakket {
        background: transparent url(../images/forms/pakketstap_verz_kiezen_active.jpg) left bottom no-repeat;
    }

    ul#pakketstappen #liPakketReken {
        background: transparent url(../images/forms/pakketstap_verz_kiezen_active.jpg) left bottom no-repeat;
    }

    ul#pakketstappen #liRekenReken {
        background: transparent url(../images/forms/pakketstap_bereken_premie.jpg) left bottom repeat-x;
    }

        ul#pakketstappen #liRekenReken.active {
            background: transparent url(../images/forms/pakketstap_bereken_premie_active.jpg) left bottom repeat-x;
        }

    ul#pakketstappen #liPakketAfsluit {
        background: transparent url(../images/forms/pakketstap_afsluiten.jpg) right bottom no-repeat;
    }

    ul#pakketstappen #liAfsluitAfsluit.active {
        background: transparent url(../images/forms/pakketstap_afsluiten_active.jpg) right bottom no-repeat;
    }
 
/*== winkelmandje ==*/
.pakketoverzicht-wrapper {
    position: relative;
}

.pakketoverzicht_winkelmandje {
    background: url(../images/forms/winkelmandje/pakketoverzicht-bottom.png) no-repeat scroll -1px 100% transparent;
    float: right;
    margin-right: 10px;
    width: 270px;
    right: 0;
    top: 0;
    position: relative;
}

    .pakketoverzicht_winkelmandje .pakketoverzicht_top {
        background: url(../images/forms/winkelmandje/pakketoverzicht-top.png) no-repeat scroll -1px 100% transparent;
        height: 1px;
    }

    .pakketoverzicht_winkelmandje h3,
    .pakketoverzicht_winkelmandje a {
        color: #505050;
    }

    .pakketoverzicht_winkelmandje .kortingsblok h3,
    .pakketoverzicht_winkelmandje .toeslagenblok h3 {
        color: #000;
        font-size: 11px;
        margin: 5px 0;
    }

    .pakketoverzicht_winkelmandje .pakketoverzicht_content {
        background: url(../images/forms/winkelmandje/pakket_winkelmandje_bg.png) no-repeat scroll 11px 50% transparent;
        position: relative;
        font-size: 11px;
        padding: 15px 0 15px 26px;
    }

    .pakketoverzicht_winkelmandje td {
        vertical-align: top;
    }

    .pakketoverzicht_winkelmandje h2 {
        width: auto;
        color: #000;
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        padding: 8px 0 0;
        text-shadow: 0 1px 2px #fff;
    }

#pakketsamenstelling {
    margin-bottom: 10px;
}

.pakketoverzicht_winkelmandje #nieuw_in_pakket h2,
.pakketoverzicht_winkelmandje #gewijzigd_in_pakket h2,
.pakketoverzicht_winkelmandje #ongewijzigd_in_pakket h2 {
    font-size: 14px;
    font-weight: 700;
}

.pakketoverzicht_winkelmandje #nieuw_in_pakket .premie-titel-span,
.pakketoverzicht_winkelmandje #gewijzigd_in_pakket .premie-titel-span,
.pakketoverzicht_winkelmandje #ongewijzigd_in_pakket .premie-titel-span {
    white-space:nowrap;
    text-overflow:ellipsis;
}

.pakketoverzicht_winkelmandje a.openClose {
    margin-top: 2px;
    display: block;
    background: url(../images/forms/winkelmandje/openclose.gif) no-repeat scroll 0 0 transparent;
    float: right;
    width: 15px;
    height: 15px;
    text-decoration: none;
    margin-right: 0;
}

    .pakketoverzicht_winkelmandje a.openClose:hover {
        background: url(../images/forms/winkelmandje/openclose_mo.gif) no-repeat scroll 0 0 transparent;
    }

.pakketoverzicht_winkelmandje td,
.pakketoverzicht_winkelmandje .pakket-row {
    color: #505050;
    padding: 4px;
}

.pakketoverzicht_winkelmandje .totaalTabel table {
    margin: 10px 0;
}

    .pakketoverzicht_winkelmandje .totaalTabel table td,
    .pakketoverzicht_winkelmandje .totaalTabel table td h2 {
        color: #0f6c01;
        font-weight: 700;
        font-size: 12px;
    }

        .pakketoverzicht_winkelmandje .totaalTabel table td h2 {
            margin: 0;
            padding: 0;
        }

#pakketoverzicht .hsLine, .pakketoverzicht_winkelmandje #kortingstabel {
    margin: 10px 0 0;
}

.pakketoverzicht_winkelmandje .totaalTabel {
    padding-top: 10px;
    background: none;
}

    .pakketoverzicht_winkelmandje .totaalTabel .hsLine {
        padding-top: 10px;
        padding-left: 5px;
    }

.pakketoverzicht_winkelmandje #kortingstabel {
    width: 85%;
    height: 60px;
    background: none repeat scroll 0 0 #fff;
    padding: 10px;
}

    .pakketoverzicht_winkelmandje #kortingstabel span#centerStaaf {
        float: left;
        height: 16px;
        background: none repeat scroll 0 0 #464646;
        margin: 5px 0 0;
    }

    .pakketoverzicht_winkelmandje #kortingstabel span#percentageStaaf {
        display: block;
        clear: left;
        font-weight: 700;
        font-size: 14px;
        background: none repeat scroll 0 0 transparent;
        color: #363636;
        margin: 5px 0 0;
    }

.pakketoverzicht_winkelmandje a.afsluiten_button {
    background: url("../images/forms/winkelmandje/directafsuiltenpakket.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: 900;
    height: 37px;
    line-height: 36px;
    margin: 15px;
    padding-left: 5px;
    text-align: center;
    text-decoration: none;
    width: 205px;
}

.pakketoverzicht_winkelmandje .dossieroverview .button {
    padding: 6px 8px !important;
}

.pakketoverzicht_winkelmandje .listofdossiersWrapper {
    margin: 5px 0;
}
    .pakketoverzicht_winkelmandje .listofdossiersWrapper .listofdossiers {
        margin-left: 7px;
        width: 206px;
    }

.pakketoverzicht_winkelmandje h1, 
.pakketoverzicht_winkelmandje .pakketblok,
.pakketoverzicht_winkelmandje #kortingstabel {
    background: #fff;
    height: auto;
    width: auto;
    margin: 0 4px;
    padding: 0 10px 20px 5px;
}

.pakketoverzicht_winkelmandje .nieuw_in_pakket,
.pakketoverzicht_winkelmandje .gewijzigd_in_pakket,
.pakketoverzicht_winkelmandje .ongewijzigd_in_pakket,
.pakketoverzicht_winkelmandje .pakket_actions,
#pakketpakketkostentoeslagwrapper {
    background: #fff;
    height: auto;
    width: auto;
    margin: 0 10px 10px 10px;
    padding: 0 0 10px 5px;
}
    .pakketoverzicht_winkelmandje .nieuw_in_pakket .premie-titel-span,
    .pakketoverzicht_winkelmandje .gewijzigd_in_pakket .premie-titel-span,
    .pakketoverzicht_winkelmandje .ongewijzigd_in_pakket .premie-titel-span {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .pakketoverzicht_winkelmandje .nieuw_in_pakket .button,
    .pakketoverzicht_winkelmandje .gewijzigd_in_pakket .button,
    .pakketoverzicht_winkelmandje .ongewijzigd_in_pakket .button {
        margin-bottom: 4px;
    }

    .pakketoverzicht_winkelmandje .nieuw_in_pakket .premie-titel-span,
    .pakketoverzicht_winkelmandje .gewijzigd_in_pakket .premie-titel-span,
    .pakketoverzicht_winkelmandje .ongewijzigd_in_pakket .premie-titel-span {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.pakketoverzicht_winkelmandje .subtext {
    margin-bottom: 10px;
    margin-left: 16px;
}

.pakketoverzicht_winkelmandje h1 {
    font-size: 19px;
    padding: 5px 0 5px 9px;
}

.pakketoverzicht_winkelmandje .select_premie_options {
    background: url(../images/forms/winkelmandje/divider-large.gif) repeat-x scroll center top transparent;
    padding: 2px 10px 10px;
    float: left;
}

    .pakketoverzicht_winkelmandje .select_premie_options label,
    .pakketoverzicht_winkelmandje .select_premie_options select {
        display: inline-block;
    }

    .pakketoverzicht_winkelmandje .select_premie_options label {
        margin-right: 2%;
        word-wrap: break-word;
        margin-bottom: 6px;
    }

.pakketoverzicht_winkelmandje #showifkortingwrapper {
    clear: both;
    margin-bottom: 15px;
}

.pakketoverzicht_winkelmandje .kortingsblok {
    background: url(../images/forms/winkelmandje/kortingsblok-bg.gif) repeat-x 0 0 #e8fcc2;
    margin: 10px 20px 0 16px;
}

.pakketoverzicht_winkelmandje .toeslagenblok {
    padding-bottom: 10px;
    background: url(../images/forms/winkelmandje/toeslagenblok-bg.gif) repeat-x 0 0 #f7f7f7;
    margin: 10px 20px 0 16px;
    clear: both;
}

.pakketoverzicht_winkelmandje .staafwrapper {
    display: block;
    height: 26px;
    width: 186px;
}

.pakketoverzicht_winkelmandje .kortingsblok .staafwrapper {
    background: url(../images/forms/winkelmandje/korting-staaf-bg.png) no-repeat 0 0 transparent;
}

.pakketoverzicht_winkelmandje .toeslagenblok .staafwrapper {
    background: url(../images/forms/winkelmandje/toeslagen-staaf-bg.png) no-repeat 0 0 transparent;
}

.pakketoverzicht_winkelmandje .pakketcontractduurkortingwrapper,
.pakketoverzicht_winkelmandje .pakketbetalingstermijnkortingwrapper,
.pakketoverzicht_winkelmandje .pakketpakketkortingtoeslagwrapper,
.pakketoverzicht_winkelmandje .pakketcontractduurtoeslagwrapper {
    margin-left: 3px;
}

.pakketoverzicht_winkelmandje .percentagestaaf {
    display: block;
    color: #427217;
    font-size: 9px;
    position: relative;
    margin: -20px 0 0 5px;
}

.pakketoverzicht_winkelmandje .percentageStaaf3 {
    color: #646464;
}

.pakketoverzicht_winkelmandje .kortingsblok h2 {
    background: url(../images/forms/winkelmandje/aftrekken-po.gif) no-repeat scroll 100% 5px transparent;
}

.pakketoverzicht_winkelmandje .toeslagenblok h2 {
    background: url(../images/forms/winkelmandje/optellen-po.gif) no-repeat scroll 100% 5px transparent;
}

.pakketoverzicht_winkelmandje .pakketblok h3 {
    font-size: 12px;
    margin-top: 10px;
}

.pakketoverzicht_winkelmandje .pakketblok h4 {
    font-size: 14px;
}

.pakketoverzicht_winkelmandje .staaf {
    display: block;
    height: 20px;
    margin: 0 0 0 34px;
}

.pakketoverzicht_winkelmandje .kortingsblok .staaf {
    background: url(../images/forms/winkelmandje/staafbg-groen.png) repeat-x scroll 0 5px transparent;
}

.pakketoverzicht_winkelmandje .toeslagenblok .staaf {
    background: url(../images/forms/winkelmandje/staafbg-grijs.png) repeat-x scroll 0 5px transparent;
}

.pakketoverzicht_winkelmandje h2.totaal-titel {
    background: #cef6a6;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin: 0 10px;
    padding: 12px 0 8px 5px;
}

.pakketoverzicht_winkelmandje h2.totaal-titel-toeslag {
    background: #efefef;
    color: #444;
}

.pakketoverzicht_winkelmandje #showifkortingwrapper h2.totaal-titel,
.pakketoverzicht_winkelmandje #showiftoeslagwrapper h2.totaal-titel {
    margin: 0 20px 0 17px;
}

.pakketoverzicht_winkelmandje h2.totale-premie-titel {
    font-size: 14px;
    color: #000;
    border-top: 2px solid #000;
    background: none;
}

#pakketoverzicht.pakketoverzicht_winkelmandje p.emptypakketinfo {
    margin-bottom: 10px;
    padding: 0;
}

.pakketoverzicht_winkelmandje ul, .pakketoverzicht_winkelmandje ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pakketoverzicht_winkelmandje ul li {
        list-style: none;
        border-bottom: 1px dotted #ccc;
        margin: 0;
        padding: 5px 0;
        text-align: left;
        position: relative;
    }

.pakketoverzicht_winkelmandje .premie-titel-span,
.pakketoverzicht_winkelmandje span.eurosignfield,
.pakketoverzicht_winkelmandje span.po_premie {
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.productlist-po span.po_premie {
    position: absolute;
    right: 20px;
    top: 4px;
}

.pakketoverzicht_winkelmandje span.po_premie {
    display: inline-block;
    text-align: right;
    float: right;
    *float: none;
    margin-left: 5px;
}

.pakketoverzicht_winkelmandje #showifkortingwrapper span.po_premie {
    margin-right: 5px;
}

.totaal-titel.totaal-titel-toeslag .po_premie {
    margin-right: 5px;
}

.pakketoverzicht_winkelmandje .premie-titel-span {
    font-size: 11px;
    width: 120px;
}

.pakketoverzicht_winkelmandje .pakketkosten-titel {
    font-size: 12px;
    padding-left: 15px;
    margin: 10px 0;
}

.pakketoverzicht_winkelmandje .totale-premie-titel {
    position: relative;
}

    .pakketoverzicht_winkelmandje .totale-premie-titel .po_premie {
        float: right;
        *margin-top: -15px;
    }

    .pakketoverzicht_winkelmandje .totale-premie-titel .premie-titel-span {
        width: 150px;
    }

.pakketoverzicht_winkelmandje .pakketkosten-titel .premie-titel-span {
    width: 150px;
}

.pakketoverzicht_winkelmandje ul.productlist-po img {
    float: right;
    display: inline;
    *position: absolute;
    *right: 0px;
}

.pakketoverzicht_winkelmandje ul.productlist-po .premie-titel-span {
    font-size: 11px;
    width: 145px;
}

.pakketoverzicht_winkelmandje a.afsluiten_button:hover {
    background: url(../images/forms/winkelmandje/directafsuiltenpakket.png) no-repeat scroll 0 0 transparent;
    color: #FFF;
    text-decoration: underline;
}

.pakketoverzicht_winkelmandje .dossieroverview {
    clear: both;
    background: url(../images/forms/winkelmandje/divider-large.gif) repeat-x scroll 0 0 transparent;
    padding: 15px 0 10px 10px;
    width: 230px;
}

    .pakketoverzicht_winkelmandje .dossieroverview h2 {
        margin: 5px;
        padding: 0;
    }

.pakketoverzicht_winkelmandje .select_premie_options select,
.pakketoverzicht_winkelmandje ul.productlist-po .eurosignfield,
.pakketoverzicht_winkelmandje ul.productlist-po .po_premie {
    font-size: 10px;
}

/*== OPGESLAGEN BEREKENINGEN  ==*/

.mijnpaginadossierlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.currentopendossier {
    margin-left: 5px;
}

.mijnpaginadossierlist li {
    border-bottom: 1px solid #EEE;
    padding: 2px 0 2px 24px;
    background: url(../images/forms/folder.png) no-repeat 4px center transparent;
    margin: 0;
    line-height: 26px;
}

.mijnpaginadossierlist li a {
  *float:left;
}

    .mijnpaginadossierlist li:hover {
        background: url(../images/forms/folder.png) no-repeat 4px center #F8F8F8;
        padding: 2px 0 2px 24px;
    }

.activedossier .pdflink,
.listofdossiers .pdflink,
.mijnpaginadossierlist .pdflink {
    float: right;
    display: block;
    width: 14px;
    height: 16px;
    background: url(../images/forms/polis.gif) no-repeat 0 0;
}

.listofdossiers li img {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.activedossier .pdflink {
    *float: none;
    *display: inline-block;
    *margin-left: 5px;
}

.listofdossiers li a.opendossierlink {
    width: 160px;
    display: block;
}

.listofdossiers li a.pdflink,
.listofdossiers li img {
    position: absolute;
    top: 5px;
    right: -5px;
}

.listofdossiers li img {
    right: 15px;
}

/*== pakketoverzicht -lijst brede kolom ==*/

.pakketoverzicht-inner {
    padding-right: 18px;
}

#linkblock h1.pakketpaginakop {
    padding: 20px 0 0 0;
    font-size: 15px;
}

#linkblock .pakketpaginakop td {
    padding-top: 20px;
    padding: 5px;
    font-size: 18px;
    border-bottom: 1px solid #EEE;
}

#hspakketdiv {
    float: left;
    width:100%;
}

    #hspakketdiv #meldingwrapper {
        display: none;
        width: 100%;
        margin-top: 15px;
    }

    #hspakketdiv #linkblock {
        margin: 10px 0;
    }

    #hspakketdiv #melding1,
    #hspakketdiv #melding2,
    #hspakketdiv #melding3,
    #hspakketdiv #melding4 {
        float: left;
        height: 16px;
        background: transparent url(../images/forms/dustbin.gif) no-repeat 0 0;
        margin: 5px 15px 0 4px;
        padding: 2px 0 0 15px;
    }

    #hspakketdiv #melding2 {
        background: transparent url(../images/forms/extrainfo.gif) no-repeat 0 0;
    }

    #hspakketdiv #melding3 {
        background: transparent url(../images/forms/brochure.gif) no-repeat 0 0;
    }

    #hspakketdiv #melding4 {
        background: transparent url(../images/forms/polis.gif) no-repeat 0 0;
    }

    #hspakketdiv .leftLinkA,
    #hspakketdiv .product_disabled {
        display: inline-block;
        width: 405px;
        text-decoration: none;
    }

#linkblock span {
    display: inline-block;
    border-bottom: 1px solid #d9e0ea;
    padding: 0;
    height: 30px;
    line-height: 30px;
}

#linkblock .rightLink2 {
    clear: both;
}

#hspakketdiv .rightLink2 {
    width: 30px;
    background: url(../images/forms/button-informatie-gray.png) no-repeat 0 5px;
    display: block;
    float: left;
}

    #hspakketdiv .rightLink2 a {
        width: 30px;
        background: url(../images/forms/button-informatie.png) no-repeat 0 5px;
        display: block;
        float: left;
        margin-right: 5px;
    }

#hspakketdiv .rightLink4 {
    margin-top: 0;
}

    #hspakketdiv .rightLink4 a {
        width: 25px;
        background: url(../images/forms/button-polisvoorwaarden.png) no-repeat 0 5px;
        display: block;
        margin-right: 10px;
    }

#hspakketdiv .leftLink a {
    padding-right: 151px;
    background: transparent url(../images/forms/button-premie-berekenen-light.png) no-repeat right 5px;
}

    #hspakketdiv .leftLink a.product_disabled {
        background: none;
        color: #ccc;
    }

#hspakketdiv a:hover {
    text-decoration: none;
}

#pakketoverzicht p.emptypakketinfo {
    padding: 0 10px 10px 15px;
}

/*== terug ==*/

.terug {
    background: transparent url(../images/icon-terug.png) no-repeat left center;
    padding-left: 25px;
    color: #aaaaaa;
    text-decoration: none;
}

.terugbottom,
.terugtop {
    margin-bottom: 15px;
    display: inline-block;
}

.terugbottom {
    margin-top: 15px;
}

/*== mijn pagina ===*/

/*-- mijn pagina typografie --*/

.hsMijnpagina h2 {
    font-size: 14px;
}

.hsMijnpagina .tablehead {
    font-size: 16px;
}

.hsMijnpagina .polisoverzicht h3 {
    padding-left: 5px;
    margin: 15px 0 4px 0;
}

.hsMijnpagina .mijnpagina_welkom p {
    margin-bottom: 10px !important;
} 

/*-- mijn pagina navigatie --*/
.hsMijnpagina .navigatie {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.hsMijnpagina .hsNavMp li.activeTab,
.hsMijnpagina .hsNavMp li.hsFaseButActive {
    z-index: 99;
    float: left;
    background: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: -1px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px 5px 0px 0px;
    zoom: 1;
}

.hsMijnpagina .hsNavMp li.inActiveTab {
    float: left;
}

.hsMijnpagina .hsNavMp .hsFaseButActive a,
.hsMijnpagina .hsNavMp .inActiveTab a,
.hsMijnpagina .hsNavMp .activeTab a {
    float: left;
    position: relative;
    display: inline-block;
    line-height: 22px;
    outline: 0;
    border: none;
    text-decoration: none;
    padding: 2px 9px;
}

/*-- mijn pagina layout --*/
.hsMijnpagina .tabContent {
    clear: both;
}

.hsMijnpagina fieldset {
    padding: 20px;
}

.hsMijnpagina #tabContent1 fieldset {
    min-width: 100%;
    padding: 0;
}

.hsMijnpagina .tabContainer {
    line-height: 28px;
}

.hsMijnpagina .tabContent {
    margin-top: 15px;
    *margin-top: 0px;
}

/*-- mijn pagina style --*/
#polisdetails {
    padding: 20px;
}

    #polisdetails .tablehead td {
        padding-top: 15px;
        font-weight: bold;
    }

ul.detailactionbuttons {
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
}

    ul.detailactionbuttons li {
        list-style: none;
        margin: 0 10px 0 0;
        float: left;
    }

.hsMijnpagina .pakketpaginakop {
    color: #47527f;
    font-size: 14px;
}

    .hsMijnpagina .pakketpaginakop td {
        padding-top: 15px;
    }

.hsMijnpagina .mpPolisoverzicht td {
    background: #f8f8f8;
}

.hsMijnpagina .mpPolisoverzicht .pakketpaginakop td,
.hsMijnpagina .mpPolisoverzicht .tableheading td,
.hsMijnpagina .mpPolisoverzicht .tableheading2 td,
.hsMijnpagina .mpPolisoverzicht .odd td {
    background: #fff;
}

.hsMijnpagina .mijnpagina_welkom ul.metvinkjes {
    list-style-image: url("../images/check.png") !important;
    padding-left: 20px !important;
    margin-left: 25px !important;
    line-height: 28px;
}

.hsMijnpagina #legenda {
    display: none;
}

.hsMijnpagina #polisoverzicht a.mpDirectafsluiten {
    background: transparent url(../images/forms/directafsluiten.gif) no-repeat 50% 50%;
}

.hsMijnpagina #polisoverzicht a.mpExtrainformatie {
    background: transparent url(../images/forms/images/extrainfo.gif) no-repeat 50% 50%;
}

.hsMijnpagina #polisoverzicht a.mpPolisvoorwaarden {
    background: transparent url(../images/forms/images/polis.gif) no-repeat 50% 50%;
}

.hsMijnpagina .mpActie2 a {
    display: block;
    width: 139px;
    height: 26px;
    background: url("../images/forms/button-schade-melden.png") no-repeat;
}

.hsMijnpagina #hspakketdiv .leftLink a {
    background: url("../images/forms/button-pakket-bereken-premie.png") no-repeat right center;
}

.hsMijnpagina .mpInfo1 a {
    display: block;
    width: 24px;
    height: 26px;
    background: url("../images/forms/button-informatie.png") no-repeat;
}

.hsMijnpagina .mpInfo2 a {
    display: block;
    width: 25px;
    height: 26px;
    background: url("../images/forms/button-polisvoorwaarden.png") no-repeat;
}

.hsMijnpagina .error {
    clear: both;
    margin-top: 15px;
    float: left;
}

.mpPolisoverzicht td.mpLabel {
    width: 39%;
}

.mpPolisoverzicht td.mpStatus,
.mpPolisoverzicht td.mpContractnummer {
    width: 5%;
}

/*== loginblock & inlogstappen ==*/
.inlogtabs ul {
    border-bottom: 1px solid #CCCCCC;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.inlogtabs li {
    margin-right: 8px;
    list-style: none;
}

    .inlogtabs li,
    .inlogtabs li a {
        float: left;
        outline: 0 none;
    }

.inlogtabs ul li a {
    text-decoration: none;
    padding: 8px;
}

.inlogtabs ul li.active a {
    border: 1px solid #CCC;
    border-bottom: 1px solid #FFF;
    margin-bottom: -1px;
}

.inlogtabs .inlogtab {
    clear: both;
}

.loginblock .a_melden {
    display: block;
}

.inlogpopup .loginblock {
    padding: 10px;
}

.inner_contentgedeelte .loginblock,
.contentwrapper .contentgedeelte .loginblock {
    width: 260px;
    float: left;
    margin-bottom: 30px;
}

.loginblock input {
    box-shadow: none;
    width: 100%;
    margin-bottom: 10px;
}

    .loginblock input.username,
    .loginblock input.password {
        *float: none !important;
        height: 25px;
        line-height: 25px;
        font-weight: bold;
        font-size: 13px;
    }

.loginblock label {
    font-size: 13px;
    font-weight: bold;
    float: left;
}

.loginblock .opvragen {
    float: right;
    color: #959595;
}

.loginblock .error {
    clear: both;
    float: left;
    *width: 100%;
}

#alsUitgelogd3 input {
    clear: both;
    float: none;
}

/*-- login minisites --*/
.inner_contentgedeelte.driekoloms .loginblock {
    width: 240px;
}

/*-- login mijnpagina --*/
.hsMijnpagina .loginblock {
    width: 260px;
    margin-top: 15px;
}

.loginblock .button {
    display: block;
    box-shadow: none;
    text-align: center;
    line-height: 20px !important;
    margin-top: 10px;
}

    .loginblock .button.create-personal-account {
        clear: both;
        float: left;
        width: 55%;
        background: #EEE;
    }

    .loginblock .button.login-button {
        float: right;
        background: #297f20 !important;
        color: #FFF !important;
        text-shadow: none !important;
        font-size: 13px;
        font-weight: bold;
    }

.loginblock .a_melden {
    display: block;
}

/*-- inlogstappen --*/
#content h2,
#content .inlog_stappen h2,
.content .inlog_stappen h2,
.inlog_stappen h2 {
    margin-top: 10px;
    font-size: 20px;
    line-height: 24px;
}

    .inlog_stappen h2 span {
        font-size: 20px;
        color: #ccc;
        padding-left: 20px;
        background: transparent url(../images/forms/msV3_arrow_big_gray.gif) no-repeat 5px 50%;
    }

.inlog_stappen label,
.inlog_stappen input {
    width: 45%;
    display: block;
    float: left;
    margin-right: 2%;
    margin-top: 4px;
}

.inlog_stappen a.inloggen_stap1_button {
    margin-right: 20px;
    margin-top: 10px;
    font-weight: 700;
    display: block;
    border: 2px solid #ccc;
    text-decoration: none;
    padding: 5px 10px 5px 25px;
}

.inlog_stappen a.inloggen_stap1_button_ja {
    background: #efefef url(../images/forms/msV3_mandatoryfield_complete.gif) no-repeat 5px 50%;
}

.inlog_stappen a.inloggen_stap1_button_nee {
    background: #efefef url(../images/forms/msV3_mandatoryfield.gif) no-repeat 5px 50%;
}

.inlog_stappen a:hover.inloggen_stap1_button {
    border: 2px solid #333;
}

.inlog_stappen input.button {
    width: auto;
    margin-bottom: 10px;
    clear: both;
}

.inlog_stappen .error_message, .account_aanmaken_velden .error {
    color: red;
    clear: both;
}

.inlog_stappen .small {
    display: block;
    color: #999;
    margin-bottom: 5px;
}

.inlog_stappen,
.inlog_stappen .inloggen_stap2,
.pakketoverzicht table {
    width: 100%;
}

    .inlog_stappen input.submit,
    .third-col {
        width: auto;
    }

    .inlog_stappen .notice {
        padding: 10px;
        margin: 20px 0;
    }

        .inlog_stappen .notice .button {
            margin-top: 10px;
        }

    .inlog_stappen .error {
        clear: both;
        padding: 5px;
    }

.wachtwoord_gebruikersnaam_vergeten.wachtwoord_vergeten {
    clear: both;
    float: left;
    margin-top: 20px;
}

.hsGeneralForm .wachtwoord_gebruikersnaam_vergeten h2 {
    float: none;
}

.hsGeneralForm .wachtwoord_gebruikersnaam_vergeten p {
    padding: 5px 15px;
}

/*== messages ==*/
.error, .notice, .success, .popupdiv p#wwError {
    padding: .8em;
    margin-bottom: 1em;
    margin-top: 1em;
    border: 2px solid #ddd;
}

.error, .popupdiv p#wwError {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

.notice {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

.success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

.error a {
    color: #8a1f11;
}

.notice a {
    color: #514721;
}

.success a {
    color: #264409;
}

.hsStatusMandatory {
    background: transparent url(../images/forms/status_mandatory.png) no-repeat 34% -2px;
    color: #000;
}

.hsStatusNotComplete {
    background: transparent url(../images/forms/status_notcomplete.png) no-repeat 34% -2px;
    color: #d41f26;
}

.hsStatusComplete {
    background: transparent url(../images/forms/status_complete.png) no-repeat 34% -2px;
    color: #0C4B05;
}

.hsAcceptRadio.hsStatusMandatory {
    background-position: 34% 100%;
}

.hsAcceptRadio.hsStatusNotComplete {
    background-position: 34% 100%;
}

.hsAcceptRadio.hsStatusComplete {
    background-position: 34% 100%;
}

/*== ter acceptatie ==*/
.topformmessage {
    border: 2px solid #ADD0D9;
    color: #044364;
    padding: 15px 15px 0 15px;
    margin-bottom: 15px;
    background: #CFE1E6;
    float: left;
    margin-top: 15px;
    *clear: both;
}

.acceptationmessagesheader {
    font-weight: bold;
    margin: 10px 0 0 0;
}

.acceptationmessages {
    padding: 0;
    margin: 0;
}

    .acceptationmessages li {
        display: block;
        margin-top: 10px;
        padding: 5px;
        background: #c6ebfe;
        border: 1px solid #add0d9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

.topformmessage.information {
    background: #efefef;
    border: 2px solid #ccc;
    color: #555;
}

.teracceptatiewinkelmandjebericht {
    color: #044364;
    background: #CFE1E6;
    font-weight: bold;
}

.acclevel_teracceptatie a.premie-titel-span {
    padding-left: 20px;
    background: transparent url(../images/icon-ter-acceptatie.gif) no-repeat 0 0;
}

.pakketoverzicht_winkelmandje ul.productlist-po .acclevel_teracceptatie .premie-titel-span {
    width: 125px;
}

.lastdossiereditorcontainer {
    font-style: italic;
}

#hsGeneralForm fieldset .button#teracceptationoverruled {
    color: #044364;
    background: #CFE1E6;
    font-weight: bold;
    border: 1px solid #044364;
}

#hsGeneralForm fieldset .hsErrorBg,
.hsGeneralForm fieldset .hsErrorBg {
    width: 100%;
    float: left;
}

    #hsGeneralForm fieldset .hsErrorBg p,
    .hsGeneralForm fieldset .hsErrorBg p {
        font-weight: 700;
        font-style: italic;
        color: #d41f26;
    }

#hsGeneralForm fieldset label.hsLblE,
.hsGeneralForm fieldset label.hsLblE {
    color: #d41f26;
}

.verplicht {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    clear: both;
}

.hsHintanchorNoPr {
    margin-top: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url(../images/forms/icon-info.png) no-repeat 0 0;
}

    .hsHintanchorNoPr:hover {
        background: transparent url(../images/forms/icon-info.png) no-repeat 0 -20px;
    }

#hintbox {
    position: absolute;
    visibility: hidden;
    width: 200px;
    display: block;
    text-align: left;
    z-index: 999;
    background: #f8f8f8 url(../images/forms/toelichting.jpg) no-repeat 7px 5px;
    border: 1px solid #DDDDDD;
    padding: 26px 10px 10px 10px;
    clear: both;
}

/*== maatschappijen kiezen control ==*/
#hsGeneralForm .hsLine.allassurancecompaniesfilteritem {
    background: #efefef;
}

    #hsGeneralForm .hsLine.allassurancecompaniesfilteritem input.hsCheckBox {
        background: #efefef;
    }

    #hsGeneralForm .hsLine.allassurancecompaniesfilteritem label.hsLbl {
        font-weight: bold;
    }

#hsGeneralForm .assurancecompanyfilteritem label.hsLbl {
    margin: 0;
    width: 50%;
}

#hsGeneralForm .hsLine.allassurancecompaniesfilteritem input.hsCheckBox,
#hsGeneralForm .assurancecompanyfilteritem input.hsCheckBox {
    float: left;
    margin: 3px 7px 7px 0;
}

/*== SBI SHIZZLE VOORLOOPFORMULIER + BEROEPENCONTROL ==*/
.hsGeneralForm.nieuwe_relatie_form h4 {
    clear: both;
    float: left;
    margin-top: 40px;
    *float: none;
}

.hsGeneralForm.nieuwe_relatie_form .info_small {
    clear: both;
    font-size: 10px;
    font-style: italic;
    margin-bottom: 10px;
}

.hsGeneralForm.nieuwe_relatie_form.nieuwe_relatie_form_zakelijk_sbi .selector {
    float: left;
}

.hsGeneralForm.nieuwe_relatie_form input {
    width: 200px;
}

.hsGeneralForm.nieuwe_relatie_form select {
    float: left;
    *float: none;
    line-height: 20px;
    width: 200px;
}

.hsGeneralForm.nieuwe_relatie_form.nieuwe_relatie_form_zakelijk_sbi .hsHintanchorNoPr {
    margin-right: 0;
    *margin-right: 0;
}

.hsGeneralForm.nieuwe_relatie_form .button {
    width: auto;
    float: right;
    *margin-top: 10px;
}

    .hsGeneralForm.nieuwe_relatie_form .button.vorige {
        background: #F8F8F8;
        float: left;
    }

#hsGeneralForm input#sbicontrolview {
    border: none;
    background: #EEE;
    margin-left: -140px;
    width: 380px;
}

#hsGeneralForm label#sbicontrolsearchlbl {
    min-width: 110px;
    width: 110px;
}

#sbicontrolsoortbedrijfline.hsStatusMandatory,
#sbicontrolsoortbedrijfline.hsStatusNotComplete,
#sbicontrolsoortbedrijfline.hsStatusComplete {
    background-position: 80px -3px;
}

#sbilist {
    width: 100%;
    margin-top: 10px;
}

.sbicontrolcontent {
    width: 96%;
    *width: 94%;
}

.ulsbitabs,
.beroepentabs,
.content ul.beroepentabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 10px;
    border-bottom: 1px solid #EEEEEE;
    height: 20px;
}

.beroepentabs {
    border: none;
}

    .ulsbitabs li,
    .beroepentabs li {
        background: none #FFFFFF;
        border-color: #DDDDDD #CCCCCC #CCCCCC;
        border-radius: 5px;
        border-style: solid;
        border-width: 1px;
        float: left;
        margin-bottom: 5px;
        z-index: 99;
        padding: 2px 9px;
        margin-right: 10px;
        cursor: pointer;
    }

        .ulsbitabs li:hover,
        .beroepentabs li:hover {
            background: none #EEE;
        }

#hsGeneralForm fieldset .hsLine p.sbicontrolnoresults {
    background: none repeat scroll 0 0 #FFFBD7;
    border: 1px solid #FFF499;
    clear: both;
    display: inline-block;
    margin: 10px 0;
    padding: 10px;
    width: 95%;
}

#hsGeneralForm div.sbicontrolcontent {
    float: left;
    clear: both;
    border: 1px solid #ccc;
    margin: 10px 10px 15px 0;
    padding: 5px 10px;
}

#hsGeneralForm fieldset ul.sbicontrolcodelist,
.sbicontrolcodelist,
.sbicontrolcodelistkvk,
.beroepencodelist,
.degoudserisicoklassecodelist {
    float: none;
    overflow: auto;
    max-height: 300px;
    *height: 150px;
    clear: both;
    *position: relative;
}

#hsGeneralForm fieldset .hsLine.degoudserisicoklasseberekenen {
    padding: 0;
    width: 100%;
}

.degoudserisicoklasseberekenen .beroepenselector > p.fullWidth {
    font-weight: bold;
}

#hsGeneralForm fieldset ul.sbicontrolcodelist,
.sbicontrolcodelist ul,
.sbicontrolcodelistkvk,
.beroepencodelist,
.degoudserisicoklassecodelist {
    border-top: 2px solid #EEE;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#sbicontrolsoortbedrijfline {
    height: 30px;
    line-height: 30px;
}

.sbicontrolcodelist li,
.sbicontrolcodelistkvk li,
.beroepencodelist li,
.degoudserisicoklassecodelist li,
.nieuwe_relatie_bedrijven_selectie li,
.nieuwe_relatie_SBI_selectie li {
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    width: 98%;
    *width: 96%;
    float: left;
    line-height: 30px;
}

    .sbicontrolcodelist li:hover,
    .sbicontrolcodelistkvk li:hover,
    .beroepencodelist li:hover,
    .degoudserisicoklassecodelist li:hover,
    .nieuwe_relatie_bedrijven_selectie li:hover,
    .nieuwe_relatie_SBI_selectie li:hover {
        border-bottom: 1px dotted #333;
    }

.sbicontrollistitem a,
.beroepencodelistitem a,
.degoudserisicoklassecodelist a {
    display: block;
    float: left;
    line-height: 24px;
    width: 89%;
    *width: 79%;
}

    .sbicontrollistitem a:hover,
    .beroepencodelistitem a:hover,
    .degoudserisicoklassecodelist a:hover {
        color: #000;
    }

.ulsbis .notavailable {
    color: #d50000;
}

.hsGeneralForm.nieuwe_relatie_form .adresblok label {
    clear: both;
}

.zakelijk_voorloop_sbi .hsGeneralForm h2 {
    float: none;
    margin: 0;
    padding: 20px 0 10px 0;
}

.zakelijk_voorloop_sbi .hsGeneralForm .adresblok h2 {
    padding: 0 0 10px 0;
}

.uitkomst_van_keuze {
    border-top: 1px dotted #000;
    color: #000;
    font-size: 14px;
    font-style: italic;
    display: block;
    float: left;
    padding: 6px 0 12px 0;
    width: 488px;
    margin-top: 5px;
}

/*== buttons ==*/
button,
input.button,
.button,
input.button,
.hsBottomButtons input,
.detailactionbuttons li a,
.mijnpaginadiv .DivPersoonsgegevens a,
.hsBottomButtons a,
.rollsbutton,
.ObjectBewerkenButtonSpan,
#hsGeneralForm .sbicontrolcodelist input.sbicontrolselectbutton,
.hsGeneralForm .sbicontrolcodelist input.sbicontrolselectbutton,
#hsGeneralForm .sbicontrollistitemkvk input.sbicontrolselectbutton,
#hsGeneralForm .beroepencodelistitem input.beroepencodelistitembutton,
#hsGeneralForm input.degoudserisicoklassecodelistitembutton, input#btnSaveSingleDossier,
.nieuwe_relatie_bedrijven_selectie a,
.nieuwe_relatie_SBI_selectie a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #CCC;
    display: inline-block;
    text-indent: 0;
    background: none #F9F9F9;
    padding: 5px 13px 6px;
    color: #333;
    text-decoration: none;
    font-family: Helvetica Neue, Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    text-transform: lowercase;
}

    button:hover,
    .button:hover,
    .hsBottomButtons input:hover,
    .detailactionbuttons li a:hover,
    .hsGeneralForm .button:hover,
    #hsGeneralForm .button:hover,
    .mijnpaginadiv .DivPersoonsgegevens a:hover,
    .hsBottomButtons a:hover,
    .loginblock .button:hover,
    .polisoverzicht .button:hover,
    .inlog_stappen .button:hover,
    .dossieroverview .button:hover,
    .popupdiv .button:hover,
    .rollsbutton:hover,
    .advdashboardactieknoppen a.button:hover,
    .nieuwe_relatie_bedrijven_selectie a:hover,
    .nieuwe_relatie_SBI_selectie a:hover {
        background-color: #F4F4F4;
        color: #000 !important;
    }

.agenda .email_popup .hsBottomButtons .button {
    border: 1px solid #CCC;
    line-height: 14px;
    height: 27px;
    width: auto;
}

/*==  buttoon ==*/
.button:active {
    top: 1px;
}

.button[disabled="disabled"]:active {
    top: 0;
}

.hsGeneralForm fieldset .button,
#hsGeneralForm fieldset .button {
    padding: 2px 11px !important;
}

.btnSaveSingleDossier {
    width: 100%;
}

#hsGeneralForm .btnSaveSingleDossier .button,
.hsGeneralForm .btnSaveSingleDossier .button {
    background: #fbfbfb url(/images/alert-overlay.png) repeat-x !important;
    color: #626262 !important;
    float: right;
    margin: 0 10px 0 0;
}

.loginblock .button {
    padding: 6px 10px !important;
    border: none !important;
}

    .loginblock .button.login-button {
        text-shadow: none;
        padding: 6px 15px !important;
    }

.hsGeneralForm input.rollsbutton,
#hsGeneralForm input.rollsbutton {
    display: block;
    padding: 4px !important;
    *float: none;
    *margin: 0 0 3px 40%;
    *left: 2px;
    background: #f8f8f8;
    width: 200px;
    text-align: center;
    position: relative;
    margin-left: 40%;
}

#hsGeneralForm .sbicontrolcodelist input.sbicontrolselectbutton,
#hsGeneralForm .sbicontrollistitemkvk input.sbicontrolselectbutton,
#hsGeneralForm .beroepencodelistitem input.beroepencodelistitembutton,
#hsGeneralForm input.degoudserisicoklassecodelistitembutton {
    float: right;
    padding: 4px 10px !important;
}

.nieuwe_relatie_bedrijven_selectie a,
.nieuwe_relatie_SBI_selectie a {
    float: left;
    line-height: 15px;
    padding: 4px 10px !important;
}

    #hsGeneralForm .sbicontrolcodelist input.sbicontrolselectbutton:hover,
    #hsGeneralForm .sbicontrollistitemkvk input.sbicontrolselectbutton:hover,
    #hsGeneralForm .beroepencodelistitem input.beroepencodelistitembutton:hover,
    #hsGeneralForm li.sbicontrollistitem:hover input,
    #hsGeneralForm li.beroepencodelistitem:hover input,
    #hsGeneralForm input.degoudserisicoklassecodelistitembutton:hover,
    .nieuwe_relatie_bedrijven_selectie a:hover,
    .nieuwe_relatie_SBI_selectie a:hover {
        color: #FFF !important;
        background: #0E9307;
        text-shadow: none !important;
        border: 1px solid #045500 !important;
    }

/*== gebouwen ==*/
.frm_obj_frm_gebouwen .multipleObjectSelectList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}

    .frm_obj_frm_gebouwen .multipleObjectSelectList li {
        clear: left;
    }

.frm_obj_frm_gebouwen .ObjectBewerkenButton {
    clear: both;
    margin-left: 40%;
    margin-bottom: 5px;
}

#hsGeneralForm .multipleObjectSelectList input.multipleObjectSelectListItemCheckbox {
    *float: left;
}

.popupFormWrapper {
    clear: both;
}

/*== Lost styles ?? Ivo kan jij vinden waar dit voor is? ==*/
.spannumber {
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.emptyspan {
    width: 25px;
    display: block;
    float: left;
}

.first-col {
    width: 140px;
}

.second-col {
    width: 18px;
}

.samenvattingdiv table {
    padding: 10px;
}

#clausulecodereadonly ul {
    float: left;
    padding: 10px;
}

/*== popup ==*/
.popup,
.popupdiv {
    text-align: left;
    border: 6px solid #CCC;
    padding: 15px;
    background: #FFF;
    width: 550px;
}

.popupdivclosebtn,
.closepopup {
    background: transparent url(../images/forms/close-popup.png) 0 0 repeat-x;
    width: 19px;
    height: 19px;
    display: block;
    float: right;
}

.popup fieldset {
    min-width: auto;
}

    .popup fieldset p {
        padding: 0;
        margin: 0 0 10px 0;
    }

.popup-inner.hsGeneralForm fieldset p.fullWidth {
    display: inline-block;
    line-height: 20px;
    padding: 0;
    padding-top: 10px;
}

.popupdiv .hsLine {
    border-bottom: 1px solid #EFEFEF;
    float: left;
    *float: none;
    min-height: 32px;
    padding: 3px 1% 1px 2%;
    width: 97%;
}

.email-popup_lijst {
    display: inline-block;
    float: left;
    list-style: none;
    padding: 0;
    margin: 5px 0;
}

    .email-popup_lijst li {
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

.popup.hsGeneralForm fieldset .hsLine {
    *float: none;
}

.popupdiv .hsLine label {
    color: #000000;
    display: block;
    float: left;
    line-height: 20px;
    margin-right: 7%;
    padding: 4px 0;
    position: relative;
    width: 35%;
}

.action_new_buttons,
.frm_action_detail_button_edit {
    margin-top: 0;
    float: left;
    width: 100%;
}

.action_new_buttons {
    margin-top: 20px;
}

    .action_new_buttons .action_new_buttons_ok,
    .frm_action_detail_button_edit .action_edit_buttons_ok {
        float: right;
    }

.popupdiv .hsHintanchorNoPr {
    float: right;
}

.popupdiv .dossierdescquestion .hsHintanchorNoPr {
    *margin-top: -26px;
}

.popupdiv .popupbuttonwrapper .button,
.popup .popupbuttonwrapper .button {
    margin-top: 16px;
    margin-right: 10px;
}

    .popupdiv .popupbuttonwrapper .button + .button {
        float: right;
    }

.popup table td,
.popupdiv table td {
    padding: 3px 5px 3px 0;
}

.popup.modalbox {
    border: none;
}

.popup.modalbox {
    border: none;
    padding: 0;
}

#degoudsepremieverloopaovpopup .popup-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #68308A;
    color: #000000;
    margin: 100px auto 0;
    overflow: auto;
    padding: 20px;
    text-align: left;
    width: 585px;
}

.popup-inner {
    position: absolute;
    z-index: 999;
    overflow: auto;
    padding: 20px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #DDDDDD;
    color: #000000;
    text-align: left;
    width: 600px;
}

    .popup-inner.hsGeneralForm .hsLine {
        padding-left: 0;
        padding-right: 0;
        width: 600px;
    }

.modal-bg {
    background: url("../images/popupbg.png") transparent !important;
    border: medium none;
    margin: 0;
    padding: 0;
    position: fixed !important;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    z-index: 995;
    left: 0;
    top: 0;
}

a.closepopup, .popupdiv .popupdivclosebtn {
    background: url("../images/close_popup.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 17px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 17px;
}

a.closepopup, .popupdiv .popupdivclosebtn {
    background: url("../images/close_popup.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 17px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 17px;
}

#degoudsepremieverloopaovpopup a.closepopup, #degoudsepremieverloopaovpopup .popupdiv .popupdivclosebtn {
    right: 110px;
    top: 133px;
}

.popupdivclosebtn, .closepopup {
    background: url("../images/forms/close-popup.png") repeat-x scroll 0 0 transparent;
    display: block;
    float: right;
    height: 19px;
    width: 19px;
}

/*-- file upload binnen popup --*/
.popup .fileuploadlist {
    padding: 5px 0 0 0;
    margin-top: -6px;
}

    .popup .fileuploadlist table {
        padding: 0;
        margin-bottom: 0;
    }

.popup .fileuploadform {
    border: 1px solid #dadada;
    margin-top: 15px;
}

.popup .offerte_mailen h3 {
    margin-bottom: 8px;
}

.popup .fileuploadlist .fileuploadtd .fileuploadremove {
    float: right;
    margin-right: 1%;
}

/*-- items toevoegen --*/
.popup .popup-inner .fileuploadlist-add-items {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.popup .popup-inner.hsGeneralForm .fileuploadlist-add-items .button {
    margin-right: 5px;
    margin-top: 0;
}

.popup .popup-inner.hsGeneralForm .fileuploadlist-add-items input[disabled="disabled"] {
    color: black;
    opacity: 0.5;
}

/*== openstaande acties - download buttons ==*/
.file-type-html span {
    display: inline-block;
    margin-right: 10px;
    width: 100px;
}

.file-type-xml {
    list-style: none;
}

    .file-type-xml a {
        cursor: pointer;
    }

.action_fileslist label {
    height: 50px;
}

.hsGeneralForm .nieuwe_relatie_form input.hsCheckBox,
#hsGeneralForm .nieuwe_relatie_form input.hsCheckBox {
    margin-top: 7px;
    margin-left: -90px;
}

.nieuwe_relatie_form .hsRightDiv {
    float: right;
}

#hsGeneralForm .productafsluitendevragencontainer.ulsbitabs {
    padding: 10px 0;
}

#hsGeneralForm .productafsluitendevragencontainer .fullWidth {
    padding: 10px 0;
}

#hsGeneralForm .productafsluitendevragencontainer .ulsbitabs {
    border-bottom: none;
}

#hsGeneralForm .productafsluitendevragencontainer .sbicontrolcontent {
    border: 0;
    padding: 0;
    margin: 0;
    min-height: 32px;
    padding-top: 3px;
    padding-bottom: 1px;
}

    #hsGeneralForm .productafsluitendevragencontainer .sbicontrolcontent input {
        border: 2px solid #DEDEDE;
        margin-left: 11px;
        width: 178px;
    }

.hsGeneralForm.nieuwe_relatie_form .button.vorige {
    background: #F8F8F8;
    float: left;
}

/*== schades verzekering pagina ==*/
.mpPolisoverzicht td.mpActie1 {
    width: 120px;
}

/*-- button schade inzien --*/
.mpPolisoverzicht .mpActie2 a {
    height: 21px;
    display: inline-block;
    float: left;
}

/*-- button schade inzien --*/
.mpPolisoverzicht .mpActie2 .icon-schade-inzien,
.mpPolisoverzicht .mpActie2 .icon-schade-inzien:hover {
    background: transparent url(/hs/system/adviseursite/images/adviseur/button-schade-inzien.png) no-repeat 0 0;
    width: 120px;
}

/*-- button schade melden groot --*/
.mpPolisoverzicht .mpActie2 a,
.mpPolisoverzicht .mpActie2 a:hover {
    background: transparent url(/hs/system/adviseursite/images/adviseur/button-schade-melden.png) no-repeat 0 0;
    width: 120px;
}

/*-- button schade melden klein --*/
.mpPolisoverzicht .mpActie2 .icon-schade-melden-klein,
.mpPolisoverzicht .mpActie2 .icon-schade-melden-klein:hover {
    background: transparent url(/hs/system/adviseursite/images/adviseur/button-schade-melden-klein.png) no-repeat 0 0;
    width: 50px;
}

.hsMijnpagina .mpActie1 a {
    display: block;
    width: 120px;
    height: 21px;
    background: url(/hs/system/adviseursite/images/adviseur/button-wijzig-polis.png) no-repeat;
}

.hsMijnpagina .mpBerekenpremie a {
    display: block;
    width: 120px;
    height: 21px;
    background: url(/hs/system/adviseursite/images/adviseur/button-premie-berekenen-light.png) no-repeat;
}

/*== schade inzien widget template ==*/
.schades-claim-container th {
    background: #F6F6F6;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #C0C0C0;
    color: black;
    line-height: 21px;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
}

.schades-claim-container td {
    border-bottom: 1px solid #EEE;
    height: 30px;
    font-family: 'Lucida Sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    vertical-align: middle;
}

.schades-claim-detail tr:hover td {
    background: none;
    border-bottom: 1px solid #EEE;
}

.schades-claim-container tfoot td {
    background: none;
    border-bottom: none;
    border-top: 1px solid black;
    color: black;
    font-size: 11px;
    font-weight: 700;
    line-height: 30px;
}

.schades-claim-container tr:last-child td {
    border-bottom: none;
}

.schades-claim-container tfoot:hover td {
    background: none;
    border-bottom: none;
}

.schades-claim-detail-table .schade.totaal-aantal-schades {
    padding: 0
}

.schade-status span {
    display: block;
    height: 30px;
    width: 30px;
    background: url("/hs/system/algemeen/images/agenda_icon_status_sprite.png") no-repeat 0 0;
    margin-left: -10px;
}

.status_in_behandeling .schade-status span {
    background-position: 0 -30px;
}

.status_afgerond .schade-status span {
    background-position: 0 -90px;
}

.status_afgerond {
    color: #CCC;
}

.schades-claim-detail-table .button {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #CCC;
    display: inline-block;
    text-indent: 0;
    background: none #F9F9F9;
    padding: 5px 13px 6px;
    color: #333;
    text-shadow: 1px 1px white;
    text-decoration: none;
    font-family: Helvetica Neue,Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    text-transform: lowercase;
}

.button.schade_details {
    background: #0786BC !important;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    padding: 2px 10px !important;
    color: white !important;
    border: none !important;
    text-shadow: none !important;
}

    .button.schade_details:hover {
        color: white !important;
    }

.claimlistnoclaimsmessage {
    margin-left: 5px;
}

.hsMijnpagina #tabContent4 {
    border: 1px solid #CCC;
    padding: 20px;
    background-color: white;
}

/*== what you see is what you get editor ==*/
.hswysiwyg_container {
    float: left;
}

.hswysiwyg_buttons {
    clear: both;
    background: #f9f9f9;
    border-bottom: 1px solid #FFF;
    padding: 2px 0;
    width: 600px;
    border: solid #cfe1e6;
    border-width: 1px 1px 0 1px;
    min-height: 22px;
}

.popup-inner.hsGeneralForm fieldset .button {
    padding: 5px 13px 6px !important;
}

.hswysiwyg_bold,
.hswysiwyg_italic,
.hswysiwyg_underline {
    display: inline-block;
    width: 33px;
    height: 23px;
    text-decoration: none;
    cursor: pointer;
    text-indent: -9999px;
}

.hswysiwyg_bold {
    background: url(../images/berichtenbox/berichtenbox_editor_bold.png) no-repeat right center transparent;
}

.hswysiwyg_italic {
    background: url(../images/berichtenbox/berichtenbox_editor_italic.png) no-repeat right center transparent;
}

.hswysiwyg_underline {
    background: url(../images/berichtenbox/berichtenbox_editor_underline.png) no-repeat right center transparent;
}

.hswysiwyg_editor iframe {
    background: #FFF;
    border: 1px solid #cfe1e6;
}

.popup-inner .hswysiwyg_container {
    width: 600px;
    margin: 0 0 10px 0;
}

.popup-inner .hswysiwyg_editor {
    height: 250px;
}

/*== zakelijk rekenen == */

span.uitkomst_van_keuze {
    width: 100%;
}

.ulcompanies {
    width: 100%;
    padding-left: 0;
}

    .ulcompanies li {
        list-style: none;
    }

#hsGeneralForm .nieuwe_relatie_form h2 {
    padding-bottom: 10px;
}

#kvkmain ul.ulcompanies li {
    float: left;
    width: 100%;
}

    #kvkmain ul.ulcompanies li a {
        float: left;
        margin-right: 5px;
    }

.ulsbis {
    padding-left: 0;
}

.nieuwe_relatie_bedrijven_selectie li:hover,
.nieuwe_relatie_SBI_selectie li:hover,
.nieuwe_relatie_bedrijven_selectie li,
.nieuwe_relatie_SBI_selectie li {
    border: none;
    float: left;
    width: 100%;
}

.nieuwe_relatie_SBI_selectie a {
    float: left;
    margin-right: 5px;
}

#sbicodenotpresent, #companynotpresent,
.sbicontrolnoresultskvk {
    margin-top: 6px;
    display: block;
    overflow: auto;
    clear: both;
}

#sbicodenotpresent {
    float: left;
}

/*== popup - gegevens verzekerd adres ==*/

.hsGeneralForm .hsObjectEditButtons input {
    margin-right: 10px;
}

.popup .hsObjectEditButtons #frm_obj_frm_gebouwselector_popupdiv_object_form_wrappersave {
    float: right;
}

#hsGeneralForm ul.multipleObjectSelectList {
    width: 100%;
    margin: 10px 0;
    float: left;
    background: #efefef;
    border: 1px solid #ccc;
    padding-left: 0;
}

    #hsGeneralForm ul.multipleObjectSelectList li {
        float: left;
        list-style: none;
        margin-left: 10px;
        width: 480px;
    }

    .hsGeneralForm ul.multipleObjectSelectList input,
    #hsGeneralForm ul.multipleObjectSelectList input {
        margin-top: 7px;
        margin-right: 4px;
    }

    #hsGeneralForm ul.multipleObjectSelectList label,
    .hsGeneralForm ul.multipleObjectSelectList label {
        width: 410px;
    }

div.ObjectBewerkenButton {
    display: block;
    margin: 10px 10px 20px 0;
    float: left;
}

div.selector#uniform-frm_obj_frm_gebouwselector {
    margin: 10px 300px 10px 0;
}

/*== overrides van uniform voor ie7 bug ==*/

div.selector span {
    *overflow: visible;
}

div.selector select {
    *width: 340px;
}

/*== clausule text ==*/

.clausuletext th,
.clausuletext td {
    white-space: pre-wrap;
}

/*== upload control ==*/

.fileuploadlist {
    float: left;
    padding: 5px 0;
    width: 100%;
}

    .fileuploadlist table {
        padding: 2%;
        width: 100%;
    }

    .fileuploadlist .fileuploadtd {
        padding: 5px 0;
    }

    .fileuploadlist .fileuploadtd .fileuploadremove {
        background: url(/hs/system/algemeen/images/forms/msV3_dustbin.gif) no-repeat;
        display: inline-block;
        margin-left: 3px;
        height: 16px;
        width: 14px;
        text-decoration: none;
    }

/*== fileuploadform ==*/

.fileuploadform {
    float: left;
    padding: 2%;
    width: 96%;
    background: #f9f9f9;
}

    .fileuploadform .hsLbl {
        font-weight: bold;
        float: left;
    }

    .fileuploadform .hsHintanchorNoPr {
        margin-top: 5px;
    }

    .fileuploadform .hsRightDiv {
        float: right;
    }

    .fileuploadform .button, #hsGeneralForm .fileuploadform .button {
        float: left;
        margin: 10px 0;
    }

    .fileuploadform input[type='file'],
    #hsGeneralForm .fileuploadform input[type='file'] {
        background: #f9f9f9;
        text-indent: 0;
        width: 100%;
    }

/*== licenseplate image ==*/

.licenseplate-image img {
    display: block;
    float: right;
    position: relative;
    border: medium none;
    left: 0;
    top: 6px;
    margin-bottom: -80px;
    margin-right: 23px;
    height: 62px;
    width: 91px;
    z-index: 99;
}