/* Home
--------------------- */
#breadcrumb {
	display: none;
	}

#content-main {
	float: left;
    width: 100%;
    margin: 0;
	}

#slider{
    position:absolute;
    width:100%;
    height:550px;
    top:0;
    left:0;
    z-index:-1;
    }
    #slider .afbeelding{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        overflow:hidden;
    }
    #slider .citaat{
        position:relative;
        width:960px;
        margin:200px auto 0 auto;
        color:#fff;
        text-transform:uppercase;
        }
        #slider .citaat .top{
            float:right;
            margin-bottom:15px;
            text-align:right;
            width:100%;
            font-size:4.2em;
            text-shadow: 2px 2px 4px #000;
        }
        #slider .citaat .bottom{
            float:right;
            width:100%;
            text-align:right;
            font-size:1.3em;
            text-shadow: 2px 2px 4px #000;
        }

header{
    margin-bottom:230px;
}

#slider-wrapper{
    position:absolute;
    width:100%;
    height:100px;
    top:500px;
    left:0;
    background:#625e5e;
    z-index:-1;
}

#header-wrapper{
    top:0px;
    z-index:0;
}

#layout-wrapper{
    margin-top:-600px;
}


#previous{
    position:absolute;
    width:55px;
    height:75px;
    top:310px;
    left:10px;
}
#forward{
    position:absolute;
    width:55px;
    height:75px;
    top:310px;
    right:10px;
}

#wat-wij-doen{
    float:left;
    width:100%;
    height:180px;
    background:rgba(255, 255, 255, 0.5);
    }
    #wat-wij-doen .block{
        float:left;
        margin: 1% 1% 0 0;
        width:32%;
        height:100px;
        background:#fff;
    }
    #wat-wij-doen .block.first{
        margin-left:1%;
        }
        #wat-wij-doen .block h2{
            float:left;
            height:40px;
            margin-top:10px;
            width:100%;
            padding:0 1%;
            text-align:center;
            text-transform:uppercase;
            color:#e94e1b;
            font-size:1.8em;
        }
        #wat-wij-doen .block p{
            float:left;
            height:30px;
            width:100%;
            padding:0 1%;
            text-align:center;
            text-transform:uppercase;
            color:#000;
            font-size:1.2em;
        }
        #wat-wij-doen .block a{
            float:left;
            padding:3px 7px;
            height:26px;
            color:#fff;
            text-decoration:none;
            width:100%;
            background:#625e5e;
            font-family: 'Open Sans', sans-serif;
            }
            #wat-wij-doen .block a .icon{
                float:right;
                font-size:1.4em;
                font-weight:bold;
            }
        #wat-wij-doen .block a:hover{
            color:#e94e1b;
        }
    #wat-wij-doen .text{
        float:left;
        width:302px;
        margin:25px 0 0 10px;
        font-size:2.5em;
        color:#fff;
        text-transform:uppercase;
        }
    #wat-wij-doen .blokken{
        float:left;
        margin:28px 0 0 14px;
        width:547px;
        height:27px;
        background:url("../gfx/tmpl/wat-wij-doen.png");
    }
    #wat-wij-doen .hijskraan{
        float:right;
        margin:17px 1% 0 0;
        width:63px;
        height:46px;
        background:url("../gfx/tmpl/sloper.png");
    }

/* producten
--------------------- */
#producten{
    float:left;
    margin:30px 3% 0 5px;
    width:54%;
    }
    #producten h2{
        text-transform:uppercase;
        font-size:1.7em;
        margin:20px 0 20px 0;
        color:#000000;
    }

    #producten .product{
        background:#fff;
        border:1px solid #d9d8d8;
        float:left;
        height:165px;
        margin:0 1% 1% 0;
        position: relative;
        width: 32%;
        }
        #producten .product .afbeelding{
            float:left;
            margin: 5% 5% 1% 5%;
            width:90%;
            height:118px;
            overflow:hidden;
            }
            #producten .product .afbeelding img{
                width: 100%;
                }
        #producten .product .titel{
            float:left;
            margin: 0 5%;
            width:90%;
            overflow: hidden;
            text-align:center;
            text-transform:uppercase;
            font-size:1.1em;
            font-weight:bold;
        }
        #producten .product .verkocht{
            position:absolute;
            right:0;
            top:0px;
            width:96px;
            height:27px;
            background:url("../gfx/tmpl/verkocht.png");
        }

/* info
--------------------- */
#info{
    float:left;
    margin-top:45px;
    width:41%;
    }
    #info h1{
        font-size:1.7em;
        margin-bottom:13px;
        text-transform:uppercase;
        color:#000000;
    }
    #info p{
        color:#4c4747;
        font-family: 'Open Sans', sans-serif;
        font-size:1.1em;
        line-height:1.7em;
    }
    #info section{
        float:left;
        width:100%;
        height:268px;
    }
    #info .contact{
        float:left;
        width:100%;
        }
        #info .contact .vragen{
            float:left;
            width:173px;
            height:128px;
            background:url("../gfx/tmpl/vragen.png");
            }
            #info .contact .vragen a{
                float:left;
                width:160px;
                margin:102px 0 0 7px;
                color:#fff;
                text-decoration:none;
                font-family: 'Open Sans', sans-serif;
                font-size:1.1em;
                }
                #info .contact .vragen a .icon{
                    float:right;
                    font-size:1.5em;
                }
            #info .contact .vragen a:hover{
                color:#d9d8d8;
            }
        #info .contact .gegevens{
            float:left;
            margin:14px 0 0 10px;
            }
            #info .contact .gegevens a{
                text-decoration:none;
                color:#e94e1b;
                font-weight:600;
            }