body {
   background-color: #300a00;
}

#siteContainer {}

.container {
   width: 960px;
   margin: 0 auto;
}

   #top {
      height: 157px;
      background: url(../gfx/bgHeader.jpg) top center no-repeat #300a00;
   }
      #top .container {
         position: relative;
         height: 157px;
      }
      #logo,
      #topMenu,
      #mainMenu {
         position: absolute;
      }
      #logo {
         top: 16px;
         left: 32px; 
         width: 378px;
         height: 122px;
      }
      #topMenu li,
      #mainMenu li,
      #topMenu a,
      #mainMenu a {
         float: left;
         display: inline;
      }
      #topMenu {
         top: 10px;
         right: 7px;
      }
         #topMenu li {
            padding: 0 4px;
         }
      #mainMenu {
         bottom: 0;
         right: 0;
         height: 57px;
      }
         #mainMenu li {}
         #mainMenu a {
            height: 24px;
            padding: 18px 12px 15px 12px;
         }
            #mainMenu .active a {
               background-color: #000000;
            }
   
   #header {
      height: 212px;
      background-color: #000000;
      overflow: hidden;
   }
      #headerImg,
      #subMenu {
         float: left;
         display: inline;
      }
      #headerImg {
         height: 212px;
         width: 568px;
      }
      #subMenu {
         height: 172px;
         width: 362px;
         padding: 20px 15px;
      }
         #subMenu ul {
            list-style: none;
         }
         #subMenu li,
         #subMenu a {
            float: left;
            display: inline;
         }
         #subMenu li {
            width: 268px;
            background: url(../gfx/subMenuBullet.gif) 0 12px no-repeat;
         }
            #subMenu li.seperator {
               height: 1px;
               line-height: 1px;
               background-color: #535353;
            }
            #subMenu li.active {
               background: url(../gfx/subMenuBulletActive.gif) 0 12px no-repeat;
            }
         #subMenu a {
            width: 260px;
            padding: 3px 0 3px 8px;
            color: #ffffff;
            font-family: Georgia, Georgia, serif;
            font-size: 18px;
            font-weight: bold;
            text-decoration: none;
         }
            #subMenu a:hover {
               text-decoration: underline;
            }
            #subMenu .active a {
               color: #db2d09;
            }
   
   #main {
      background-color: #b4b4b4;
   }
      #main .container {
         width: 900px;
         padding: 10px 30px;
         min-height: 200px;
         background-color: #ececec;
      }
      #main h1 {
         padding: 25px 0 16px 10px;
         height: 40px;
         font-family: Georgia, Georgia, serif;
         font-size: 24px;
         font-weight: normal;
         background: url(../gfx/bgH1.gif) center bottom no-repeat;
      }
      
      #home-right{
         float: right;
         width: 328px;
      }
      
         #home-right p{
            color: #fff;
            line-height: 20px;
         }
      
      #home-left{
         float: left;
      }
      
      #main #home-right h1 {
         padding: none;
         height: auto;
         font-family: Georgia, Georgia, serif;
         font-size: 24px;
         font-weight: normal;
         background: none;
         color: #fff;
         padding: 14px 0;
      }
      
      .content,
      #right {
         float: left;
         display: inline;
         margin-top: 10px;
      }
         .content {
            width: 528px;
            padding-left: 10px;
            text-align: justify;
         }
         #right {
            width: 332px;
            padding-right: 30px;
            text-align: right;
         }
         
         #right.Contact {
            text-align: left;
            padding-left: 30px;
            width: 302px;
         }
         
            #right ul.imageright{
               list-style: none;
            }
            #right ul.itemMenu {
               width: 332px;
               text-align: left;
               list-style: none;
            }
               #right ul.itemMenu li,
               #right ul.itemMenu a {
                  float: left;
                  display: inline;
               }
               #right ul.itemMenu li {
                  margin: 0 10px 0 20px;
                  width: 302px;
                  border-bottom: 1px solid #d2d2d2;
               }
               #right ul.itemMenu a {
                  width: 294px;
                  padding: 5px 4px 4px 4px;
                  font-size: 13px;
                  color: #000;
                  text-decoration: none;
               }
                  #right ul.itemMenu a:hover {
                     text-decoration: underline;
                  }
                  #right ul.itemMenu .active * {
                     color: #ad1b00;
                  }
               #right ul.itemMenu .date {
                  margin-right: 6px;
               }
               

   #footer {
      height: 100px;
      background: url(../gfx/bgFooter.jpg) top center no-repeat #300a00;
   }
      #footer .container {
         position: relative;
         height: 100px;
      }
      #tegenZinloosGeweld {
         position: absolute;
         top: 22px;
         right: 24px;
      }
      #footerData {
         position: absolute;
         top: 15px;
         left: 25px;
      }
      
      .footer-links{
         position: absolute;
         top: 75px;
         left: 25px;
         color: #fff;
      }
      
         .footer-links a{
            color: #fff;
            text-decoration: none;
         }
         .footer-links a:hover{
            text-decoration: underline;
         }
      


.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: 300px;
   border: 1px solid #ccc;
   padding: 3px;
}
#map_canvas {
   width: 100%;
   height: 300px;
}