/*
  *
  * @Author	RenŽ v. Sweeden
  * @Date	31/03/2010
  * @Web	Etopia.nl
  * @Mod. by	René v. Sweeden
  * @Mod. date	01/04/2010
  *
  */
  
  html {
          margin: 0px;
          padding: 0px;
  }
  
  body {
          padding: 0px;
          margin: 0px;
          
          min-width: 1010px;
          background-color: white;
  }
  
  body.background,
  #container.background {
          background-image: url( ../images/bg.png );
          background-repeat: repeat-x;
          background-position: left bottom;
          background-color: white;
  }
  
  #container {
          width: 970px;
          padding: 0px 40px;
          margin: 0px auto;
          overflow: hidden;
  }
  
  #container  .top {
          margin: 0px;
          padding: 0px;
          height: 76px;
  }
  
  #container  .top  .left {
          margin: 0px;
          padding: 22px 0px 0px 35px;
          width: 187px;
          
          float: left;
  }
  
  #container  .top  .left  a  img {
          border: none;
  }
  
  #container  .top  .right {
          margin: 0px 0px 0px 13px;
          padding: 0px;
          width: 735px;
          float: left;
  }
  
  #container  .top  .right  ul.top {
          margin: 10px 0px 0px 391px;
          padding: 0px;
          height: 36px;
          list-style-type: none;
          width: auto;
          font-family: verdana;
          font-size: 10px;
  }
  
  #container  .top  .right  ul.top  li {
          width: 166px;
          float: left;
          height: 20px;
          padding: 0px;
          margin: 3px 3px;
          background-image: url( ../images/bar.png );
          background-position: 0px -35px;
          background-repeat: no-repeat;
          text-align: left;
  }
  
  #container  .top  .right  ul.top  li  a {
          margin: 0px;
          padding: 3px 8px 2px;
          text-decoration: none;
          display: block;
          color: #443d31;
          outline: none;
          font-family: verdana;
          font-size: 10px;
          z-index: 2;
  }
  
  #container  .top  .right  ul.top  li  input[type="text"].search {
          margin: 1px 0px;
          padding: 2px 8px;
          text-decoration: none;
          color: #443d31;
          outline: none;
          font-family: verdana;
          font-size: 10px;
          border: none;
          background: transparent;
          width: 132px;
          float: left;
  }
  
  #container  .top  .right  ul.top  li  input[type="button"].search {
          margin: 0px;
          padding: 0px;
          border: none;
          background-color: transparent;
          width: 15px;
          float: left;
          height: 20px;
          cursor: pointer;
  }
  
  #container  .top  .right  ul.top  li  a.arrow,
  #container  .top  .right  ul.top  li  input.arrow {
          background-image: url( ../images/opts.png )!important;
          background-repeat: no-repeat!important;
  }
  
  #container  .top  .right  ul.top  li  a.arrow.down {
          background-position: 150px 5px!important;
  }
  
  #container  .top  .right  ul.top  li  a.arrow.left,
  #container  .top  .right  ul.top  li  input.arrow.left {
          background-position: 0px -18px!important;
  }
  
  #container  .top  .right  ul.top  li  ul {
          margin: 0px;
          padding: 0px;
          visibility: hidden;
          list-style-type: none;
          background-color: white;
          border: 1px solid #e9e7e4;
          border-top: none;
          z-index: 555;
          position: absolute;
  }
  
  #container  .top  .right  ul.top  li  ul.show {
          visibility: visible;
  }
  
  #container  .top  .right  ul.top  li  ul  li {
          margin: 0px;
          padding: 0px;
          width: 164px;
          border-top: 1px solid #e9e7e4;
  }
  
  #container  .top  .right  ul.top  li  ul  li  a {
          margin: 0px;
          padding: 4px 8px;
          text-decoration: none;
          color: #443d31;
          outline: none;
          display: block;
          font-family: verdana;
          font-size: 10px;
          background-color: white;
          z-index: 555;
  }
  
  #container  .top  .right  ul.top  li  ul  li  a:hover {
          text-decoration: underline;
  }
  
  #container  .top  .right  ul.bottom {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
  }
  
  #container  .top  .right  ul.bottom  li {
          margin: 0px;
          padding: 0px 0px;
          width: 105px;
          float: left;
  }
  
  #container  .top  .right  ul.bottom  li  a {
          margin: 0px;
          padding: 8px 20px 4px;
          display: block;
          font-family: verdana;
          font-size: 10px;
          font-weight: normal;
          letter-spacing: 0px;
          color: #443d31;
          
          background-image: url( ../images/bar.png );
          background-repeat: repeat-x;
          background-position: -8px 0px;
          
          border-right: 1px solid #eae7e4;
          
          height: 18px;
          width: auto;
          
          outline: none;
          
          text-decoration: none;
          text-align: center;
  }
  
  #container  .top  .right  ul.bottom  li  a:hover {
          font-weight: bold;
  }
  
  #container  .top  .right  ul.bottom  li:first-child  a,
  #container  .top  .right  ul.bottom  li.first-child  a {
          background-position: 0px 0px;
  }
  
  #container  .top  .right  ul.bottom  li.last-child  a {
          border: none;
  }
  
  #container .middle {
          margin: 0px;
          padding: 10px 0px 0px;
  }
  
  #container .splash {
          margin: 0px 0px -10px -10px;
          padding: 0px;
  }
  
  #container  .middle  .left {
          width: 222px;
          margin: 0 14px 0 3px;
          padding: 0px;
          float: left;
  }
  
  #container  .middle  .left  ul {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
  }

  #container  .middle  .left  ul  li {
          margin: 1px 0px 0px;
          padding: 0px;
          outline: none;
          font-size: 0px;
  }
  
  #container  .middle  .left  ul  li  a {
          margin: 0px;
          padding: 8px 15px 0px;
          text-decoration: none;
          display: block;
          color: #443d31;
          font-family: verdana;
          font-size: 10px;
          
          background-image: url( ../images/bar.png );
          background-repeat: repeat-x;
          background-position: 0px 0px;
          
          outline: none;
          height: 22px;
  }
  
  #container  .middle  .left  ul  li  a:hover {
          font-weight: bold;
  }
  
  #container  .middle  .right {
          margin: 0px 0px 0px;
          padding: 0px;
          width: 730px;
          float: left;
          font-family: verdana;
          font-weight: normal;
          font-size: 10px;
          height: 426px;
          overflow-x: hidden;
          overflow-y: auto;
  }
  
  #container  .middle  .right  div.full {
          margin: 0px 0px 0px 240px;
          padding: 0px;
          width: 690px;
          font-family: verdana;
          font-weight: normal;
          font-size: 10px;
  }
  
  #container  .middle  .right h1 {
          margin: 5px 0px 5px 0px;
          padding: 0px;
          color: black;
          font-family: verdana;
          font-weight: bold;
          font-size: 12px;
  }
  
  #container  .middle  .right p,
  #container  .middle  .right div.text {
          margin: 10px 0px;
          padding: 0px;
          color: black;
          font-family: verdana;
          font-weight: normal;
          font-size: 10px;
          line-height: 18px;
  }
  
  #container  .middle  .right a {
          color: black;
  }
  
  #container  .middle  .right li {
  		  color: #FFCD36;
  }
  #container  .footer {
          margin: 0px;
          padding: 0px;
  }
  
  #container  .footer  ul.images {
          margin: 0px 0px 0px -9px;
          padding: 0px;
          list-style-type: none;
          width: 995px;
  }
  
  #container  .footer  ul.images  li {
          margin: 0px;
          padding: 0px;
          width: 248px;
          height: 95px;
          background-image: url(../images/footer_bg.png);
          background-repeat: no-repeat;
          background-position: 50% 0px;
          float: left;
  }
  
  #container  .footer  ul.images  li  a {
          margin: 0px;
          padding: 0px;
          text-decoration: none;
          font-size: 0.5em;
          width: 249px;
          height: 95px;
          display: block;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          outline: none;
  }
  
  #container  .footer  ul.images  li.first  a {
          background-image: url(../images/footer_bg_first.png);
  }
  
  /*#container  .footer  ul.images  li.second  a {
          background-image: url(../images/footer_bg_second.png);
  }*/
  
  #container  .footer  ul.images  li.third  a {
          background-image: url(../images/footer_bg_third.png);
  }
  
  #container  .footer  ul.images  li.fourth  a {
          background-image: url(../images/footer_bg_second.png);
          /*background-image: url(../images/footer_bg_fourth.png);*/
  }
  
  #container  .footer  ul.footer {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
          width: auto;
  }
  
  #container  .footer  ul.footer  li {
          margin: 0px;
          padding: 0px;
          font-family: verdana;
          font-size: 10px;
  }
  
  #container  .footer  ul.footer  li.first {
          float: left;
  }
  
  #container  .footer  ul.footer  li.last {
          float: right;
  }
  
  #container  .footer  ul.footer  li  a {
          margin: 0px;
          padding: 0px;
          text-decoration: none;
          color: black;
  }
  
  #container  .footer  ul.footer  li  a:hover {
          text-decoration: underline;
  }
  
  /* Optional */
  .clear {
          clear: both;
  }