body {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  font-size: small;
  background: #fff;
  }

/* Header */

#header {
  border-bottom: 3px solid #808080;
  background: #c1c1c1 url(header-bg.gif) repeat-x top left;
  }
#header h1 {
  margin: 0;
  padding: 10px 5px 25px 25px;
  font-family: Verdana, sans-serif;
  font-size: 250%;
  color: #303030;
/*  background: url(bulls-eye.gif) no-repeat top left; */
  }

/* Layoutstruktur */

#wrap {
  background: url(wrap-bg.gif) repeat-y 25% 0;
  }

#navigation {
  float: left;
  width: 25%;
  overflow: hidden;
  }

#content {
  float: right;
  width: 75%;
  font-size: 100%;
  line-height: 1.8em;
  color: #333;
  text-align: justify;
  }

#footer {
  clear: both;
  background: #c1c1c1;
  padding: 1px;
  height: 1%;
  }

/* Gutter */
#navigation .gutter {
  padding: 25px 25px 25px 25px;
  }

#content .gutter {
  padding: 15px;
  }

/* Seitenleiste */

.box {
  margin: 0 0 10px 0;
  padding: 0 0 12px 0;
  font-size: 110%;
  color: #666;
  background: #fff url(box-b.gif) no-repeat bottom right;
  }

.box h2 {
  margin: 0;
  padding: 12px 12px 0px 12px;
  font-family: Verdana, sans-serif;
  font-size: 120%;
/*font-weight: normal; */
  font-weight: bold;
  color: #333;
  background: url(box-t.gif) no-repeat top left;
  }

.box p, .box ul {
  margin: 0;
  padding: 0 12px;
  }

.box ul li {
  margin: 10px 0 0 12px;
  padding: 0 0 0 2px;
  list-style: none;
  font-size: 90%;
  background: url(li-bullet.gif) no-repeat 0 3px;
  }