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

/************************************************************ Allgemeines ***********************************************/
/**************************************************** Einstellungen für WRAPPER ********************************************/
  @media all and (min-width: 801px)      
  {#wrap-1_hp { width:       calc(100% - 230px);  /*  für feste linke Sidebar ist das wichtig HP_EINSTELLUNG::KOPF ==1 */
               margin-left: 230px;
             }
  }
  #wrap-2_hp {background-color: #D9D9D9;}
/******************************************* Kopf *************************************************************************/
  #logokopf  { width: 283px; height : 170px; 
              margin-left: -50px;
             margin-top: 32px;
             display:       block;
			 margin-right:  auto;}
  #head_hp { height:          168px;
             background:      url(picture/LogoSSCD.png) no-repeat center; 
             background-color: #FFFFFF;     //#17380D;
           }
  @media all and (max-width: 1100px)
  { #head_hp { background: url(picture/LogoSSCD.png) no-repeat center;
              background-color: #FFFFFF; 
			  height: 168px;
              background-size: 90%;
              background-position: top;
             }
	img.logoli{ margin-top: 2px;
               }
  }
  @media all and (max-width: 800px)
  { #head_hp { background: url(picture/LogoSSCD.png) no-repeat center;
              background-color: #FFFFFF; 
			  height: 145px;
              background-size: 80%;
              background-position: top;
             }
  }
  @media all and (max-width: 580px)
  { #head_hp { background: url(picture/LogoSSCD.png) no-repeat center;
              background-color: #FFFFFF; 
			  height: 100px;
              background-size: 80%;
              background-position: top;
             }
  }
  
/****************************************************** Linke Sidebar *****************************************************/
  #left_sidebar_hp {  margin:   0;
                     padding:  3;
                     width:    230px;    /* Ändert man diesen Wert mkuss auch #wrap-1_hp angepasst werden */
                     position: fixed;  /*  für feste linke Sidebar ist das wichtig HP_EINSTELLUNG::KOPF ==1 */
                   }
  #left_kopf_hp  {  
                   height:           153px;     /* nur bei fester linker Spalte linker Kopfteil nötig*/
                   padding-top: 15px;
                   background-color: #FFFFFF;
                   width:            calc(100% - 7px);
                 }
 @media all and (max-width: 1100px)
  {#left_kopf_hp  {  
                   height:      165px;     /* nur bei fester linker Spalte linker Kopfteil nötig*/
                   padding-top: 15px;
                   
                 }
  }
/************************ Menü **********************************/
  div.hp_menue    { padding-top: 30px; margin-left: -30px;}
  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 */  

  /***************** Einzelne Untermenüs höher anfangen lassen, damit sie nicht aus dem Fenster rutschen ***************/
 
  div.hp_menue ul#hp_navi ul#hp_navi_5              { top:        -130px; } 
  div.hp_menue ul#hp_navi ul#hp_navi_7              { top:        -180px; } 
  div.hp_menue ul#hp_navi ul#hp_navi_8              { top:        -130px; } 
  div.hp_menue ul#hp_navi ul#hp_navi_9              { top:        -50px; } 
  div.hp_menue ul#hp_navi ul#hp_navi_10             { top:        -176px; } 
  
 .ausg_auf_hint {color: #000000;}
 #imp_dat ul li a { border-color: black; }  /* Linien zwischen Impressum und Datenschutz */ 
  
/************************************************************ Mittelteil ************ ***********************************/
  #inhalt_hp { background-color: #FFFFFF; 
               padding: 5px;
			   font-size: 15px;}    
a.form_button, a.form_buttonakt,div.form_buttonakt  {
         background-color: #262626;
         border: 1px solid #262626;
		 color: #FFFFFF;
       }
a.form_button:hover { background-color:   #262626;  border:  1px solid #800000; }