html {
font-family: 'Open Sans', sans-serif;
}



body {
    margin: 0px !Important; 
    
}

/*----------- Login-Seite --------------*/


#login-seite input {
float: right;

}





#login-seite .login-box {
    
margin: auto;
    width: 300px;
    
    
}

#login-seite .login-form {
    

    width: 100%;


}



#login-seite #anmelden {
    

    margin: 20px 0px 0px 0px;
    width: 100%;
    background-color: #3c7f91; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}


/*----------- Login-Seite --------------*/

/*----------- Uebersicht-Seite --------------*/


.uebersicht {
padding: 0px !Important;     
    
}


.uebersicht td a{
    
    
color: #3c7f91;
    
}



.uebersicht .header {
    
    margin: 0 auto;
    padding: 100px;
    width: 108px;
    background-color: #2d2c30;
    display: none ; 
}

.uebersicht .heading {
    
    margin: 0 auto;
padding-top: 50px;
    width: 1000px;
}


#uebersicht-seite body {
   
    background-color: #ffffff ; 
    
}

.uebersicht {
    width: 1090px ;
    margin: 0 auto;
    line-height: 30px;
    padding: 30px 30px 10px 30px;
}

.ubersicht tbody {
    
    width: 1090px !Important; 
}

.uebersicht table, .archiv-seite table {

    margin: 0 auto;
 
    background-color: #ffffff;
    border-spacing: 0px !Important;
    width: 1090px;

}


.uebersicht tr:nth-child(even) {background-color: #f2f2f2;}

.uebersicht td{
    text-align: center;
    padding: 10px ;


}

.uebersicht hr {
    height: 2px;
    width: 100%;
    background-color: black;
}
.uebersicht .buttons{
    
    height: auto;
    width: 1090px !Important;
    margin: 0 auto;;
    line-height: 0px;
}

.uebersicht tr {

        width: 1090px !Important; 
}



.uebersicht .buttons input{
    width: 32.8%;
    margin: 5px 0px 0px 2px; 
    background-color: #3c7f91; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}


#logout-button  input{
    
 background-color: #3c7f91; /* Green */
    border: none;
    color: white;

    padding: 15px 32px;
    text-align: center;
    text-decoration: none !Imortant;
    display: inline-block;
    font-size: 16px;
    float: right !Important;
}




#zur-ueberischt-button input{
     background-color: #3c7f91; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none !Imortant;
    display: inline-block;
    font-size: 16px;
    
    
}
#abbrechen input {
     background-color: #3c7f91; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none !Imortant;
    display: inline-block;
    font-size: 16px;
    float: left !Important;
    
    
}


.footer-button {
   margin: 100px auto;
 
    background-color: #ffffff;
    border-spacing: 0px !Important;
    width: 1090px;

}

.footer{
        margin: 0 auto;
padding-top: 50px;
    width: 1090px;
}


.footer p {
    
      vertical-align: middle;
    
}


.footer-bar a{

color: #3c7f91;
    
}
/*----------- ENDE --------------*/
/*----------- X Anlegen --------------*/
.anlegen {
    width: 1090px;
    margin: 0 auto;
    padding-top: 10px;
    line-height: 30px;

}
.anlegen form{
    width: 600px;
        margin: 0 auto;

}

.anlegen textarea {
    max-height: 100px;
    max-width: 600px;
    min-height: 100px;
    min-width: 600px;
}

.anlegen form input {
    float: right;
    
    
}

.anlegen select {
    float: right;
    width: 175px;
}


.anlegen h3 {
    color: cadetblue;
}



form input[type=text], select {
    width: 50%;
    padding: 5px 20px;
    width: 400px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#anlegen-bestaetigen, #anlegen-uebernehmen  {
     background-color: green; /* CD-Color */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none !Imortant;
    display: inline-block;
    font-size: 16px;
    
}


#anlegen-loeschen{
    
     background-color: red; /* CD-Color */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none !Imortant;
    display: inline-block;
    font-size: 16px;
    float: left ;
}

#angabe-speichern, #uebernehmen {
    
         background-color: green; /* CD-Color */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none !Imortant;
    display: inline-block;
    font-size: 16px;
    float: right ;
    
}

/*----------- ENDE --------------*/

.ansicht {
    width: 1090px ;
    margin: 0 auto;
    line-height: 30px;
    padding: 30px 30px 10px 30px;
}

.ansicht-daten{
    width: 600px;
        margin: 0 auto;

}

.ansicht textarea {
    max-height: 100px;
    max-width: 600px;
    min-height: 100px;
    min-width: 600px;
}

.ansicht input[type="text"]{
    float: right;
    width: 170px;
    border: none;
}

.ansicht input[type="date"]{
    float: right;
    width: 170px;
    border: none;
}

.ansicht input[type="button"]{
  
    width: 170px;
}

.ansicht select {
    float: right;
    width: 175px;
}

.ansicht hr {
    height: 2px;
    width: 100%;
    background-color: black;
}

.ansicht h3 {
    color: cadetblue;
}

.ansicht input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/*----------- global overrides --------------*/
.date-select {
    max-width: 80px !important;
}
/*----------- ENDE --------------*/ --------------*/