/*
 * det.css
 */


/* Class */
.rundrum { /* einbinden mit class = "rundrum"  Test auf Testseite*/
        background-color:    	lightgray;
        border-width:        	2px;
        border-style:        	solid;
        border-color:        	gray;
		border-right-color:  	black;
		border-bottom-color: 	black;
		margin:             	1.0em 1.0em 1.0em 1.0em;;
		border-radius: 			0.5em 0.5em 0.5 0.5;
      }
	  
.warnung {
		color:                  #ff0000;
  		font-weight:			bold;	
}

.red {
	color:                  red;
}

.green {
	color:                  green;
}

/* einbinden mit id = "tab_gewicht" */
/*Tabelle der Seite Gewicht*/




/*Tabelle der Seite Verbrauch*/
table#tab_verbrauch {
	max-width: 35em;
}

th#tab_verbrauch { 
  	text-align: center;
}


td#tab_verbrauch {
	width: 4em;
/*	padding-left: 1em;*/
	padding-right: .5em;
	text-align: end;	
}

/*
td:first-child#tab_verbrauch { }
td:nth-child(2)#tab_verbrauch { }
tfoot#tab_verbrauch { }
*/
  
/*Tabelle für Login*/

table#login {
	max-width: 30em;
	border-collapse: collapse;
	border: 0px solid #666;  
}
 
 
 th#login, caption#login, tfoot#login { 
  	background-color: 		var(--menueblue); 
  	color: 					#fff; 
  	border: 				0px solid var(--menueblue);
}

td#login {
/*	padding: 			.5em;  */
	text-align: 		left;
	border: 			0px solid #666;
	background-image: 	initial;  
}


td:first-child#login {
	width: 8em;
}

td:nth-child(2)#login {
	width: 15em;
	text-align: left;
}

td:last-child#login {
	width: 5em;
}




@media screen and (max-width: 60em) {
	



 
 table#tab_gewicht {
	font-size:      0.9em;
	min-width: 		0em;
	max-width: 		94%; 
}

table#tab_verbrauch {
	font-size:     	0.9em;
	min-width: 		0em;
	max-width: 		94%; 
}


}

@media screen and (orientation: landscape) and (max-width: 60em){ /* Formate für Querformat */ 

body {
}


 }

/*
 * end 
 */