@charset "utf-8";

html, body{
  height: 100%;
  margin: 0 auto;
  background: Black;
  font-family: Arial, Helvetica, sans-serif;
}


#body{
  display: table;
  table-layout: fixed;
  min-width: 770px;
  width: 90%;
  height: 100%;
  margin: 0 auto;
}
#navi{
  display: table-cell;
  width: 7em;
  background: #F5F5F5 url(../images/layout/backle.gif) repeat-y;
  vertical-align: top;
}
#navi ul
{
    padding-top: 100px;
    width: 125px;
}
#navi a{
  color: #303030;
}
#navi a:hover{
  color: Red;
}
#content{
  display: table-cell;
  width: 45%;
  min-width: 45%;
  padding: 0px 0px 0px 40px;
  background: #F5F5F5;
}
#colri{
  display: table-cell;
  width: 312px;
  background: Black url(../images/layout/backre.gif) repeat-y;
  vertical-align: top;

}
#colri img{
  margin-top: 200px;
}

#navi li{
  list-style-type: none;
  list-style-position: outside;
}
#navi li{
  border: 2px solid Silver;
  background-color: #DCDCDC;
  padding: 2px;
  margin: 0px 0px 20px 0px;
  text-align: center;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
#navi li a{
  text-decoration: none;
}

.titel{
  width: 350px;
  margin: 10px auto 0px auto;
}
a img{
  border: none;
}