#middle  {
      position:absolute;
      z-index:1;
      width:553px;
      left:50%;
      bottom:0px;
      margin-left:-344px;
      top:168px;
    }

    .grau  {
       font-size:16px;
       line-height:25px;
       font-weight:normal;
       color:#666;
    }

    .rot  {
       font-size:16px;
       line-height:25px;
       font-weight:normal;
       color:#cd1010;
    }

    .content  {
      margin-top:32px;
      margin-left:20px;
      width:500px;
    }

    .middle  {
      padding:10px 0px 10px 15px;
      clear:both;
      width:475px;
      height:320px;
      color:#000;
      font-size:12px;
      line-height:15px;
    }

    .mainfooter  {
      position:absolute;
      z-index:1;
      color:#fff;
      font-size:12px;
      line-height:15px;
      width:500px;
      padding-top:25px;
    }

    .bg_top  {
      background-image:url(../img/htg_oben.png);
      background-repeat:no-repeat;
      width:500px;
      height:6px;
    }

    a.link  {
      font-weight:normal;
      line-height:16px;
      font-size:12px;
      color:#ffffff;
      text-decoration:underline;
    }

    a.link:hover  {
      font-weight:normal;
      line-height:16px;
      font-size:12px;
      color:#ffffff;
      text-decoration:underline;
    }

    a.layout {
      background-image:url(../img/box/box_layout.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.layout:hover {
      background-image:url(../img/box/box_layout_aktiv.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.layout:focus {
      background-image:url(../img/box/box_layout_aktiv.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.text {
      margin-left:30px;
      background-image:url(../img/box/box_text.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.text:hover {
      margin-left:30px;
      background-image:url(../img/box/box_text_aktiv.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
     }

     a.text:focus {
      margin-left:30px;
      background-image:url(../img/box/box_text_aktiv.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.bilder {
      margin-top:5px;
      background-image:url(../img/box/box_bilder.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.bilder:hover {
      margin-top:5px;
      background-image:url(../img/box/box_bilder_aktiv.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.bilder:focus {
      margin-top:5px;
      background-image:url(../img/box/box_bilder_aktiv.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.logolink {
      margin-top:5px;
      margin-left:30px;
      background-image:url(../img/box/box_logo.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.logolink:hover {
      margin-top:5px;
      margin-left:30px;
      background-image:url(../img/box/box_logo_aktiv.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.logolink:focus {
      margin-top:5px;
      margin-left:30px;
      background-image:url(../img/box/box_logo_aktiv.png);
      background-repeat:no-repeat;
      width:220px;
      height:100px;
      float:left;
    }

    a.bestellen {
      clear:both;
      margin-left:251px;
      margin-top:10px;
      background-image:url(../img/button/bestellen_button.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      float:left;
    }

    a.bestellen:hover {
      clear:both;
      margin-left:251px;
      margin-top:10px;
      background-image:url(../img/button/bestellen_button_hover.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      float:left;
    }

    .layer {
      background:url(../img/layerbox/layerlinie.png);
      background-repeat:repeat-y;
      border: solid 1px #eeeeee;
      position:absolute;
      z-index:1;
      top:205px;
      margin-left:-320px;
      left:50%;
    }

    .inhalt  {
      margin:10px 0 10px 10px;
    }

    .input  {
      width:214px;
      border: solid 1px #00447b;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }

    .long  {
      width:170px;
      border: solid 1px #00447b;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }

    .short  {
      width:55px;
      border: solid 1px #00447b;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }

    .land  {
      width:30px;
      border: solid 1px #00447b;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
	  margin-right:2px;
    }
	
	 .vorwahl  {
      width:70px;
      border: solid 1px #00447b;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
	  margin-right:2px;
    }
	
	 .stamm  {
      width:60px;
      border: solid 1px #00447b;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
	  margin-right:2px;
    }
	
	 .durchwahl  {
      width:30px;
      border: solid 1px #00447b;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }
	
	
	
	
    .inputmiddle  {
      width:114px;
      border: solid 1px #00447b;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 1p 2px 2px;
    }

    .inputbottom  {
      width:115px;
      border: solid 1px #595959;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0px 3px 0px;
      padding: 0 1p 2px 2px;
    }

    .inputmain  {
      margin-left:8px;
      float:left;
      width:295px;
    }

    .textareamain  {
      float:left;
      margin-left:11px;
    }

    .textarea  {
      margin-top:12px;
      clear:both;
      width:213px;
      height:147px;
    }

    a.vorschau {
      background-image:url(../img/button/vorschau_button.png);
      background-repeat:no-repeat;
      position:absolute;
      z-index:1;
      width:240px;
      height:20px;
      margin:5px 0 0 0;
      cursor:pointer;
      clear:both;
    }

    a.vorschau:hover {
      background-image:url(../img/button/vorschau_button_hover.png);
      background-repeat:no-repeat;
      position:absolute;
      z-index:1;
      width:240px;
      height:20px;
      margin:5px 0 0 0;
      cursor:pointer;
    }

    a.abschliessen {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/abschliessen_button.png);
      background-repeat:no-repeat;
      width:220px;
      height:25px;
      cursor:pointer;
      margin-left:241px;
    }

    a.abschliessen:hover {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/abschliessen_button_hover.png);
      background-repeat:no-repeat;
      width:220px;
      height:25px;
      cursor:pointer;
      margin-left:241px;
    }

    a.zurueck {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/zurueck_button.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      cursor:pointer;
    }

    a.zurueck:hover {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/zurueck_button_hover.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      cursor:pointer;
    }

    a.weiter {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/weiter_button.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      cursor:pointer;
      margin-left:225px;
    }

    a.weiter:hover {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/weiter_button_hover.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      cursor:pointer;
      margin-left:225px;
    }

    a.speichern {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/speichern_button.png);
      background-repeat:no-repeat;
      width:220px;
      height:25px;
      cursor:pointer;
      margin-left:225px;
    }

    a.speichern:hover {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/speichern_button_hover.png);
      background-repeat:no-repeat;
      width:220px;
      height:25px;
      cursor:pointer;
      margin-left:225px;
    }

    a.loeschen_but {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/loeschen_button.png);
      background-repeat:no-repeat;
      width:220px;
      height:25px;
      cursor:pointer;
    }

    a.loeschen_but:hover {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/loeschen_button_hover.png);
      background-repeat:no-repeat;
      width:220px;
      height:25px;
      cursor:pointer;
    }

    a.auswahl_but {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/auswahl_button.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      margin-left:225px;
      cursor:pointer;
    }

    a.auswahl_but:hover {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/auswahl_button_hover.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      margin-left:225px;
      cursor:pointer;
    }

    a.drucksenden_but {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/drucksenden_button.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      margin-left:225px;
      cursor:pointer;
    }

    a.drucksenden_but:hover {
      position:absolute;
      z-index:1;
      background-image:url(../img/button/drucksenden_button_hover.png);
      background-repeat:no-repeat;
      width:220px;
      height:20px;
      margin-left:225px;
      cursor:pointer;
    }

    .warenkorb {
      background-color:#2c5685;
      border: solid 1px #00447b;
      width:220px;
      padding:1px;
      color:#fff;
      font-size:12px;
      font-weight:normal;
    }

    .inputbox  {
      width:234px;
      border: solid 1px #595959;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 2px 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }

    .selectoption  {
      width:239px;
      border: solid 1px #595959;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 2px 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }

    .longbox  {
      width:170px;
      border: solid 1px #595959;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }

    .shortbox  {
      width:55px;
      border: solid 1px #595959;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }

    .inputmiddlebox  {
      width:114px;
      border: solid 1px #595959;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 1p 2px 2px;
    }


    .file  {
      border: solid 1px #595959;
      background-color:#fff;
      font-size:11px;
      line-height:13px;
      float:left;
      margin: 0 0 2px 0px;
      padding: 2px 2px 2px 2px;
    }

    a.bearbeiten  {
      float:left;
      color:#004179;
      font-size:12px;
      line-height:18px;
      font-weight:normal;
    }

    a.bearbeiten:hover  {
      float:left;
      color:#004179;
      font-size:12px;
      line-height:18px;
      font-weight:normal;
    }

    .loeschen_datei  {
      background-color:#2c5685;
      border: solid 1px #00447b;
      color:#fff;
      padding:2px;
      height:30px;
      font-size:12px;
      line-height:15px;
      font-weight:normal;
      text-decoration:none;
    }

    .bearbeiten_datei  {
      background-color:#2c5685;
      border: solid 1px #00447b;
      color:#fff;
      height:30px;
      padding:2px;
      font-size:12px;
      line-height:15px;
      font-weight:normal;
      text-decoration:none;
    }

    .bestellen  {
      background-color:#2c5685;
      border: solid 1px #00447b;
      color:#fff;
      height:25px;
      padding:2px;
      font-size:12px;
      line-height:15px;
      font-weight:normal;
      text-decoration:none;
    }