/*
 *      t   a   g   -   w   o   r   k 
 *
 *      BÜRO FÜR WEBDESIGN  &  GRAFIK
 *
 *      M  A  R  K  U  S   O  E  H  M
 *
 *         Alle Rechte vorbehalten
 *
 *               2 0 0 7
 *
 *****************************************
 *  
 *      Stylesheet: projekt.css
 *      Autor     : tag-work - Markus Oehm
 *      Version   : 1.0.0
 *      Datum     : 22.04.2007
 *      Projekt   : www.gallagher.de
 *
 *****************************************/

/*
 *  Generelle Darstellung
 *  *********************/

    body {
      background-color    : #a0a0a0;
      background-image    : url(../gfx/bg.jpg);
      background-repeat   : repeat;
      }

    #Satzspiegel {
      width               : 48.0000em;
      height              : 37.5000em;
      background-color    : #fff;
      }

/*
 *  Seitenspezifische Angaben
 *  Aufteilung in linken und rechten Teil
 *  *************************************/
  
  /*
   *  Für die Seitenaufteilung
   *  ************************/

    #LinkeSeite {
      position            : absolute;
      top                 : 11.2500em;
      left                :  0;
      width               :  7.5000em;
      height              : 25.0000em;
      background-color    : transparent;
      }

    #RechteSeite {
      position            : absolute;
      top                 : 11.2500em;
      left                :  7.5000em;
      width               : 40.5000em;
      height              : 25.0000em;
      background-color    : transparent;
      }

    #Kopf {
      position            : absolute;
      top                 :  0;
      left                :  0;
      background-color    : transparent;
      height              :  8.7500em;
      width               : 100%;
      }

    #Menuezeile {
      position            : absolute;
      top                 :  8.7500em;
      left                : 17.6250em;
      background-color    : transparent;
      height              :  2.5000em;
      width               : 28.7500em;
      }

    #Fussmenuezeile {
      position            : absolute;
      top                 : 36.2500em;
      left                : 17.6250em;
      background-color    : transparent;
      height              :  1.2500em;
      width               : 30.7500em;      
      }

    #LayoutBy {
      position            : absolute;
      top                 : 36.2500em;
      left                :  0;
      background-color    : transparent;
      height              :  1.2500em;
      width               :  7.5000em;
      text-align          : center;
      }

  /*
   *  Logo
   *  ****/

    #Logo {
      position            : absolute;
      top                 :  1.2500em;
      left                : 17.6250em;
      background-color    : transparent;
      height              :  6.2500em;
      width               : 12.7500em;
      }

  /*
   *  Menüzeile oben
   *  Menüzeile unten 
   *  ***************/

    #Menuezeile ul {
      margin              :  0;
      padding             :  0;
      background-color    : transparent;
      width               : 100%;
      height              :  1.8750em;
      }
   
    #Menuezeile li {
      float               : left;
      margin              :  0;
      padding             :  0;
      background-color    : transparent;
      height              :  1.8750em;
      margin-right        :  0.625em;
      width               :  5.25em;
      list-style          : none;
      }

    #Menuezeile li.lastlink {
      margin-right        :  0;
      }

    #Menuezeile a {
      display             : block;
      padding-top         :  0.9375em;
      height              :  1.6750em;
      color               : #000;
      font-size           : 70%;
      text-decoration     : none;
      font-weight         : bold;
      letter-spacing      :  0.1000em;
      background-color    : transparent;
      background-repeat   : no-repeat;
      }

    #Menuezeile a.rot {
      background-image    : url(../gfx/linkbg_rot.jpg);
      }

    #Menuezeile a.lila {
      background-image    : url(../gfx/linkbg_lila.jpg);
      }

    #Menuezeile a.blau {
      background-image    : url(../gfx/linkbg_blau.jpg);
      }

    #Menuezeile a.orange {
      background-image    : url(../gfx/linkbg_orange.jpg);
      }

    #Menuezeile a.gruen {
      background-image    : url(../gfx/linkbg_green.jpg);
      }

    #Menuezeile a:hover {
      text-decoration     : underline;
      }
 
    #LayoutBy p,
    #Fussmenuezeile p {
      margin              :  0;
      padding             :  0;
      font-size           : 70%;
      color               : #7ca120;
      }

    #LayoutBy p {
      font-size           : 50%;
      letter-spacing      :  0.0000em;
      margin-top          :  0.2000em;
      }

    #LayoutBy a,
    #Fussmenuezeile a {
      color               : #7ca120;
      text-decoration     : none;
      letter-spacing      :  0.1000em;
      }

    #LayoutBy a {
      color               : #bbb;
      text-decoration     : none;
      letter-spacing      :  0.2000em;
      }

    #LayoutBy a:hover,
    #Fussmenuezeile a:hover {
      text-decoration     : underline;
      }
 
  /*
   *  Contentbezogene Angaben
   *  ***********************/

    #Seitengrafik {
      position            : absolute;
      top                 :  1em;
      left                :  1.2500em;
      height              : 22.3750em;
      background-color    : transparent;
      width               :  5.0000em;
      }
 
    #Themenfoto {
      position            : absolute;
      top                 :  1em;
      left                :  0.9375em;
      height              : 22.3750em;
      background-color    : transparent;
      width               :  8.2500em;
      }
 
     #Themenfoto img {
      font-size           : 65%;
      }
 
    #Textfeld {
      position            : absolute;
      top                 :  1em;
      left                : 10.1250em;
      height              : 22.3750em;
      background-color    : transparent;
      width               : 29.6875em;
      overflow            : auto;
      }

     #Textfeld p {
      margin              :  0;
      padding             :  0;
      margin-right        :  2.2500em;
      margin-bottom       :  1.2500em;
      font-size           : 75%;
      line-height         : 160%;
      text-align          : justify;
      }

     #Textfeld a {
      color               : #7ca120;
      text-decoration     : underline;
      }

     #Textfeld a:hover {
      text-decoration     : none;
      }

     h1 {
      margin              :  0;
      padding             :  0;
      font-size           : 1em;
      margin-bottom       : 2em;
      }

     h2 {
      margin              :  0;
      padding             :  0;
      font-size           : 0.9em;
      margin-bottom       : 2em;
      }
      
     table {
      margin-bottom       : 2em;
      }

     td {
      font-size           : 0.75em;
      vertical-align      : top;
      padding-bottom      : 0.3em;
      }

     #Textfeld ul {
      margin              :  0;
      padding             :  0;
      background-color    : transparent;
      padding-left        :  1.33em;
      margin-bottom       :  1em;
      font-size           :  0.75em;
      line-height         : 160%;
      }
   
     #Textfeld li {
      margin              :  0;
      padding             :  0;
      list-style          : square;
      }


    ul#indexLinks {
      margin              :  0;
      padding             :  0;
      background-color    : transparent;
      }
   
    #indexLinks li {
      margin              :  0;
      padding             :  0;
      background-color    : transparent;
      height              :  5em;
      width               :  18.5em;
      list-style          : none;
      margin-bottom       : 0.5em;
      background-repeat   : no-repeat;
      background-color    : transparent;
      }

    #indexLinks li.indexrot {
      background-image    : url(../gfx/indexLink_rot.jpg);
      }

    #indexLinks li.indexlila {
      background-image    : url(../gfx/indexLink_lila.jpg);
      }

    #indexLinks li.indexblau {
      background-image    : url(../gfx/indexLink_blau.jpg);
      }

    #indexLinks li.indexorange {
      background-image    : url(../gfx/indexLink_orange.jpg);
      }

    #indexLinks li.indexgruen {
      background-image    : url(../gfx/indexLink_gruen.jpg);
      }

    #indexLinks a {
      text-decoration     : none;
      font-size           : 1.5em;
      color               : #000;
      letter-spacing      : 0.38em;
      height              : 100%;
      width               : 100%;
      display             : block;
      background-color    : transparent;
      }

    #indexLinks a:hover {
      text-decoration     : none;
      }

    #indexLinks a span {
      padding-top         : 1.7em;
      display             : block;
      background-color    : transparent;
      }


h1 span {
  font-size:0.9em;
  color:#555;
  margin-left:5em;
  font-weight:normal;
}