/*   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: 800px)                          /*    Menue für kleine Displays */
  { #head_hp /*{height:       170px; 
             background: none; 
             background-color: #e5deca;}*/
    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; } 
  }
  /*#logokopf  { width: 180px; height : 180px; }
  #text_kopf { font-size:  40px;
				 color:      #49813A;
                 line-height: 34px;
				 font-weight: bold;
               }*/
 /*  @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:    250px;   /* Ä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 ************ ***********************************/