
body {
   background-color: #c9d0d3;
}

.siteWidth {
   width: 940px;
   margin: 0 auto;
   position: relative;
}

#top {
   height: 87px;
   background: url(../gfx/bgTop.gif) top center repeat-x;
}
   #logo {
      display: block;
      height: 33px;
      width: 388px;
      position: absolute;
      top: 31px;
      left: 16px;
   }
   #topMenu {
      position: absolute;
      top: 8px;
      right: 46px;
   }
      #topMenu ul {
         margin: 0;
      }
      #topMenu a {
         padding: 2px 9px;
         font-size: 15px;
         color: #fff;
         text-decoration: none;
      }
         #topMenu a:hover {
            text-decoration: underline;
         }
         #topMenu .active a {
            color: #1699dd;
         }
   #englishFlag {
      position: absolute;
      top: 14px;
      right: 25px;
      display: block;
   }

#mainMenuBar {
   height: 45px;
   border-bottom: 1px solid #c7c9c9;
   background: #f5f7f7;
}
   #mainMenu {}
      #mainMenu ul {
         margin: 0;
      }
      #mainMenu li {
         border-left: 1px solid #f5f7f7;
         border-right: 1px solid #f5f7f7;
      }
         #mainMenu li.active {
            border-color: #a3a5a6;
            background-color: #e6e7e7;
         }
      #mainMenu a {
         padding: 10px 16px 3px 16px;
         height: 32px;
         color: #40494e;
         font-size: 20px;
         text-decoration: none;
      }
         #mainMenu a:hover {
            text-decoration: underline;
         }
         #mainMenu .active a {
            color: #1699dd;
         }

#header {
   height: 209px;
   padding: 8px 0;
   border-bottom: 1px solid #4b4e4e;
   background: url(../gfx/bgHeader.jpg) top center no-repeat #76797b;
}
   #header .siteWidth {}

#headerHome {
   position: relative;
   height: 209px;
   padding: 8px 0;
   border-bottom: 1px solid #4b4e4e;
   background: url(../gfx/bgHeaderHome.jpg) top center no-repeat #76797b;
}
   #headerHome ul {
      margin: 0;
   }
   #headerHome li {
      display: none;
      list-style: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 8;
   }
      #headerHome li.active  {
         display: block;
         z-index: 10;
      }
      #headerHome li.last-active  {
         display: block;
         z-index: 9;
      }
#moreReferences {
   position: absolute;
   bottom: 0;
   right: 0;
}


#main {
   padding-bottom: 10px;
   background-color: #f5f7f7;
}
   .mainContent {
      position: relative;
      padding: 32px;
      border-left: 1px solid #cad1d4;
      border-right: 1px solid #cad1d4;
      border-bottom: 1px solid #cad1d4;
      background-color: #fff;
   }
   #subMenu,
   #hasSubMenu {
      float: left;
      display: inline;
   }
   #hasSubMenu {
      width: 638px;
   }
   #subMenu {
      width: 200px;
      margin-left: 32px;
      border: 2px solid #cad1d4;
      background-color: #f5f7f7;
   }
      #subMenu ul {
         margin: 0;
         padding: 3px 0;
      }
         #subMenu a {
            padding: 2px 0 2px 8px;
            width: 192px;
            color: #515D63;
            text-decoration: none;
         }
            #subMenu a:hover {
               text-decoration: underline;
            }
            #subMenu .active a {
               color: #1699DD;
            }
      #joostTijssenZit {
         display: block;
         position: absolute;
         bottom: -35px;
         left: 6px;
      }
      #mainText {
         margin-top: 30px;
         margin-left: 240px;
      }
      /*#homeReferenties {
         display: block;
         width: 276px;
         height: 180px;
         position: absolute;
         right: 0;
         top: 20px;
      }*/
   
#footer {
   height: 65px;
   background: url(../gfx/bgFooter.gif) top center repeat-x;
}
   #qforma,
   #footer .subText {
      margin-top: 6px;
   }
      #qforma,
      #footer #qforma a {
         font-size: 10px;
         color: #666;
      }
      .subText,
      #footer .subText a {
         font-size: 11px;
         color: #666;
      }
   #contactLeft,
   #contactRight {
      float: left;
      display: inline;
      margin-top: 32px;
   }
   #contactLeft {
      width: 530px;
      margin-left: 36px;
   }
   #contactRight {
      width: 352px;
      margin-right: 22px;
      text-align: right;
   }
   #footer a {
      color: #292c2d;
      text-decoration: underline;
   }
      #footer a:hover {
         text-decoration: none;
      }




.menu {
   list-style: none;
}
   .menu li,
   .menu a {
      float: left;
      display: inline;
   }

.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}

.nbsp {
   white-space: nowrap;
}
