body
  { font-family: 'Roboto', serif;
    font-size: 24px;
  }

.button
  { border: none;
    color: white;
    padding: 10px 40px;
    text-decoration: none;
    font-size: 24px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
  }

.button1
  { background-color: white; 
    color: black; 
    width: 400px;
    height:70px;
    font-size: 28px;
    box-shadow: 0 0 3px #69D11D;
    border: 3px solid #69D11D;
    border-radius: 4px;
  }
  
.button1:hover
  { background-color: #69D11D;
    color: white; 
  }
  
div.title
  { background-color: #69D11D;
    color: white;
    padding: 5px 0px 5px 0px;
    font-size: 24px;
  }

label
  { position:relative;
  }

#inputlabel {
  position: absolute;
  top: -26px;
  left: 0;
  margin-left: 20px;
  font-size: 16px;
  background-color: white;  
  color:#52A016;
}

input
  { width: 70%;
    height:36px;
    font-size: 24px;
    box-shadow: 0 0 3px #69D11D;
    margin: -10px 0px 0px 0px ;
    z-index: 1;
    border: 3px solid #69D11D;
    border-radius: 4px;
  }

.section
  { width: 70%;
    margin-top: 55px;
    margin: auto;
    font-size: 18px;
    height:1640px;   
    text-align: center;
  }
  
#impressum
  { font-size : 12px;
    font-color: #69D11D;;
    text-align: left;
  }
  
#header
  { width=100%;
    background-color: #69D11D;
    border-collapse: collapse;
  }

#header td
  { padding: 0; 
    margin: 0;
    width: 33%
  }

#footer
  { z-index: 99;
    position:fixed;
    bottom:0;
    left:130px;
    background: #69D11D;
    width: 75%;
    margin: auto;
    font-size: 18px;
    height:85px;   
    text-align: center;
    align: center;
    max-width:80%;
    
  }

#editor-container
  { height: 375px;
  }

#editor-container2
  { height: 375px;
  }

#m1       { background: url('../images/iconMenue01PlanA.png');               }
#m1:hover { background: url('../images/iconMenue01PlanB.png'); color: white; }

#m2       { background: url('../images/iconMenue02KalenderA.png');               }
#m2:hover { background: url('../images/iconMenue02KalenderB.png'); color: white; }

#m3       { background: url('../images/iconMenue03UserA.png');               }
#m3:hover { background: url('../images/iconMenue03UserB.png'); color: white; }

#m4       { background: url('../images/iconMenue04WallboxA.png');               }
#m4:hover { background: url('../images/iconMenue04WallboxB.png'); color: white; }

#m5       { background: url('../images/iconMenue05VehicleA.png');               }
#m5:hover { background: url('../images/iconMenue05VehicleB.png'); color: white; }

#buchkalender
  { cursor: cell;
  }

td.selected
  { background-color: #FFFF00;
  }