* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

form{
	   -webkit-appearance: none;
	}



.zeventig{
	  width:69%;
	  float:left;
	    }	

.marginform{
		  margin-right:2%;
}
		
.dertig{
	  width:29%;
	  float:left;
	    }	
		
#controlsex, #controlcontract, #verbruik, #meter, #controltitel, #Error_product, #controlenergie{
	padding-top:5px; padding-bottom:5px; 
	margin-top:5px; margin-bottom:5px; 
	display:block; 
	float:left; 
	width:100%;
	background-color:#e9eef4;
	border:1px solid #e9eef4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}			

.meterpos{
	float:left;
	margin-right:15px;
	}

form select {
   background: transparent;
   width: 100%;
      -webkit-appearance: none;
   background-color:#FFF;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
		font-size:16px;
   }
				
form .blok{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#e9eef4;
	padding:10px;
	margin-bottom:20px;
	}	

form > .blok > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form  > .blok > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > .blok > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > .blok > div > div,
form > .blok > div > fieldset > div {
  width: 75%;
  float: right;
}
form > .blok > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text].small, .small {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:4px;
		font-size:14px;
		margin-bottom:6px;
	}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
		font-size:16px;

}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

input.verzenden {
	padding:10px 10px 10px 10px;
	background-color:#004570;
	outline: none;
	border: none;
	cursor : pointer;
	color:#fff;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
	width: 100%;
	float:left;
	font-size:14px;
	margin-bottom:0px;
   -webkit-appearance: none;
	}

input.verzenden:hover {
	background-color:#a77c18;
	outline: none;
	border: none;
   -webkit-appearance: none;
	}

@media (max-width: 400px) {
.meterpos{
	float:left;
	margin-right:0px;
	}
}

@media (max-width: 600px) {
	
  form > .blok > div {
    margin: 0 0 15px 0; 
  }
  form > .blok > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > .blok > div > div,
  form > .blok > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > .blok > div > label,
	legend {
  	text-align: right;
  }
}

select{
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height:40px;
	font-size:16px;
	padding:10px;
	}