form {
  background: #F5F5F5;
  padding: 5px 10px;  
 }
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
  width: 45%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 55%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
form > p {
     font-style: italic;
     margin-bottom: 30px;
}
fieldset {
	border: 0;
  padding: 0;
}

label {
font-weight: normal;
}
label.desc {
font-weight: 700;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=number],
textarea,
select {
	width: 60%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=radio]:checked {
  border: 1px solid #666;
  background: #666;
}
input:-moz-read-only { /* For Firefox */
    background-color: #FBFBFB;
    border: 1px solid #ccc;
}
input:read-only { 
    background-color: #FBFBFB;
    border: 1px solid #ccc;
}
select:disabled { 
    background-color: #FBFBFB;
    border: 1px solid #ccc;
}
textarea {
	width: 100%;
 }
select.text {
	width: 8em;
    padding: 5px 5px;
 }
select.percentage {
	width: 6em;
 } 
select.year {
	width: 5em;
 }
input.readonly {
    border: none;
 }  
input.datumjaar {
	width: 5em;
 } 
input.premie {
  width: 5em;
  background: #FFD54F;  
 } 
input.datumdag {
  width: 4em;
 } 
input.datummaand {
  width: 4em;
 }
input.number {
  width: 4em;
 }
input.premietermijn {
  width: 7em;
 }  
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  outline: 0;
  border-color: #3F51B5;
}

input.output { 
  border: 0px solid #fff;
 } 

input[type=checkbox] {
  margin: 0 5px 0 0;
} 
 
@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  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;   
  }
select {
       width: 4em;
  }
select.year {
       width: 5em;
  }
label {
font-weight:normal;
 }
label.desc {
font-weight:bold;
 }
input.datumdag {
  width: 4em;
 } 
input.datummaand {
  width: 4em;
 } 
input.datumjaar {
  width: 5em;
 }
input.premie {
  width: 5em;
  background: #FFD54F;  
 }
input.premietermijn {
  width: 7em;
 }     
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: left;
  }
}