/* id mit #   , class mit . -----------------------------------------------  */

/* -------------------------------------------------------------------------------------*/
/* desktop  */
#menu_top_desktop {
		text-align: right;
		background-color: #E4E9DF;  /* Menu top Hintergrund */
		background-color:  var(--colorlightgrey) ;
		border-bottom: solid 2px   var(--colordarkgrey)  ;  /* Menu Leiste Bottom */
		margin: 0px;
}

	 
		 
#menu_top_desktop li {
        color: #000000;
		 font-weight: bold;
		list-style-type: none;
         background-color: #E4E9DF;
		 background-color:  var(--colorlightgrey) ;  /* Menu top Hintergrund */
         border: solid 2px  var(--colorlightgrey) ;
    /*     width: 8em;   */
         padding: 5px;
         margin: 0px;
         text-align: center;
		 display: inline-block;
}
		 
/*-----------farbige menus-----------------------------------------------------------------------*/		 
#menu_top_desktop li#Start_active  {
        color: #FFFFFF;
        background-color:  var(--colordark1)    ;   /* Menu top Hintergrund   #000000   */
        border: solid 2px  var(--colordark1)   ;
}
	
#menu_top_desktop li#Anamnese_active {
        color: #FFFFFF;
        background-color: var(--colordark2) ;  
		border: solid 2px var(--colordark2) ;
}	
	 	 
#menu_top_desktop li#Diagnose_active {
        color: #FFFFFF;
        background-color:  var(--colordark3) ;  /* Menu top Hintergrund */
        border: solid 2px  var(--colordark3) ;
}	 
			 	    
#menu_top_desktop li#Therapeut_active {
        color: #FFFFFF;
        background-color: var(--colordark4) ;  /* Menu top Hintergrund */
        border: solid 2px var(--colordark4) ;
}	

#menu_top_desktop li#patient_active {
         color: #FFFFFF;
		 background-color:  var(--colordark5) ; /* Menu top Hintergrund */
         border: solid 2px  var(--colordark5) ;
		 }
	 
#menu_top_desktop li#Anmeldung_active {
        color: #FFFFFF;
        background-color: var(--colordark6) ;  
		border: solid 2px var(--colordark6) ;
}

#menu_top_desktop li#Hilfe_active {
        color: #FFFFFF;
        background-color: var(--colordark7);  
		border: solid 2px var(--colordark7) ;
}

/*----------------------------------------------------------------------------------*/		 
#menu_top_desktop li a {
		color: #000000;
        text-decoration: none;
        font-weight: bold;
        display: block; 
}

#menu_top_desktop li:hover {
      
	/*	background-color: #E4E9DF;  */
		border: solid 2px #6B8CA5;
	/*	border: solid 2px #FF4500; */
}


/*-----------farbige hover-----------------------------------------------------------------------*/
#menu_top_desktop li#Start:hover {
 border: solid 2px  var(--colordark1) ;   
 background-color: var(--colorlight1)    ; 
}

#menu_top_desktop li#Anamnese:hover {
 border: solid 2px var(--colordark2) ;  
 background-color: var(--colorlight2)  ;
}

#menu_top_desktop li#Diagnose:hover {
 border: solid 2px  var(--colordark3) ; 
 background-color: var(--colorlight3)  ;
}



#menu_top_desktop li#Therapeut:hover {
 border: solid 2px var(--colordark4); 
 background-color: var(--colorlight4)  ;
}


#menu_top_desktop li#patient:hover {
  border: solid 2px  var(--colordark5);  
  background-color: var(--colorlight5)   ;
}


#menu_top_desktop li#Anmeldung:hover {
 border: solid 2px var(--colordark6) ;  
 background-color: var(--colorlight6)  ;
}


#menu_top_desktop li#Hilfe:hover {
 border: solid 2px var(--colordark7);  
  background-color: rgb(251, 229, 236 ) ;
}



/* -------------------------------------------------------------------------------------*/
/* tablet  */

/* statisch */
#menu_top_tablet_statisch {
		text-align: right;
		background-color: #E4E9DF;  /* Menu top Hintergrund */
		background-color:  var(--colorlightgrey) ;
		border-bottom: solid 2px   var(--colordarkgrey)  ;  /* Menu Leiste Bottom */
		margin: 0px;
}

	  
#menu_top_tablet_statisch li {
        color: #000000;
		 font-weight: bold;
		list-style-type: none;
         background-color: #E4E9DF;
		 background-color:  var(--colorlightgrey) ;  /* Menu top Hintergrund */
         border: solid 2px  var(--colorlightgrey) ;
    /*     width: 8em;   */
         padding: 5px;
         margin: 0px;
         text-align: center;
		 display: inline-block;
}

#menu_top_tablet_statisch li a {
		color: #000000;
        text-decoration: none;
        font-weight: bold;
        display: block; 
}


#menu_top_tablet_statisch li#Anamnese_active {
        color: #FFFFFF;
        background-color: var(--colordark2) ;  
		border: solid 2px var(--colordark2) ;
}	
	 	 
#menu_top_tablet_statisch li#Diagnose_active {
        color: #FFFFFF;
        background-color:  var(--colordark3) ;  /* Menu top Hintergrund */
        border: solid 2px  var(--colordark3) ;
}	 
			 	    
#menu_top_tablet_statisch li#Therapeut_active {
        color: #FFFFFF;
        background-color: var(--colordark4) ;  /* Menu top Hintergrund */
        border: solid 2px var(--colordark4) ;
}	

#menu_top_tablet_statisch li#patient_active {
         color: #FFFFFF;
		 background-color:  var(--colordark5) ; /* Menu top Hintergrund */
         border: solid 2px  var(--colordark5) ;
}


/* drop down */
#menu_top_tablet  li {
		list-style-type: none;
         padding: 0px;
		 padding-left: 5px;
		 margin: 0px 10px 1px 10px;
		 font-weight: 700;
        }

#menu_top_tablet li a {
        text-decoration: none;
	/*	color:red; */
}	

	 
#menu_top_tablet  li#Start_tablet{  
border-left: solid 3px var(--colordark1); 
}
	 
#menu_top_tablet li#Anmeldung_tablet{
 border-left: solid 3px var(--colordark6); 
}

#menu_top_tablet li#Hilfe_tablet{ 
 border-left: solid 3px var(--colordark7); 
}

/* Bottom Menu */
#menu_top_tablet li a.top_menu_tablet_bottom   {
 color: #000000;
}


/* Button -*/
#menu_top_tablet li#Anmelden_tablet{
     background-color: var(--colorlight6) ;
	 border: solid 1px var(--colordark6); 
     text-align: center;	 ;

}





/*----------------------------------------------------------------------------------*/	
/* mobile */ 

#menu_top_mobile  li {
		list-style-type: none;
         padding: 0px;
		 padding-left: 5px;
         margin: 0px 10px 1px 10px;
		
        }

#menu_top_mobile li a {
        text-decoration: none;
	/*	color:red; */
}		
	

/* farbige Buttons ----------------------------------------*/		

/*
#menu_top_mobile  li#Start_mobile{  
       background-color: var(--colordark1) ;
}

	
#menu_top_mobile  li#Anamnese_mobile    {
        background-color: var(--colordark2)  ;
}	
	 	 
#menu_top_mobile  li#Diagnose_mobile {
         background-color: var(--colordark3)  ;
}	 
			 	    
#menu_top_mobile  li#Therapeut_mobile {
        background-color: var(--colordark4)  ;
}	

#menu_top_mobile li#patient_mobile{
       background-color: var(--colorlight5)   ;
	   background-color:  var(--colordark5) ; 
 }
	 
#menu_top_mobile li#Anmeldung_mobile{
     background-color: var(--colordark6)  ;

}

#menu_top_mobile li#Hilfe_mobile{ 
	 background-color: var(--colordark7); 
}
*/


/* links Linie farbig----------------------------------------*/		
#menu_top_mobile li a {
        text-decoration: none;
	    color:black; 
		font-weight: bold;
}


#menu_top_mobile  li#Start_mobile{  
border-left: solid 3px var(--colordark1); 
}

#menu_top_mobile  li#Anamnese_mobile    {
 border-left: solid 3px var(--colordark2);     
}	
	 	 
#menu_top_mobile  li#Diagnose_mobile {
 border-left: solid 3px var(--colordark3); 
}	 
			 	    
#menu_top_mobile  li#Therapeut_mobile {
 border-left: solid 3px var(--colordark4); 
}	

#menu_top_mobile li#patient_mobile{
 border-left: solid 3px var(--colordark5); 
 }
	 
#menu_top_mobile li#Anmeldung_mobile{
 border-left: solid 3px var(--colordark6); 
}

#menu_top_mobile li#Hilfe_mobile{ 
 border-left: solid 3px var(--colordark7); 
}





/* farbige Schrift----------------------------------------*/
/*
#menu_top_mobile li a.top_menu_mobile_top_Start  {
      color:var(--colordark1) ;
}

#menu_top_mobile  li a.top_menu_mobile_top_Anamnese    {
        color: var(--colordark2)  ;
}	
	 	 
#menu_top_mobile  li a.top_menu_mobile_top_Diagnose    {
         color: var(--colordark3)  ;
}	 
			 	    
#menu_top_mobile  li a.top_menu_mobile_top_Therapeut    {
        color: var(--colordark4)  ;
}	

#menu_top_mobile  li a.top_menu_mobile_top_Patient    {
	   color:  var(--colordark5) ; 
 }
	 
#menu_top_mobile  li a.top_menu_mobile_top_Anmeldung    {
     color: var(--colordark6)  ;

}

#menu_top_mobile  li a.top_menu_mobile_top_Hilfe    {
	 color: var(--colordark7); 
}
*/

/* -----------------------------------------------------*/
/* Bottom Menu */
#menu_top_mobile li a.top_menu_mobile_bottom   {
 color: #000000;
}


/* Button ---------------------------------------*/
#menu_top_mobile li#Anmelden_mobile{
     background-color: var(--colorlight6) ;
	 border: solid 1px var(--colordark6); 
     text-align: center;	 ;

}