/* The slider itself */
.ui_slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 450px; /* Full-width */
  height: 16px; /* Specified height */
  background: #bbbbbb; /* Grey background */
  outline: none; /* Remove outline */
  margin-top: 8px;
}
input[type=range]::-moz-range-track {
  background-color: transparent;
}
.ui_slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 22px; /* Set a specific slider handle width */
  height: 22px; /* Slider handle height */
  background: #f56a6a; /* Green background */
  cursor: pointer; /* Cursor on hover */
}
.ui_slider::-moz-range-thumb {
  width: 22px; /* Set a specific slider handle width */
  height: 22px; /* Slider handle height */
  background: #f56a6a; /* Red background */
  cursor: pointer; /* Cursor on hover */
}
table {
  width: 640px;
  padding: 0;
  margin: 0;
}
table, tr, td {
  vertical-align: middle;
}
.radio, button.radio, .button.radio {
    background-color: #f56a6a;
    box-shadow: none;
    color: #ffffff !important;
    width: 90%;
    overflow: visible;
}
button.radioOff,
.button.radioOff {
    background-color: #bbbbbb;
    box-shadow: none;
    color: #ffffff !important;
    width: 90%;
    overflow: visible;
}
#konfigbereich {
  width: 640px;
}
.right {
  float: right;
}
.tdtitel {
  width: 150px;
  font-weight: bold;
}
.tdslider {
  width: 450px;
  text-align: center;
}
.tdradio {
  width: 150px;
  text-align: center;
}
.auswahl {
  margin-right: 3px;
}
h4 {
  margin-top: 4px;
  margin-bottom: 0px;
  padding: 8px;
  color: #ffffff;
}
.reiter {
  width: 49%;
  float: left;
  padding: 2px;
  margin-right: 4px;
  margin-bottom: 8px;
  text-align: center;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#tab-1 {
  display: none;
}
#tab-2 {
  display: none;
}