/*   Stylesheet für Cat Cloud Manager  Homepage */
/*   Erstellt am: 19.07.2018                    */
/*            von: Susann Hornschuch            */


/**************************************************** Einstellungen für WRAPPER ********************************************/
  #wrap-1_hp { width:       100%;
               margin-left: 0px;
             }
  
/******************************************* Kopf *************************************************************************/
 #head_hp {height:    226px; 
             background:url(picture/LogoFCCCG_klein.png) no-repeat left, url(picture/header2.png) no-repeat center;  
             background-color: #F2F2C3;}

   @media all and (max-width: 800px)                          /*    Menue für kleine Displays */
  { #head_hp {background: url(picture/header2.png) no-repeat center; }
    div.menue_button, div.menue_nach_button        { background: #FFBF00; }
    div.menue_nach_button  ul li                   { background: #F2F2C3; }
    div.menue_nach_button  ul li li                { background: #FCFAE8; }
    div.menue_nach_button  ul li li li             { background: #94ae55;  }
    div.menue_nach_button, div.menue_nach_button a { color: #000; } 	
  }
   @media all and (max-width: 700px)                             /* Menue für kleine Displays */
  { #head_hp {height:           180px; 
             background: url(picture/header2klein.png) no-repeat center; 
             }
  }
/****************************************************** Linke Sidebar *****************************************************/
  #left_sidebar_hp { margin:   0;
                     padding:  0;
                     width:    230px;   /* Ändert man diesen Wert mkuss auch #wrap-1_hp angepasst werden */
                   }
/************************ Menü **********************************/
  div.hp_menue    { padding-top: 9px; }
  div.hp_menue ul { margin-left: 4px; width: calc(100% - 3px);}    /* bei margin-left >0 Width 100% - 2.margin-left */
  div.hp_menue ul#hp_navi ul,
  div.hp_menue ul#hp_navi li:hover ul ul,
  div.hp_menue ul#hp_navi li:hover ul ul ul { border-left:  3px solid transparent; } /* Abstand der Spalten im Menü*/

  div.hp_menue ul#hp_navi li ul li,
  div.hp_menue ul#hp_navi ul li ul li,
  div.hp_menue ul#hp_navi ul ul li ul li   { /*  width:    150px;   Weite der Untermenüs */    }
/************************************************************ Mittelteil ************ ***********************************/