body {
  margin: 0;
  padding: 30px;  /* Abstand von oben: 30px */
  font-family: Verdana, sans-serif;
  font-size: medium;
  background: #eccd23 url(img/bg.gif) repeat-x top left;
}
* html body {          /* Internet Explorer 5 - Win Hack */
  font-size: medium;    /* fuer IE 5/Win */
  f\ont-size: medium;  /* fuer andere IE-Versionen */
}

/* Layoutstruktur */
#wrapper {
  min-width: 900px;
  max-width: 900px;
  margin: 0 auto; /* mittig platzieren */
}

/* Header */
#header {
  background: #eccd23 url(img/header-bg.gif) repeat-x top left; /* BG-Bild mit Farbverlauf und passende BG-Farbe */
}
#header h1 {
  margin: 0;
  padding: 25px;  /* Abstand des Textes zum Rand des Headers */
  text-align: right;
 /*  font: "Arial Black"; */
  font-family: arial, serif;
  font-size: 200%;
  color: #eccd23;   /* 236, 205, 35 = eccd23 */
  background: url(img/promacon.gif) no-repeat 25px 50%;  /* Logo oben links */
}

#container {
  background: url(img/wrapper-bg.gif) repeat-y 70% 0;
  overflow: auto;
  margin-top: 30px;
  width: 100%;
}

/* Spaltenzwischenraeume */
#content .gutter {
  padding: 25px;
  /* background: url(img/wrap-bg.gif) repeat-x top left; */
}
#sidebar .gutter {
  padding: 0 0 0 15px;
}

/* Inhalt */
#content {
  float: left;
  padding: 0;
  width: 70%;
  font-size: 95%;
  text-align:justify;
  line-height: 1.5em;
  color: #000;  /* Textfarbe schwarz */
  background: url(img/content-bg.gif) repeat-x top left;
}
#content h2 {
  margin: 0 0 1em 0;
  padding: 0;
  font-family: Georgia, serif;
  font-size: 150%;
  font-weight: normal;
  color: #111;
}

/* Bild mit Text */
dl.feature {
  margin: 15px 0;
  padding: 15px;
  /* border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc; */
}
dl.feature:after {  /* Fix damit der untere Text nicht neben das Bild reinragt (funktioniert nicht bei IE) */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
dl.feature dt {
  margin: 0 0 .5em 0;
  font-family: Georgia, serif;
  font-size: 140%;
  color: #000;  /* Textfarbe schwarz */
}
dl.feature dt img {
  float: right;
  margin: 0 15px 0 0;
  padding: 0 4px 4px 0;
/*   background: url(img/photo-frame.gif) no-repeat bottom right; */
}
dl.feature dd {
  margin-left: 30px; /* Bildbreite + 19px (15+4=19) */
  font-size: 95%;
  line-height: 1.5em;
  color: #000;  /* Textfarbe schwarz */
}

/* Sidebar */
#sidebar {
  float: right;
  width: 30%;
}
/* Box 1 */
.box {
  margin: 0 0 0 0;
  padding: 0 0 12px 0;
  font-size: 85%;
  line-height: 1.5em;
  color: #666;
  background: #fff url(img/box-b.gif) no-repeat bottom right;
}
.box h3 {
  margin: 0;
  padding: 12px;
  font-family: Georgia, serif;
  font-size: 140%;
  font-weight: normal;
  color: #111;
  background: url(img/box-t.gif) no-repeat top left;
}
.box p, .box ul {
  margin: 0;
  padding: 0 12px;
}
.box ul li {
  margin: 0 0 0 12px;
  padding: 0 0 0 18px;
  list-style: none;
  background: url(img/li-bullet.gif) no-repeat 0 4px;
}
/* Box 2 */
.box_container
{
  margin: 0;
  padding: 0;
  font-size: 85%;
  line-height: 1.5em;
  color: #443102; /* 68, 49, 2 = 443102 */
  /* background: url(img/rounded_right.gif) no-repeat top right; */
}
.box_desc
{
  margin: 0;
  padding: 12px;
  font-family: Georgia, serif;
  font-size: 140%;
  font-weight: normal;
  color: #111;
  background: url(img/rounded_left_long.gif) no-repeat top left;
}
.box_link
{
  margin: 0;
  padding: 0 0 0 9px;
  background: url(img/rounded_left.gif) no-repeat bottom left;
}
.box_link em
{
  display: block;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url(img/rounded_right.gif) no-repeat bottom right;
}
.box_em {
    background: url(img/rounded_left_long.gif) no-repeat top left;
}
.box_container ul {
  margin: 0;
  padding: 0 12px;
}
.box_container ul li {
  margin: 0 0 0 12px;
  padding: 0 0 0 18px;
  list-style: none;
  background: url(img/li-bullet.gif) no-repeat 0 4px;
}
.box_container a
{
  color: #443102; /* 68, 49, 2 = 443102 */
}
.box_container a:hover
{
  color: #9e890e; /*  */
}
.box_container a
{
  color: #443102; /*  */
}

/* Footer */
#footer {
  clear: both;
  background: #828377 url(img/footer-bg.gif) repeat-x top left;
}
#footer p {
  margin: 0;
  padding: 15px;
  font-size: 85%;
  color: #333;
}
.clear { clear: both; background: none; }