/* 
    Created on : 18.10.2016, 10:31:15
    Author     : jo
*/
* {
  margin: 0rem;
  padding: 0rem;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
html {
  font-size: 100%;
  background: #fff;
}
body {
  width: 100%;
  /*margin: auto;*/
  /*background: #adae9e;*/
}
#frmLogin {
  width: 15rem;
  margin: 3rem auto;
}
#header {
  height: 6rem;
  background: #bbb;
  background-image: url('../images/afp_logo.gif');
  background-repeat: no-repeat;
  background-size: 20rem 5rem;
  background-position: 1rem 0.5rem;
}
#inhalt {
  background: #bbb;
  margin: 0.125rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#hauptnavigation {
  background: #bbb;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  overflow: hidden;
  position: relative;
  padding: 1rem;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
#hauptnavigation > div {
  overflow: hidden;
  width: 90%;
}
#hauptnavigation > div .ueberschrift {
  position: relative;
  display: block;
  height: 2rem;
  width: 92%;
  line-height: 2.2rem;
  cursor: pointer;
  color: #666;
  -webkit-box-shadow: 0px 0px 0px 1px #ccc, 0px 0px 0px 0px #eee inset,0px 2px 2px #111;
          box-shadow: 0px 0px 0px 1px #ccc, 0px 0px 0px 0px #eee inset,0px 2px 2px #111;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#aeaeae));
  background: linear-gradient(0deg, #ffffff, #aeaeae);
  padding: 0.5rem 4%;
}
#hauptnavigation > div .ueberschrift:hover {
  background: #fff;
}
#hauptnavigation > div .ueberschrift:hover:after {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 2rem;
  right: 1rem;
  background: transparent url(../images/nach_unten.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#hauptnavigation > div > input {
  display: none;
}
#hauptnavigation > div > input:checked + label {
  background: -webkit-gradient(linear, left bottom, left top, from(#8aa8d8), to(#9bb9e9));
  background: linear-gradient(0deg, #8aa8d8, #9bb9e9);
}
#hauptnavigation > div > input:checked + label:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#7997c7), to(#accafa));
  background: linear-gradient(0deg, #7997c7, #accafa);
}
#hauptnavigation > div > input:checked + label:hover:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#8aa8d8), to(#9bb9e9));
  background: linear-gradient(0deg, #8aa8d8, #9bb9e9);
  background: url(../images/nach_oben.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#hauptnavigation > div > input:checked ~ article {
  height: 12rem;
  padding: 1rem;
}
#hauptnavigation > div > input:checked ~ article select {
  width: 95%;
}
#hauptnavigation > div article {
  background: #a7a7a7;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  position: relative;
  height: 0rem;
  margin-bottom: 0.5rem;
}
#hauptnavigation > div article form {
  padding: 0.5rem;
}
#hauptnavigation .schalter {
  display: block;
  width: 0.8rem;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#7997c7), to(#accafa));
  background: linear-gradient(0deg, #7997c7, #accafa);
  position: absolute;
  top: 0rem;
  right: 0.8rem;
  cursor: pointer;
}
#schalter {
  visibility: hidden;
  display: none;
}
#schalter:checked + nav {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
#schalter:checked + nav > div {
  visibility: hidden;
}
#schalter:checked ~ #main {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.dbnavi {
  padding: 0.25rem;
  /*width: 97%;*/
  margin: 0rem 0rem 1rem;
  background: #888;
  -webkit-box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff, inset 1px 1px 1px #ffffff, inset -1px -1px 1px #ffffff;
          box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff, inset 1px 1px 1px #ffffff, inset -1px -1px 1px #ffffff;
}
.dbnavi button {
  padding: 0.2rem;
  font-weight: 500;
  font-size: 1.2rem;
}
.dbnavi button:enabled:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#7997c7), to(#accafa));
  background: linear-gradient(0deg, #7997c7, #accafa);
  color: #fff;
  cursor: pointer;
}
/*#kunden_daten .dbnavi ,#modul_daten .dbnavi, #content_statusdetails .dbnavi,
.userverwalten .dbnavi { */
#kunden_daten .dbnavi button.links,
#modul_daten .dbnavi button.links,
#content_statusdetails .dbnavi button.links,
#benutzer_daten .dbnavi button.links,
#kunden_daten .dbnavi button.rechts,
#modul_daten .dbnavi button.rechts,
#content_statusdetails .dbnavi button.rechts,
#benutzer_daten .dbnavi button.rechts,
#kunden_daten .dbnavi button.kopieren,
#modul_daten .dbnavi button.kopieren,
#content_statusdetails .dbnavi button.kopieren,
#benutzer_daten .dbnavi button.kopieren,
#kunden_daten .dbnavi button.ausdrucken,
#modul_daten .dbnavi button.ausdrucken,
#content_statusdetails .dbnavi button.ausdrucken,
#benutzer_daten .dbnavi button.ausdrucken,
#kunden_daten .dbnavi button.hinweis,
#modul_daten .dbnavi button.hinweis,
#content_statusdetails .dbnavi button.hinweis,
#benutzer_daten .dbnavi button.hinweis,
#kunden_daten .dbnavi button.datenschutz,
#modul_daten .dbnavi button.datenschutz,
#content_statusdetails .dbnavi button.datenschutz,
#benutzer_daten .dbnavi button.datenschutz,
#kunden_daten .dbnavi button.zertifikat,
#modul_daten .dbnavi button.zertifikat,
#content_statusdetails .dbnavi button.zertifikat,
#benutzer_daten .dbnavi button.zertifikat,
#kunden_daten .dbnavi button.deckblatt,
#modul_daten .dbnavi button.deckblatt,
#content_statusdetails .dbnavi button.deckblatt,
#benutzer_daten .dbnavi button.deckblatt,
#kunden_daten .dbnavi button.employment,
#modul_daten .dbnavi button.employment,
#content_statusdetails .dbnavi button.employment,
#benutzer_daten .dbnavi button.employment,
#kunden_daten .dbnavi a.employment,
#modul_daten .dbnavi a.employment,
#content_statusdetails .dbnavi a.employment,
#benutzer_daten .dbnavi a.employment {
  visibility: hidden;
  display: none;
}
.updateUserverwalten .dbnavi button.links,
.updateUserverwalten .dbnavi button.rechts,
.updateUserverwalten .dbnavi button.kopieren,
.updateUserverwalten .dbnavi button.ausdrucken,
.updateUserverwalten .dbnavi button.hinweis,
.updateUserverwalten .dbnavi button.datenschutz,
.updateUserverwalten .dbnavi button.zertifikat,
.updateUserverwalten .dbnavi button.deckblatt,
.updateUserverwalten .dbnavi button.employment,
.updateUserverwalten .dbnavi a.employment,
.updateUserverwalten .dbnavi button.aendereDatensatz,
.updateUserverwalten .dbnavi button.neueDatensatz,
.updateUserverwalten .dbnavi button.loeschen {
  visibility: hidden;
  display: none;
}
button.hinweis,
button.ausdrucken,
button.zertifikat,
button.deckblatt,
button.employment,
a.employment,
button.datenschutz {
  font-size: 0.8rem;
}
#rechte {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#rechte div:nth-of-type(1) {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
#rechte div:nth-of-type(1) ul {
  list-style-type: none;
  margin: 1rem;
}
#rechte div:nth-of-type(1) ul li {
  /*                label{
                    display: block;
                    width: 100%;
                }*/
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}
#rechte div:nth-of-type(1) ul li:nth-child(odd) {
  background: #ccc;
}
#rechte div:nth-of-type(1) ul li:nth-child(even) {
  background: #aaa;
}
#rechte div:nth-of-type(1) ul li:hover {
  cursor: pointer;
  background: #888;
}
#rechte div:nth-of-type(2) {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
}
#rechte div:nth-of-type(2) div:first-child {
  margin: 0.75rem auto;
}
#rechte div:nth-of-type(2) div:first-child input {
  vertical-align: bottom;
}
#rechte div:nth-of-type(2) div:first-child label {
  margin-left: 0.25rem;
}
#rechte div:nth-of-type(2) div:first-child label:hover {
  background: #ddd;
  cursor: pointer;
}
#rechte div:nth-of-type(2) fieldset {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.5rem auto;
  padding: 0.5rem 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#rechte div:nth-of-type(2) fieldset div {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin-bottom: 0.5rem;
}
#rechte div:nth-of-type(2) fieldset div input {
  vertical-align: bottom;
}
#rechte div:nth-of-type(2) fieldset div label {
  margin-left: 0.25rem;
}
#rechte div:nth-of-type(2) fieldset div label:hover {
  background: #ddd;
  cursor: pointer;
}
#rechte div:nth-of-type(3) {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
#content_massnahmedetails .dbnavi button.links,
#content_massnahmedetails .dbnavi button.rechts,
#content_massnahmedetails .dbnavi button.hinweis,
#content_massnahmedetails .dbnavi button.ausdrucken,
#content_massnahmedetails .dbnavi button.zertifikat,
#content_massnahmedetails .dbnavi button.deckblatt,
#content_massnahmedetails .dbnavi button.employment,
#content_massnahmedetails .dbnavi a.employment,
#content_massnahmedetails .dbnavi button.datenschutz {
  visibility: hidden;
  display: none;
}
#vertrag .dbnavi button.loeschen,
#kunden_daten .dbnavi button.loeschen {
  visibility: hidden;
  display: none;
}
.tage {
  background: #eee;
  width: 90%;
  padding: 0.25rem;
  display: inline-block;
  text-align: right;
}
/*#content_bildungsbereich div{  
    min-height: 10vh;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    >div{
        flex: 1;
    }
}*/
#main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
#kunden_daten {
  /*    height: 0;
        overflow: hidden;*/
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
}
#kunden_daten ul {
  list-style-type: none;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #f1f1f1;
}
#kunden_daten ul span {
  display: inline-block;
  width: 100%;
}
#kunden_daten ul li {
  line-height: 2rem;
  width: 8rem;
  text-align: center;
  display: inline-block;
  background: #ccc;
}
#kunden_daten ul li:hover {
  background: #ddd;
  cursor: pointer;
}
#kunden_daten ul li:focus {
  background: #ccc;
}
#massnahme_daten ul,
#kundenstatus_daten ul {
  list-style-type: none;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #f1f1f1;
}
#massnahme_daten ul span,
#kundenstatus_daten ul span {
  display: inline-block;
  width: 100%;
}
#massnahme_daten ul li,
#kundenstatus_daten ul li {
  line-height: 2rem;
  width: 8rem;
  text-align: center;
  display: inline-block;
  background: #ccc;
}
#massnahme_daten ul li:hover,
#kundenstatus_daten ul li:hover {
  background: #ddd;
  cursor: pointer;
}
#massnahme_daten ul li:focus,
#kundenstatus_daten ul li:focus {
  background: #ccc;
}
#modul_daten ul,
#benutzer_daten ul {
  list-style-type: none;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #f1f1f1;
}
#modul_daten ul span,
#benutzer_daten ul span {
  display: inline-block;
  width: 100%;
}
#modul_daten ul li,
#benutzer_daten ul li {
  line-height: 2rem;
  width: 11rem;
  text-align: center;
  display: inline-block;
  background: #ccc;
}
#modul_daten ul li:hover,
#benutzer_daten ul li:hover {
  background: #ddd;
  cursor: pointer;
}
#modul_daten ul li:focus,
#benutzer_daten ul li:focus {
  background: #ccc;
}
#massnahmeInhalt {
  height: 2rem;
  line-height: 2rem;
}
#massnahmeInhalt label {
  padding: 0.5rem;
  background: #accafa;
}
#massnahmeInhalt label:nth-of-type(1) {
  margin-right: 2rem;
}
#moduleLerneinheitInhalt {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*    #LerneinheitInhalt{
            justify-content: space-between;
            flex-wrap: wrap;        
            display: flex;
            border:1px solid yellow; 
           > div{
               justify-content: space-between;
               display: flex;
               flex-basis: 49%;
               flex-wrap: wrap;
           }
        }*/
}
#moduleLerneinheitInhalt > div {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
#moduleLerneinheitInhalt #moduleInhalt {
  border-bottom: 1px solid red;
  margin-bottom: 2px;
  padding: 0.5rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#moduleLerneinheitInhalt #moduleInhalt .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: scroll;
}
#moduleLerneinheitInhalt #moduleInhalt .left div {
  line-height: 1.5rem;
}
#moduleLerneinheitInhalt #moduleInhalt .left div label,
#moduleLerneinheitInhalt #moduleInhalt .left div input[type='text'] {
  margin: 0rem;
  padding: 0.125rem;
  border: none;
  line-height: 1rem;
  display: inline-block;
}
#moduleLerneinheitInhalt #moduleInhalt .left div label:nth-of-type(1),
#moduleLerneinheitInhalt #moduleInhalt .left div input[type='text']:nth-of-type(1) {
  width: 70%;
}
#moduleLerneinheitInhalt #moduleInhalt .left div label:nth-of-type(2),
#moduleLerneinheitInhalt #moduleInhalt .left div input[type='text']:nth-of-type(2) {
  width: 20%;
  /*23%;*/
}
#moduleLerneinheitInhalt #moduleInhalt .left div:nth-of-type(2n) {
  background: #ccc;
}
#moduleLerneinheitInhalt #moduleInhalt .left div:nth-of-type(2n+1) {
  background: #aaa;
}
#moduleLerneinheitInhalt #moduleInhalt .right {
  background: #accafa;
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#moduleLerneinheitInhalt #moduleInhalt .right div label {
  display: inline-block;
  width: 7rem;
}
#moduleLerneinheitInhalt #moduleInhalt .right div textarea {
  width: 70%;
  max-width: 70%;
  min-width: 25%;
}
#moduleLerneinheitInhalt #moduleInhalt .right div input[type='text'] {
  width: 67%;
}
#moduleLerneinheitInhalt #LerneinheitInhalt {
  border-top: 1px solid red;
  min-height: 10rem;
  padding: 0.5rem 0rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: scroll;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .left div {
  line-height: 1.5rem;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .left div label,
#moduleLerneinheitInhalt #LerneinheitInhalt .left div input[type='text'] {
  margin: 0rem;
  padding: 0.125rem;
  border: none;
  line-height: 1rem;
  display: inline-block;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .left div label:nth-of-type(1),
#moduleLerneinheitInhalt #LerneinheitInhalt .left div input[type='text']:nth-of-type(1) {
  width: 70%;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .left div label:nth-of-type(2),
#moduleLerneinheitInhalt #LerneinheitInhalt .left div input[type='text']:nth-of-type(2) {
  width: 20%;
  /*23%;*/
}
#moduleLerneinheitInhalt #LerneinheitInhalt .left div:nth-of-type(2n) {
  background: #ccc;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .left div:nth-of-type(2n+1) {
  background: #aaa;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: scroll;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .right div {
  line-height: 1.5rem;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .right div label,
#moduleLerneinheitInhalt #LerneinheitInhalt .right div input[type='text'] {
  margin: 0rem;
  padding: 0.125rem;
  border: none;
  line-height: 1rem;
  display: inline-block;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .right div label:nth-of-type(1),
#moduleLerneinheitInhalt #LerneinheitInhalt .right div input[type='text']:nth-of-type(1) {
  width: 23%;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .right div label:nth-of-type(2),
#moduleLerneinheitInhalt #LerneinheitInhalt .right div input[type='text']:nth-of-type(2) {
  width: 73%;
  /*23%;*/
}
#moduleLerneinheitInhalt #LerneinheitInhalt .right div:nth-of-type(2n) {
  background: #ccc;
}
#moduleLerneinheitInhalt #LerneinheitInhalt .right div:nth-of-type(2n+1) {
  background: #aaa;
}
#modul_daten,
#massnahme_daten,
#kundenstatus_daten,
.userverwalten,
.updateUserverwalten {
  margin: 0.25rem auto;
  width: 98%;
}
#modul_daten div,
#massnahme_daten div,
#kundenstatus_daten div,
.userverwalten div,
.updateUserverwalten div {
  /*margin-bottom: 0.5rem;*/
}
#modul_daten div label,
#massnahme_daten div label,
#kundenstatus_daten div label,
.userverwalten div label,
.updateUserverwalten div label {
  display: inline-block;
  width: 9rem;
}
#modul_daten div textarea,
#massnahme_daten div textarea,
#kundenstatus_daten div textarea,
.userverwalten div textarea,
.updateUserverwalten div textarea {
  min-width: 15rem;
  max-width: 85%;
  width: 65%;
  min-height: 5rem;
}
#modul_daten div input,
#massnahme_daten div input,
#kundenstatus_daten div input,
.userverwalten div input,
.updateUserverwalten div input {
  width: 65%;
  border-radius: 0;
  line-height: 1.75rem;
}
#vertrag {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
#moduldaten {
  position: relative;
  -ms-flex-preferred-size: 98%;
      flex-basis: 98%;
}
#moduldaten ul {
  list-style-type: none;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #f1f1f1;
}
#moduldaten ul span {
  display: inline-block;
  width: 100%;
}
#moduldaten ul li {
  line-height: 2rem;
  width: 11rem;
  text-align: center;
  display: inline-block;
  background: #ccc;
}
#moduldaten ul li:hover {
  background: #ddd;
  cursor: pointer;
}
#moduldaten ul li:focus {
  background: #ccc;
}
#massnahme_modul {
  width: 100%;
  height: 25rem;
}
#massnahme_moduldaten {
  border: 1px solid #000;
  height: 50%;
  max-height: 23rem;
  min-height: 3rem;
  overflow: hidden;
  border-bottom-width: 0.3rem;
  border-bottom-color: #7997c7;
  /*linear-gradient(-90deg,#7997c7,#accafa);*/
}
#lerneinheitListe {
  height: 50%;
  border: 1px solid #000;
  border-top-color: #7997c7;
}
#tab ul {
  list-style-type: none;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  background: #f1f1f1;
}
#tab ul span {
  display: inline-block;
  width: 100%;
}
#tab ul li {
  line-height: 2rem;
  width: 13rem;
  text-align: center;
  display: inline-block;
  background: #ccc;
}
#tab ul li:hover {
  background: #ddd;
  cursor: pointer;
}
#tab ul li:focus {
  background: #ccc;
}
.schalter_moduldaten {
  display: block;
  width: 100%;
  height: 0.8rem;
  background: -webkit-gradient(linear, right top, left top, from(#7997c7), to(#accafa));
  background: linear-gradient(-90deg, #7997c7, #accafa);
  position: absolute;
  top: -1rem;
  left: 0rem;
  cursor: pointer;
}
#schalter_moduldaten {
  display: none;
  visibility: hidden;
}
#schalter_moduldaten:checked ~ #moduldaten #content_verlauf {
  height: 75vh;
}
#schalter_moduldaten:checked ~ #moduldaten #content_vereinbarteModule {
  height: 75vh;
}
#schalter_moduldaten:checked ~ #moduldaten #content_auswahlModule {
  height: 75vh;
}
#schalter_moduldaten:checked ~ #kunden_daten {
  height: 0rem;
}
#schalter_moduldaten:checked ~ #vertrag {
  height: 0rem;
}
#kunden_daten {
  overflow: hidden;
  margin-bottom: 1.5rem;
}
#content_vereinbarteMassnahmeModule,
#content_auswahlMassnahmeModule {
  height: 100%;
  overflow: scroll;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #000;
}
#content_vereinbarteMassnahmeModule > div:not(:first-of-type):hover,
#content_auswahlMassnahmeModule > div:not(:first-of-type):hover {
  background: #888;
  cursor: pointer;
}
#content_vereinbarteModule,
#content_auswahlModule {
  height: 15vh;
  overflow: scroll;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #000;
}
#content_vereinbarteModule > div:not(:first-of-type):hover,
#content_auswahlModule > div:not(:first-of-type):hover {
  background: #888;
  cursor: pointer;
}
#kundenListe,
#massnahmeListe,
#modulListe,
#kundenstatusListe {
  height: 50vh;
  overflow: scroll;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #000;
}
#kundenListe > div:hover,
#massnahmeListe > div:hover,
#modulListe > div:hover,
#kundenstatusListe > div:hover {
  /*:not(:first-of-type)*/
  background: #888;
  cursor: pointer;
}
.users_sicht,
.kunden_sicht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users_sicht div,
.kunden_sicht div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #000;
  margin: 0.125rem;
  overflow: hidden;
  height: 1.5rem;
  line-height: 1.5rem;
}
.kundenstatus_sicht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kundenstatus_sicht div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #000;
  margin: 0.125rem;
  overflow: hidden;
  height: 1.5rem;
  line-height: 1.5rem;
}
.kundenstatus_sicht div:nth-of-type(1) {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.massnahmen_sicht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.massnahmen_sicht div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #000;
  margin: 0.125rem;
  overflow: hidden;
  height: 1.5rem;
  line-height: 1.5rem;
}
.massnahmen_sicht div:nth-of-type(1) {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
#content_modulen .module_sicht div:nth-of-type(1) {
  display: none;
}
.module_sicht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module_sicht div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #000;
  margin: 0.125rem;
  overflow: hidden;
  height: 1.5rem;
  line-height: 1.5rem;
}
.module_sicht div:nth-of-type(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.module_sicht div:nth-of-type(1) button img {
  height: 1rem;
  width: 1rem;
}
.module_sicht div:nth-of-type(2),
.module_sicht div:nth-of-type(3) {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.lerneinheiten_sicht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lerneinheiten_sicht div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #000;
  margin: 0.125rem;
  overflow: hidden;
  height: 1.5rem;
  line-height: 1.5rem;
}
.lerneinheiten_sicht div:nth-of-type(1) {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}
.lerneinheiten_sicht div:nth-of-type(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.vereinbartemodule_sicht,
.auswahlmodule_sicht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vereinbartemodule_sicht div,
.auswahlmodule_sicht div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #000;
  margin: 0.125rem;
  overflow: hidden;
  height: 1.5rem;
  line-height: 1.5rem;
}
.vereinbartemodule_sicht div:nth-of-type(1),
.auswahlmodule_sicht div:nth-of-type(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.vereinbartemodule_sicht div:nth-of-type(1) button img,
.auswahlmodule_sicht div:nth-of-type(1) button img {
  width: 1rem;
  height: 1rem;
}
.vereinbartemodule_sicht div:nth-of-type(2),
.auswahlmodule_sicht div:nth-of-type(2) {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}
.vereinbartemodule_sicht div:nth-of-type(3),
.auswahlmodule_sicht div:nth-of-type(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#kundendaten {
  border: none;
}
#kundendaten legend {
  margin-bottom: 0.5rem;
}
#kundendaten fieldset {
  margin-bottom: 0.25rem;
  padding: 0.25rem;
}
#kundendaten fieldset div input {
  width: 80%;
}
#kundendaten fieldset div label {
  display: block;
}
#kundendaten fieldset:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kundendaten fieldset:nth-of-type(1) div:nth-of-type(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#kundendaten fieldset:nth-of-type(1) div:nth-of-type(2) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
#kundendaten fieldset:nth-of-type(1) div:nth-of-type(3) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
#kundendaten fieldset:nth-of-type(2),
#kundendaten fieldset:nth-of-type(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kundendaten fieldset:nth-of-type(2) div:nth-of-type(1),
#kundendaten fieldset:nth-of-type(3) div:nth-of-type(1) {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}
#kundendaten fieldset:nth-of-type(2) div:nth-of-type(2),
#kundendaten fieldset:nth-of-type(3) div:nth-of-type(2) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
#kundendaten fieldset:nth-of-type(2) div:nth-of-type(2) input,
#kundendaten fieldset:nth-of-type(3) div:nth-of-type(2) input {
  font-size: 0.8rem;
}
#kundendaten fieldset:nth-of-type(2) div:nth-of-type(3),
#kundendaten fieldset:nth-of-type(3) div:nth-of-type(3) {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
#kundendaten fieldset:nth-of-type(2) div:nth-of-type(3) input,
#kundendaten fieldset:nth-of-type(3) div:nth-of-type(3) input {
  font-size: 0.8rem;
}
#kundendaten fieldset:nth-of-type(4),
#kundendaten fieldset:nth-of-type(5),
#kundendaten fieldset:nth-of-type(6) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kundendaten fieldset:nth-of-type(4) div textarea,
#kundendaten fieldset:nth-of-type(5) div textarea,
#kundendaten fieldset:nth-of-type(6) div textarea {
  resize: none;
  min-width: 90%;
  max-width: 90%;
}
#kundendaten fieldset:nth-of-type(4) div:nth-of-type(1),
#kundendaten fieldset:nth-of-type(5) div:nth-of-type(1),
#kundendaten fieldset:nth-of-type(6) div:nth-of-type(1) {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
#kundendaten fieldset:nth-of-type(4) div:nth-of-type(2),
#kundendaten fieldset:nth-of-type(5) div:nth-of-type(2),
#kundendaten fieldset:nth-of-type(6) div:nth-of-type(2) {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
#kundendaten fieldset:nth-of-type(7) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#kundendaten fieldset:nth-of-type(7) div:nth-of-type(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#kundendaten fieldset:nth-of-type(7) div:nth-of-type(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#vertragsdaten {
  border: none;
}
#vertragsdaten legend {
  margin-bottom: 0.5rem;
}
#vertragsdaten fieldset {
  margin-bottom: 0.25rem;
  padding: 0.25rem;
}
#vertragsdaten fieldset div input {
  width: 80%;
}
#vertragsdaten fieldset div label {
  display: block;
}
#vertragsdaten fieldset div select {
  width: 100%;
}
#vertragsdaten fieldset:nth-of-type(1),
#vertragsdaten fieldset:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#vertragsdaten fieldset:nth-of-type(1) div:nth-of-type(1),
#vertragsdaten fieldset:nth-of-type(2) div:nth-of-type(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#vertragsdaten fieldset:nth-of-type(1) div:nth-of-type(2),
#vertragsdaten fieldset:nth-of-type(2) div:nth-of-type(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#vertragsdaten fieldset:nth-of-type(1) div:nth-of-type(3),
#vertragsdaten fieldset:nth-of-type(2) div:nth-of-type(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#vertragsdaten fieldset:nth-of-type(3) div input {
  width: 95%;
}
#vertragsdaten fieldset span {
  background: #eee;
  display: inline-block;
  width: 5rem;
  padding: 0.25rem;
}
div.header {
  text-align: center;
  font-weight: bold;
  /*width: calc(100% - 2rem);*/
}
div.header div:last-of-type {
  margin-right: 1rem;
}
#footer {
  height: 3rem;
  background: #b47474;
}
.active {
  background: #888;
}