@CHARSET "UTF-8";

html,
body, table {
	font-family: sans-serif;    
	background: #f0f0ff;
}

h1 {
	font-size: 2em;
	margin-top: 3px;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.5em;
	margin-top: 5px;
	margin-bottom: 3px;	
}

table {
  text-align: left;
  font-size: 1.5em;
}

td { 
  padding-right: 20px;
}

.nextStep {
	color: #0a0;
  font-size: 2em;
  font-weight: bold;    
  text-align: center;
}

.info {
	color: #000;
  font-size: 2em;
  font-weight: bold;    
  text-align: center;
}

.infoGross{
	color: #000;
  font-size: 4em;
  font-weight: bold;    
  text-align: center;
}
       
.debug {
  font-size: 0.7em;
}

.tabelleGross {
    font-size: 3rem;
}

.button {
    background-color: #4CAF50; /* grün */
    border: none;
    color: white;
    padding:20px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2rem;
    border-radius: 0.5em;        
}

.buttonGross {
    background-color: #4CAF50; /* grün */
    border: none;
    color: white;
    padding:40px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 4rem;
    border-radius: 0.5em;        
}

.buttonKlein {
    background-color: #4CAF50; /* grün */
    border: none;
    color: white;
    padding:10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.8rem;
    border-radius: 0.5em;        
}

        
.button:disabled,
.buttonKlein:disabled {
  background: #555555;
}

.buttonWarnung {
    background-color: #FF8800; /* orange */
    border: none;
    color: white;
    padding:20px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2rem;
    border-radius: 0.5em;        
}

.buttonDisabled {
    background-color: #AAA;
    border: none;
    color: white;
    padding:20px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2rem;
    border-radius: 0.5em;        
}

.buttonAbbruch {
    background-color: #F55; 
    border: none;
    color: white;
    padding:20px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2rem;
    border-radius: 0.5em;        
}

.buttonAbbruchGross {
    background-color: #F55; 
    border: none;
    color: white;
    padding:40px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 4rem;
    border-radius: 0.5em;        
}

.buttonAlternativ {
    background-color: #55F;
    border: none;
    color: white;
    padding:20px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2rem;
    border-radius: 0.5em;        
}

.invisible
{
	display: none;	
}

.error
{
  font-size: 2em;
	color: #f00;
	font-weight: bold;
}

.messwertio
{
	color: #0b0;
}

.messwertioWarnung
{
	color: #f60;
}

.messwertnichtio
{
	color: #f00;
}

#title  { float: left; }
#logo { float: right;  margin-right: 20px; }
#main { float: left; clear: both; width: 100%; text-align: left;}
#mainUnten { float: left; clear: both; width: 100%;  position: absolute;
  bottom: 0;
  left: 0;  
  text-align: center;}
#fa { float: left; clear: both; width: 100%;   text-align: center;}
#aufzuege { float: left; clear: both; width: 100%;   text-align: center;}


#mainDiv { float: left; width: 1240px; clear: both;}
#tabelle  { float: left; }
#einsetzen  { float: right; height: 120px; width: 200px; border: 2px solid; border-color: black; background: #0f0; text-align: center; color: black; padding:20px 10px; font-size: 2rem;} 
#nichtEinsetzen  { float: right; height: 120px; width: 200px; border: 2px solid; border-color: black; background: #f00; text-align: center; color: white; padding:20px 10px; font-size: 2rem;}

.divRest { float: left; clear: both; width: 100%}




/* ALT */

input.messwert { 
    text-align: right;
    font-size: 1.2em; 
    width: 100px;
    margin-left: 0px;
}

input.messwertL { 
    text-align: left;
    font-size: 1.2em; 
    width: 100px;
    margin-left: 0px;
}

input.messwert2 { 
    text-align: left;
    font-size: 1.2em; 
    width: 250px;
    margin-left: 0px;
}

input.sollwert { 
    text-align: left;
    font-size: 1.2em; 
    width: 70px;
}

input.dateiname { 
    text-align: left;
    font-size: 1.2em; 
    width: 400px;
}

input[readonly]
{
    background-color: LightGray ;
}

td.bez {
	width: 135px;
}

.collapse
{
	visibility: collapse;	
}

.confirm
{
	color: #0a0;
	font-weight: bold;
}

.drehen90
{
  transform: rotate(90deg);
}