/* Defaultwerte in der Übersicht 

   ID / class                    Color        Background

   #kopf                                      #660000      
        background-image                      /styles/kof.jpg


   #inhalt                                    #F9F2DA
        background-image                      /styles/ihnalt.jpg


   #details                      #330000      transparent  

   #fuss
        background-image                      /styles/fuss.jpg
 
        .fussleiste              #F9F2DA      transparent
        .fussinvers              #000000      transparent


   #slogan                       #FFCC66      transparent

   #datum                        #FFCC66      transparent


   #kopfmenu                     #F9F2DA      transparent
      a, link, link              #F9F2DA      transparent   
      hover, active              #FFCC66      transparent

   #hauptmenu                    #FFCC66      #F9F2DA
      a.menu_0, :link,
              :visited,
              :hover,
              :active,
      .menu_0-aktiv              #F9F2DA      transparent
          background-image                    /styles/schalt.jpg

   

      a.menu_1, :link,           #BBCC00      transparent
              :visited,
              :hover,
              :active
      .menu_1-aktiv              #BBCC00      transparent

      .menu_1:hover,
      .menu_1-aktiv              #FFCC66      transparent

*/
   



/* 760 Pixel breiter div-Container ,der alles enthält */

#mitte {
    position: relative;
    width: 760px;
    margin: 0px auto;
    text-align: left;
}

/* Kopfzeile (Logo und Globale Links) */
#kopf {
    height: 150px;
    width: 760px;
    margin: 0px;
    vertical-align: baseline;
    background-color: #660000;
    background-image: url(bilder/kopf.jpg); 
    background-repeat: no-repeat;
}

/* Container mit der Navigation und dem Inhalt */
#inhalt	{
    position: absolute;
    top: 150px;
    width: 760px;
    margin: 0px;
    background-color: #F9F2DA;
    background-image: url(bilder/inhalt.jpg); 
    background-repeat: no-repeat;
    float: left;
}

/* Container, der die Inhalte enthält*/
#details {
    position: static;
    min-height: 420px;
    width: 520px; 
    margin: 80px 30px 30px 195px; 
    background-color: transparent;
    color: #330000;
    text-align: justify;
}

/* Fusszeile  */
#fuss {
    position: static;  
    bottom: 0px; 
    width: 760px; 
    height: 90px;
    text-align: justify;
    vertical-align: baseline; 
    background-image: url(bilder/fuss.jpg); 
    background-position: 0px 20px; 
    background-repeat: no-repeat;
}


#fuss .fussleiste	{
    font-size: 10px;
    color: #F9F2DA;
    background-color: transparent;
    padding-left: 30px;
    float: left;
    text-align: left;
}

#fuss .fussinvers {
    font-size: 10px;
    color: #000000;
    background-color: transparent;
}




/* Container, der den Slogen "... der Modul-System-Provider" enthält*/
#slogan {
    position: absolute;
    top: 25px;
    left: 460px;
    width: 280px;
    font-size: 16px;
    font-weight: bold;
    color: #FFCC66;
    background-color: transparent;
    text-align: right;
}

#datum {
    position: absolute;
    top: 8px;
    right: 20px; 
    color: #FFCC66;
    font-size: 13px;
    font-weight: normal;
    text-align: right;
    background-color: transparent;
}

/* Container, der das Kopfmenü enthält*/
#kopfmenu {
    position: absolute;
    top: 120px;
    left: 20px;
    width: 340px;
    font-size: 13px;
    color: #F9F2DA;
    background-color: transparent;
}	

/* Container, der die Navigation des Kopfmenue enthält*/

#kopfmenu a, 
#kopfmenu a:link, 
#kopfmenu a:visited {
    text-decoration: none;
    font-weight: normal;
    color: #F9F2DA;
    background-color: transparent;
}

#kopfmenu a:hover, 
#kopfmenu a:active, 
#kopfmenu .kopfmenu-aktiv {
    color: #FFCC66;
    font-weight: bold;
    background-color: transparent;
}


#kopfmenu span {
    width: 84px;
    float: left;
    text-align: center;
    background-color: transparent;
}

/* ------------------------- Ende Kopfmenü -----------*/

/* Container, der das hauptmenü enthält */
#hauptmenu {
    position: relative;
    left: 20px; 
    top: 30px; 
    width: 154px;
    font-size: 11px;
    color: #330000;
    float: left; 
    text-align: left;
    background-color: #F9F2DA;
    background-repeat: no-repeat;
    background-color: transparent;
}	


/* Container, der die Navigation des Haupmenue steuert */

#hauptmenu a.menu_0, 
#hauptmenu a.menu_0:link, 
#hauptmenu a.menu_0:visited, 
#hauptmenu a.menu_0:hover, 
#hauptmenu a.menu_0:active, 
#hauptmenu .menu_0-aktiv {
    color: #F9F2DA;
    height: 24px;
    padding-top: 6px; 
    padding-left: 35px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    background-color: transparent;
    background-image: url(bilder/schalt.jpg);
    background-repeat: no-repeat;
}

#hauptmenu a.menu_0:hover,
#hauptmenu .menu_0-aktiv {
    color: #FFCC66;
    background-image: url(bilder/schalt_hover.jpg);	
    background-repeat: no-repeat;
    background-color: transparent;
}



#hauptmenu a.menu_1,
#hauptmenu .menu_1, 
#hauptmenu .menu_1-aktiv {
    padding-left: 35px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    color:  #BB6600;
    background-color: transparent;
}

#hauptmenu a.menu_1,
#hauptmenu a.menu_1:link, 
#hauptmenu a.menu_1:visited, 
#hauptmenu a.menu_1:hover, 
#hauptmenu a.menu_1:active {
    color:  #BB6600;
    background-color: transparent;
}

#hauptmenu a.menu_1:hover, 
#hauptmenu .menu_1-aktiv  {
    color: #FFCC66;
    background-color: transparent;
}


#hauptmenu .mitte {
    padding: 10px 10px 10px 0px;
    text-align: center;
}

/* ------------------------- Ende Hauptmenü -----------*/

/* ------------------------- Start Sitemap  -----------*/

#sitemap a, 
#sitemap a:link, 
#sitemap a:visited, 
#sitemap a:hover, 
#sitemap a:active {
    left: 10px;
    color: #BB6600;
    padding-top: 6px; 
    padding-left: 35px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    background-color: transparent;
}

#sitemap a:hover {
    color: #FFCC66;
    background-color: transparent;
}

#sitemap UL { 
    list-style: none;
}

/* ------------------------- Ende Sitemap -----------*/