/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - form elements
 ---------------------------------------------------------------*/

/************************************
* general form elements
*************************************/

form
{
}

form br {
	clear:left;
	}

legend,
label,
input,
select,
textarea,
fieldset,
a.info,
div.radiobuttons,
div.checkboxes
{
	display:block;
	float:left;
}

/************************************
* fieldset
*************************************/

fieldset
{
	float:none;
	clear:left;
}

/************************************
* legend
*************************************/

legend
{
	font-weight:bold;
}

/************************************
* general form building blocks
*************************************/

/* form components */
label,
input,
select,
textarea
{
	margin-right:8px;
	margin-bottom:8px;
}
/* form label */
label
{
	clear:left;
}
/* form fields */
input,
select,
textarea
{
	border:1px solid #b397c5;
	color: #682f8b;
}
/* single line fields */
input,
select
{
}
/* standard field */
input
{
}
/* hide hidden inputs for FireFox */
input[type=hidden]
{
	display:none;
}

/************************************
* size modifiers
*************************************/

/* default sizes */

label,
input,
select,
textarea
{
	width:150px; /* = l */
}

/* default modifiers*/
.xxs {width:30px;}
.xs  {width:60px;}
.s   {width:90px;}
.m   {width:120px;}
.l   {width:150px;}
.xl  {width:180px;}
.xxl {width:210px;}

/* date modifiers*/
select.day   {width:40px;}
select.month {width:70px;}
select.year  {width:56px;}

/* telephone modifiers*/
input.tel_area  {width:60px;}
input.tel_local {width:100px;}

/************************************
* mandatory fields
*************************************/

input.mandatory,
select.mandatory,
textarea.mandatory
{
	background-color:#fff;
}
label.mandatory
{
	font-weight:bold;
}
span.mandatory_legend
{
}

/************************************
* error state
*************************************/

form.error
{
}
label.error
{
	color:red;
}
input.error,
select.error,
textarea.error
{
	border-color:red;
}
div.error { /* error message in typolight */
	float:left;
	color:red;
	}

/************************************
* radiobuttons and checkboxes
*************************************/

div.radiobuttons input,
div.check_container input,
input.checkbox,
input.radio
{
	width:auto;	 		/* reset from generic form field styles */
	border:none; 		/* reset from generic form field styles */
	background:none; 	/* reset from generic form field styles */
}
/* wrappers */
div.radiobuttons,
div.check_container
{
}
div.radiobuttons
{
}
div.check_container
{
}
/* wrapper inputs */
div.radiobuttons input,
div.check_container input
{
	clear:left;
	margin-left:0px;
}
div.radiobuttons input
{
}
div.check_container input
{
}
/* wrapper labels */
div.radiobuttons label,
div.check_container label
{
	display:block;
	float:left;
	clear:none;
	width:auto;
	
}
/* alignment modifier */
div.horizontal input
{
	clear:none;
}
div.horizontal br
{
	display:none;
}
/* label width modifier */
div.radiobuttons label.fixed,
div.check_container label.fixed
{
	width:180px; 
}
.block_tussenpersoon label {
	width:auto;
	}
/************************************
* selection lists
*************************************/

select
{
}
select option
{
}

/************************************
* textarea
*************************************/

textarea
{
	overflow:auto;
	line-height:1em; /* reset to allow default line spacing */
}

/************************************
* break for line clearing
*************************************/

form br
{
	clear:left;
}

/************************************
* form button
*************************************/

button
{
}
div.formbuttonwrapper
{
	width:303px;
	float:left;
	clear:left;
}
div.formbuttonwrapper button
{
	float:right;
	margin-right:0px;
}

/************************************
* field info
*************************************/

a.info:link,
a.info:visited,
a.info:active,
a.info:hover {
	display:block;
	padding-left:20px;
	background:url(../images/form_info.gif) no-repeat top left;
	text-decoration:none;	
	width:14px;
	height:14px;
	margin-top:2px;
	}
a.info:hover {
	background-position:bottom left;
	}

a.info:link span,
a.info:visited span,
a.info:active span,
a.info:hover span
{
	display:none;
	width:140px;
	line-height:14px;
}
a.info:link span p,
a.info:visited span p,
a.info:active span p,
a.info:hover span p {
	margin:0px 0px 0px 0px;
	}
a.info:hover span
{
	display:block;
}


.submit_container input {
	background-color:#682f8b;
	border:solid 0px;
	color:#fff;
	cursor:pointer;
	cursor:hand;
	height:21px;
	padding-bottom:2px;
	font-weight:bold;
	margin-left:158px; /*ie6*/ /* label width + label right margin */
	width:auto;
	}
.submit_container input.hover {
	background-color:#1F98C2;
	}


.werving label { width:auto; clear:none; }
.werving .submit_container input { margin-left:121px; }