.cleanForm p, .cleanForm h1, .cleanForm form, .cleanForm button{border:0; margin:0; padding:0;}
.cleanForm .spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.cleanForm{
margin:0 auto;
padding:14px;
}
.cleanForm.compact{
width: 310px;
/* centreer div midden op de pagina */
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
/*width: 300px;*/
}

.cleanForm .hidden {
	display: none;
}
.cleanForm .check, .radio{
/*float: right;
clear: right;*/
float: left;
clear: right;
width: auto;
}
.cleanForm .check.last, .radio.last{
margin-bottom: 18px;
}
.cleanForm .check input, .cleanForm .radio input{
margin: 2px 0px 2px 10px;
}

.cleanForm label.disabled{
color: #e87877;
}
.cleanForm label.disabled .small, .cleanForm .disabled{
color: #e8a5a5;
}
.cleanForm input[disabled="disabled"],
.cleanForm textarea[disabled="disabled"],
.cleanForm select[disabled="disabled"]{
border: none;
background: #f3ebeb;
}

.cleanForm input.invalid, .cleanForm textarea.invalid{
border: 2px solid #f44747;
color: #f44747;
}

.cleanForm input.submit{
clear: both;
}

/* ----------- stylized ----------- */
.cleanForm{
border:solid 1px #343333;
/*border:solid 1px #822626;*/
background: #F0F0F0;
/*background: #f0e2e2;*/
}
.cleanForm h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
.cleanForm p{
font-size:11px;
color:#343333;
/*color:#822626;*/
margin-bottom:20px;
border-bottom:solid 1px #343333;
/*border-bottom:solid 1px #be3837;*/
padding-bottom:10px;
}
.cleanForm label{
display:block;
font-weight:bold;
text-align:right;
float:left;
clear: left;
width: 140px;
margin: 2px 0 11px 0;
}
.cleanForm .small{
color:#343333;
/*color:#822626;*/
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
}
.cleanForm input, .cleanForm textarea, .cleanForm select{
float:right;
clear: right;
font-size:12px;
padding:4px 2px;
border:solid 1px #7D7D7D;
/*border:solid 1px #e8a5a5;*/
width:150px;
/*width:140px;*/
margin:2px 0 20px 10px;
}
.cleanForm textarea{
height: 60px;
}
.cleanForm input:focus, .cleanForm textarea:focus{
	border: 1px solid #FFFFFF;
	/*border: 1px solid #E8A5A5;*/
	color: inherit;
	background-color: #F8F8F8;
	/*background-color: #e8a5a5;*/
	opacity: 1;
}

.cleanForm button{
clear:right;
float: right;
width:160px;
/*width:125px;*/
margin: 10px 0 10px 10px;
height:31px;
background:#822626;
text-align:center;
line-height:31px;
color:#f3ebeb;
font-size:11px;
font-weight:bold;
}
.cleanForm button:focus{
background:#e8a5a5;
}
.cleanForm button:hover{
background:#e87877;
cursor: pointer;
}

.cleanForm button:active{
background: #822626;
}

.cleanForm .result{
color: #f44747;
font-size: 13px;
font-weight: bold;
margin: 2px 0 11px;
display: none;
}

.cleanForm textarea{
	position: relative;
	opacity: 0.8;
	z-index: 5;
}

.cleanForm .areaLabel{
	background: #f44747;
	position: relative;
	float: none;
	width: 125px;
	height: 0px;
	font-weight: normal;
	top: 15px;
	left: 20px;
	text-align: left;
}