.w3-border{
  overflow: hidden;
  border:1px solid #ccc!important

}

.w3-green,.w3-hover-green:hover{
  height:15px;
  color:#fff!important;
  background-color:#4CAF50!important
}

#LRPrintLogo {
  float:right;
  width:25%;
  display:none;
}

#ErlauterungText {
  margin-top: 5em;
  font-weight: 100;
}

#LRTitel {
  float:left;
}

#wrapper {
  margin:0;
  margin-left: auto;
  margin-right: auto;
  padding:0;
  font-family: 'Roboto', sans-serif;
  box-shadow: 0px 0px 17px rgba(0,0,0, .1);
  position:relative;
  width: 100%;
  max-width: 800px;
  min-height: 500px;
}

#titlewrapper {
  display:block;
  height:70px;
  width:100%;
}

.lohnRechnerSelect {
  height:30px;
}

.fieldsetBorder {
  border-bottom: 1px solid !important;
}


body {/*
  margin:0;
  margin-left: auto;
  margin-right: auto;
  padding:0;
  font-family: 'Roboto', sans-serif;
  box-shadow: 0px 0px 17px rgba(0,0,0, .1);
  position:relative;
  width: 1170px;
  min-height: 500px;*/
}

#currentResultContainer {
  width:100%;
  position:relative;
  display:block;
  height:52px;
  margin-top: 5%;
}

#currentResult {
  float:right;
  min-height:80%;
  padding-right:4px;
  padding-left:4px;
  min-width:28%;
  display:block;
  position:relative;
  border:1px solid #ccc;
}

h4 {
  font-weight: 400;
  margin-top: 15px;
}
h3 {
  margin-top: 15px !important;
}

.LohnrechnerWrapper {
  padding:20px;
  width:90%;
  max-width: 500px;
  margin-right:auto;
  margin-left:auto;
  margin-top: 30px;
}

#LohnrechnerContainer {
  display:none;
  position:relative;
}

fieldset.lohnRechnercurrent {
  display:block;
}

fieldset.lohnRechnernotcurrent {
  display:none;
}

#LRForm fieldset {
  border: none;
}

#beforeButton {
  display:none;
}

.lohnRechnerFormWrapper {
  padding-bottom: 52px;
}

.button {
    border: none;
    color: white;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    float:left;

    cursor:pointer;
}

.checkbox{
  display: block;
  margin-bottom: 5px;
}

.beforeButton {
  background-color: #979899;
  margin-right: 5px;
}

.nextButton {
  background-color: #4CAF50;
  display: none;
}

.nextButton:hover {
  background-color: #5db761;
  display: none;
}

.buttonController {
  float:right;
  width:auto;
  position:absolute;
  bottom:20px;
}

#printButton {
  margin-left: 50px;
  visibility: hidden;
}

/* ########### print css ############# */

@media print {
  fieldset.lohnRechnernotcurrent {
    display: block !important;
  }
  .buttonController {
    display:none;
  }/*
  input[type=checkbox] + span {
    display: none;
  }
  input[type=checkbox] {
    display: none;
  }*/
  input[type=checkbox]:not(:checked) + span {
    display:none;
  }

  input[type=checkbox]:not(:checked) {
    display:none;
  }

  .w3-border{
    display:none;
  }

  .w3-green,.w3-hover-green:hover{
    display:none;
  }

  #wrapper {
    margin:0;
    margin-left: auto;
    margin-right: auto;
    padding:0;
    font-family: 'Roboto', sans-serif;
    box-shadow: none;
    position:relative;
    width: 100%;
    max-width: 800px;
    min-height: 500px;
  }

  #LRPrintLogo {
    float:right;
    width:25%;
    display:block;
  }

  #LohnrechnerContainer {
    display: block;
  }

  #welcomeText {
    display: block !important;
    margin-top:40px;
    padding-bottom: 20px;
  }
}