@charset "utf-8";

html, body{
  height: 100%;
  min-height: 100%;
  margin: 0px;
  background: #F5F5F5;
  font-family: Arial, Helvetica, sans-serif;
}


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

#content{
  display: table-cell;
  width: 60%;
  min-width: 60%;
  padding: 0px 0px 0px 40px;
  background: Black;
}
#colri{
  display: table-cell;
  width: 15%;
  background: #F5F5F5 url(../images/layout/start-backre.gif) repeat-y;
  vertical-align: middle;
}
#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: 500px;
  margin: 20px auto 0px auto;
}
.titelbild{
  background: Black url(../images/layout/start-ratte.jpg) no-repeat center;
}

.arbeiten{
  margin-top: 380px;
  height: 180px;
  font-size: 1.5em;
  font-weight: bold;
  color: #7F7F7F;
  text-align: center;
}