/* CSS fuer muc-labs - Forms Felder */

.container {
  width: 90%; margin: 0 auto auto auto; display: inline-block; 
  border-radius: 5px;
  background-color: ivory;
  padding: 2px;
  font: 14px Arial, sans-serif;
  margin:5px;
}

.subcontainer{
  border: 1px solid #ccc;
  border-radius: 4px;
}
.w-5 {float: left; width: 5%; margin-top: 2px;}
.w-8 {float: left; width: 8%; margin-top: 2px;}
.w-10 {float: left; width: 10%; margin-top: 2px;}
.w-15 {float: left; width: 15%; margin-top: 2px;}
.w-20 {float: left;width: 20%; margin-top: 2px;}
.w-25 {float: left;width: 35%; margin-top: 2px;}
.w-35 {float: left;width: 35%; margin-top: 2px;}
.w-75 {float: left;width: 75%; margin-top: 2px;}
.w-80 {float: left;width: 80%; margin-top: 2px;}


.boxf .boxff .boxfff .boxa1 .boxa2 {
     float: left;
     margin-right: 2%;
     padding: 20px;
     background: #eee;
     box-sizing: border-box;
}
.boxff {margin-right: 5%;}
.boxfff {margin-right: 0;}
.boxa1 {padding: 0px; margin-right: 0;}
.boxa2 {margin-top: 10px;  padding: 12px 30px; margin-right: 0;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
input[type=text], input[type=email], input[type=tel], select, textarea {
  width: 98%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 2px 2px 2px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.filterbutton input[type=submit]{background-color: grey; float:left; margin:20px; font: 14px Arial, sans-serif;}
.filterbutton input[type=submit]:hover {color: red;}