/**
 *    Author            :    Gauke Pieter Sietzema, Sterc Concept
 *    Website            :    http://www.sterc.nl
 *    Contact            :    info@sterc.nl
 *  Created date    :    
 */

.form_row {
    margin: 5px;
    padding: 0 0 0 20px;
    width: 400px;
    clear: both;
    background-color: #fff;
    height: 30px;
}

    .form_row label {
        float: left;
        font: bold 11px/30px verdana, tahoma, sans-serif;
        width: 150px;
        color: #666;
    }

    .form_row input, .form_row input, .form_row select, .form_row textarea {
        margin: 4px 20px 0 0;
        padding: 4px;
        font: normal 10px/18px verdana, tahoma, sans-serif;
        height: 12px;
        float: right;
        border: 0;
        width: 220px;
        color: #999;
        background-color: #fff;
        border: 1px solid #ccc;
    }
    
    .form_row textarea {
        height: 200px;
        width: 220px;
    }

    .form_row select {
        height: 20px;
        width: 230px;
        padding: 3px;
    }

    .form_row span {
        margin: 4px 20px 0 0;
        padding: 4px;
        font: normal 10px/30px verdana, tahoma, sans-serif;
    }

    textarea {
        margin-left: 5px;
        width: 660px;
        height: 300px;
        padding: 4px;
        border: 1px solid #f1f1f1;
        font: normal 10px/18px verdana, tahoma, sans-serif;
        color: #999;
    }

    .form_row input:hover, .form_row input:hover, .form_row select:hover, .form_row input:focus, .form_row input:focus, .form_row select:focus, textarea:focus, textarea:hover {
        border: 1px solid #398E92;
        color: #333;
        font-weight: bold;
        background: #f5f5f5;
    }

    .submit {
        width: 200px;
        margin: 4px 20px 0 245px;
        padding: 4px;
        font: bold 11px/20px verdana, tahoma, sans-serif;
        border: 0;
        color: #fff;
        background-color: #398E92;
        cursor: pointer;
    }

    .choice {
        padding: 4px;
        font: bold 11px/20px verdana, tahoma, sans-serif;
        border: 0;
        color: #fff;
        background-color: #398E92;
        cursor: pointer;
        float: left;
        margin-left: 10px;
        width: 200px;
    }

    .submit:hover, .choice:hover {
        background-color: #AFC803;
    }

    .area {
        margin-left: 5px;
        width: 400px;
        height: 300px;
        padding: 9px;
        font: normal 10px/18px verdana, tahoma, sans-serif;
        color: #999;
        border: 1px solid #f1f1f1;
        background-color: #f9f9f9;
    }

    fieldset {
        margin: 20px;
        padding-left: 20px;
        border: 0;
    }

    legend {
        font-weight: bold;
        color: #398E92;
        margin-left: -15px;
    }
    
    #content a, #content a:link, #content a:visited {
        color: #398E92;
        text-decoration: none;
    }
    
    #content a:hover {
        text-decoration: underline;
    }
    
.tr_header, .tr_header td {
    background-color: #398E92;
    text-indent: 10px;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
}

td {
    text-indent: 10px;
    line-height: 30px;
}

#contact_opnemen input, #contact_opnemen textarea {
    border: 1px solid #e1e1e1;
    width: 300px;
    margin: 0;
    padding: 0;
}
#contact_opnemen label {
float:left;
font-weight:normal;
margin-right:5px;
padding:0px;
text-align:right;
width:140px;
}

#contact_opnemen .row {
clear:both;
padding:3px 0;
}

.errors {
color:#FF0000;
}

#contact_opnemen input:hover, #contact_opnemen input:hover, #contact_opnemen select:hover, #contact_opnemen input:focus, #contact_opnemen input:focus, #contact_opnemen select:focus, #contact_opnemen textarea:focus, #contact_opnemen textarea:hover {
        border: 1px solid #398E92;
        color: #333;
        font-weight: bold;
        background: #f5f5f5;
    }
    
p.error {
    display: block;
    background: url(../img/silk/error.png) 0% 40% no-repeat;
    padding: 10px 25px !important;
    color: #FF8234 !important;
    font-weight: bold;
}

    p.error a {
        text-decoration: underline;
        color: #FF8234;
        font-weight: bold;
    }

p.success {
    display: block;
    background: url(../img/silk/accept.png) 0% 40% no-repeat;
    padding: 10px 25px !important;
    color: #5BBF39 !important;
    font-weight: bold;
}