/*************************/
/* GENERAL WEBSITE STYLE */
/*************************/

  /* DEFAULT STYLES // BEGIN */
  * {
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  #master {
    width: 100%;
    min-height: 100%;
    position: relative;
    background-color: #f3f3f3;
    z-index: 1;
    overflow: hidden;
  }
  html, body {
    height: 100%;
  }
  
/*************************/
/* GENERAL WEBSITE FRAME */
/*************************/
  
  /* TOP FRAME // BEGIN */
  #topBG {
    width: 100%;
    background-color: #ffffff;
  }
  #top {
    width: 92%;
    padding: 12px 4% 13px 4%;
    height: 58px;
    position: relative;
    border-bottom: 1px solid #e3e0df;
    /*overflow: hidden;  */
  }
    /* DESKTOP */
    /*@media (min-width: 1160px) {
      #top {
        width: 1100px;
        margin: 10px auto;
        padding: 0 30px;
      }
    }*/
    
  /* TOP FRAME // BEGIN */
  #mobileMenu,
  #mobileBigBG,
  #mobileBG
  {
    display: none;
  }
    
  /* HEADER FRAME // BEGIN */  
  #headerBG {
    width: 100%;
    height: 86px;
    background: url("../img/header.jpg") repeat-x center -283px transparent;
  }
  #header {
    width: 92%;
    padding: 0px 4%;
    position: relative;
    height: auto;
    overflow: hidden;    
  }
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #headerBG {
        height: 129px;
      }
    }
    /* DESKTOP */
    @media (min-width: 1160px) {
      #header {
        padding: 19px 4%;
      }
    }    
    
  
  /* CONTENT FRAME // BEGIN */
  #contentBG {
    width: 100%;
    background-color: #FFFFFF;
  }
  #content {
    width: 92%;
    padding: 0% 4%;    
    position: relative;
    height: auto;
    overflow: hidden;    
  }
  
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #contentBG {
        background-color: transparent;
      }
    }  
    
    /* DESKTOP */
    /*@media (min-width: 1160px) {
      #content {
        width: 1100px;
        margin: 0 auto;
        padding: 0 30px;
      }
    }*/  

    
  /* CONTENT FORM FRAME // BEGIN */
  #contentFormBG {
    width: 100%;
    background: url("../img/header.jpg") repeat-x center -180px transparent;
  }
  #contentForm {
    width: 92%;
    padding: 0% 4%;    
    position: relative;
    height: auto;
    overflow: hidden;    
  }
  #contentForm #c207 {
    display: none;
  }
      
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #contentFormBG {
        background: none;
      }
      #contentForm {
        margin: 0% 4%;
        padding: 0px 0px;
        background: url("../img/header.jpg") repeat-x center -180px transparent;
      }
      #contentForm #c207 {
        display: block;
      }
      #contentForm #c185 {
        display: none;
      }
    }    
  
  
  /* MOBILE PROJECTS FRAME // BEGIN */
  #mobileProjectsBG {
    width: 100%;
    background-color: #f3f3f3;
  }
  #mobileProjects {
    width: 92%;
    padding: 18px 4% 0px 4%;    
    position: relative;
    height: auto;
    overflow: hidden;    
  }  
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #mobileProjectsBG {
        display: none;
      }
    }    
  
  
  /* BOTTOM BOXES FRAME // BEGIN */
  #bottomBoxesBG {
    width: 100%;
    display: none;
  }
  #bottomBoxes {
    width: 92%;
    padding: 0% 4%;    
    position: relative;
    height: auto;
    overflow: hidden;    
  }  
    
    
  /* FOOTER FRAME // BEGIN */
  #footerBG {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  
  #footerSeoBG{
    width: 100%;
    background-color: #ffffff;
  }  
  #footerSeo {
    width: 92%;
    padding: 20px 4%;  
    position: relative;
    background-color: transparent;
    overflow: hidden;
    height: auto;    
  }
    
  #footerBottomBG {
    width: 100%;
    background-color: #ec008c;
  }
  #footerBottom {
    width: 92%;
    padding: 5px 4%;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    text-align: center;
    height: auto;    
  }  

    
    /* DESKTOP */
    /*@media (min-width: 1160px) {
      #footerSeo {
        width: 1100px;
        margin: 0px auto;
        padding: 20px 30px;
      }
      #footerBottom {
        width: 1100px;
        margin: 5px auto;
        padding: 0 30px;
      }      
    }  */      

/**********************/
/* DEFAULT TEXT STYLE */
/**********************/

  /* HEADER STYLES // BEGIN */
  h1,
  h2,
  h3,
  h4 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    color: #2c2f31;
    line-height: 32px;
  }
  h2 {
    font-size: 20px;
    line-height: 13px;
  }
  h3 {
    font-size: 20px; 
    line-height: 28px;
  }
  h4 {
    font-size: 14px;
    line-height: 10px;
  }
  
  /* HEADER MARGINS // BEGIN */
  .csc-header,
  .csc-textpicHeader {
    margin-bottom: 15px;
  }
  
  /* CONTENT STYLES // BEGIN */
  p, span, div, label, a, dt, dd, strong, b, em, i, u, blockquote, li, th, td, textarea, input {
    font-size: 14px;
    color: #2c2f31;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
  }
  p, a, em, u, i, li, strong, b, th, td {
    line-height: 22px;
  }
  strong, b {
    font-weight: 600;
  }
  
  /* (UN)ORDERED LIST STYLE // BEGIN */
  #content li {
    list-style: square;
    margin-left: 20px;
  }
    #content li.csc-textpic-image {
      margin-left: 0px;
    }
    
  #content ol li {
    list-style: decimal;
    margin-left: 20px;
  }  
  
  /* TABLE STYLE // BEGIN */
  .contenttable {
    border-spacing: 0;
    border-collapse: collapse;
  }
  .contenttable td,
  .contenttable th  {
    vertical-align: top;
    padding-right: 20px;
  }
  .contenttable th {
    font-weight: 600;
  }
  
  /* LINK STYLE // BEGIN */
  a {
    color: #ec008c;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  
  /* TEXT ALIGN // BEGIN */
  .align-left {
    text-align: left;
  }
  .align-right {
    text-align: right;
  }
  .align-center {
    text-align: center;
  }
  .align-justify {
    text-align: justify;
  }
  
  /* TEXT INDENT // BEGIN */
  .indent {
    margin-left: 20px;
  }
  
  /* INPUT FIELDS // BEGIN */
  input,textarea,radio,select {
    -webkit-appearance: none;
    border-radius: 0px;
  }  
  
  
/*************/
/* TOP STYLE */
/*************/  

  /* TOP LOGO // BEGIN */
  #top #topLogo {
    width: 205px;
    /*overflow: hidden;*/
    display: block;
    height: 100%;
    float: left;
  }
    /* IPAD LANDSCAPE */
    @media (min-width: 1024px) {
      #top #topLogo {
        width: 25%;
      }
    }
  
  /* TOP MENU // BEGIN */
  #top #topMenu {
    display: none;
  }  
    /* IPAD LANDSCAPE */
    @media (min-width: 1024px) {
      
      #top #topMenu,
      #topFixed #topMenu {
        float: left;
        display: block;
        width: 75%;
        margin: 23px 0px 0px 0px;
      }
      #top #nav > li,
      #topFixed #nav > li {
        list-style: none;
        float: left;
        margin-left: 25px;
      }
      #top #nav > li > a,
      #topFixed #nav > li > a {
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 18px;
        color: #3d3d3d;
        font-weight: 600;
      }
      #top #nav > li.first,
      #topFixed #nav > li.first {
        margin-left: 0px;
      }
      #top #nav > li.active > a,
      #top #nav > li:hover > a,
      #topFixed #nav > li.active > a,
      #topFixed #nav > li:hover > a {
        color: #ec008c;
      }
      
    }
    
    /* DESKTOP */
    @media (min-width: 1280px) {
      #top #nav > li {
        margin-left: 40px;
      }
    }
      
  /* INFO TOP // BEGIN */
  #infoTopContact {
    display: none;
  }
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #infoTopContact {
        display: block;
        position: relative;
        float: left;
        margin: 18px 0px 0px 54px;
      }
      #infoTopContact > span {
        margin-right: 20px;
        background: url("../img/image-sprite.png") no-repeat 0px 0px transparent;
        display: block;
        padding-left: 37px;
        float: left;
        height: 26px;
        color: #762878;
        padding-top: 4px;
        font-weight: 600;
        font-size: 17px;
      }
        #infoTopContact > span.mail {
          background-position: 0px -36px;
        }      
      
    }
    /* IPAD LANDSCAPE */
    @media (min-width: 1024px) {
      #infoTopContact {
        position: absolute;
        right: 4%;
        margin: 0px;
        top:12px;
      }
      #infoTopContact span {
        float: none;
        padding-top: 3px;
        margin-bottom: 2px;
      }
    }    
  
  /* TOP MOBILE MENU // BEGIN */
  #top #mobileButton {
    display: block;
    width: 70px;
    margin-top: 25px;
    height: 13px;
    cursor: pointer;
    float: right;
    background: url("../img/image-sprite.png") no-repeat -143px -302px transparent;
  }
    /* IPAD LANDSCAPE */
    @media (min-width: 1024px) {
      #top #mobileButton {
        display: none;
      }
    }
  
/*********************/
/* MOBILE MENU STYLE */
/*********************/  
  
  /* BOX STYLE // BEGIN */
  #mobileBigBG {
    background: url("../img/transPink80.png");
    z-index: 97;
    height: 100%;
    width: 100%;
    cursor: pointer;
    position: absolute;
    top: 0px
  }
  #mobileBG {
    position: fixed;
    width: 70%;
    height: auto;
    height: 100%;
    z-index: 98;
    padding: 25px 0px;
    top: 0px;
    right: 0px;
    background-color: #f3f5f8;
    overflow: hidden;
  }
  #mobileMenu {
    position: fixed;
    width: 70%;
    height: auto;
    z-index: 99;
    padding: 25px 0px;
    top: 0px;
    right: 0px;
    background-color: #f3f5f8;
    overflow: hidden;
  }
  
  /* MOBILE MENU // BEGIN */
  #mobMenu ul > li{
    list-style: none;
    position: relative;
  }
  #mobMenu ul > li > a {
    font-size: 15px;
    color: #383a3e;
    display: block;
    height: 22px;
    text-decoration: none;
    width: 90%;
    padding: 7px 5% 5px 5%;
    border-bottom: 1px solid #e4e7eb;
  }
    #mobMenu ul > li.first > a {
      border-top: 1px solid #e4e7eb;
    }
    
  #mobMenu ul > li.sub > span {
    width: 50px;
    position: absolute;
    right: 5%;
    height: 47px;
    top: 0px;
    cursor: pointer;
    display: block;
    background: url("../img/arrowClosed.png") no-repeat 16px 12px transparent;
  }  
    #mobMenu ul > li.sub > span.active {
      height: 34px;
      background: url("../img/arrow.png") no-repeat 16px 14px transparent;
    }
  #mobMenu li #subnav {
    display: none;
  }
  #mobMenu li.active #subnav {
    display: block;
  }
  #mobMenu #subnav > li > a {
    padding: 7px 10% 5px 10%;
    background-color: #FFFFFF;
  }

/**************/
/* FIXED MENU */
/**************/  

  /* CONTENT FIXED MENU // BEGIN */
  #topBGFixed {
    display: none;
  }
  
    /* IPAD LANDSCAPE */
    @media (min-width: 1024px) {
      #topBGFixed {
        width: 100%;
        display: block;
        top: 0px;
  display: none;
        position: fixed;
        z-index:98;
        background-color: #ffffff;
      }
      #topFixed {
        width: 92%;
        padding: 12px 4% 13px 4%;
        height: 58px;
        position: relative;
        border-bottom: 1px solid #e3e0df;
        overflow: hidden;
      }
      #topFixed #topLogo {
        width: 25%;
        overflow: hidden;
        display: block;
        height: 100%;
        float: left;        
      }
      #topFixed #topMenu {
        float: left;
        display: block;
        width: 75%;
        margin: 23px 0px 0px 0px;
      }
      #home #topFixed  #infoTopContact {
        margin-top: 0px;
        padding-top: 2px;
      }
    }
    /* IPAD LANDSCAPE */
    @media (min-width: 1280px) {
      #topFixed #nav > li {
        margin-left: 40px;
      }
    }    
  
/****************/
/* HEADER STYLE */
/****************/  

  /* HEADER TITEL // BEGIN */
  #headerBG #header > h2,
  #headerBG #header > a {
    display: none;
  }
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #headerBG #header > h2 {
        display: block;
        margin-top: 10px;
      }
      #headerBG #header > h2,
      #headerBG #header > h2 p,
      #headerBG #header > h2 u  {
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
      }    
      #headerBG #header > a {
        background-color: #ec008c;
        border: 1px solid #db0482;
        text-transform: uppercase;
        color: #FFFFFF;
        display: inline-block;
        font-size: 14px;
        padding: 3px 11px;
        margin-top: 10px;
      }
      #headerBG #header > a:hover {
        text-decoration: none;
      }
    }    
  
  /* HEADER INFO // BEGIN */
  #infoTopContactMobile {
    width: 325px;
    display: block;
    margin-top: 31px;
    overflow: hidden;
  }
  #infoTopContactMobile > span {
    margin-right: 20px;
    background: url("../img/image-sprite.png") no-repeat 0px 0px transparent;
    display: block;
    padding-left: 37px;
    float: left;
    height: 26px;
    color: #FFFFFF;
    padding-top: 4px;
    font-weight: 600;
    font-size: 17px;
  }
    #infoTopContactMobile > span.mail {
      background-position: 0px -36px;
    }

    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #infoTopContactMobile {
        display: none;
      }
    }
    

/*****************/
/* CONTENT STYLE */
/*****************/

  /* CONTENT LEFT // BEGIN */
  #content #contentLeft {
    display: none;
  }
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #content #contentLeft {
        display: block;
        float: left;
        width: 34%;
        background-color: #FFFFFF;
        margin: 15px 2% 15px 0px;
        padding: 0px;
      }
      #content #contentLeft #submenu {
        display: none;
      }
      #content #contentLeft h3 {
        line-height: 32px;
      }
      #content #contentLeft .projectBlock {
        display: block;
        padding: 10px 20px 10px 20px;
      }      
    }
    
    /* IPAD LANDSCAPE */
    @media (min-width: 1024px) {  
      #content #contentLeft {
        padding: 0px;
        width: 34%;
      }
      #content #contentLeft #submenu h2 {
        line-height: 32px;  
        margin-bottom: 15px;
      }
      #content #contentLeft #submenu {
        width: 100%;
        display: block;
        border-bottom: 15px solid #f3f3f3;  
        width: 90%;
        display: block;
        border-bottom: 15px solid #f3f3f3;
        padding: 10px 20px 10px 20px;        
      }
      #content #contentLeft #submenu li {
        list-style: none;
        color: #2c2f31;
        padding-left: 22px;
        margin-left: 0px;
        background: url("../img/image-sprite.png") no-repeat -1px -351px transparent;
      }
        #content #contentLeft #submenu li:hover,
        #content #contentLeft #submenu li.active {
          background-position: -1px -394px;
        }
        
      #content #contentLeft #submenu li a {
        color: #2c2f31;
      }  
        #content #contentLeft #submenu li a:hover {
          text-decoration: none;
        }
    
    }  
    
    /* DESKTOP */
    @media (min-width: 1280px) {
      #content #contentLeft {
        width: 23%;
      }    
    }    
  
  /* CONTENT RIGHT // BEGIN */
  #content #contentRight {
    width: 100%;
    padding: 20px 0px;
  }  
  #content #contentRight > div {
    margin-bottom: 25px;
    padding: 0px;
  }
  #contentSocial {
    display: block;
    overflow: hidden;
    margin-bottom: 0px!important;
  }  
  #contentSocial > span {
    float: left;
    margin-right: 15px;
  }
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #content #contentRight {
        display: block;
        float: left;
        width: 64%;
        padding: 0px;
        margin: 15px 0px 15px 0px;
        background-color: #FFFFFF;
        padding: 0px
      }
      #content #contentRight > div {
        margin-bottom: 25px;
        padding: 10px 20px 10px 20px;
      }      
      #content #contentRight p > a > img {
        float: left;
        margin-right: 30px;
      }
    }
    /* DESKTOP */
    @media (min-width: 1280px) {
      #content #contentRight{
        width: 75%;
      }
    }    
    
    

    
  
/*********************/
/* CONTENT FORM STYLE */
/*********************/  
  
  /* CONTENT FORM // BEGIN */
  
  
/*************************/
/* LATEST PROJECTS STYLE */
/*************************/  
  
  /* LATEST PROJECTS // BEGIN */  
  #mobileProjects h3 {
    font-size: 20px;
    color: #2c2f31;
    text-transform: uppercase;
    margin-bottom: 25px;
  }
  
/*************************/
/* BOTTOM BOXES // BEGIN */
/*************************/

    #bottomBoxes .boxMore {
      display: none;
    }
  
    /* IPAD POTRAIT */
    @media (min-width: 768px) {
      #bottomBoxesBG {
        display: block;
        margin: 15px 0px;
      }
      #bottomBoxes .csc-textpic-imagecolumn {
        width: 32%;
        margin-left: 2%;
        margin-right: 0px;
      }
      #bottomBoxes .csc-textpic-firstcol {
        margin-left: 0%;
      }
      #bottomBoxes div.csc-textpic-left .csc-textpic-imagewrap {
        float: none;
        width: 100%;
      }
      #bottomBoxes div.csc-textpic .csc-textpic-imagewrap img {
        width: 100%;
        height: auto;
      }
      #bottomBoxes table {
        position: relative;
        width: 100%;
      }
      #bottomBoxes caption {
        position: absolute;
        bottom: 0px;
        text-align: center;
        font-size: 16px;
        width: 92%;
        padding: 4% 4%;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 600;
        background: url("../img/transBlack40.png");      
        
      }

    }  
    
    /* IPAD POTRAIT */
    @media (min-width: 1024px) {
      #bottomBoxes caption {
        padding: 15px 10%;
        height: 41px;
        width: 80%;
        cursor: pointer;
        transition: height 0.5s, background 0.5s, padding-top 0.5s, padding-bottom 0.5s, linear 0s;        
      }
      #bottomBoxes .csc-textpic-imagecolumn:hover caption {
        height: 71%;
        padding-top: 20%;
        padding-bottom: 0px;
        background: url("../img/transPink70.png");
      }
      #bottomBoxes .boxMore {
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        position: absolute;
        bottom: -40px;
        border: 1px solid #FFFFFF;
        display: block;
        padding: 4px 8px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        width: 88px;
        transition: bottom 0.5s, linear 0s;
      }
      #bottomBoxes .csc-textpic-imagecolumn:hover .boxMore {
        display: block;
        bottom: 8%;
      }
      #bottomBoxes caption > a {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
      }
      
    }  
    /* DESKTOP BIG */
    @media (min-width: 1370px) {
      #bottomBoxes caption {
        height: 19px;
      }
    }
  
/****************/
/* FOOTER STYLE */
/****************/  

  /* FOOTER SEO // BEGIN */
  #footerSeo > div {
    display: none;
  }
  #footerSeo > #c190{
    display: block;
  }
  #footerSeo h3 {
    color: #2c2f31;
    font-size: 20px;
    margin-bottom: 20px;
  }
  #footerSeo > div li,
  #footerSeo > div a,
  #footerSeo > div p {
    list-style: none;
    color: #2c2f31;
    font-size: 16px;
  }
  #footerSeo #c190 li {
    list-style: none;
    padding: 3px 0px 5px 39px;
    background: url("../img/image-sprite.png") no-repeat 0px -145px transparent;
    margin-top: 15px;
  }
    #footerSeo #c190 li.mail {
      background-position: 0px -103px;
    }
    
    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #footerSeo > div {
        display: block;
        float: left;
        width: 25%;
      }
      #footerSeo #c179 {
        display: none;
      }
      #footerSeo #c177,
      #footerSeo #c178 {
        margin-top: 44px;
      }
      #footerSeo h3 {
        color: #2c2f31;
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 10px;      
      }
      #footerSeo .csc-header, #footerSeo .csc-textpicHeader {
        margin-bottom: 10px;
      }
      
    }
    
    /* IPAD PORTRAIT */
    @media (min-width: 1024px) {
      #footerSeo #c179 {
        display: block;
        margin-top: 44px;
      }

      #footerSeo #c176 {
        width: 21%;
        padding-right: 1%;
      }  
      #footerSeo #c177 {
        width: 18%;
        padding-right: 1%;
      }  
      #footerSeo #c178 {
        width: 14%;
        padding-right: 1%;
      }  
      #footerSeo #c179 {
        width: 23%;
        padding-right: 1%;
      }  
      #footerSeo #c190 {
        width: 20%;
      }        
    }
    
    /* IPAD PORTRAIT */
    @media (min-width: 1280px) {
      #footerSeo #c176 {
        width: 20%;
        padding-right: 1%;
      }  
      #footerSeo #c177 {
        width: 17%;
        padding-right: 1%;
      }  
      #footerSeo #c178 {
        width: 13%;
        padding-right: 1%;
      }  
      #footerSeo #c179 {
        width: 22%;
        padding-right: 1%;
      }  
      #footerSeo #c190 {
        width: 24%;
      }  
      #footerSeo #c190 li {
        float: left;
      }
        #footerSeo #c190 li.phone {
          margin-right: 13px;
        }
      
    }    
    
  /* FOOTER BOTTOM // BEGIN */
  #footerBottom a,
  #footerBottom p {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
  }


  
/********************/
/* PAGE: HOME STYLE */
/********************/

  /* TURN OFF BLOCKS // BEGIN */
  #home #header #headerBlock,
  #home #header #slideshow,
  #home #content #contentDiensten,
  #home #bottomBoxesBG {
    display: none;
  }
  
  /* HOME TOP // BEGIN */
  #home #topBG {
    background: url("../img/transBlack50.png");
    z-index: 2;
    position: relative;
    margin-bottom: 86px;    
  }
  #home #top {
    border: 0px;
    height: 84px;
    padding: 0px 6% 0px 4%;
    width: 90%;
    background: url("../img/whiteBlock.jpg") no-repeat;
  }
  #home #top #topLogo {
    background-color: #FFFFFF;
  }
  #home #top #topLogo img { margin-top: 10px; }
  #home #top #mobileButton {
    background-position: 0px -302px;
    margin-top: 37px;
  }
  
  /* HOME HEADER // BEGIN */
  #home #headerBG {
    height: 170px;
    top: 0px;
    position: absolute;
    z-index: 1;  
  }
  #home #infoTopContactMobile {
    margin-top: 113px;
  }
  
  /* HOME DIENSTEN // BEGIN */
  #mobileDienstenBG {
    width: 100%;
  }
  #mobileDiensten {
    width: 92%;
    padding: 20px 4% 20px 4%;
    position: relative;
    height: auto;
    overflow: hidden;  
    background-color: #FFFFFF;
  }
  #mobileDiensten ul > li {
    list-style: none;
    padding-left: 32px;
    background: url("../img/image-sprite.png") no-repeat 0px -422px transparent;
  }
  
  /* HOME SEO FOOTER // BEGIN */
  #home #footerSeoBG {
    background-color: transparent;
  }
  #home #footerSeo {
    width: 100%;
    padding: 20px 0px 0px 0px;
  }
  #home #footerSeo > div {
    display: block;
    width: 92%;
    padding: 0px 4%;
  }
  #home #footerSeo #c190 {
    background-color: #FFFFFF;
    margin-top: 20px;
    padding: 20px 4%;
  }
  
  #home #headerBlock img {
    display: none;
  }
  #home #iPadDienstenBG {
    display: none;
  }

    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
    
      /* TOP // BEGIN */
      #home #infoTopContact {
        margin: 30px 0px 0px 54px;
      }
      #home #infoTopContact > span {
        color: #FFFFFF;
      }
      #home #top #topLogo {
        background-color: transparent;
        padding-top: 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
      }
      #home #top #topLogo img {
		margin: 0;
        display: block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;        
      }
      #home #top {
        background: none;
      }
      #home #topBG {
        margin-bottom: 209px;
      }
    
      /* HEADER - SLIDESHOW // BEGIN */
      #home #header {
        width: 100%;
        padding: 0px;
        height: 293px;
      }
      #home #headerBG {
        height: 293px;
        background: none;
      }
      #home #header #headerBlock {
        position: absolute;
        z-index: 98;
        left: 0px;
        right: 0px;    
        display: block;
        width: 450px;
        text-align: center;
        margin: 110px auto 0px auto;
      }
      #home #header #headerBlock p,
      #home #header #headerBlock u {
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
      }
      #home #header #headerBlock a {
        background-color: #ec008c;
        border: 1px solid #db0482;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        padding: 3px 11px;
        color: #FFFFFF;
        margin-top: 20px;
      }
      #home #header #headerBlock a:hover {
        text-decoration: none;
      }
      #home #headerBG #slideshow {
        display: block;
      }

    
      /* DIENSTEN // BEGIN */
      #home #mobileDienstenBG {
        display: none;
      }
      #home #iPadDienstenBG {
        width: 100%;
      }
      #home #iPadDiensten {
        width: 88%;
        margin: 0px 4% 15px 4%;
        padding: 15px 2%;
        overflow: hidden;
        background-color: #FFFFFF;
      }
      #home #iPadDiensten li {
        list-style: none;
        width: 22%;
        float: left;
        padding-left: 3%;
        background: url("../img/image-sprite.png") no-repeat 0px -422px transparent
      }
      
      /* BOTTOM BOXES // BEGIN */
      #home #bottomBoxesBG {
        display: block;
      }
      
      /* SEO FOOTER // BEGIN */
      #home #footerSeoBG {
        background-color: #FFFFFF;
      }
      #home #footerSeo {
        padding: 0px;
      }
      #home #footerSeoBG {
        width: 92%;
        padding: 20px 4%;
      }
      #home #footerSeo > div {
        display: block;
        float: left;
        width: 25%;
        padding: 0px;
      }
      #home #footerSeo #c179 {
        display: none;
      }
      #home #footerSeo #c190 {
        padding: 0px;
        margin: 0px;
      }
      
    }
    /* IPAD LANDSCPAE */
    @media (min-width: 1024px) {
    
      /* TOP STYLE */
      #home #top #nav > li > a {
        color: #FFFFFF;
      }
      #home #top #nav > li:hover > a,
      #home #top #nav > li.active > a {
        color: #ec008c;
      }
      #home #top #topMenu {
        margin: 33px 0px 0px 0px;
      }
      #home #infoTopContact {
        margin: 5px 0px 0px 54px;
        width: 147px;
        padding: 7px 0px 0px 9px;
        height: 64px;
        top: 0px;
        background-color: #FFFFFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;      
    /*transform: scale(1.3);
    -webkit-transform: scale(1.3);*/
    /*margin-top: 20px;*/
    margin-right: 40px;
      }
      #home #infoTopContact > span {
        color: #762878;
        font-size: 14px;
      }
      #home #topBG {
        margin-bottom: 426px;
      }      

      /* HEADER STYLE */
      #home #headerBG,
      #home #header,
      #home .csc-textpic-center-outer {
        height: 510px!important;
      }
      
      #home #header #headerBlock {
        width: 652px;  
        margin: 185px auto 0px auto;
      }
      #home #header #headerBlock img {
        float: left;
        display: block;
        width: 178px;
        border: 2px solid #FFFFFF;      
      }
      #home #header #headerBlock > div {
        float: left;
        width: 450px;
        text-align: left;
        margin-left: 20px;
        height: 136px;
        overflow: hidden;    
      }
      #home #header #headerBlock > div p:first-child {
        margin-top: -7px;
      }
      #home #header #headerBlock > div a {
        line-height: 30px;
        margin-top: 8px;
      }      
      #home #header #slideshow img {

      }
      
      /* DIENSTEN IPAD */
      #home #iPadDienstenBG {
        display: none;
      }
      
      /* CONTENT */
      #home #content #contentLeft {
        width: 24%;
        min-height: 420px;
      }
      #home #content #contentRight {
        width: 48%;
        margin-right: 2%;
        min-height: 420px;
      }
      #home #content #contentRight p > a > img {
        margin-right: 20px;
      }
      #home #content #contentDiensten {
        width: 24%;
        display: block;
        float: left;
        background-color: #FFFFFF;
        margin: 15px 0px 15px 0px;
        padding: 0px;
        min-height: 420px;
      }
      #home #content #contentDiensten > div {
        padding: 10px 20px 10px 20px;
      }
      #home #content #contentDiensten h3 {
        line-height: 32px;        
      }
      #home #content #contentDiensten li {
        padding-left: 34px;
        margin-left: 0px;
        background: url("../img/image-sprite.png") no-repeat 0px -422px transparent;
        list-style: none;
      }
      
      
    }
    /* DESKTOP */
    @media (min-width: 1200px) {
	#home #top #topLogo { padding: 0; }
    #home #top #topLogo img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    margin-left: 30px;
    margin-top: 20px;
    }
    #home #infoTopContact {
    margin-top: 8px;
    height: 85px;
    width: 191px;
    }
    #home #infoTopContact > span{
    background:url("../img/contactgegevens.png") no-repeat 0px -9px transparent;
    padding: 6px 0;
    padding-left: 44px;
    font-size: 18px;
    }
    #home #infoTopContact > span.mail {
    background-position: 0px -48px;
    }
    }  

/***********************/
/* PAGE: CONTACT STYLE */
/***********************/

  /* CONTACT FORM // BEGIN */
  #contact #contentFormBG {
    display: none;
  }
    /* IPAD LANDSCPAE */
    @media (min-width: 1024px) {
      
    }
    /* DESKTOP */
    @media (min-width: 1160px) {
      
    }    
    
/************************/
/* PAGE: PROJECTS STYLE */
/************************/

  /* LATEST PROJECTS // BEGIN */
  #projects #mobileProjectsBG {
    display: none;
  }

    /* IPAD PORTRAIT */
    @media (min-width: 768px) {
      #projects #content #contentRight  .news-list-container > a #itemImage {
        float: left;
        width: 25%;
        margin-right: 3%;
      }  
      #projects #content #contentRight .news-list-container > a #itemText {
        width: 72%;
      }
    }
    /* IPAD LANDSCPAE */
    @media (min-width: 1024px) {
    
    }
    /* DESKTOP */
    @media (min-width: 1280px) {
      #projects #content #contentRight  .news-list-container > a #itemImage {
        width: 12%;
        margin-right: 2%;
      }  
      #projects #content #contentRight .news-list-container > a #itemText {
        width: 86%;
      }      
    }