* {margin:0;padding:0}
/* \*/
html,body {height:100%;width:100%;}
/* */
body {
      color: #333;
      background: #000;
      font-family: arial, helvetica, sans-serif;
      text-align:center;
      min-height:700px; /* for good browsers*/
      min-width:768px;  /* for good browsers*/
}
#outer{
      height:100%;
      width:100%;
      display:table;
      vertical-align:middle;
}
#container {
      text-align: center;
      position:relative;
      vertical-align:middle;
      display:table-cell;
      height: 700px;
}
#inner {
      width: 768px;
      height: 700px;
      text-align: center;
      margin-left:auto;
      margin-right:auto;
      background: #fff;
}
#aussen {
      position: relative;
      top: 0px;
      left: 0px;
      width: 768px;
      height: 700px;
      text-align: left;
}
#romans {
      position: relative;
      top: 0px;
      left: 0px;
      margin: 0px 0px 5px 0px;
}
ul.menu {
      list-style: none;
      background: #000;
      width: 100%;
      height: 40px;
}
  ul.menu li {
      display: inline;
      float: left;
      list-style: none;
  }
  ul.menu li a {
      display: block;
      float: left;
      color: #fff;
      padding: 10px 13px 10px 13px;
      text-decoration: none;
      border-right: 1px solid #fff;
      background: #000;
  }
  ul.menu li a:hover {
      background: red;
  }