html,body{

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px; 
}

#rechner{
    width:600px;
    font-size: 12px; 
    padding: 20px;
}

#rechnerTitle{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0;
    color: black;
    line-height: 24px;
    border-bottom: 1px solid black;
}

/*----------------------------------Eingabe---------------------------------*/
#userEntries{
    color:black;
}

.regColumn{
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #FFFFFF;
    background-color: #D3DCE1;
}

/*----------------------------------Ausgabe---------------------------------*/
#output{
    padding:10px;
}

.buttons{
    font-size:11px;
    background-color: #D3DCE1;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    display:none;
}

.but{
    display:none;
}

#result{
    min-height:200px;
    background-color:white;
    padding-left:5px;
}

.resultTitle{
    margin-top:5px;
    font-weight:bold;
}

#resultOutput{
    margin-top:5px;
    margin-right:5px;
}

.brclear{
    clear:both;
    height:0;
    margin:0;
    font-size: 1px;
    line-height: 0px; 
}

.fattxt{
    font-weight:bold;
}

.showinfo{
    display:none;
}

.showinfoimg{
    display:none;
}



input[type="radio"] {
  line-height: 20px;
  margin: 0;
  width: 16px;
  height: 20px;
  vertical-align: middle;
  margin-right: 3px;
  float:left;
}

.radio-button-group {}
.label-container {
  display: inherit;
  position: inherit;
  padding-left: 30px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 16px;
  line-height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default radio button */
.label-container input {

}
/* Create a custom radio button */
.checkmark {
 
}
/* On mouse-over, add a grey background color */
.label-container:hover input ~ .checkmark {
  
}
/* When the radio button is checked, add a blue background */
.label-container input:checked ~ .checkmark {

}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {

}
/* Show the indicator (dot/circle) when checked */
.label-container input:checked ~ .checkmark:after {

}
/* Style the indicator (dot/circle) */
.label-container .checkmark:after {

}