/*   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 *************************************************************************/
   @media all and (max-width: 940px)                          /*    Menue für kleine Displays */
  {/* #head_hp {height:           152px; 
             background: url(picture/Kopf3.jpg) no-repeat center; 
             background-color: #E8F9E4;}*/
    div.menue_button, div.menue_nach_button        { background: #E8F9E4; }
    div.menue_nach_button  ul li                   { background: #C3D18F; }
    div.menue_nach_button  ul li li                { background: #a5bf68; }
    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: 740px) */                            /* Menue für kleine Displays */
/*  { #head_hp {height:           200px; 
             background: url(picture/headerklein1.jpg) no-repeat left; 
             background-color: #5A391A;}
  }*/
/****************************************************** 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 ************ ***********************************/