html, body
  {
    margin:0;
    padding:0;
    height:100%;
  }

  body
  {
    background-image:url(../img/hintergrund_body.png);
    background-repeat:repeat-x;
    background-color:white;

    font-family:Arial, Helvetica;
    font-size:10pt;
    line-height:1.3;
    color:#4f5559;
  }
  
  /* IDs */

  #metacontainer
  {
    background-color:white;
    background-repeat:repeat-y;
    padding-left:30px;
    border:0px solid black;
    width:850px;
    min-height:100%;
  }
  
  * html #metacontainer
  {
    height:100%;
  }
  
  #oberer_container_startseite, #oberer_container
  {
    background-image:url(../img/hintergrund_oberer_container.png);
    background-repeat:no-repeat;
    background-color: white;
    font-family:Arial, Helvetica, Verdana;
    font-size:12px;
    color:#4f5559;
    position:absolute;
    width:850px;
    height:430px;
    padding-left:30px;
    top:0;
    left:0;
    border:0px solid red;
  }
  
  #oberer_container
  {
    height:355px;
  }
  
  #menue_oben
  {
    margin-top:120px;
    height:23px;
    width:820px;
    padding-top:7px;
    border-top:1px solid #dcdede;
    border-bottom:1px solid #dcdede;
  }

  #inhalt_startseite
  {
    float:left;
    width:435px;
    padding-left:0px;
    margin-top:465px; /* 455px; */
    margin-left:195px;
    border:0px solid black;
  }
  
  #inhalt
  {
    float:left;
    width:625px;
    padding-left:0px;
    margin-top:390px; /* 380px; */
    margin-left:195px;
    border:0px solid black;
  }
  
  #menue_startseite
  {
    float:left;
    width:180px;
    margin-top:467px; /* 457px; */
    margin-left:-630px;
    padding-top:0px;
    border:0px solid red;
  }
  
  #menue
  {
    float:left;
    width:180px;
    margin-top:392px; /* 382px; */
    margin-left:-820px;
    padding-top:0px;
    border:0px solid red;
  }
  
  #breadcrumb_startseite
  {
    position:absolute;
    color:#818181;
    top:435px;
    left:30px;
  }
  
  #breadcrumb
  {
    position:absolute;
    color:#818181;
    top:360px;
    left:30px;
  }

  #rechts
  {
    float:right;
    width:175px;
    margin-top:465px; /* 455px; */
    margin-right:30px;
    border:0px solid black;    
  }

  #sprachenwechsel
  {
    float:right;
  }
  
  #hauptbild_startseite
  {
    position:absolute;  /* margin-top der Teaser-Container funktioniert sonst nicht im Firefox */
    background-image:url(../img/hauptbild.jpg);
    background-repeat:no-repeat;
    width:820px;
    height:270px;
    margin-top:10px;
  }
  
  #hauptbild
  {
    position:absolute;  /* margin-top der Teaser-Container funktioniert sonst nicht im Firefox */
    background-image:url(../img/hauptbild_unterseite.jpg);
    background-repeat:no-repeat;
    width:820px;
    height:195px;
    margin-top:10px;
  }
  
  #footer
  {
    margin-top:15px;
    border:0px solid black;
    padding-bottom:10px;
    color:#4f5559;
  }
  
  
  /* Klassen */
  
  .menuepunkt_oben, .menuepunkt_oben_aktiv
  {
    display:inline;
    padding-right:20px;
  }
  
  .teaser_container
  {
    float:left;
    margin-top:39px;
    margin-left:10px;
    margin-bottom:0px;
    width:190px;
    border:0px solid black;
  }
  
  .teaser_inhalt
  {
    background-image:url(../img/teaser_body_transparent.png);
    background-repeat:no-repeat;
    background-position:0px 31px;
    height:137px;
    margin-top:0px;
  }
  
  .teaser_text
  {
    margin-top:10px;
    margin-left:15px;
    font-family:Arial;
    font-size:12px;
    line-height:1.5;
    color:white;
  }

  .teaser_inhalt_rechts
  {
    background-image:url(../img/transparenter_pixel.png);
    background-repeat:repeat;
    width:225px;
    height:180px;
    margin-top:0px;
    margin-left:580px;
    padding-left:15px;
    padding-top:15px;
  }
  
  .transparente_ecke
  {
    position:absolute;
    right:0px;
    bottom:0px;
  }

  .clearer
  {
    clear:both;   /* für Firefox, muss für IE aufgehoben werden, ansonsten größerer Abstand zwischen Menüpunkten */
    /* display:inline; */
  }
  
  /* Hauptmenü links */
  
  .menuepunkt
  {
    width:176px;
    padding-top:6px;
    padding-left:4px;

    /* Minimalhöhe deswegen, da lange Menüpunkte umbrechen können
       sollen, ohne den darunterliegenden Punkt zu überlappen */

    min-height:22px;
    height:auto !important;  /* min-height-"Hack" für IE */
    height:22px;

    border:0px solid green;
  }

  .pfeil_2
  {
    margin-left:0px;
    width:4px;
    float:left;
    margin-top:5px;
    border:0px solid black;
    display:inline;  /* Fix für Doubled-float-margin-Bug im IE */
  }


  .link_1, .aktiv_link_1
  {
    margin-left:0px;
    padding-bottom:5px;
  }

 .pfeil_3
  {
    margin-left:20px;
    width:4px;
    float:left;
    margin-top:5px;
    border:0px solid black;
    display:inline;  /* Fix für Doubled-float-margin-Bug im IE */
  }


  .link_2
  {
    margin-left:8px;
    padding-bottom:5px;
  }

  .aktiv_link_2
  {
    width:168px;
    float:right;
    margin-bottom:5px;
    border:0px solid black;
  }
  
  .aktiv_link_3, .link_3
  {
    width:148px;
    float:right;
    margin-bottom:5px;
    border:0px solid black;
  }
  
  .trennlinie_menue
  {
    width:180px;
    height:1px;
  }
  
  /* Hauptmenü Ende */
  
  .runde_box, .runde_box_175px, .gelbe_box
  {
    width:180px;
    padding-left:0px;
    background-image:url(../img/runde_box_180px_mitte.png);
    background-repeat:repeat-y;
    color:#4f5559;
    font-size:14px;
    font-color:white;
    border:0px solid black;
  }
  
  .runde_box_inhalt, .runde_box_175px_inhalt, .gelbe_box_inhalt
  {
    width:160px;
    padding-left:10px;
    padding-right:10px;
    overflow:hidden;
  }
  
  .runde_box_ueberschrift
  {
    font-size:12px;
    font-weight:bold;
    padding-top:3px;
    color:#f49e00;
  }
  
  .runde_box_trennlinie
  {
    margin-left:-10px;
    margin-top:5px;
  }
  
  .runde_box_text
  {
    font-size:12px;
    padding-top:5px;
  }

  .runde_box h3, .runde_box_175px h3, .gelbe_box h3
  {
    font-size:12px;
    display:inline;
  }

  .runde_box_175px
  {
    width:175px;
    background-image:url(../img/runde_box_175px_mitte.png);
  }
  
  .runde_box_175px_inhalt
  {
    width:155px;
  }
  
  .gelbe_box
  {
    width:625px;
    background-image:url(../img/gelbe_box_mitte.png);
  }
  
  .gelbe_box_inhalt
  {
    width:605px;
    color:white;
    line-height:1.4;
  }
  
  .ueberschrift_startseite_gelb,
  .ueberschrift_startseite_grau,
  .ueberschrift_startseite_sidebar_gelb
  {
    width:425px;
    height:25px;
    color:white;
    font-size:14px;
    padding-top:5px;
    padding-left:10px;
    margin-bottom:1px;
  }
  
  .ueberschrift_grau,
  .ueberschrift_gelb
  {
    width:615px;
    height:25px;
    color:white;
    font-size:14px;
    padding-top:5px;
    padding-left:10px;
    margin-top:20px;
  }
  
  .ueberschrift_startseite_sidebar_gelb
  {
    width:165px;
    height:23px;
  }
  
  .ueberschrift_startseite_gelb
  {
    background-image:url(../img/hintergrund_ueberschrift_startseite_gelb.png);
  }
  
  .ueberschrift_startseite_grau
  {
    background-image:url(../img/hintergrund_ueberschrift_startseite_grau.png);
    margin-bottom:7px;
  }
  
  .ueberschrift_startseite_sidebar_gelb
  {
    background-image:url(../img/hintergrund_ueberschrift_startseite_sidebar_gelb.png);
  }
  
  .ueberschrift_grau
  {
    background-image:url(../img/hintergrund_ueberschrift_grau.png);
  }
  
  .ueberschrift_gelb
  {
    background-image:url(../img/hintergrund_ueberschrift_gelb.png);
  }
  
  .ueberschrift_startseite_gelb h1,
  .ueberschrift_startseite_gelb h2,
  .ueberschrift_startseite_gelb h3,
  .ueberschrift_startseite_grau h1,
  .ueberschrift_startseite_grau h2,
  .ueberschrift_startseite_grau h3,
  .ueberschrift_startseite_sidebar_gelb h1,
  .ueberschrift_startseite_sidebar_gelb h2,
  .ueberschrift_startseite_sidebar_gelb h3,
  .ueberschrift_grau h1,
  .ueberschrift_grau h2,
  .ueberschrift_grau h3,
  .ueberschrift_gelb h1,
  .ueberschrift_gelb h2,
  .ueberschrift_gelb h3
  {
    display:inline;
    font-size:14px;
    font-weight:normal;
  }
  
  .newsteaser_startseite
  {
    width:435px;  
  }
  
  .newsteaser_startseite
  {
    margin-left:-3px;
  }
  
  .newsteaser_startseite td
  {
    vertical-align:top;
  }
  
  .newsteaser_startseite h1,
  .newsteaser_startseite h2,
  .newsteaser_startseite h3
  {
    font-size:12px;
    display:inline;
  }
  
  .newsteaser_text
  {
    padding-left:10px;
  }
  
  .termine
  {
    background-color:#f3ae2d;
    color:white;
    width:165px;
    padding-top:10px;
    padding-left:10px;
    margin-top:0px;
    margin-bottom:20px;
  }
  
  .termine_unterkante
  {
    background-image:url(../img/termine_unterkante.png);
    margin-left:-10px;
    padding-left:10px;
    padding-top:7px;
    height:29px;
  }
  
  .footer_links_hellgrau div
  {
    display:inline;
    margin-right:10px;
    color:#a7aaac;
  }
  
  .inhaltselement
  {
    margin-top:15px;
    margin-bottom:15px;
  }
  
  .naechste_termine_links
  {
    float:left;
    width:300px;
  }
  
  .naechste_termine_rechts
  {
    float:right;
    width:300px;
  }
  
  .gelber_kasten
  {
    background-color:#f49e00;
  }

  p.bodytext
  {
    margin-top:0px;
    margin-bottom:5px;
  }
  
  .zitat
  {
    border:0px solid black;
  }
  
  /* Damit mehrere "Text mit Bild"-Datensätze untereinander stehen können */

  .csc-textpic
  {
    clear:both;
    margin-top:15px;
  }
  
  .subheadline_gelb
  {
    color:#f49e00;
    font-size:14px;
    font-weight:normal;
  }
  
  .subheadline
  {
    color:#4f5559;
    font-size:14px;
    font-weight:bold;
  }
  
  p.subheadline, p.subheadline_gelb
  {
    margin:0px;
    margin-top:5px;
    margin-bottom:5px;
  }
  
  a.abstand
  {
    display:block;
    margin-bottom:26px;
  }
  
  .termin_box
  {
    position: relative;
    width: 603px;
    margin-top: 1px;
    padding: 3px 11px 0px 11px;
  }
  
  .termin_box table
  {
    margin-left: -7px;
    width: 615px;
  }
  
  .gerade
  {
    background-color: #f9ce7f;
  }
  
  .ungerade
  {
    background-color: #fceccb;
  }
  
  /* Für Fördertipp-Preview-Box auf http://www.emcra.eu/index.php?id=39,
     die dank von TYPO3 unkontrolliert eingefügtem Code nicht einfach
     neben dem Formular floaten kann, wie sie es vor Einbindung von
     DirectMail mal getan hat
   */
  
  .verschobene_foerdertipp_preview_box
  {
    margin-top: -244px;
    margin-left: 457px;
  }

  

  

  
  
  
  h1, h2
  {
    font-size:20px;
    font-weight:normal;
    display:inline;
  }

  hr
  {
    border:0px;                      /* Für Firefox und Opera */
    border-top:solid 1px #dcdede;
    border-bottom:solid 1px #dcdede; /* Für IE (Seiten-Hintergrundfarbe!) */
    background-color:#dcdede; /* Mozilla 1.4 */
    color:#dcdede; /* IE 6 */
    border:#dcdede; /* Opera 7.11 */
    height:1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
  }
  
  .termine hr
  {
    border:0px;                      /* Für Firefox und Opera */
    border-top:solid 1px white;
    border-bottom:solid 1px white; /* Für IE (Seiten-Hintergrundfarbe!) */
    background-color:white; /* Mozilla 1.4 */
    color:white; /* IE 6 */
    border:white; /* Opera 7.11 */
    width:155px;
    margin-left:0px;
    height:1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
  }

  .naechste_termine_links hr, .naechste_termine_rechts hr
  {
    width:300px;
  }
  
  td
  {
    vertical-align:top;
  }
  
  td p
  {
    margin-top:0px;
  }
  
  
  /* Kontaktformular (teilweise unbenutzt) */
  
  /* Formatierung der im Kontaktformular verwendeten Tabelle (und des Telefon-
     Formulars auf der Startseite).
       
     Referenz (16.01.2008): http://www.visakopu.net/misc/table-border-css/
  */
  
  div.kontakttabelle table
  {
  /*
    border-color: grey;
    border-collapse:collapse;
    border-width: 0 0 0px 0px;
    border-style: solid;
    */
  }

  div.kontakttabelle td
  {
  /*
    border-color: grey;
    border-width: 0px 0px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    */
  }
  
  .runde_box_text input, input
  {
    border:1px solid #cccccc;
    background-color:white;
    width:120px;
    color:#666666;
    padding-left:5px;
  }

  input
  {
    /* width:0px; */
  }
  
  div.kontakttabelle input
  {
    width:265px;
  }
  
  
  
  input.teleform
  {
    width:90px;
  }
  
  
  textarea.kontakttabelle
  {
    width:430px;
    border:1px solid #cccccc;
    color:#4f5559;
  }
  
  ul
  {
    list-style-image: url(../img/listenpunkt.png);
    margin-left:-25px;
  }
  
  /* 02.06.2010: list-style-image geht im IE 7 nicht, Workaround mit Hintergrundbild hier */
  
  *+html ul
  {
    margin-left:0px;
  }
  
  *+html li
  {
    background: url(../img/listenpunkt.png) 5px 7px no-repeat;
    padding-left: 15px;
  }
  
  #teaser_link_1
  {
    position: absolute;
    top: 202px;
    left: 45px;
    width: 188px;
    height: 28px;
  }
  
  #teaser_link_2
  {
    position: absolute;
    top: 202px;
    left: 245px;
    width: 188px;
    height: 28px;
  }
  
  #teaser_link_3
  {
    position: absolute;
    top: 202px;
    left: 445px;
    width: 188px;
    height: 28px;
  }
  
  #teaser_link_4
  {
    position: absolute;
    top: 202px;
    left: 645px;
    width: 188px;
    height: 28px;
  }
  
  #c593
  {
    margin-bottom /*\**/: 15px\9;   /* IE-8-Hack */
  }
  
  
  
  
  
  /* Fix für Doubled-float-margin-Bug im IE */
  
  * html #inhalt { display:inline; }
  * html #menue { display:inline; }
  * html #rechts { display:inline; }
  * html #inhalt_startseite { display:inline; }
  * html #menue_startseite { display:inline; }
  * html #rechts_startseite { display:inline; }
  * html .teaser_container { display:inline; }
  
   /* Links */
  
  a:link { text-decoration:underline; font-weight:bold; color:#4f5559; }
  a:visited { text-decoration:underline; font-weight:bold; color:#4f5559; }
  a:active { text-decoration:underline; font-weight:bold; color:#4f5559; }
  a:hover { text-decoration:underline; font-weight:bold; color:#f49e00; }
  
  .menuepunkt_oben a:link { text-decoration:none; font-weight:bold; color:#4f5559; }
  .menuepunkt_oben a:visited { text-decoration:none; font-weight:bold; color:#4f5559; }
  .menuepunkt_oben a:active { text-decoration:none; font-weight:bold; color:#f49e00; }
  .menuepunkt_oben a:hover { text-decoration:none; font-weight:bold; color:#f49e00; }
  
  .menuepunkt_oben_aktiv a:link { text-decoration:none; font-weight:bold; color:#f49e00; }
  .menuepunkt_oben_aktiv a:visited { text-decoration:none; font-weight:bold; color:#f49e00; }
  .menuepunkt_oben_aktiv a:active { text-decoration:none; font-weight:bold; color:#f49e00; }
  .menuepunkt_oben_aktiv a:hover { text-decoration:none; font-weight:bold; color:#f49e00; }
  
  .teaser_text a:link { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .teaser_text a:visited { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .teaser_text a:active { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .teaser_text a:hover { text-decoration:underline; font-weight:bold; font-family:Arial; color:#4f5559; }
  
  .aktiv_link_1 a:link { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_1 a:visited { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_1 a:active { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_1 a:hover { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  
  .aktiv_link_2 a:link { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_2 a:visited { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_2 a:active { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_2 a:hover { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  
  .aktiv_link_3 a:link { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_3 a:visited { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_3 a:active { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  .aktiv_link_3 a:hover { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }

  .link_1 a:link { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .link_1 a:visited { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .link_1 a:active { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .link_1 a:hover { text-decoration:none; font-weight:bold; font-family:Arial; color:#f49e00; }
  
  .link_2 a:link { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .link_2 a:visited { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .link_2 a:active { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .link_2 a:hover { text-decoration:none; font-weight:normal; font-family:Arial; color:#f49e00; } 
  
  .link_3 a:link { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .link_3 a:visited { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .link_3 a:active { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .link_3 a:hover { text-decoration:none; font-weight:normal; font-family:Arial; color:#f49e00; }
  
  .newsteaser_startseite a:link { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .newsteaser_startseite a:visited { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .newsteaser_startseite a:active { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .newsteaser_startseite a:hover { text-decoration:underline; font-weight:bold; font-family:Arial; color:#4f5559; }
  
  .termine a:link { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .termine a:visited { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .termine a:active { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .termine a:hover { text-decoration:none; font-weight:bold; font-family:Arial; color:white; }
  
  .footer_links a:link { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .footer_links a:visited { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .footer_links a:active { text-decoration:none; font-weight:normal; font-family:Arial; color:#4f5559; }
  .footer_links a:hover { text-decoration:underline; font-weight:normal; font-family:Arial; color:#4f5559; }
  
  .footer_links_hellgrau a:link { text-decoration:none; font-weight:normal; font-family:Arial; color:#818181; }
  .footer_links_hellgrau a:visited { text-decoration:none; font-weight:normal; font-family:Arial; color:#818181; }
  .footer_links_hellgrau a:active { text-decoration:none; font-weight:normal; font-family:Arial; color:#818181; }
  .footer_links_hellgrau a:hover { text-decoration:none; font-weight:normal; font-family:Arial; color:#818181; }
  
  .teaser_inhalt_rechts a:link { text-decoration:none; font-weight:normal; font-family:Arial; color:white; }
  .teaser_inhalt_rechts a:visited { text-decoration:none; font-weight:normal; font-family:Arial; color:white; }
  .teaser_inhalt_rechts a:active { text-decoration:none; font-weight:normal; font-family:Arial; color:white; }
  .teaser_inhalt_rechts a:hover { text-decoration:none; font-weight:normal; font-family:Arial; color:white; }
  
  .seitennavigation a:link { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .seitennavigation a:visited { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .seitennavigation a:active { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  .seitennavigation a:hover { text-decoration:none; font-weight:bold; font-family:Arial; color:#4f5559; }
  
  .standorte a:link { text-decoration:underline; font-weight:normal; font-family:Arial; color:white; }
  .standorte a:visited { text-decoration:underline; font-weight:normal; font-family:Arial; color:white; }
  .standorte a:active { text-decoration:underline; font-weight:normal; font-family:Arial; color:white; }
  .standorte a:hover { text-decoration:underline; font-weight:normal; font-family:Arial; color:white; }
  
  #breadcrumb a:link { text-decoration:underline; font-weight:normal; font-family:Arial; color:#818181; }
  #breadcrumb a:visited { text-decoration:underline; font-weight:normal; font-family:Arial; color:#818181; }
  #breadcrumb a:active { text-decoration:underline; font-weight:normal; font-family:Arial; color:#818181; }
  #breadcrumb a:hover { text-decoration:underline; font-weight:normal; font-family:Arial; color:#818181; }
  
  #breadcrumb_startseite a:link { text-decoration:underline; font-weight:normal; font-family:Arial; color:#818181; }
  #breadcrumb_startseite a:visited { text-decoration:underline; font-weight:normal; font-family:Arial; color:#818181; }
  #breadcrumb_startseite a:active { text-decoration:underline; font-weight:normal; font-family:Arial; color:#818181; }
  #breadcrumb_startseite a:hover { text-decoration:underline; font-weight:normal; font-family:Arial; color:#818181; }
  .contenttable ul li {text-align: left; font-weight: normal; }
  .contenttable ul {margin-top: 0px;}
  
  .gelbe_box_inhalt a:hover { color: white; }
  
  /* 07.06.2010: automatisch PDF-Icon anzeigen bei Links auf *.pdf.
     Quelle: http://www.hunlock.com/blogs/Attach_icons_to_anything_with_CSS
  */

  a[href $='.pdf']
  { 
    padding-left: 18px;
    background: transparent url(../img/pdf.gif) no-repeat top left;
  }
  .mbottom {
  	margin-bottom: 10px;
  }