<style type="text/css">

  body, html {
    height: 100%;
  }
  /* this one is neccesary for the vertical div */
  
  body {
    background-image: url(http://luthier.nl/fileadmin/template/luthier/parchment9.jpg);
  }
  
  /* vertical div */
    #outer {height: 100%; overflow: visible;} /* or without overflow */
    #outer[id] {display: table; position: static;}

    #middle {position: absolute; top: 50%;} /* for explorer only*/
    #middle[id] {display: table-cell; vertical-align: middle; position: static;}

    div.inner {
      width: 125px;
    } /* for explorer only */
  /* end verical div */

  /* menu */
  div.menuheader{
    text-align: center;
  }

  div.roset{
    padding: 0px 0px 20px 0px;
    text-align: center;
  }

  div.menuitem1 a{font: 900 17px times;
    text-decoration:none;
    color: #6f2d2f;
  }
  div.menuitem1geselecteerd a{font: 900 17px times;
    text-decoration:none;
    color: #c64e4e;
  }

  div.level2 a{font: 900 16px times;
    text-decoration:none;
    color: #6f2d2f;
    padding: 2px 2px 2px 12px;
  }

div.inhoud{
  position: absolute;
  left: 170px;
  top: 5px;
  display:block;
  width:520px;
  padding: 10px 10px 50px 10px;
}

h1{
  padding: 5px 0px 5px 10px;

  border-style: solid;
  border-color : #6f2d2f;

  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
  border-left-width: 10px;

  text-align: left;
  font-family: times,serif;
  font-weight: bold;
  font-size: 20px;
  color: #6f2d2f;
}
