html,
body {
   background-color: #ffffff;
}

#siteContainer {
   position: relative;
   width: 800px;
   margin: 0 auto;
   background-color: #66457c;
}
   
   #header {
      position: relative;
      height: 324px;
      background: url(../gfx/headerBottom.gif) bottom left no-repeat;
   }
      #logo,
      #topMenu,
      #mainMenu,
      #headerImg,
      #puisWonen,
      #vlakken {
         position: absolute;
      }
      #logo {
         top: 246px;
         left: 502px;
         z-index: 50;
      }
      #topMenu {
         top: 150px;
         left: 330px;
         z-index: 40;
      }
      #mainMenu {
         top: 220px;
         left: 45px;
         z-index: 40;
      }
      #headerImg {
         top: 0;
         right: 0;
      }
      #puisWonen {
         top: 0;
         left: 0;
      }
      #vlakken {
         top: 133px;
         right: 0;
      }
      
      #mainMenu ul,
      #topMenu ul {
         list-style: none;
         margin: 0;
      }
         #mainMenu a,
         #topMenu a,
         #mainMenu li,
         #topMenu li {
            float: left;
            display: inline;
         }
         #topMenu li {
            margin: 0 4px;
         }
         #topMenu a {
            padding: 4px;
            color: #46235d;
            text-decoration: none;
            text-transform: lowercase;
         }
            #topMenu .active a {
               color: #ffffff;
            }
            #topMenu #homeMenu a {
               color: #ffffff;
            }
               #topMenu #homeMenu.active a {
                  text-decoration: underline;
               }
         #mainMenu a {
            padding: 8px;
            font-size: 14px;
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
         }
            #mainMenu .active a,
            #mainMenu a:hover {
               text-decoration: underline;
            }
         #topMenu #linksMenu {
            margin-left: 54px;
         }
   
   
   #main {
      min-height: 240px;
      padding: 0 50px;
      background: url(../gfx/mainTop.gif) top right no-repeat #ffffff;
   }
      * html #main {
         height: 240px;
      }
      #content,
      #right {
         float: left;
         display: inline;
      }
      #content {
         width: 460px;
      }
         #content h2,
         #right h2 {
            font-size: 12px;
         }
      #right {
         width: 200px;
         margin-left: 40px;
         margin-bottom: 140px;
         padding-top: 32px;
      }
         #newsMenu {
            list-style: none;
            margin: 1em 0;
         }
            #newsMenu li {
               margin: 0 0 20px 0;
            }
         .subMenu a {
            text-decoration: none;
         }
            .subMenu a:hover {
               text-decoration: underline;
            }
            .subMenu .active a {
               color: #68ae3e;
            }
   
   #piusHaven {
      display: block;
      position: absolute;
      bottom: 160px;
      right: 30px;
   }
   #butBrochure {
      display: block;
      position: absolute;
      bottom: 120px;
      right: -10px;
   }
   /*#butAanmelden {
      display: block;
      position: absolute;
      bottom: 82px;
      right: 30px;
   }*/
   
   #footer {
      padding: 17px 30px;
      text-align: right;
      color: #a973ad;
      line-height: 18px;
      background: url(../gfx/footerTop.gif) top left no-repeat;
   }
      #footer a {
         color: #ffffff;
         font-size: 12px;
         text-decoration: none;
      }
         #footer a:hover {
            text-decoration: underline;
         }
   #bottom {
      padding: 4px;
      background-color: #fff;
   }
      #bottom .credentials {
         float: right;
      }
      #bottom .credentials,
      #bottom .credentials a {
         color: #888;
      }


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

.nbsp {
   white-space: nowrap;
}






/**
 * Pagina plan loopt plantekening door in header & footer
 */
.objectenPage {}
   .objectenPage #main {
      padding: 0;
      width: 800px;
      height: 580px;
   }
   .objectenPage #header {
      height: 286px;
      background: none;
   }
   .objectenPage #footer {
      padding-top: 0;
      background: none;
   }