/* commented backslash hack \*/ 
html, body { height: 100%; } 
/* end hack */
* html .siteContainer { height: 100%; }

body{
   position: relative;
   min-height: 100%;
}

.siteContainer {
   position: relative;
   min-height: 100%;
   height: auto;
   width: 100%;
   margin: 0 auto;
   z-index: 3;
   min-width: 980px;
   overflow: hidden;
   background: url(../gfx/bgSiteBottom.gif) 50% 100% no-repeat #fff;
}

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

#header {
   position: relative;
   height: 263px;
   background: url(../gfx/headers/1.jpg) top center no-repeat #4c302c;
}
   #lijnRightTop{
      position: absolute;
      top: 0px;
      right: 0px;
      width: 389px;
      height: 263px;
      background: url(../gfx/lijnRightTop.png) top right no-repeat;
   }
   #lijnLeftTop{
      position: absolute;
      top: 0px;
      left: 0px;
      width: 95px;
      height: 165px;
      background: url(../gfx/lijnLeftTop.png) top right no-repeat;
   }
   #lijnRightBottom{
      position: absolute;
      top: 263px;
      right: 0px;
      width: 372px;
      height: 211px;
      background: url(../gfx/lijnRightBottom.png) top right no-repeat;
   }
      #header .siteWidth {
         height: 263px;
      }
   #logo {
      position: absolute;
      top: 70px;
      left: 8%;
      z-index: 30;
   }
   #mainMenu {
      position: absolute;
      right: 0;
      bottom: 0;
   }
      #mainMenu a {
         padding: 10px 8px 8px 9px;
         color: #fff;
         font-size: 18px;
         text-decoration: none;
         letter-spacing: 0;
      }
         #mainMenu .active a {
            color: #006c55;
            background-color: #fff;
         }

#main {
   padding: 38px 0 50px;
   min-height: 204px;
   margin: 0 auto;
   /*background: url(../gfx/bgSiteTopRight.gif) top right  no-repeat;*/
}
   .column {
      float: left;
      display: inline;
   }
   .smallColumn{
      width: 196px;
   }
   .wideColumn {
      width: 438px;
      margin: 0 30px;
   }
   .verywideColumn {
      width: 630px;
      margin: 0 30px;
   }
   .lineOverview {
      width: 600px;
      height: 1px;
      margin: 10px 0 20px;
      background: #ccc;
   }
      #twoColumnContainer .wideColumn {
         margin: 0;
      }
      #twoColumnContainer #rightColumn {
         margin-left: 14px;
      }
      .wideCenter #rightColumn {
      display: none;
      }
      
      .wideCenter #centerColumn {
      width: 630px;
      }
      
   .smallColumn #subMenu {}
      .box h2,
      #subMenu h2 {
         margin: 0 0 5px 12px;
         font-size: 12px;
         font-weight: normal;
         color: #006c55;
      }
      
      .box .content {
         margin: 0 8px 3px;
         padding: 8px 5px 0;
      }
      .smallbox .content {
         margin: 0 8px 3px;
         padding: 0px 5px 0;
      }
         .smallColumn .box .content {
            width: 170px;
         }
         .box .content p{
         margin-bottom: 0;
      }
      .subMenu li {
         width: 180px;
         margin: 0 8px;
      }
         .subMenu li.separator {
            height: 1px;
            background-color: #e4e6eb;
         }
      .subMenu a {
         width: 170px;
         padding: 5px;
         font-size: 11px;
         color: #717171;
         text-decoration: none;
      }
         .subMenu .active a {
            color: #006c55;
         }
         
          .subMenu .active li a {
            color: #717171;
          }
             .subMenu .active .active a {
               color: #006c55;
             }
      .subMenu ul {
         margin-left: 8px;
      }
       .subMenu li li {
         width: 170px;
       }
         .subMenu li li a {
            width: 160px;
         }
         
      .subMenu .extended {
         width: 170px;
         padding: 5px 5px 0px;
         /*border-bottom: 1px solid #e4e6eb;*/
      }
         .subMenu .extended a {
            display: block;
            float: none;
            width: auto;
            padding: 0;
         }
         
         
         .pagination {
               padding: 10px 0 0 10px;
            }
               #subMenu .pagination a {
                  float: left;
                  display: inline;
                  margin: 1px;
                  border: 1px solid #e4e6eb;
                  color: #006c55;
                  padding: 2px;
                  width: 18px;
                  text-align: center;
               }
                  #subMenu .pagination a.active {
                     color: #ccc;
                     text-decoration: none;
                  }
         
      #rightColumn {
         padding-top: 30px;
      }
      #rightColumnNopad {
         padding-top: 0px;
      }

#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 30px;
}
   #footer.siteWidth
   {
      height: 30px;
      width: 400px;
      margin: 0 auto;
   }
      #qforma{
         color: #ccc;
         text-decoration: none;
         margin-right: 10px;
      }
      #qforma a{
         color: #ccc;
         text-decoration: none;
         margin-right: 10px;
      }
      #qforma a:hover{
         text-decoration: underline;
      }
      
      #bottomMenu li a{
         color: #ccc;
         text-decoration: none;
         margin-right: 10px;
      }
      #bottomMenu li a:hover{
         text-decoration: underline;
      }

.box {
   margin-bottom: 20px;
   border-top: 1px solid #e4e6eb;
}
   .boxTitle {
      position: relative;
      border-left: 1px solid #dee0e6;
      border-right: 1px solid #dee0e6;
      border-bottom: 1px solid #dee0e6;
      background: #f8f9fa;
   }
      .boxTitle .boxTitleCorner {
         position: absolute;
         top: 0;
         right: 0;
         width: 58px;
         height: 22px;
         margin-top: -1px;
         margin-right: -1px;
         background: url(../gfx/bgBoxTitleTop.gif) top right no-repeat;
      }
      .boxImg{
         margin: 5px 0 5px;
         border: 1px #ccc solid;
      }
      .boxContent{
         margin: 5px 13px 12px;
      }
      .boxTitle,
      .boxTitle a {
         color: #006c55;
         text-decoration: none;
      }
         .boxTitle a:hover {
            text-decoration: underline;
         }
   .box .boxBottom {
      clear: both;
      height: 22px;
   }
   .smallColumn .box {
      width: 196px;
      background: url(../gfx/bgBox.gif) top left repeat-y;
   }
      .smallColumn .box .boxBottom {
         width: 196px;
         background: url(../gfx/bgBoxBottom.gif) bottom left no-repeat;
      }
   .wideColumn .box {
      width: 438px;
      background: url(../gfx/bgBoxWide.gif) top left repeat-y;
   }
      .wideColumn .box .boxBottom {
         width: 438px;
         background: url(../gfx/bgBoxBottomWide.gif) bottom left no-repeat;
      }
   
   #smallboxcontainer{
      float: left;
      margin: 0 14px 20px 0;
      width: 196px;
      height: 185px;
   }   
   #smallboxcontainer .smallbox {
      border-top: 1px solid #e4e6eb;
      width: 196px;
      background: url(../gfx/bgBox.gif) top left repeat-y;
   }
      #smallboxcontainer .smallbox .boxBottom {
         clear: both;
         height: 22px;
         width: 196px;
         background: url(../gfx/bgBoxBottom.gif) bottom left no-repeat;
      }

#logoContainer{
   margin-bottom: 10px;
}

#employeesMenu li{
   padding: 5px;
   color: #717171;
}

.menu {
   list-style: none;
   margin: 0;
}
   .column,
   .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;
}

#mapsContainer {
   width: 100%;
   height: 260px;
   border: 1px solid #ccc;
   padding: 3px;
}

#map_canvas {
  width: 100%;
  height: 100%;
}

.fieldText {
         width: 150px;
         border: 1px #808080 solid;
      }
      .fieldTextArea {
         height: 173px;
         width: 150px;
      }
      
.contactCont{
   width: 100%;
   height: 100%;
   margin: 10px;
}