html, body {
  height: 100%;
  width: 100%;
  margin: 0px;

  background-color: #4f2821;
  background-image: url(../img/bg_Bengel.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  font-family: Verdana;
  overflow: hidden;
}

a { color: #eadfa1; text-decoration: none; }

h1 {
  margin-top: 45px;

  font-size: 36px;
}

img { border: 0px; }



/* START code for centering content*/
#outer { height: 100%; }
#outer[id] { display: table; position: static; margin: 0px auto; }

#middle { position: absolute; top: 50%; width: 100%; text-align: center; } /* for IE */
#middle[id] { display: table-cell; position: static; vertical-align: middle; }
/* END code for centering content*/

#inner {
  position: relative;
  top: -50%;

  height: 475px;
  width: 765px;
  margin: auto;
}
  #content {
    float: left;
    height: 450px;
    width: 750px;

    background-color: #fdfea1;
  }
    #logo { margin-top: 15px; }
    #welkomBalk {
      height: 32px;
      width: 100%;

      background-color: #917850;
      color: #eadfa1;
      font-size: 16px;
      font-weight: bold;
      line-height: 32px;
    }
    #slogan { color: #4f2821;}

  #shadowR {
    float: left;

    height: 450px;
    width: 15px;

    background-image: url(../img/shadowR_Bengel.png);
  }
* html #shadowR {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bengel/img/shadowR_Bengel.png", sizingMethod="scale");
}

  #shadowB {
    float: left;
    height: 25px;
    width: 765px;

    background-image: url(../img/shadowB_Bengel.png);
    background-repeat: repeat-x;
  }
* html #shadowB {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bengel/img/shadowB_Bengel.png", sizingMethod="scale");
}