body{
  margin: 8px;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.3em;
  background-color: #000;
}
div#container {
  width:980px;
  height: 708px;
  margin:0 auto;
  padding: 0;
  background-color: #010103
}
#header {
  height: 60px;
  color: #666;
}
#header p {
  margin: 50px 30px 0 0;
  text-align: right;
}
#navi {
  height: 20px;
}
#navi ul {
  margin: 0;
  padding-left: 36px;
  margin-bottom: 8px;
}
#navi ul li {
  display: inline;
  list-style: none;
  padding-right: 30px;
}
#navi ul li a {
  color: #666;
  text-decoration: none;
}
#navi ul li.current {
  color: #f3a11d;
}
#navi ul li a:hover {
  color: #f3a11d;
}
#content {
  height: 448px;
  color: #666; 
  background-image: url("image/bg.jpg");
}
#content #center p {
  margin: 0;
  padding-top: 96px;
  text-align: center;
}
#content #left {
  float: left;
  width: 470px;
  height: 348px;
  padding: 100px 0 0 100px;
  color: #ccc;
}
#content #right {
  height: 348px;
  padding: 174px 0 0 500px;
  line-height: 1.2em;
  color: #ccc;
}
#content #l_left {
  float: left;
  width: 348px;
  height: 330px;
  padding: 40px 20px 0 36px;
  color: #ccc;
}
#content #l_right {
  width: 450px;
  height: 330px;
  padding: 40px 0 0 455px;
  color: #ccc;
}
#content #r_left {
  float: left;
  width: 550px;
  height: 348px;
  padding: 40px 20px 0 36px;
  text-align: justify;
  color: #ccc;
}
#content #r_left a, #content #right a {
  color: #f3a11d;
  text-decoration: none;
}
#content #r_right {
  height: 348px;
  padding: 15px 0 0 876px;
  color: #ccc;
}
#content #l_left h1, #l_right h1 {
  margin: 12px 0 0 0;
}
#content #l_left p, #l_left ul, #l_right p {
  margin: 0;
}
#content #l_left ul {
  padding-left: 12px;
}
p.streifen {
  margin: 0;
}
p.bottom {
  width: 600px;
  height: 40px;
  margin-left: 34px;
}
#content h1 {
  font-weight: normal;
  font-size: 1.0em;
  color: #f3a11d; 
}
img {
  border: 0;
}
div#vline {
  float: left;
  padding-top: 48px;
}
span.mark {
  color: #f3a11d;
}
a {
  outline: none;
}