/*<![CDATA[*/
   body {
      margin: 5px 0;
      padding: 0;
      font-family: arial, helvetica, sans-serif;
      font-size: 80%;
      background-image: url(images/gelb.jpg);
      background-repeat: repeat;
   }
      line-height: 1.5;
   }
   #box-aussen {
      position: center;
      margin: -50%;
   }
   #adresse {
      color: rgb(204, 51, 0);
      text-align: right;
      font-size: 80%;
      padding: 3px 50px 2px 0px;
      margin: 0;
   }
   #hinten {
      padding: 0;
      height: 535px;
   }
   .hinten_oben {
      background-image: url(images/bogen_oben.jpg);
      background-repeat: no-repeat;
      height: 17px;
   }
   .hinten_mitte {
      background-image: url(images/bogen_mitte.jpg);
      background-repeat: repeat-y;
   }
   .hinten_unten {
      background-image: url(images/bogen_unten.jpg);
      background-repeat: no-repeat;
      height: 25px;
   }
   #box-aussen, #adresse, #hinten {
      width: 883px;
      margin: auto;
   }
   #leiste_oben {
      margin: 0;
      padding: 0;
   }
   #bilder {
      margin: -3px 0 0px 15px;
      float: left;
   }
   #logo {
      margin: -3px 25px 0 0;
      float: right;
   }
   .cleaner {
      clear: both;
      height: 1px;
      font-size: 1px;
      border: 0px none;
      margin: 0;
      padding: 0;
      background: transparent;
   }
   .inhalt {
      padding: 0 50px 0 0;
      width: 853px;
      margin: 10px 20px 0 20px;
   }
   .navi {
      width: 203px;
      margin: 20px 13px 0px 15px;
      vertical-align: top;
   }
   #button{
      width: 175px;
      margin: 0 0 7px 0;
      padding: 3px 0;
   }
   .zeichen {
      float: left;
      vertical-align: center;
   }
   .gelb {
      background-image: url(images/gelb.jpg);
      background-repeat: repeat;
      color: rgb(205, 51 ,0);
   }
   .rot {
      background-image: url(images/rot.jpg);
      background-repeat: repeat;
      color: rgb(255, 204, 0);
   }
   .grau {
      background-image: url(images/grau.jpg);
      background-repeat: repeat;
      color: rgb(205, 51 ,0);
   }

   .text {
      margin: 0 50px 0 50px;
      padding: 0;
      width: 600px;
      vertical-align: top;
   }
   .oben {
      list-style-type: none;
      margin: 5px 0 0 10px;
      padding: 0;
   }
   .daneben, .daneben_a {
      float: left;
      text-align: center;
      padding: 0px 25px 5px 0;
   }
   #ueberschrift {
      background-image: url(images/ueberschrift.jpg);
      background-repeat: no-repeat;
      height: 20px;
      width: 600px;
      margin: 0 0 20px 0;
   }
   .ueberschriften, .ueberschriften_sem1 {
      color: rgb(255, 204, 0);
      padding: 0;
      margin: 3px 5px 0 5px;
   }
   .ueberschriften_sem1 {
      font-size: 1.0em;
   }
   .center {
      text-align: center;
   }
   .float {
      float: right;
      padding: 0 0 5px 10px;
   }
   .top {
      vertical-align: top;
   }
   .nach_oben {
      text-align: right;
      font-size: 80%;
   }
   .ablauf {
      background-image: url(images/ablauf.jpg);
      background-repeat: no-repeat;
      width: 550px;
      height: 106px;
      font-size: 80%;
   }
   .ablauf1 {
      width: 190px;
      vertical-align: top;
   }
   .ablauf2{
      vertical-align: top;
      width: 190px;
   }
   .ablauf3{
      vertical-align: top;
   }
   .vita {
      width: 280px;
      vertical-align: top;
      padding: 30px 0 0 30px;
   }
   .vgrau {
      background-image: url(images/grau.jpg);
      background-repeat: repeat;
      width: 480px;
      margin: 0 0 0 30px;
   }
   .uns {
      margin: 0 0 8px 0;
      font-size: 1.2em;
   }
   .seminare {
      width: 600px;
   }
   .seminare2 {
     width: 379px;
   }
   .sem1 {
      width: 220px;
   }
   .sem2 {
      width: 90px;
   }
   .sem3 {
      width: 100px;
   }
   .sem4 {
      width: 179px;
   }
   .seminarbaustein1, .seminarbaustein2, .seminarbaustein3, .seminarbaustein4 {
      width: 180px;
      height: 80px;
      border: 2px solid rgb(204, 51, 0);
      position: static;
      text-align: center;
      vertical-align: middle;
      padding: 10px;
   }
   .seminarbaustein1 {
      margin: 2px 0 0 30px;
   }
   .seminarbaustein2 {
      margin: 2px 0 0 140px;
   }
   .seminarbaustein3 {
      margin: 2px 0 0 250px;
   }
   .seminarbaustein4 {
      margin: 2px 0 0 360px;
   }

   .itm_ul {
      margin: 0px;
      padding: 0;
   }
   .itm {
      margin: 0 0 0 15px;
      padding: 0 0 0 0;
   }
   .itm_ziele {
      vertical-align: top;
      width: 150px;
      padding: 0px;
   }
   .itm_schwarz {
      vertical-align: center;
      align: center;
      padding: 10px;   }
   h1 {
      font-size: 1.8em;
      font-weight: normal;
      padding: 0;
      margin: 0 0 0 3em;
      letter-spacing: 1.5;
      line-height: 1.5;
   }
   h2 {
      font-size: 1.2em;
      margin: 0 0 0 0 ;
   }
   h3 {
      font-size: 0.9em;
      margin: 0px 2px 0 3px;
      padding:0;
      letter-spacing: 1;
   }
   h4 {
      font-size: 0.9em;
      margin: 0;
      letter-spacing: 1;
      color: darkblue;
   }
   h5 {
      font-size:1em;
      margin: 0;
      padding: 0;
      font-weight: bold;
   }
   p {
     margin: 0;
     padding: 0;
   }
   a {
      text-decoration: underline;
      color: rgb(204, 51, 0);
   }
   a:hover {
      text-decoration: none;
   }