/* 
    Document   : style
    Created on : 23-sep-2009, 15:05:41
    Author     : Jeroen
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.stepcarousel{
    position: relative; /*leave this value alone*/
    border: 0 none;
    overflow: scroll; /*leave this value alone*/
    width: 379px; /*Width of Carousel Viewer itself*/
    height: 303px; /*Height should enough to fit largest content's height*/
    }

.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
    }

.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px; /*margin around each panel*/
    width: 379px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    }

root { 
    display: block;
}

body {
    margin:0;
    padding:0;
    text-align:center;
    height:100px;
}

#bg_header_top {
    width:100%;
    height:55px;
    background-color:#00477d;
}

    #bg_header_top_center {
        margin-left:auto;
        margin-right:auto;
        width:990px;
        height:55px;
    }

        #header_top_logo {
            width:165px;
            height:27px;
            margin-top:14px;
            margin-bottom:14px;
            float:left;
        }

        #header_top_logo a {
            border:0;
            padding:0;
            margin:0;
        }

        #header_top_logo a img {
            border:0;
            padding:0;
            margin:0;
        }

        .header_top_button {
            width:auto;
            height:27px;
            margin-top:14px;
            margin-bottom:14px;
            float:left;
        }

        .header_top_button a {
            border:0;
            padding:0;
            margin:0;
        }

        .header_top_button a img {
            border:0;
            padding:0;
            margin:0;
        }

        .header_top_button_spacer {
            width:2px;
            height:39px;
            background-image:url(../images/header_top_button_spacer.jpg);
            background-repeat:no-repeat;
            margin-top:8px;
            margin-bottom:8px;
            float:left;
        }

#bg_header_bottom {
    width:100%;
    height:383px;
    background-image:url(../images/home_header_span.jpg);
}

        .header_bottom_full {
            width:100%;
            height:383px;
            background-image:url(../images/header_bottom_full.jpg);
            background-position:center;
            background-repeat:no-repeat;
        }

            .header_bottom_layer {
                width:991px;
                height:383px;
                background-image:url(../images/header_bottom_layer.jpg);
                margin-left:auto;
                margin-right:auto;
            }


#bg_header_bottom_follow {
    width:100%;
    height:193px;
    background-image:url(../images/follow_header_span.jpg);
}

        .header_bottom_full_follow {
            width:100%;
            height:117px;
            background-image:url(../images/header_bottom_full_follow.jpg);
            background-position:center;
            background-repeat:no-repeat;
        }

            .header_bottom_layer_follow {
                width:991px;
                height:117px;
                background-image:url(../images/header_bottom_layer_follow.jpg);
                margin-left:auto;
                margin-right:auto;
            }



            #header_bottom_pupv2 {
                width:459px;
                height:311px;
                float:left;
                margin-top:27px;
                margin-left:1px;
            }

                #header_bottom_pupv2 a img {
                    border:0 none;
                }

            #header_bottom_offerte_aanvragen {
                width:192px;
                height:40px;
                clear:right;
                float:right;
                margin-top:295px;
                margin-right:17px;
            }

                #header_bottom_offerte_aanvragen a img {
                    border:0 none;
                }

            #header_bottom_demo_bekijken {
                width:192px;
                height:40px;
                float:right;
                margin-top:295px;
                margin-right:18px;
            }

                #header_bottom_demo_bekijken a img {
                    border:0 none;
                }

#bg_body_home {
    height:100%;
    width:100%;
    background-color:#fefefe;
    background-image:url(../images/body_home_span.jpg);
    background-position:top;
    background-repeat:repeat-x;
}

    #body_home_center {
        width:990px;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
    }
    

            #body_home_top {
                 width:990px;
                 height:auto;
            }

        #body_home_links{
            float:left;
            width:495px;
        }

        #body_follow_links{
            clear:left;
            float:left;
            width:247px;
            background-image:url(../images/follow_buttons_left_span.jpg);
            background-repeat:repeat-y;
            height:740px
        }

            .follow_button_view{
                width:247px;
                height:37px;
                clear:left;
                float:left;
                padding-left:0px;
                padding-top:15px;
                color:#797c80;
                font-family:tahoma, arial;
                font-size:17px;
                font-weight:bold;
                margin:0;
            }

            .follow_button_view_hover{
                width:247px;
                height:37px;
                clear:left;
                float:left;
                padding-left:0px;
                padding-top:15px;
                color:#ffffff;
                font-family:tahoma, arial;
                font-size:17px;
                font-weight:bold;
                background-image:url(../images/follow_buttons_left_hover.jpg);
                cursor:pointer;
                margin:0;
            }

            .follow_button_span{
                width:230px;
                height:1px;
                clear:left;
                float:left;
                background-color:#b9b9b9;
                margin:0;
                padding:0;
                border:0 none;
                font-family:tahoma, arial;
                font-size:0;
            }

            .body_home_content_vier_vlakken{
                color:#666666;
                font-family:tahoma, arial;
                font-size:12px;
                height:102px;
                width:229px;
                padding-top:10px;
                line-height:13pt;
            }

            #body_home_beheer_via_uw_eigen_regelpaneel{
                float:left;
                width:244px;
                height:163px;
            }

            #body_home_gebruikers_support_van_a_tot_z{
                width:244px;
                margin-left:1px;
                height:163px;
                float:left;
            }

            #body_home_altijd_een_uniek_ontwerp{
                width:244px;
                height:163px;
                clear:both;
                float:left;
            }

            #body_home_eenvoudig_nieuws_op_uw_site_plaatsen{
                float:left;
                width:244px;
                margin-left:1px;
                height:163px;
            }

            #body_home_de_eerste_smallsites_blog{
                clear:both;
                float:left;
                width:470px;
                height:auto;
                margin-top:15px;
            }

            .body_home_content_de_eerste_smallsites_blog{
                clear:both;
                color:#666666;
                font-family:tahoma, arial;
                font-size:12px;
                height:auto;
                width:470px;
                padding-top:10px;
                line-height:13pt;
            }

        #body_home_rechts{
            float:right;
            width:450px;
        }

            #body_home_slideshow_full{
                clear:both;
                float:left;
                width:450px;
            }

            #body_home_slideshow_full a img{
                border:0 none;
            }

            #body_home_slideshow_slider_box_full{
                float:left;
                background-image:url(../images/body_home_slideshow_slide.jpg);
                width:421px;
                height:353px;
            }

            #body_home_slideshow_slider_box{
                height:303px;
                margin-left:28px;
                margin-top:25px;
                width:379px;
                background-color:#FFFFFF;
            }

            #body_home_inschrijven_op_onze_nieuwsbrief{
                clear:both;
                float:left;
                width:450px;
            }

            .body_home_content_inschrijven_op_onze_nieuwsbrief{
                clear:both;
                color:#666666;
                font-family:tahoma, arial;
                font-size:12px;
                height:auto;
                width:420px;
                padding-top:5px;
                margin-bottom:10px;
                line-height:13pt;
            }

            #body_home_inschrijven_input{
                clear:both;
                float:left;
                width:427px;
            }

            .body_home_inschrijven_op_onze_nieuwsbrief_input{
                float:left;
                width:217px;
                height:37px;
                border:1px solid #8d8d8d;
                font-family:helvetica, tahoma, arial;
                font-size:27px;
                color:#00477D;
            }

            .body_home_inschrijven_op_onze_nieuwsbrief_button{
                float:left;
                width:192px;
                height:40px;
                background-image:url(../images/body_home_inschrijven_input.jpg);
                margin-left:13px;
            }

            #body_home_under {
                 width:990px;
                 height:auto;
                 float:left;
                 border-top:1px solid #E0E0E0;
                 margin-top:5px;
                padding-top:10px;
                margin-bottom:10px;
            }

        #body_home_onder_links{
            float:left;
            width:470px;
            margin-right:90px;
        }

        #body_home_onder_rechts{
            float:left;
            width:430px;
        }

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

    #footer_center {
        color:#a7a7a7;
        margin-left:auto;
        margin-right:auto;
        width:990px;
        border-top:1px solid #E0E0E0;
        font-family:Trebuchet MS, Arial, Trebuchet;
        font-size:12px;
    }

    #footer_center a {
        color:#a7a7a7;
        font-family:Trebuchet MS, Arial, Trebuchet;
        font-size:12px;
        text-decoration:none;
    }

    #footer_multi_language {
        float:left;
        width:100%;
        text-align:left;
    }