@import url(http://fonts.googleapis.com/css?family=PT+Sans:regular,bold&subset=latin);

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold&subset=latin);



html {

    height: 100%;

    margin: 0;

    padding: 0;

}



strong {

    font-weight: bolder !important;

}



body {

    font-family: "PT Sans Narrow", Arial, sans-serif;

    line-height: 18px;

    background-color: #dedede;

    background-image: url(/images/gradient.png);

    background-repeat: no-repeat;

    background-position: center top;

    background-attachment: fixed;

    height: 100%;

    margin: 0;

    padding: 0;

}



a {

    color: #00bce4;

    text-decoration: underline;

}



a:hover {

    text-decoration: none;

}



#bg {

    background-image: url(/images/bg.gif);

    z-index: -1;

}



span.error {

    color: red;

    font-weight: bold;

}



span.ok {

    font-weight: bold;

}



input.error, textarea.error {

    border: 1px solid red;

}



.pageinfo {

    width: 300px;

}



.container {

    margin-top: -29px !important;

    padding-top: 29px !important;

}



.clear {

    clear: both;

}



.floatright {

    float: right;

}



.floatleft {

    float: left;

}



.wrapper {

    width: 941px;

    margin: 0 auto;

    padding-left: 13px;

}



.spacer {

    padding-bottom: 44px;

}



header {

    left: 0px;

    top: 0px;

    background: #2e2e2e;

    position: fixed;

    width: 100%;

    height: 28px;

    border-bottom: 1px solid #818181;

    color: #FFF;

    font-weight: bold;

    z-index: 3;

}



header ul {

    position: relative;

}



header ul li {

    height: 28px;

    float: left;

        z-index: 1001;

}



header ul li nav {

    position: absolute;

    left: 894px;

    top: 65px;

    z-index: 1001;

    display: none;

}



header ul li nav button {

    width: 22px;

    height: 22px;

    border: 0;

    display: block;

    cursor: pointer;

}



header ul li nav button.left {

    background: url(/images/button-left.png);

}



header ul li nav button.right {

    margin-top: 10px;

    background: url(/images/button-right.png);

}



header ul li a {

    margin: 6px 0 0 0;

    padding-right: 33px;

    background: url(/images/header-li.png) 0px center no-repeat;

    display: block;

    text-decoration: none;

}



header ul li a:hover {

    background-position: -17px center;

}



header ul li:hover ul {

    z-index: 1010;

}



header ul li ul, header ul li form {

    position: absolute;

    background: #2e2e2e;

    top: 28px;

    height: 100px;

    left: 0px;

    padding: 11px;
    
    z-index: 9999;

}

header ul li form ul {
    display: block;
    width: auto;
    position: static;
}



header ul li ul li {

    float: left;

    width: 290px;

    padding-top: 12px;

    display: none;

    position: relative;
    height: auto;

}

header ul li form ul li {
    display: block;
    float: none;
    width: auto;
    padding: 0;
}


header ul li ul li a {
    background: none;
}



header ul li form {

    left: auto;

    height: auto;

}



header ul li ul li img, header ul li ul li a {

    float: left;

    display: block;

    padding-left: 10px;

}



header ul li#nieuwsbrief form {



}



header ul li#nieuwsbrief button {

    background: #706f6f;

    border: 0;

    color: #FFF;

}



header ul li#nieuwsbrief ul li {

    margin: 0.5em 0;

}



header ul li#nieuwsbrief p {

    font-size: 14px;

    font-weight: normal;

}



header ul li ul li div h3, header ul li#twitterfeed ul li span.item h5 {

    font-size: 14px;

    color: #FFF;

    font-weight: normal;

}



header ul li ul li div, header ul li#twitterfeed ul li span.item {

    display: block;

    width: 188px;

    height: 65px;

    background: url(/images/header-item.png);

    margin-left: 65px;

    color: #7a7979;

    font-size: 11px;

    font-family: "PT Sans";

    line-height: 12px;

    padding: 10px;

    padding-top: 5px;

    padding-left: 19px;

}



header ul li#twitterfeed ul li span.tweet_time {

    position: absolute;

    left: 210px;

    top: 10px;

    width: 80px;

}

header ul li#twitterfeed ul li span.tweet_time a {

    color: #000;

    font-weight: normal;

    text-decoration: none;

    font-size: 11px;

}



header ul li ul li div p a, header ul li#twitterfeed ul li span.item p a {

    color: #FFF;
    margin: 0;
    padding: 0;
    text-decoration: none;
    float:none;
    display: inline;
}

header ul li ul li a {

    color: #FFF;
    margin: 0;
    padding: 0;
    text-decoration: none;
    float:none;
    display: inline;
}




header ul li a h2 {

    margin-left: 17px;

    padding-left: 4px;

    background: #2e2e2e;

    cursor: pointer;

    color: #FFF;

    text-decoration: none;

}



header ul li ul, header ul li form {

    display: none;

}



h1 {

    font-size: 24px;

    line-height: 25px;

    font-weight: bold;

    text-transform: uppercase;

}



.logo {

    margin: 58px 0 45px 0;

    display: block;

}



aside {

    width: 184px;

    float: left;

}



aside nav {

    padding-left: 7px;    

}



aside h2 {

    padding-left: 7px;    

    font-size: 24px;

    color: #2e2e2e;

    margin-bottom: 18px;

    margin-top: 34px;

}



aside nav#mainmenu {

    margin-bottom: 170px;

}



aside nav#mainmenu a {

    display: block;

    height: 25px;

    margin-bottom: 5px;

    font-size: 24px;

    line-height: 24px;

    color: #2e2e2e;

    text-decoration: none;

    background: url(/images/mainmenu-hover.png) -185px 0px no-repeat;

    padding-left: 7px;

    margin-left: -7px;

}



aside nav#mainmenu a:hover, aside nav#mainmenu a.active {

    display: block;

    height: 25px;

    margin-bottom: 5px;

    font-size: 24px;

    color: #FFF;

    text-decoration: none;

}



aside nav#mainmenu a.active {

    background: url(/images/mainmenu-hover.png) 0px 0px no-repeat;    

}



aside nav#more {

    margin-bottom: 25px;

}



aside nav#more a {

    font-size: 16px;

    color: #2e2e2e;

    display: block;

    line-height: 29px;

    padding-left: 24px;

    background: url(/images/arrow.png) 0px 11px no-repeat;

    text-decoration: none;

}



aside div#testimonials {

    padding-left: 7px;

}



aside div#testimonials div {

    font-size: 14px;

    margin-bottom: 18px;

}



aside div#testimonials div span {

    color: #747575;

    font-style: italic;

}



hgroup {

    padding: 0 23px;

}



hgroup h2 {

    font-size: 14px;

    text-transform: uppercase;

}



hgroup h2 a {

    text-decoration: none;

    color: #2e2e2e;

}



#social-share {

    position: absolute;

    left: -5px;

    top: -25px;

    width: 200px;

}



#portfolio-detail #social-share {

    position: absolute;

    right: 27px;

    top: 0px;

}



#dropdown {

    margin-right: 23px;

    position: relative;

    padding-left: 6px;

    margin-bottom: 4px;

}



#dropdown button {

    background: url(/images/arrow_down.jpg) left top no-repeat;

    width: 17px;

    height: 17px;

    position: absolute;

    left: -17px;

    border: 0;

}



#dropdown div {

    background: #2e2e2e;

    width: 196px;

    font-size: 12px;

    line-height: 17px;

    color: #FFF;

    padding: 0px 5px;

    text-transform: uppercase;

}



#dropdown menu {

    list-style: none;

    padding-top: 3px;

    display: none;

    position: absolute;

    z-index: 2;

    width: 206px;

}



#dropdown menu li {

    margin: 0;

    padding: 0px 5px;

    font-size: 12px;

    line-height: 17px;

    color: #FFF;

    background: #2e2e2e;

    cursor: pointer;

    display: block;

}



#dropdown menu li a {

    font-size: 12px;

    line-height: 17px;

    color: #FFF;

    text-decoration: none;

}



#dropdown menu li.selected {

    background: #c8c7c7;

}



article {

    width: 711px;

    padding: 23px 23px 66px 23px;

    float: left;

    position: relative;

}



article.sitemap ul.sitemap {

    margin: 0;

    padding: 0;

}



article.sitemap ul.sitemap ul {

    padding-top: .5em;

    padding-bottom: .5em;

}



article.sitemap ul.sitemap li a {

    color: #2e2e2e;

    text-decoration: none;

    font-size: 20px;

    line-height: 30px;

}



article.sitemap ul.sitemap li a:hover {

    text-decoration: underline;

}



article.sitemap ul.sitemap ul ul li a {

    font-size: 18px;

}



article.sitemap ul.sitemap ul ul ul li a {

    font-size: 16px;

}



article.sitemap ul.sitemap ul ul {

    padding-top: 0;

    padding-bottom: 0;

    padding-left: 2em;

}



article#portfolio-detail section {

    background-color: #FFF;

    float: left;

    margin-bottom: 8px;

}



article#portfolio-detail section img {

    border: 3px solid #c8c7c7;
    display: block;

}



article#portfolio-detail menu {

    float: left;

    list-style: none;

    margin-left: 4px;

    margin-bottom: 8px;

}



article#portfolio-detail menu li img {

    margin-bottom: 2px;

    border: 3px solid #c8c7c7;

    cursor: pointer;

}



article#portfolio-detail menu li img.active {

    border: 3px solid #2e2e2e

}

article#portfolio-detail div#itemswrapper a {

    display: block;

    background: #2e2e2e;

    color: #fefefe;

    text-decoration: none;

    padding: 1px 10px;

    height: 18px;

}



article#portfolio-detail div#itemswrapper a.bekijk {

    margin-left: 370px;

    width: 138px;

}



article#portfolio-detail div#itemswrapper a.terug {

    position: absolute;

    right: 7px;

    top: 0px;

}



article#portfolio-detail div#itemswrapper ul#list {

    width: 335px;

    height: 20px;

    overflow: hidden;

    background: #FFF url(/images/listdown.png) right top no-repeat;

    position: absolute;

    left: 0px;

    top: 0px;

}



article#portfolio-detail div#itemswrapper ul#list:hover {

    background: #FFF url(/images/listup.png) right top no-repeat;

}



article#portfolio-detail div#itemswrapper ul#list li {

    width: 359px;

    font-size: 14px;

    line-height: 20px;

    color: #8c8b8b;

    text-transform: uppercase;

}



article#portfolio-detail div#itemswrapper ul#list li a {

    width: 359px;

    font-size: 14px;

    color: #8c8b8b;

    text-transform: uppercase;

    color: #8c8b8b;

    height: 14px;

    line-height: 14px;

    text-decoration: none;

    padding: 3px 6px;
    background: #fff;

}



article#portfolio-detail div#itemswrapper ul#list li a {

    display: none;

}



article#portfolio-detail div#itemswrapper ul#list li a:hover, article#portfolio-detail div#itemswrapper ul#list li a.active {

    color: #2e2e2e;

    display: block;

}



article#portfolio-detail div#itemswrapper ul#list li ul {

    margin-left: 35px;

}



article#portfolio-detail div#itemswrapper {

    position: relative;

}



article#portfolio-detail #info {

    position: absolute;

    left: 335px;

    top: 0px;

}



article#portfolio-detail #info #collapse {

    position: absolute;

    margin: 0 8px;

    left: 0px;

    top: 0px;

}



article#portfolio-detail #info div {

    background: url(/images/infoarrow.png) 348px top no-repeat;

    padding-top: 8px;

    width: 528px;

    position: absolute;

    left: -335px;

    top: 20px;

}



article#portfolio-detail #info div div {

    background: #2e2e2e;

    padding: 10px;

    font-size: 14px;

    color: #FFF;
    position: static;
    left: auto;
    top: auto;

}



article#portfolio-detail #info #text {

    display: none;

}



div#background-wrapper {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: -1;

    overflow: hidden;

}



div#background-wrapper img#background {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 1920px;

    height: 1080px;

    margin-left: -960px;

    margin-top: -540px;

}



article#default {

    width: 657px;

    border: solid 4px #2e2e2e;

    line-height: 22px;

    margin: 23px;

    background: #FFF;

}



article#contact iframe {

    border: 3px solid #2e2e2e;

    margin-bottom: 4px;

}



article#contact div {

    height: 22px;

    float: left;

}



article#contact div#form {

    width: 213px;

    padding-left: 27px;

    position: relative;

}



article#contact div#form div {

    background: #2e2e2e;

    min-height: 22px;
    float: none;

}

article#contact div#form div span {
    padding-left: 5px;
}

article#contact div#form div form {

    padding: 0 5px;
    display: none;
    background: #2e2e2e;

}



article#contact div#form.errors div form {

    display: block;

}



article#contact div#form.errors span {

    display: none;

}



article#contact div#form div form ul {

    padding: 8px 3px;

}



article#contact div#form div form ul li {

    margin: 0;

    padding: 0;

}



article#contact div#form div form ul li button {

    width: 92px;

    margin: 0;

    padding: 0;

    border: 0;

    padding: 3px;

}



article#contact div#form div.errors {

    font-size: 14px;

    color: #FFF;

    padding: 5px;

    font-weight: bold;

}



article#contact div#form div form ul li button.first {

    margin-right: 8px;

    background: #b0afaf;

    color: #FFF;

}



article#contact div#form div form ul li input, article#contact div#form div form ul li textarea {

    margin: 0;

    padding: 0;

    margin-bottom: 8px;

    width: 189px;

    border: 0;

    padding: 3px;

    font-size: 14px;

    color: #2e2e2e;

    font-family: "PT Sans Narrow";

}



article#contact div#form div form ul li input.error, article#contact div#form div form ul li textarea.error {

    border: 3px solid #F00;

    width: 183px;

}



article#contact div#form img#formslide {

    position: absolute;

    left: 0px;

    top: 0px;

}



article#contact div#skype {

    width: 441px;

    margin-left: 8px;

    position: relative;

    background: #2e2e2e;

    padding: 0 5px;

}



article#contact div#skype #skype-image {

    position: absolute;

    right: -18px;

    top: -16px;

}



article#contact div#skype a {

    text-decoration: none;

}



article#contact div#skype span.skypestatus {

    margin-left: 30px;

}



article#contact div span {

    font-size: 14px;

    line-height: 22px;

    color: #FFF;

}



section.cfo {

    width: 657px;

    border: solid 4px #2e2e2e;

    line-height: 22px;

    margin: 23px;

    margin-top: 0px;

    background: #FFF;

    float: right;

    padding: 23px;

}



section.cfo h1 {

    font-weight: normal;

    font-size: 18px;

}



section.cfo textarea {

    height: 77px;

    margin-right: 10px;

    margin-left: 10px;

    width: 335px;

}



section.cfo input {

    margin-top: 5px;

}



section.cfo textarea, section.cfo input {

    border: 1px solid #2e2e2e;

    padding: 2px;

    font-family: "PT Sans Narrow";

}



section.cfo div button, section.cfo div a {

    display: block;

    background: #2e2e2e;

    border: 0;

    color: #FFF;

    font-size: 12px;

    text-align: center;

    text-decoration: none;

}



section.cfo div a.portfolio {

    width: 94px;

}



section.cfo div a.terug {

    width: 71px;

    margin-left: 5px;

}



section.cfo div button.verzenden {

    font-size: 18px;

    font-weight: bold;

    width: 171px;

    height: 55px;

    margin-top: 5px;

}



footer {

    height: 34px;

    background: #2e2e2e;

    position: fixed;

    bottom: 0px;

    width: 100%;

    padding: 9px 0 0 0px;

}



footer div nav a, footer div nav {

    color: #9c9c9c;

    font-size: 12px;

    text-decoration: none;

}



footer div nav a:hover {

    color: #FFF;

}



footer div span.copyright {

    color: #5f5f5f;

    font-size: 12px;

    position: relative;

    top: -5px;

}



footer div nav.social-media {

    float: right;

    width: 300px;

    margin-top: -9px;

    margin-right: 8px;

}



footer div nav.social-media span {

    float: left;

    border-right: 1px solid #5a5959;  

    display: block;

    height: 48px;

    width: 75px;

    font-size: 14px;

    vertical-align: middle;

    line-height: 40px;

}



footer div nav.social-media ul {

    overflow: hidden;

}



footer div nav.social-media ul li {

    float: left;

    display: block;

}



footer div nav.social-media ul li a {

    display: block;

    background: blue;

    width: 55px;

    background:url(/images/social-media-icons.png) 0px 0px;

    height: 48px;

    border-right: 1px solid #5a5959;

}



footer div nav.social-media ul li.youtube a {

    background-position: 0px 0px;

}



footer div nav.social-media ul li.facebook a {

    background-position: 100px 0px;

}



footer div nav.social-media ul li.twitter a {

    background-position: 50px 0px;

}



footer div nav.social-media ul li.linkedin a {

    background-position: 150px 0px; 

}



footer div nav.social-media ul li.youtube a:hover {

    background-position: 0px -84px;

}



footer div nav.social-media ul li.facebook a:hover {

    background-position: 100px -84px;

}



footer div nav.social-media ul li.twitter a:hover {

    background-position: 50px -84px;

}



footer div nav.social-media ul li.linkedin a:hover {

    background-position: 150px -84px;

}