/*
 * IE6 fix
 */
* { padding: 0; margin: 0; outline: 0; border: 0; text-decoration: none; }

/**
 * GLOBAL
 */
html, body { height: 100%; }

body {
    padding: 0;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 11px;
    text-align: left;
}

a {
    color: #046EBC;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#loadbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #00aeef;
    display: block;
    z-index: 2;
}

#bgcontainer {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#pusher {
    height: 30px;
    position: relative;
}

.outer {
    position: relative;
    width: 100%;
    height: 827px;
    z-index: 3;
}

.inner {
    
}

.relative {
    position: relative;
}

.wrapper {
    width: 960px;
    height: 490px;
    margin: 0 auto;
    z-index: 4;
    position: relative;
}

.content {
    width: 950px;
    height: 470px;
    padding: 5px;
    background: transparent url('../images/content-background.png') no-repeat;
    overflow: hidden;
}

    .content .head {
        width: 930px;
        height: 20px;
        padding: 10px;
    }

        .content .head h1 {
            font-family: "Myriad Pro Light";
            font-weight: bold;
            font-size: 20px;
            float: left;
            letter-spacing: 2px;
            margin-left: 10px;
        }

        .content .head button {
            display: block;
            float: right;
            cursor: pointer;
            background: #fff url('../images/button-close.jpg') no-repeat;
            width: 40px;
            height: 40px;
            text-indent: 100px;
            margin: -10px -10px;
            overflow: hidden;
        }

            .content .indent {
                width: 950px;
                height: 430px;
                overflow: hidden;
            }

    .content .inner {
        background: #fff url('../images/inner-background.jpg') repeat-x;
        width: 960px;
        height: 430px;
        margin-left: -5px;
    }

        .content .inner .left, .content .inner .center, .content .inner .right {
            height: 430px;
        }

        .content .inner .left .visual {
            height: 215px;
        }

        .content .inner .left .visual img { width: 310px; height: 215px; }

        .content .inner .left .subnavigation {
            height: 215px;
        }

        .content .inner .left .subnavigation ul {
            list-style: none;
            margin: 20px 0 0 20px;
        }

        .content .inner .left .subnavigation li {
            margin-bottom: 10px;
        }

        .content .inner .left .subnavigation a {
            font-family: "Myriad Pro Regular";
            font-size: 16px;
            color: #046EBC;
            text-decoration: none;
        }

        .content .inner .left .subnavigation.gray {
            background: #696A6C;
            padding-top: 1px;
            width: 310px;
        }

        .content .inner .left .subnavigation.gray a {
            color: #fff;
        }

        .content .inner p, .content .inner address {
            line-height: 20px;
            margin-bottom: 10px;
            font-style: normal;
        }

        .content .inner .center ul {
            padding-left: 20px;
            line-height: 20px;
            margin-bottom: 20px;
        }

        .content .inner .center li {

        }

.navigation {
    width: 960px;
    height: 110px;
    margin: 0 auto;
    top: -10px;
    position: relative;
}

    .navigation ul {
        list-style: none;
    }

    .navigation li {
        width: 160px;
        height: 80px;
        float: left;
        cursor: pointer;
    }

    .navigation li.last {
        margin: 0;
    }

    .navigation a {
        display: block;
        width: 150px;
        height: 45px;
        background: #fff;
        font-family: "Myriad Pro Regular";
        color: #1b1b1b;
        font-size: 16px;
        text-align: center;
        background: transparent url('../images/navigation-background.png') no-repeat;
        padding: 35px 5px 0 5px;
        text-decoration: none;
        cursor: pointer;
    }

    .navigation li.meer-van-more a {
        display: block;
        width: 150px;
        height: 45px;
        background-color: #fff;
        font-family: "Myriad Pro Regular";
        color: #ffffff;
        font-size: 16px;
        text-align: center;
        background: transparent url('../images/tafelvanmore-background.png') no-repeat;
        padding: 35px 5px 0 5px;
        text-decoration: none;
        cursor: pointer;
    }

    .navigation a:hover, .navigation a.current { background: transparent url('../images/navigation-background-hover.png') no-repeat; text-decoration: none; }

.footer {
    height: 300px;
    width: 100%;
    background: #696a6c url('../images/footer-background.jpg') repeat-x;
    position: static;
    margin-top: -73px;
}

.footer .center {
    width: 960px;
    margin: 0 auto;
    padding: 50px 0 0 10px;
}

.footer .upper {
    width: 960px;
    float: left;
    margin-bottom: 20px;
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-family: "Myriad Pro Light";
    word-spacing: 5px;
    letter-spacing: 1px;
}

.footer .upper canvas {
    -margin-right: 5px;
}

.footer .upper * {
    float: left;
}

.footer .upper strong {
    font-weight: bold;
    display: block;
    margin-top: -1px; /* Firefox hack because a strong font is 1px higher... */
    margin-top: 0px\9; /* Make IEx ignore the hack */
}

.footer .upper .payoff {
    width: 402px;
    float: left;
}

.footer .upper .ticker {
    width: 550px;
    float: left;
}

.footer .upper .ticker {
    display: block;
    float: left;
    height: 20px;
}

.footer .upper .ticker .static {
    width: 220px;
}

.footer .upper .ticker #ticker {
    width: 330px;
    overflow: hidden;
}

.footer .upper .ticker .slide {
    margin-left: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: 0;
    width: 3000px;
    font-weight: bold;
}


    .footer .lower {
        width: 960px;
        float: left;
    }

        .footer .lower, .footer .lower a {
            color: #888;
            text-decoration: none;
        }
        
        .footer .lower a:hover {
            text-decoration: underline;
        }

        .footer .lower ul {
            list-style: none;
        }

        .footer .lower ul li {
            display: block;
            float: left;
            margin-right: 23px;
        }

        .footer .lower ul li.last {
            margin-right: 0;
            float: right;
        }

        .footer .lower ul li li {
            display: block;
            clear: both;
        }

/*
* Page styles
*/
.m4-model .center, .werken-bij-more .center, .wat-we-doen .center {
    padding-top: 130px;
    height: 292px !important;
    overflow: auto;
    overflow-x: hidden;
}
.m4-model .center p, .werken-bij-more .center p, .wat-we-doen .center p {
    margin-bottom: 10px;
    padding-right: 40px;
}

.m4-model .center, .werken-bij-more .center, .wat-we-doen .center, .content .center {
    width: 620px;
    padding-left: 10px;
    height: 430px;
}

.wat-we-geloven .center {
    width: 780px;
}

.wie-we-zijn .center.grid_2 {
    width: 300px;
    padding: 0 10px;
    height: 430px;
    overflow: auto;
    overflow-x: hidden;
    margin-right: 0;
}

.wie-we-zijn .right.grid_2 {
    margin-left: 0;
}

.m4-model h1 {
    font-family: "Myriad Pro Light";
    font-size: 72px;
    height: 72px;
    color: #313131;
    margin: 0 0 8px 0;
    overflow: hidden;
    letter-spacing: -1px;
}

.m4-model h1 span {
    height: 72px;
}

.wat-we-geloven .left {
    padding-top: 192px;
}

.wat-we-geloven .center, .wat-we-doen .center, .werken-bij-more .center, .contact .center {
    padding-top: 138px;
}

.wat-we-geloven .center h1 {
    font-family: "Myriad Pro Light";
    font-size: 72px;
    height: 72px;
    color: #313131;
    margin: 0;
    letter-spacing: -1px;
}

.wat-we-geloven .center h1.dualline {
     font-size: 72px;
     line-height: 30px;
     margin-top: -30px;
     margin-bottom: 30px;
    letter-spacing: -1px;
}

.wat-we-geloven .center h1.small {
    font-size: 50px;
    letter-spacing: -1px;
}

.wat-we-doen .center h1.small {
    font-size: 40px;
    letter-spacing: -1px;
    margin: 20px 0 -15px 0;
}

.wat-we-doen .center h1.dualline {
    font-size: 72px;
    line-height: 55px;
    margin-top: -30px;
    margin-bottom: 50px;
    letter-spacing: -1px;
}

.wat-we-doen .center h1 .small {
    font-size: 24px;
    margin-top: -40px;
    display: inline
}

.wat-we-doen .center h1.upper {
    margin-top: -15px;
}

.wat-we-doen .center h2.second {
    margin-top: 0;
    margin-bottom: 16px;
}

.wat-we-doen .center h1, .werken-bij-more .center h1, .contact .center h1 {
    font-family: "Myriad Pro Light";
    font-size: 66px;
    height: 66px;
    color: #313131;
    margin: 0 0 6px 0;
    letter-spacing: -1px;
}

.werken-bij-more .center h2 {
    font-family: "Myriad Pro Light";
    font-size: 40px;
    height: 40px;
    color: #313131;
    margin: 20px 0 0 0;
}

.werken-bij-more .center .grid_2 {
    width: 300px;
}

.werken-bij-more h3 {
    font-family: "Myriad Pro Light";
    font-size: 20px;
    height: 20px;
    color: #313131;
}

.wat-we-geloven .center p {
    font-family: "Myriad Pro Regular";
    font-size: 16px;
    color: #313131;
    padding-right: 160px;
    margin-bottom: 20px;
    line-height: 26px;
    -margin-top: -3px;
}

.zelfstandige-professionals h2 {
    margin-top: -5px !important;
    font-size: 43px !important;
    height: 43px !important;
    margin-bottom: 20px !important;
}

.zelfstandige-professionals .center {
    padding-top: 65px !important;
}

.wat-we-geloven .center p.bold {
    font-family: "Myriad Pro Light";
    font-size: 16px;
    color: #313131;
    padding-right: 20px;
    font-weight: bold;
}

.wat-we-geloven .center .logo, .wat-we-doen .center .logo, .werken-bij-more .center .logo, .contact .center .logo {
    position: absolute;
    top: 370px;
    right: 32px;
}

.werken-bij-more .plain {
    height: 215px;
    background: #696a6c;
}

.werken-bij-more .plain p {
    font-family: "Myriad Pro Regular";
    font-size: 16px;
    color: #fff;
    padding: 20px 0 0 20px;
}

.wat-we-doen .center h2 {
    font-family: "Myriad Pro Light";
    font-size: 16px;
    color: #313131;
    padding-right: 20px;
    font-weight: bold;
    margin-top: 24px;
}

.wat-we-doen .center h2.first {
    font-family: "Myriad Pro Light";
    font-size: 40px;
    color: #313131;
    padding-right: 20px;
    font-weight: bold;
    margin-top: -25px;
}

.wat-we-doen .center h1.up {
    font-size: 40px;
    margin-top: -32px;
    letter-spacing: -1px;
}

.homefiller {
    height: 480px;
}

.content .inner .left .subnavigation.full {
    height: 430px;
}

.wie-we-zijn .center h1 {
    font-family: "Myriad Pro Light";
    font-size: 24px;
    height: 24px;
    color: #313131;
    padding-right: 20px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.wie-we-zijn .center h2 {
    font-family: "Myriad Pro Light";
    font-size: 18px;
    height: 18px;
    color: #046EBC;
    font-weight: bold;
    margin: 0;
}

.wie-we-zijn .center h3 {
    font-family: "Myriad Pro Light";
    font-size: 14px;
    height: 14px;
    color: #313131;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.wie-we-zijn .center span {
    margin-right: 10px;
    font-weight: bold;
}

.subnavigation.pinched {
    overflow: auto;
    overflow-x: hidden;
}

.subnavigation.pinched ul {
    padding-top: 0;
}

.subnavigation.pinched li {
    margin-bottom: 0 !important;
}

.subnavigation.pinched a {
    font-size: 14px !important;
}

.wie-we-zijn #linkedin {
    display: block;
    background: transparent url('../images/linkedin.png') no-repeat right;
    padding-right: 30px;
}

.wie-we-zijn .center a#linkedin, .wie-we-zijn .center a#mail {
    display: block;
    float: left;
    margin: 5px 20px 0 0;
    height: 16px;
    padding-top: 1px;
}

.home-button {
    width: 54px;
    height: 23px;
    background: transparent url('../images/home-button.jpg') no-repeat;
    position: fixed;
    top: 0;
    margin-left: 5px;
    z-index: 10;
}

.home-button a {
    font-family: "Myriad Pro Regular";
    font-size: 16px;
    height: 16px;
    color: #fff;
    display: block;
    padding: 3px 6px;
    text-decoration: none;
}

hr {
	width: 590px;
	border: 0;
	border-top: 1px solid #696A6C;
	margin: 20px 0;
}