﻿.form {position:relative; padding:0 0 5px 0;zoom:1;}


.single-checkbox {float: left; margin-right: 7px; position: relative;.top:-5px;.left:-5px;}
.single-checkbox input {float: left;margin:0 5px 5px 0;.margin:0 5px 0 0;}
.single-checkbox label {position:relative !important; float: left;top:-1px;margin:0 5px 5px 0;.margin:0 5px 0 0;}
.single-checkbox.error label {color:#CC0000;}
p.row .single-checkbox label {top:-2px !Important; width: 185px; vertical-align: top;}

p.row {position:relative;margin:0 0 6px 0;}
p.row label {position:absolute;left:0px;top:5px;display:inline-block;font-size:11px;color:#000}

textarea.textbox {position:relative;width:180px;height:70px;left:130px;top:0;border:1px solid #C6C8D0;display:inline-block;font-family:verdana;font-size:11px;.line-height:normal;padding:4px;text-indent:2px;background-color:#E8E9EC;color:#000;}
input.textbox {position:relative;border:1px solid #C6C8D0;display:inline-block;font-family:verdana;font-size:12px;.height:auto;.line-height:normal;padding:3px 2px 3px 4px;width:130px;background-color:#E8E9EC;color:#000;}
select.dropdownlist {left:-2px;position:relative;display:inline-block;font-family:verdana;font-size:11px;.height:auto;.line-height:normal;padding:2px;width:100%}
input[type="text"].has-focus {background-color:#fff !important;color:#000 !important;}

/* breedte textboxen in formulier */
p.row input.textbox {height:17px;position:relative;width:218px;left:145px;top:0;}
p.row select.dropdownlist {position:relative;width:auto;left:145px;top:0;}
p.row textarea.textbox {position:relative;width:216px;max-width:216px;min-width:216px;left:105px;top:0;}

p.row.checkbox-news .single-checkbox {position:relative; left:145px; margin:6px 0 10px 0; clear:both;}
.tooltip.news {left:350px;}

.radio .radiobuttonlist-horizontal {margin-left:0}
.radiobuttonlist-horizontal {position:relative;left:121px;top:2px}
p.row .radiobuttonlist-horizontal input,
.radiobuttonlist-horizontal input {/*border:0;width:auto;background: transparent none;*/position:relative;left:-5px;top:0;display:inline-block;}
p.row .radiobuttonlist-horizontal label,
.radiobuttonlist-horizontal label {position:relative;top:-2px;.top:1px;left:-2px;display:inline-block;margin:0 15px 2px 0;width:auto;}

p.row .radiobuttonlist {position:relative;top:3px;left:145px;margin:2px 0 0 0;}
p.row .radiobuttonlist input {/*border:0;width:auto;background: transparent none;*/position:relative;top:0;.top:-2px;display:inline-block;}
p.row .radiobuttonlist label {position:relative;left:4px;top:-2px;display:inline-block;margin:0 0 2px 0;}
p.row .btn {position:relative;left:140px;}

.checkboxlist-horizontal {position:relative;left:125px;margin:-1px 0 0 0}
p.row .checkboxlist-horizontal input,
.checkboxlist-horizontal input {/*border:0;width:auto;background: transparent none;*/position:relative;left:-5px;top:0;display:inline-block;}
p.row .checkboxlist-horizontal label,
.checkboxlist-horizontal label {position:relative;left:-5px;.left:-8px;display:inline-block;margin:0 10px 2px 0;width:auto;}




/* form styling */
.form-container {position:relative;zoom:1;}
input.textbox,
textarea.textbox {background:#fff none;border:1px solid #999999;}
input.textbox.has-focus,
textarea.textbox.has-focus {padding:2px 1px 2px 3px;background:#fff none;border:2px solid #000000;margin:0 /*-1px 0 -1px 0*/}
p.row {margin:0 0 4px 0;padding:0;}
p.row.kvk label {height: 24px;line-height: 13px;overflow: hidden;top: 0;width: 93px;}
p.row label {color:#000;font-size:11px;font-family:verdana;}
p.row .textbox {left:110px;}
p.row span.requiredfield_1 {height:7px; left:374px; display:block; position:absolute; top:5px; width:7px;color:#999} 
p.row span.requiredfield_2 {height:7px; left:271px; display:block; position:absolute; top:5px; width:7px;color:#999}
p.row span.requiredfield_3 {height:7px; left:221px; display:block; position:absolute; top:5px; width:7px;color:#999} 


.form .btn-arrow {margin-top:10px;margin-right:35px;}

/* validatie */
.validatie-pointer {position:absolute;display:block;text-indent:-999px;overflow:hidden;width:1px;height:1px;left:0;top:0;}
textarea.error,
input.error {border:1px solid #CC0000;}
.form label.error {color:#CC0000 !important}

.InvalidError{
    clear: both;
    position: relative;
    font-weight: normal;
    zoom: 1;
    position: relative;
    color: #FFF;
    font-size: 11px;
    background: #CC0000 url('grfx/forms/error_icon.gif') 15px 15px no-repeat;
    padding: 5px 5px 0 105px;
    line-height: 55px;
    margin: 10px 20px 5px 0px;
}
    .InvalidError ul {
            float: none!important;
            height: auto!important;
            width: auto!important;
            position: relative;
            padding: 0px 0 10px 0;
            font-size: 11px;
            line-height: 14px;
        }

            .InvalidError ul li {
                margin: 0!important;
                float: none!important;
                width: auto!important;
                zoom: 1;
                display: block;
                padding: 0 0 0 10px;
                position: relative;
                font-weight: normal;
                color: #fff;
                background: transparent url(grfx/forms/errorlist_bullet.gif) left 5px no-repeat;
            }

.errorlist {
    clear: both;
    position: relative;
    display: none;
    font-weight: normal;
    zoom: 1;
    position: relative;
    color: #FFF;
    font-size: 11px;
    background: #CC0000 url('grfx/forms/error_icon.gif') 15px 15px no-repeat;
    padding: 5px 5px 0 105px;
    line-height: 25px;
    margin: 10px 20px 5px 0px;
}

    .errorlist ul {
        float: none!important;
        height: auto!important;
        width: auto!important;
        position: relative;
        padding: 0px 0 10px 0;
        font-size: 11px;
        line-height: 14px;
    }

        .errorlist ul li {
            margin: 0!important;
            float: none!important;
            width: auto!important;
            zoom: 1;
            display: block;
            padding: 0 0 0 10px;
            position: relative;
            font-weight: normal;
            color: #fff;
            background: transparent url(grfx/forms/errorlist_bullet.gif) left 5px no-repeat;
        }

.required-melding {position:relative;zoom:1;margin:0;float:right;display:block;padding:0 0 0 10px;background: transparent url('grfx/forms/required.gif') center left no-repeat;color:#6D1F80;margin:3px 0 10px 0;font-family:verdana;font-size:11px;text-indent: -9999px;}
.required-bullet {zoom:1;position:absolute;display:block;width:6px;height:8px;background: transparent url('grfx/forms/required.gif') top left no-repeat;/*bottom:8px;*/top:5px;overflow:hidden;}

.required-notice {text-align:right;position:relative;color:#999;float:right;}
.required-notice span {position:relative;}

#doublecolumn-reversed-container .split-columns .column-left input{left:105px}
.create_account .form_left input[type="text"],
.create_account .form_right input[type="text"],
.create_account .form_right input[type="password"],
.create_account .form_left .radiobuttonlist,
.create_account .form_left select.dropdownlist {left:105px}

.servicesuggestion p.row input.textbox,
.shoppingcart-confirm p.row select,
.shoppingcart-confirm p.row .radiobuttonlist,
.shoppingcart-confirm p.row input.textbox,
.newsletter p.row input.textbox {left:105px}

.create_account .form_left span.requiredfield_1,
.create_account .form_right span.requiredfield_1 {left:334px}

.servicesuggestion p.row span.requiredfield_1 {left:344px;}
.shoppingcart-confirm p.row span.requiredfield_1 {left:334px;}
.newsletter p.row span.requiredfield_1 {left:334px;}
