html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}

body
{
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
}

br
{
    clear: both;
}

a img
{
    border: 0px;
}

#container
{
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    margin: 0px auto 0px auto;
    padding: 0px;
    border: 0px;
    position: relative;
}

#header1
{
    background-color: #e8e8e8;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

    #header1_middle
    {
        background-color: #e8e8e8;
        /*background-image: url(/themes/niemeijer/images/backgrounds/niemeijer_header_pand_950x114.png);*/
        background-repeat: no-repeat;
        width: 950px;
        margin: 0px auto 0px auto;
        padding: 0px;
        border: 0px;
    }

        #header1_middle_1
        {
            width: 314px;
            float: left;
        }

            #logo_pp, #logo_bp, #logo_oa
            {
                border: 0px;
                margin-top: 60px;
                float: left;
            }

            #logo_ptp
            {
                border: 0px;
                margin-top: 35px;
                float: left;
            }

            #logo_pp
            {
                width: 314px;
                height: 44px;
            }

            #logo_ptp
            {
                width: 249px;
                height: 44px;
            }

            #logo_bp
            {
                width: 168px;
                height: 44px;
            }

            #logo_oa
            {
                width: 170px;
                height: 44px;
            }

        #header1_middle_2
        {
            width: 636px;
            height: 66px;
            padding-top: 20px;
            text-align: right;
            float: left;
        }

            #home_icon
            {
                width: 10px;
                height: 10px;
                border: 0px;
                display: inline;
            }

#header2
{
    /*background-image: url(/themes/niemeijer/images/backgrounds/menu_bg_1x46.png);*/
    background-repeat: repeat-x;
    width: 100%;
    height: 46px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    /*overflow: hidden;*/
}

    #header2_middle
    {
        background-repeat: repeat-x;
        width: 950px;
        height: 46px;
        margin: 0px auto 0px auto;
        padding: 0px;
        border: 0px;
    }

        .hoofditem_inactive
        {
            height: 31px;
            text-align: center;
            padding: 15px 1px 0px 1px;
            float: left;
            cursor: pointer;
        }

        .hoofditem_active
        {
            height: 31px;
            text-align: center;
            padding: 15px 1px 0px 1px;
            float: left;
        }

        .hoofditem_active_small
        {
            background-image: url(/themes/niemeijer/images/backgrounds/menu_bg_1x46.png);
            background-repeat: repeat-x;
            height: 31px;
            padding: 15px 0px 0px 31px;
            float: left;
            width: 188px;
            letter-spacing: 3px;
        }

        .hoofditem_inactive a
        {
            display: block;
        }

        /*.hoofditem_inactive:hover
        {
            padding: 15px 0px 0px 0px;
        }*/

#main
{
    background-color: #ffffff;
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px 0px 87px 0px;
}

    #main_middle
    {
        width: 950px;
        margin: 0px auto 0px auto;
        padding: 0px;
        border: 0px;
        position: relative;
    }

        #wide_column
        {
            width: 950px;
            padding-top: 30px;
            margin: 0px;
            float: left;
        }

        #left_column
        {
            width: 220px;
            padding-top: 30px;
            margin: 0px 30px 0px 0px;
            float: left;
        }

            #left_menu
            {
                width: 220px;
                background-color: #808285;
                padding: 0px;
                margin-bottom: 15px;
            }

                .leftitem_active1, .leftitem_inactive1, .leftitem_active2, .leftitem_inactive2, .leftitem_active3, .leftitem_inactive3
                {
                    min-height: 25px;
                    padding-top: 5px;
                    padding-right: 9px;
                }

                .leftitem_active1, .leftitem_active2, .leftitem_active3
                {
                    margin-top: -1px;
                    position: relative;
                }

                .leftitem_active1, .leftitem_inactive1
                {
                    width: 180px;
                    padding-left: 31px;
                    font-size: 12px;
                }

                .leftitem_active2, .leftitem_inactive2
                {
                    width: 160px;
                    padding-left: 51px;
                    font-size: 11px;
                }

                .leftitem_active3, .leftitem_inactive3
                {
                    width: 140px;
                    padding-left: 71px;
                    font-size: 10px;
                    background-color: #aaaaaa;
                }

                .leftitem_inactive1, .leftitem_inactive2, .leftitem_inactive3
                {
                    border-bottom: 1px solid #666666;
                }

                .leftitem_inactive1 a, .leftitem_inactive2 a, .leftitem_inactive3 a
                {
                    display: block;
                }

                .leftitem_inactive1:hover, .leftitem_inactive2:hover, .leftitem_inactive3:hover
                {
                    background-color: #666666;
                    cursor: pointer;
                }

                .menuarrow
                {
                    margin: 0px 9px 0px -20px;
                    position: relative;
                    border: 0px;
                }

            #benjamin
            {
                width: 220px;
                color: #ffffff;
            }

            #benjamin_niemeijer
            {
                width: 220px;
                height: 227px;
                border: 0px;
            }

            #niemeijer
            {
                padding: 3px 10px 3px 10px;
            }

            #galleria
            {
                width: 220px;
                height: 320px;
                background: #ffffff;
            }

        #right_column
        {
            width: 700px;
            padding-top: 30px;
            margin: 0px;
            float: left;
        }

            .seperator
            {
                width: 700px;
                height: 2px;
                margin: 15px 0px 10px 0px;
            }

            .news_image
            {
                width: 220px;
                height: 90px;
                border: 0px;
                margin: 0px 0px 0px 0px;
            }

            #gzp_image
            {
                width: 200px;
                height: 40px;
                border: 0px;
                float: left;
                margin: 0px 5px 5px 0px;
            }

            #pmag_image
            {
                width: 117px;
                height: 40px;
                border: 0px;
                float: left;
                margin: 0px 5px 5px 0px;
            }

            #home_column_left
            {
                width: 376px;
                height: 271px;
                background-color: #f1f2f2;
                padding: 12px 12px 0px 12px;
                float: left;
            }

            #home_column_left_long
            {
                width: 376px;
                height: 429px;
                background-color: #f1f2f2;
                padding: 12px 12px 12px 12px;
                float: left;
            }

            #home_column_right
            {
                width: 300px;
                float: left;
                background-color: #f1f2f2;
            }

            #home_nieuws
            {
                width: 220px;
                margin-right: 21px;
                float: left;
            }

            #home_kenniscentrum
            {
                width: 220px;
                margin: 0px 21px 0px 0px;
                float: left;
                /*text-align: right;*/
            }

            #home_kenniscentrum_wide
            {
                width: 461px;
                margin: 0px 21px 0px 0px;
                float: left;
                /*text-align: right;*/
            }

            .grey_back
            {
                background-color: #f1f2f2;
                padding: 5px;
                /*height: 132px;*/
            }

            #home_aanmelden
            {
                width: 218px;
                margin: 4px 0px 0px 0px;
                float: left;
                color: #ffffff;
            }

                #aanmeld_afbeelding
                {
                    width: 218px;
                    height: 145px;
                    border: 0px;
                    vertical-align: bottom;
                }

                #aanmelden, #aanmelden_oa, #aanmelden_bp, #laatste_nieuws
                {
                    width: 218px;
                    text-align: center;
                    font-family: 'droid_sansbold', arial, serif;
                    font-size: 16px;
                    cursor: pointer;
                }

                #aanmelden, #aanmelden_oa, #aanmelden_bp
                {
                    margin-top: 28px;
                    padding: 13px 0px 0px 0px;
                }

                #aanmelden
                {
                    background-image: url(/themes/niemeijer/images/backgrounds/aanmeldknop_bg_1x90.png);
                    background-repeat: repeat-x;
                    height: 77px;
                    margin-top: 28px;
                    padding: 13px 0px 0px 0px;
                }

                #aanmelden_oa
                {
                    background-image: url(/themes/niemeijer/images/backgrounds/footer_bg_black_1x53.png);
                    background-repeat: repeat-x;
                    height: 32px;
                    margin-top: 28px;
                    padding: 13px 0px 0px 0px;
                }

                #aanmelden_bp
                {
                    background-image: url(/themes/niemeijer/images/backgrounds/footer_bg_blue_1x53.png);
                    background-repeat: repeat-x;
                    background-color: #013464;
                    height: 55px;
                    margin-top: 28px;
                    padding: 13px 0px 0px 0px;
                }

                #laatste_nieuws
                {
                    background-image: url(/themes/niemeijer/images/backgrounds/laatste_nieuws_bg_zw_220x90.jpg);
                    height: 66px;
                    margin-top: 0px;
                    padding: 24px 0px 0px 0px;
                }

                    #aanmelden a, #aanmelden_oa a, #aanmelden_bp a, #laatste_nieuws a
                    {
                        color: #ffffff;
                        text-decoration: none;
                        display: block;
                    }

                    #aanmelden a:hover, #aanmelden_oa a:hover, #aanmelden_bp a:hover, #laatste_nieuws a:hover
                    {
                        color: #ffffff;
                    }

#footer
{
    width: 100%;
    height: 53px;
    border: 0px;
    margin: -53px 0px 0px 0px;
    padding: 0px;
    position: absolute;
    bottom: 0;
}

#footer_middle
{
    width: 950px;
    height: 33px;
    margin: 0px auto 0px auto;
    padding: 20px 0px 0px 0px;
    border: 0px;
}

/* Keep the original desktop layout, while allowing its columns to fit smaller screens. */
@media screen and (max-width: 950px) {
    #header1_middle, #header2_middle, #main_middle, #footer_middle { width: 100%; box-sizing: border-box; }
    #header1_middle { background-position: center; }
    #header1_middle_1 { max-width: 100%; }
    #header1_middle_2 { display: none; }
    #header2, #header2_middle { height: auto; min-height: 46px; background-repeat: repeat; }
    #header2_middle::after, #main_middle::after { content: ''; display: table; clear: both; }
    #header2_middle .hoofditem_active, #header2_middle .hoofditem_inactive { box-sizing: border-box; width: 33.333% !important; min-height: 46px; height: auto; padding: 15px 4px 8px !important; }
    #main_middle { padding: 0 15px; }
    #wide_column, #right_column { width: calc(100% - 250px); box-sizing: border-box; }
    #wide_column { width: 100%; }
    #right_column img, #wide_column img { max-width: 100%; height: auto; }
    #home_column_left, #home_column_left_long { box-sizing: border-box; width: 55%; height: auto; min-height: 283px; }
    #home_column_right { width: 45%; }
    #home_kenniscentrum_wide { width: calc(100% - 239px); }
    .seperator { max-width: 100%; }
    #footer { height: auto; min-height: 53px; }
    #footer_middle { padding: 0 15px; }
    form textarea { max-width: 100%; box-sizing: border-box; }
}
@media screen and (max-width: 650px) {
    #header1_middle_1 { padding-left: 15px; box-sizing: border-box; }
    #logo_pp, #logo_ptp, #logo_bp, #logo_oa { max-width: 100%; height: auto; }
    #header2_middle .hoofditem_active, #header2_middle .hoofditem_inactive { float: none; width: 100% !important; min-height: 40px; padding-top: 12px !important; }
    #main { padding-bottom: 30px; }
    #left_column, #right_column, #wide_column { width: 100%; float: none; padding-top: 20px; margin: 0; }
    #left_menu, #benjamin { max-width: 100%; }
    #home_column_left, #home_column_left_long, #home_column_right, #home_kenniscentrum_wide, #home_aanmelden { float: none; width: 100%; max-width: 100%; height: auto; min-height: 0; margin-right: 0; box-sizing: border-box; }
    #home_column_left, #home_column_left_long { padding: 12px; }
    #home_column_right img { display: block; float: none !important; }
    #footer { position: static; margin: 0; background-repeat: repeat !important; }
    #footer_middle { height: auto; padding: 12px 15px; }
    #footer_middle > div { float: none !important; line-height: 1.8; }
    .middleColumn.fieldgroup { float: none; width: 100%; }
    form input.text, form textarea, form select { max-width: 100%; box-sizing: border-box; }
}