#content {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 12px;
  line-height: 18px;
}

/* ====================================================================== */
/* Überschriften                                                          */
/* ====================================================================== */
#content h1 {
  font: bold 18px/24px Arial,sans-serif;
  margin: 9px 0 12px;
}
#content h2 {
  font: bold 16px/18px Arial,sans-serif;
  margin: 24px 0 12px;
}
#content h2.first {
  margin-top: 12px;
}
#content h3 {
  margin: 12px 0 0 0;
  font-size: 12px;
}

/* Ausnahme h1 wegen Videoplayer */
#content h1.video {
  font: bold 18px/24px Arial,sans-serif;
  margin: 9px 0 0px;
}

#content h1.continued {
  font: bold 18px/24px Arial,sans-serif;
  margin: 0px 0 12px;
}


/* ====================================================================== */
/* Fließtext                                                              */
/* ====================================================================== */
#content p {
  margin: 0 0 12px 0;
}
#content p.first {
  margin-top: 9px; // wie bei h1
}
#content ul {
  margin: 0 0 12px 24px;
  padding: 0;
}
#content li {
  margin: 0;
  padding: 0;
}

/* Zitate */
#content blockquote {
  font: italic 14px Georgia,serif;
  margin: 0;
}
#content p.quote-source {
  margin: 0 0 12px 0;
  color: #666;
}

/* Bilder im Fließtext  */
#content img.floatright {
  border: 1px solid #999152;
  float: right;
  margin: 0 0 20px 20px;
}

#content img.floatleft {
  border: 1px solid #999152;
  float: left;
  margin: 0 20px 20px 0;
}

/* Object im Fließtext  */
#content div.flashvideo {
  float: right;
  margin: 20px 0 20px 20px;
}

/* Tabellen */
#content th {
  text-align: left;
}

/* ====================================================================== */
/* Links                                                                  */
/* ====================================================================== */

#content a {
  color: #504e3d;
}
#content a:hover {
  color: #FFF;
  background-color: #504e3d;
}
#content a.extlink {
  padding-left: 11px;
  background: transparent url(/_img/link_icon.gif) no-repeat 1px 2px;
}
#content a.extlink:hover {
  text-decoration: none;
  background: #504e3d url(/_img/link_icon_over.gif) no-repeat 1px 2px;
}
#content a img {
  border: none;
}


/* ====================================================================== */
/* Diverses                                                               */
/* ====================================================================== */

/* Bilderleiste bei "Kontakt" */
#content div.pics {
  float: left;
  margin-top: 24px;
}
#content div.pics a {
  float: left;
}
#content div.pics a img {
  display: block;
}

/* Boxumrandung in aktueller "Ausbildung" */
#content div.boxframe {
  border:1px solid #999152;
  width:200px;
  padding:10px;
  margin-bottom:20px;
}

/* ====================================================================== */
/* Formulare (Kontakt, Newsletter)                                        */
/* ====================================================================== */
form {
  margin: 2em 0;
  padding: 1em;
  border: 1px solid #DBD9C3;
}
#content form h2 {
  margin: 0 0 1em 0;
  padding: 0;
}
form .field {
  clear: both;
  padding: 0.5em 0 0.5em 8em;
}
form .field label {
  float: left;
  width: 7em;
  margin-left: -8em;
}
form .field .text {
  width: 98%;
}
form .field input.text.width-80,
form .field textarea.text.width-80 {
  width: 80%;
}
form .checkboxes {
  margin: 1em 0;
}
form .field.checkbox {
  padding-left: 2.5em;
  padding-top: 1em;
}
form .field.checkbox input.checkbox {
  float: left;
  margin-left: -2em;
}
form .field.checkbox label {
  width: auto;
  margin-left: 0;
  text-align: left;
  float: none;
  cursor: pointer;
}
form .buttons {
  margin: 1.5em 0 0;
  text-align: center;
}
form input.submit {
  cursor: pointer;
}