/* **********************************************************
 * projekt.css
 * 
 * Allgemeine Angaben für die Seitendarstellungen der
 * Kopf-, Hauptmenü- und Marginalbereiche
 * Die Angaben für die jerweiligen Seiten sind in der
 * Datei seiten.css zu finden
 *
 * August Pohli GmbH & Co. KG - Wuppertal
 * Autor            Markus Oehm
 * Version          1.00.00
 * Datum            12.11.2006
 *
 * **********************************************************/

/*
 * Kopfbereich
 *
 * **********************************************/

  #Logografik {
    float                     : left;
    margin                    : 0;
    padding                   : 0;
    width                     : 12.5em;
    height                    : 6.25em;
    background-color          : #fff;
    }

  #Kopfgrafik {
    float                     : left;
    margin                    : 0;
    padding                   : 0;
    width                     : 49.5em;
    height                    : 6.25em;
    background-color          : #fff;
    background-image          : url(../gfx/headflash01.jpg);
    background-repeat         : no-repeat;
    }

  #SloganBlock {
    clear                     : both;
    margin                    : 0;
    padding                   : 0;
    width                     : 100%;
    height                    : 3.125em;
    background-color          : #fff;
    text-align                : left;;
    }

  #Slogan {
    margin                    : 0;
    padding                   : 0;
    color                     : #007341;
    /*width                     : 100%;*/
    letter-spacing            : 1.05em;
    font-size                 : 1.5em;
    background-color          : #fff;
    padding-top               : 0.5em;
    margin-left               : 8.333em;
    }

/*
 * Hauptmenübereich
 *
 * **********************************************/

  a.kmTopAktiv,
  a.kmTop {
    display                   : block;
    width                     : 17.3em;
    color                     : #000;
    text-decoration           : none;
    outline                   : none 
    }

  a.kmSubAktiv,
  a.kmSub {
    display                   : block;
    width                     : 16.5em;
    color                     : #000;
    outline                   : none 
    }

  .menueueberschrift {
    margin                    : 0;
    padding                   : 0;
    font-weight               : bold;
    width                     : 17.3em;
    }

  #Servicemenueblock, 
  #Hauptmenueblock {
    margin                    : 0;
    padding                   : 0;
    width                     : 12.4em;
    border-right              : solid 1px #b4cdb6;
    padding-bottom            : 0;
    margin-bottom             : 2em;
    } 

  #Servicemenueblock ul,
  #Hauptmenueblock ul {
    margin                    : 0;
    padding                   : 0;
    width                     : 12.4em;
    background-color          : #fff;
    }
  
  #Servicemenueblock li,
  #Hauptmenueblock  li {
    margin                    : 0;
    padding                   : 0;
    list-style                : none;
    font-size                 : 0.7em;
    width                     : 100%;
    border-bottom             : solid 1px #b4cdb6;
    }
  
  #Hauptmenueblock a.kmTopAktiv,
  #Hauptmenueblock a.kmTop {
    color                     : #000;
    padding-left              : 0.4em;
    padding-top               : 0.4em;
    padding-bottom            : 0.4em;
    text-decoration           : none;
    border                    : none;
    background-color          : #fff;
    }
  
  #Hauptmenueblock a.kmTopAktiv:hover,
  #Hauptmenueblock a.kmTop:hover {
    background-color          : #e8f6ea;
    color                     : #001;
    }

  #Hauptmenueblock a.kmTopAktiv {
    color                     : #007341;
    font-weight               : bold;
    border-left               : solid 2px #007341;
    } 
  
  #Hauptmenueblock a.kmSubAktiv,
  #Hauptmenueblock a.kmSub {
    color                     : #000;
    padding-left              : 1.2em;
    padding-top               : 0.4em;
    padding-bottom            : 0.4em;
    text-decoration           : none;
    background-color          : #d3e2d4;
    }
  
  #Hauptmenueblock a.kmSubAktiv {
    color                     : #000;
    background-image          : url(../gfx/kmSubAktiv.gif);
    background-repeat         : no-repeat;
    } 
 
 
  #Hauptmenueblock a.kmSubAktiv:hover,
  #Hauptmenueblock a.kmSub:hover {
    background-color          : #e8f6ea;
    color                     : #001;
    }
  
  #Hauptmenueblock p.menueueberschrift {
    background-color          : #000;
    color                     : #fff;
    font-weight               : bold;
    font-size                 : 0.7em;
    padding-left              : 0.4em;
    padding-top               : 0.4em;
    padding-bottom            : 0.4em;
    }

  #Servicemenueblock {
    border-right              : solid 1px #999;
    }
  
  #Servicemenueblock li {
    border-bottom             : solid 1px #999;
    }
  
  #Servicemenueblock a.kmTop {
    color                     : #000;
    padding-left              : 0.4em;
    padding-top               : 0.4em;
    padding-bottom            : 0.4em;
    text-decoration           : none;
    border                    : none;
    background-color          : #e0e0e0;
    }
  
  #Servicemenueblock a.kmTop:hover {
    background-color          : #fff;
    }
  
  
  #Servicemenueblock p.menueueberschrift {
    background-color          : #000;
    color                     : #fff;
    font-weight               : bold;
    font-size                 : 0.7em;
    padding-left              : 0.4em;
    padding-top               : 0.4em;
    padding-bottom            : 0.4em;
    }


/*
 * Fusszeilenbereich
 *
 * **********************************************/

  #Fusszeile {
    background-color          : transparent;
    width                     : 100%;
    margin                    : 0;
    padding                   : 0;
    margin-top                : 3em;
    height                    : 10em;
    min-height                : 10em;
    }

  #Fusszeile div {
    margin-left               : 1em;
    margin-right              : 1em;
    background-color          : transparent;
    margin-bottom             : 1em;
    }

  #Fusszeile p {
    margin                    : 0;
    padding                   : 0;
    font-size                 : 0.7em;
    color                     : #007341;
    }

  #Aenderung {
    float                     : left;
    width                     : 45%;
    text-align                : left;
    background-color          : transparent;
    }

  #Gewaehr {
    float                     : right;
    width                     : 45%;
    text-align                : right;
    background-color          : transparent;
    }

  #Copyright {
    margin-top                : 3em;
    border-top                : solid 1px #007341;
    background-color          : transparent;
    padding-top               : 1em;
    text-align                : center;
    color                     : #007341;
    }