/*   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;
             }
  #wrap-2_hp { background-color:  #FFFFFF; }
/******************************************* Kopf *************************************************************************/
  #head_hp { height:           150px;
             background: url(picture/Dog_Cloud_BannerHP_PC.jpg) no-repeat left;
             background-color: #84DDE3;
           }
		   
  @media all and (max-width: 1260px)                             /* Menue für kleine Displays */
  {	#head_hp { 
			background: url(picture/Dog_Cloud_BannerHP_tablet.jpg) no-repeat left;
			background-color: #84DDE3;
			background-size: auto 100%;
			}
  }
  @media all and (max-width: 900px)                             /* Menue für kleine Displays */
  {	#head_hp { 
			background: url(picture/Dog_Cloud_BannerHP_handy.jpg) no-repeat left;
			background-color: #84DDE3;
			background-size: auto 76%;
			}
  }
/****************************************************** Linke Sidebar *****************************************************/
  #left_sidebar_hp { margin:   2px;
                     padding:  2px;
                     width:    240px;    /* Ändert man diesen Wert mkuss auch #wrap-1_hp angepasst werden */
                   }
/************************ Menü **********************************/
  /*div.hp_menue    { padding-top: 9px; }*/
  div.hp_menue{  background-size: auto 100% ;  
               margin: 0;
			   margin-top: 3px;
               padding: 5px;
               width: 92%;
               }
  div.hp_menue ul { margin-left: 0px; }
  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 ************ ***********************************/
 /* #inhalt_hp { background-color: #FFFFFF;   } */                           /*00AFFF */