body {
   font-size: 12px;
   background-color: #7698a9;
}
#siteContainer {
   height: 610px;
   width: 100%;

   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -270px;
}
.siteContainer {
   position: relative;
   width: 862px;
   margin: 0 auto;
   z-index: 200;
}
   #header {
      height: 70px;
      position: relative;
   }
      #logo {
         display: block;
         width: 188px;
         height: 58px;
         position: absolute;
         left: 50%;
         margin-left: 230px;
      }

   #main {
      height: 440px;
      position: relative;
      border-bottom: 2px solid #fff;
      border-top: 2px solid #fff;
   }
      #mainText,
      #otherText {
         width: 405px;
         height: 440px;
         position: absolute;
         top: 0;
         right: 50%;
         z-index: 10;
         color: #000;
         background-color: #fff;
         overflow: auto;
      }
         #otherText {
            height: 25px;
            display: none;
            z-index: 9;
         }

      #closeContent, #openContent {
         cursor: pointer;
         padding: 5px 8px;
         position: absolute;
         right: 0;
         bottom: 0;
      }
         #closeContent:hover, #openContent:hover {
            text-decoration: underline;
         }
         #content  {
            padding: 15px 30px;
            line-height: 18px;
         }
            #content img {
               padding-top: 0px;
               padding-bottom: 4px;
            }

      #arrowLeft,
      #arrowRight {
         position: absolute;
         left: 50%;
         margin-top: -17px;
         border: 2px solid #fff;
         top: 50%;
      }
      #arrowLeft {
         margin-left: -465px;
         border-right: none;
      }
      #arrowRight {
         margin-left: 431px;
         border-left: none;
      }

      #tuinMenu {
         position: absolute;
         bottom: 0;
         left: 50%;
         margin-left: 13px;
         height: 30px;
         border-top: 2px solid #fff;
         border-left: 2px solid #fff;
         z-index: 2;
      }
         #tuinMenu li {
            height: 30px;
            width: 30px;
            border-right: 2px solid #fff;
         }

      #imageContainer {}
         #imageContainer img {
            border-right: 2px solid #fff;
            display: block;
         }

      #preloaderImage {
         position: absolute;
         left: 50%;
         top: 50%;
         z-index:10;
         margin-left: -8px;
         display: none;
      }


      #slideshow {
         position: relative;
         width: 100%;
         height: 440px;
         overflow: hidden;
         background: white;
      }
      .slide {
         position: absolute;
         left: 50%;
         border-right: 2px solid #fff;
         cursor: pointer;
         width: 860px;
         height: 440px;
         overflow: hidden;
         background: white;
      }

      #preloaderBucket {
         display: none;
      }

      .menu li {
         background-color: #fff;
         color: #fff;
      }
      .menu li img{
         position: absolute;
      }

      #menu {
         position: absolute;
         left: 0;
         top: 40px;
      }
      #menu li{
         background-color: transparent;
      }
         #menu a {
            padding: 4px 10px;
            font-size: 11px;
            text-decoration: none;
            color:#fff;
         }
         #menu a:hover {
            color: #ccc;
         }
            #menu .active a {
               text-decoration: underline;
            }