form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family: 'Roboto', sans-serif;
	color: #3a404a;
	border: 0px none;
	font-size: 1em;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/* Formulier input styles
--------------------------------------------------------------------*/
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 2px 6px;
  text-align: left;
  background-clip: padding-box;
  background-color: #FFF;
  border: 1px solid #c8c8c8;
  border-image: none;
  border-radius: 4px;
  outline: 0 none;
}

input[type="submit"] {
  border: 0px none;
}

input[type="number"] {
  padding: 1px 1px 1px 10px;
}


input:focus,
select:focus {
	outline: none;
}


form label		        { margin: 0; padding: 0; font-weight: normal; color: #3a404a; }
form table		        { padding: 0; margin: 0; border-collapse: collapse; }
form td			          { padding: 0 0 10px 0; vertical-align: top; text-align: left; }
form th			          { padding: 0 0 10px 0; vertical-align: top; text-align: left; }

form .col01           { width: 150px;}
form .col02		        { width: 10px}
form .col03           {}

form div.fld label		{ display: block; float: none; width: auto; padding-bottom: 3px; }
form div.rfld label		{ display: block; float: none; width: auto; padding-bottom: 3px; }
form div.fld			    { float: left; padding-right: 5px;}
form div.rfld			    { float: right; padding-left: 5px;}

#stock-inform-msg,
#goed			            { background-color: #cfe4cc; border: 1px solid #b1d3ac; border-radius: 4px; color: #000; margin: 5px 0 10px; padding: 15px; position: relative; }
#stock-inform-msg a,
#goed a			          { color: #000; font-weight: bold; }

#stock-inform-msg.error,
#error,
#fout			            { background-color: #f5cdcd; border: 1px solid #cea1a1; border-radius: 4px; color: #000; margin: 5px 0 10px; padding: 15px; position: relative; }
#stock-inform-msg.error a,
#error a,
#fout a			          { font-weight: bold; }

#goed .close,
#fout .close,
#error .close	        { position: absolute; right: 7px; top: 4px; color: #000; text-decoration: none;}

form div.fld a img    { padding: 14px 0 0; }

/* Contact formulier */
form label				    {}
form span             { color: #F00;}

form .text				        { width: 250px; }
form .textarea			      { width: 250px; height: 100px; line-height: 1.6; }
form .select              { width: 258px; }
form .captcha_container	  { width: 250px; text-align: center; }
form .cbox_input		      { float: left; width: 20px; display: inline; }
form .cbox_label		      { float: left; }
form .inputImage          { padding: 0;  }
form #submit			        { background: #e63331 none repeat scroll 0 0; border-radius: 4px; color: #fff; cursor: pointer; font-weight: 900; line-height: 1.6; margin: 10px 0 0 10px; padding: 12px 60px; float: right; }
form #btn_submit          { background: #e63331 none repeat scroll 0 0; border-radius: 4px; color: #fff; cursor: pointer; font-weight: 900; line-height: 1.6; margin: 10px 0 0 10px; padding: 12px 60px; float: right; }

/* Nieuwsbrief Formulier */
#FormNewsletter #aanhef			  { width: 85px; }
#FormNewsletter #voornaam		 { width: 160px; }
#FormNewsletter #achternaam		{ width: 200px; }

#FormNewsletterUnsub .button	{ padding: 14px 5px 0; }

/* Contact Formulier */
#FormContact span				{ color: #F00;}
#FormContact .col01				{ width: 200px;}
#FormContact #naam				{ width: 250px; }
#FormContact #adres				{ width: 250px; }
#FormContact #postcode			{ width: 250px; }
#FormContact #plaats			{ width: 250px; }
#FormContact #bedrijfsnaam		{ width: 250px; }
#FormContact #telefoon			{ width: 250px; }
#FormContact #email				{ width: 250px; }
#FormContact #bericht			{ width: 250px; border: 1px solid #999;  height: 100px; line-height: 160%;}

/* Offerte Formulier */
#formBestel							{ display: block; margin-top: 10px; }
#formBestel table					{ margin: 0; }
#formBestel table .col01			{ width: 110px; }
#formBestel table .col03 input		{ width: 85px; padding: 4px; }
#formBestel table .col03 select		{ width: 93px; padding: 4px; }
#formBestel #submit					{ float: none; margin-top: 20px;}

/* Account -> Login Formulier */
form#FormLogin 						{ padding-top: 10px; }
#FormLogin table th					{ vertical-align: middle; }
#FormLogin table td					{ vertical-align: middle; }
#FormLogin table th.col01			{ width: 170px; }
#FormLogin table					{ margin: 0; }
#FormLogin label					{ }
#FormLogin span						{ color: #F00;}
#FormLogin div						{ position: relative; }
#FormLogin div:after				{ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#FormLogin div.email:after			{ content: "\f0e0"; color: #969696; font-size: 13px; display: inline-block; position: absolute; left: 18px; top: 17px; }
#FormLogin div.password:after		{ content: "\f023"; color: #969696; font-size: 17px; display: inline-block; position: absolute; left: 18px; top: 17px; }
#FormLogin #user_email				{ width: 100%; height: 48px; padding-left: 45px; padding-right: 15px; box-sizing: border-box; border-radius: 4px 4px 0 0; border: 0px none; border-bottom: 1px solid #ccc; }
#FormLogin #user_password			{ width: 100%; height: 48px; padding-left: 45px; padding-right: 15px; box-sizing: border-box; border-radius: 0 0 4px 4px; border: 0px none; margin-bottom: 15px; }
#FormLogin #btn_submit				{ float: none; font-weight: 900; cursor: pointer; line-height: 1.6; margin-bottom: 20px; padding: 12px 60px; border-radius: 4px; color: #3a404a; background: #FFF; background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%); }

/* Account -> Forgot Pass Formulier */
form#FormForgotpass 				{ padding-top: 10px; }
#FormForgotpass table th			{ vertical-align: middle; }
#FormForgotpass table td			{ vertical-align: middle; }
#FormForgotpass table th.col01		{ width: 170px; }
#FormForgotpass table				{ margin: 0; }
#FormForgotpass label				{ }
#FormForgotpass span				{ color: #F00;}
#FormForgotpass div					{ position: relative; }
#FormForgotpass div:after			{ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#FormForgotpass div.email:after		{ content: "\f0e0"; color: #969696; font-size: 13px; display: inline-block; position: absolute; left: 18px; top: 17px; }
#FormForgotpass div.password:after	{ content: "\f023"; color: #969696; font-size: 17px; display: inline-block; position: absolute; left: 18px; top: 17px; }
#FormForgotpass #user_email			{ width: 100%; height: 48px; padding-left: 45px; padding-right: 15px; margin-bottom: 15px; box-sizing: border-box; border-radius: 4px; border: 0px none; }
#FormForgotpass #btn_submit			{ float: none; font-weight: 900; cursor: pointer; line-height: 1.6; margin-bottom: 20px; padding: 12px 60px; border-radius: 4px; color: #3a404a; background: #FFF; background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%); }

/* Account -> Registratie Formulier */
form#FormAccount table				{ width: 100%; margin: 0; }
#FormAccount #user_company			{ width: 246px; }
#FormAccount #user_gender			{ width: 90px; }
#FormAccount #user_firstname		{ width: 150px; }
#FormAccount #user_lastname			{ width: 150px; }
#FormAccount #user_address			{ width: 244px; }
#FormAccount #user_address_extra1	{ width: 70px; }
#FormAccount #user_address_extra2	{ width: 68px; }
#FormAccount #user_zipcode			{ width: 75px; }
#FormAccount #user_city				{ width: 320px; }
#FormAccount #user_country			{ width: 208px; }
#FormAccount #user_phone			{ width: 200px; }
#FormAccount #user_email			{ width: 200px; }
#FormAccount #user_password			{ width: 200px; }
#FormAccount #user_password_check	{ width: 200px; }
#FormAccount td.password_txt		{ padding: 10px 0; }
#FormAccount td.newsletter			{ padding: 10px 0; }
#FormAccount #user_language			{ width: 204px; }

/* Account -> Address Formulier */
form#FormAddress table				     { width: 100%; margin: 0; }
#FormAddress #ua_company           { width: 200px; }
#FormAddress #ua_name				       { width: 200px; }
#FormAddress #ua_address	         { width: 200px; }
#FormAddress #ua_address_extra1		 { width: 90px; }
#FormAddress #ua_address_extra2		 { width: 75px; }
#FormAddress #ua_zipcode			     { width: 105px; }
#FormAddress #ua_city				       { width: 272px; }
#FormAddress #ua_country			     { width: 208px; }
#FormAddress a.address-clear		   { color: #999; font-size: 10px; vertical-align: top; }

/* Account -> Verwijderen Formulier */
form#FormRemove					{ padding: 14px 14px 10px 14px; background-color: #414141;}
form#FormRemove table			{ width: 100%; margin: 0; }