@font-face {
  font-family: "Muli-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("Muli-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Muli-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("Muli-Bold.ttf") format("truetype");
}

body
{
    background-color: #efefef;
    color: #383838;
    overflow-y: scroll;
}

#content
{
    width: 70%;
    min-width: 580px;
    max-width: 820px;
    margin: 50px auto;
    font-size: 14px;
    line-height: 23px;
    font-family: 'Muli-Regular', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Muli-Bold', sans-serif;
}

.menu {
  text-align: right;
  padding-bottom: 40px;
}

table
{
  width: 520px;
  border-collapse: true;
}

ul li,
td
{
    margin-bottom: 7px;
}

td
{
    vertical-align: top;
}

td.dat
{
    width: 120px;
    text-align: left;
}

.space {
  padding-top: 20px;
}

a, a:hover, a:focus, a:visited
{
    text-decoration: underline;
    color: #383838;
}

a:hover, a:focus
{
    color: #A0A0A0;
}

p.stand
{
    font-size: 9px;
    color: #999;
    text-align: right;
}

@media screen and (max-width: 600px) {
  #content
  {
      width: 95%;
      min-width: 0;
      max-width: none;
      margin: 30px auto;
  }

  .menu {
    text-align: left;
    padding-bottom: 20px;
  }

  table
  {
    width: auto;
  }

  .nw {
    white-space: nowrap;
  }
}