/* css - van der grift spuitwerk */
    @font-face
    {
        font-family: Candara;
        src: url("/fonts/Candara.ttf");
    }

    @font-face
    {
        font-family: CandaraBold;
        src: url("/fonts/Candara_Bold.ttf");
    }

    html, body {
        background-color: #fff;
        font-family: Candara, Helvetica, Verdana, Arial, sans-serif;
        font-size: 10px;
        color: rgba(17, 76, 113, 255);
        line-height: 170%;
        }

    * {
        margin: 0;
        padding: 0;
        outline: none;
        border: none;
        }

    img {
        /* max-width: 100%; <- image stretching */
        height: auto;
        width: auto;
        border: none;
        }

    #site_wrapper {
        margin: 0 auto;
        width: 1024px;
        padding: 0;
        }

    a:visited, a:link {
        color: rgba(17, 76, 113, 255);
        border-bottom: 0;
    }

/* header */
    #adres a {
        color: rgba(17, 76, 113, 255);
        text-decoration: none;
    }

    #header {
        position: relative;
        width: inherit;
        }

    #hdr_logo, #hdr_menu_wrapper {
        font-size: 130%;
        float: left;
        height: 101px;
        }

    #hdr_menu_wrapper {
        position: relative;
        width: 639px;
        background: url("http://vandergrift-spuitwerk.nl/images/webpag1VDG_SP_web_02.png") no-repeat;
        }

        p#adres {
            position: absolute;
            top: 40px;
            }

        #hdr_menu {
            position: absolute;
            top: 68px;
            }

        #hdr_menu ul {
            padding:0;
            margin:0;
            list-style-type:none;
        }

        #hdr_menu li {
            display: inline;
            margin-right: 28px;
            }

        a.menu_inactive, a.menu_active {
            font-weight: normal;
            text-decoration:none;
            width: auto;
            border-bottom: 0;
        }

        a.menu_inactive:hover, a.menu_active {
            text-decoration: none;
            border-bottom: #009ee1 solid 1px;
            }

        #hdr_image_wrapper {
            position: relative;
            clear: left;
            height: 285px;
            width: 1024px;
        }

        #hdr_image {
            height: 245px;
            width: 1024px;
            overflow: hidden;
        }

        #hdr_menu_bottom {
            position: relative;
            top: -20px;
            opacity: 0.92;
            z-index: 1;
        }

        #menu_bottom {
            font-family: CandaraBold, Helvetica, Verdana, Arial, sans-serif;
            text-shadow: 2px 2px 2px #000;
            position: absolute;
            bottom: 57%;
            left: 45px;
            font-size: 19px;
            color: #fff;
            z-index: 10;
        }

        #menu_bottom ul {
            display: table-cell;
            width: 956px;
            text-align: center;
            list-style-type:none;
        }

        #menu_bottom li {
            display: inline;
        }

        #menu_bottom a {
            text-decoration: none;
            color: inherit;
        }

        .menu_bottom_bullet {
            margin: 0 25px 0 25px;
        }

/* content */
    #content_wrapper {
        z-index: 100; /* always on top ! */
        position: relative;
        left: 43px;
        width: 959px;
        margin: 0 0 10px 0;
        }

    #afb_onder_wrapper {
        position: relative;
        z-index: 100;
        width: auto;
        margin: 0 22px 0 22px;
    }

    #afb_onder_l, #afb_onder_r {
        border: 3px solid #ffffff;
    }

    #afb_onder_l {
        margin: 0 19px 0 0;
    }

    /* content tekst stijlen */

    .koptekst {
        font-size: 130%;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    .alineatekst {
        font-size: 105%;
        text-transform: none;
        margin-bottom: 14px;
    }

/* footer */
    #footer_wrapper a {
        color: rgba(255, 255, 255, 255);
    }

    #footer_wrapper {
        position: relative;
        top: -95px;
        height: 188px;
        width: auto;
        background: url("http://vandergrift-spuitwerk.nl/images/webpag1VDG_SP_web_11.jpg") no-repeat;
        background-size: auto;
        }

    #footer_info {
        position: absolute;
        left: 45px;
        bottom: 25px;
        color: #fff;
    }

    #footer_info p {
        margin: 20px 0 0 0;
        font-size: 110%;
    }

    .bullet {
        color: rgba(17, 76, 113, 255);
    }

    #footer_logos {
        position: absolute;
        bottom: 20px;
        right: 50px;
    }

    #footer_accent {
        position: absolute;
        right: 0;
        bottom: 265px;
    }

    #offerte_text {
        float: right;
        margin: 10px 28px 0 0;
    }

/* formulieren */

    .contact-multi-column {
        display: table;
        height: 510px;
        width: 980px;
    }

    .contact-formulier-wrapper {
        display: table-cell;
        margin: 0 0 110px 0;
        width: 485px;
    }

    div.formfield {
        position: relative;
        margin-bottom: 3px;
        height: 20px;
        }

    div.form_text {
        position: absolute;
        left: 0;
        font-size: 12px;
        }

    span.form_text_inner {
        font-size: 12px;
        }

    div.form_input{
        position: absolute;
        left: 120px;
        }

    div.form_input_aanmelden {
        position: absolute;
        left: 270px;
        }

    .input, .input:focus, .input_fail, .formselect, .formselect:focus, .formselect_fail {
        font-size: 12px;
        width: 335px;
        transition: all 0.25s ease-in-out;
        border-radius: 0;
        border: 1px solid rgba(0,0,0, 0.2);
        }

    .input:focus, .formselect:focus {
        box-shadow: 0 0 5px rgba(71, 184, 227, 1);
        border:1px solid rgba(71, 184, 227, 1);
        }

    .input_fail, .formselect_fail {
        box-shadow: 0 0 5px rgba(229, 54, 46, 1);
        border: 1px solid rgba(229, 54, 46, 1);
        }

    .textarea, .textarea:focus, .textarea_fail {
        font-family: Candara, Helvetica, Verdana, Arial, sans-serif;
        font-size: 12px;
        width: 335px;
        height: 130px;
        transition: all 0.25s ease-in-out;
        border-radius: 0;
        border: 1px solid rgba(0,0,0, 0.2);
        }

    .textarea:focus {
        box-shadow: 0 0 5px rgba(71, 184, 227, 1);
        border:1px solid rgba(71, 184, 227, 1);
        }

    .textarea_fail {
        box-shadow: 0 0 5px rgba(229, 54, 46, 1);
        border: 1px solid rgba(229, 54, 46, 1);
        }

    .submit, .submit:hover {
        color: #fff;
        background-color: #114c71;
        transition: all 0.25s ease-in-out;
        border-radius: 0;
        border: 1px solid #114c71;
        padding: 3px;
        }

    .submit:hover {
        background-color: #00b1e7;
        border: 1px solid #00b1e7;
        color: #fff;
        }

/* image slider portfolio */
    .image_slider {
        max-width: 1024px;
        height: 234px;
        overflow: hidden;
    }

    .image_slider li {
        width: 352px;
        margin: 0;
    }

    #image_slider_buttons {
        position: relative;
    }

    .slid_prev, .slid_next {
        position: absolute;
        top:175px;
        background-color: transparent;
        opacity: 0.85;
        z-index: 10;
    }

    .slid_prev {
        left: 5px;

    }

    .slid_next {
        right: 5px;
    }

    .product_info_wrapper {
        display: block;
        margin: 0 0 3px 0;
    }