/* ----------------------------------------------------------------------------
    F O R M S
    Styles that define forms
---------------------------------------------------------------------------- */

div.error {
	font-size:1.1em;
	padding:0 0 5px 0;
	width:95%;
}


input, select, textarea, option {
	font-family:Verdana, Kalimati, Arial, Garuda;
	font-size:1.1em;
	color:#333;
}

label {
	font-size:1.1em;
}

optgroup {
	color:#693;
}

input.text, select, textarea {
	border:1px solid #999999;
	background:#fff;	
}

.prospectpanel input.text, .prospectpanel select, .prospectpanel textarea {
	border:1px solid #999999;
}

input.text:focus, select:focus, textarea:focus,
input.text:hover, select:hover, textarea:hover {
	background:#f0f0f0;
}

input.text, select {
	padding:2px 0;
}

input.size-25 {width:23px;}
select.size-25 {width:25px;}
textarea.size-25 {width:21px;}

input.size-50 {width:48px;}
select.size-50 {width:50px;}
textarea.size-50 {width:46px;}

input.size-60 {width:58px;}
select.size-60 {width:60px;}
textarea.size-60 {width:56px;}

input.size-90 {	width:88px;}
select.size-90 {width:90px;}
textarea.size-90 {width:86px;}

input.size-210 {width:208px;}
select.size-210 {width:210px;}
textarea.size-210 {width:206px;}

.maximum textarea {width:368px;}

span.button {
	background: url(../images/buttons/btn-input-bg.gif) no-repeat left top;
	padding: 0 0 0 1px;
	border-right: 5px solid transparent;
	display: block;
	float: left;
}

span.button input {
	border:none;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	background: url(../images/buttons/btn-input-bg.gif) no-repeat right top;
	font-size:1.2em;
	cursor:pointer;
	padding: 7px 5px 6px 4px;
}

span.button.fake_textlink { background:none; padding:0 }
span.button.fake_textlink input { border:0; background:transparent; padding:0; font-size:1.1em; cursor:pointer; color:#47822B;font-family:Verdana, Arial, Helvetica, sans-serif;}
span.button.fake_textlink input:hover { color:#333; }


span.button:hover {
	background-position: left -31px;
}

span.button:hover input {
	background-position: right -31px;
}

a.button { display:inline-block; background:url(../images/buttons/a-button.gif) 0 -62px no-repeat; cursor:pointer; margin:5px 0 0 0; padding:0 0 0 10px; line-height:1; text-decoration:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#fff; }
a.button span { display:inline-block; background:url(../images/buttons/a-button.gif) no-repeat right 0; padding: 9px 10px 9px 0; }
a.button:hover { background-position:0 -93px;}
a.button:hover span { background-position:right -31px;}


.form-wrapper {
	overflow: auto;
	width: 100%;
}

	.form-wrapper .radio {
		margin-bottom: 0.5em;
	}
	
.checkbox-wrapper,
.radio-wrapper {
	overflow:auto;
	width:100%;
	margin:0 0 2px 0;
}

.checkbox-wrapper label,
.radio-wrapper label {
	display:block;
	margin:3px 0 0 20px;
}

.checkbox-wrapper input.checkbox,
.radio-wrapper input.radio { 
	float:left;
}


/* SINGLE COLUMN */
div.column .form-wrapper,
div.column .radio-group,
div.column .checkbox-wrapper {
	margin:0 0 15px 0;
}

div.column span.element {
	display:block;
	padding:3px 0 0 0;
}




/* DOUBLE COLUMN */
div.columns-two .form-wrapper {
	margin:0 0 7px 0;
}

div.columns-two .form-wrapper label {
	float:left;
	width:160px;
	padding:4px 10px 0 0;
	display:block;
}

div.columns-two .radio-group,
div.columns-two .checkbox-wrapper {
	margin:0 0 15px 0;
}

div.columns-two span.element {
	display:block;
	float:right;
	width:270px;
}

div.columns-two .maximum span.element {width: 430px;}

/* TRIPLE COLUMN */
div.columns-three .form-wrapper {
	margin:0 0 7px 0;
}

div.columns-three .form-wrapper label {
	float:left;
	width:225px;
	padding:4px 5px 0 0;
	display:block;
}

div.columns-three .radio-group,
div.columns-three .checkbox-wrapper {
	margin:0 0 15px 0;
}

div.columns-three span.element {
	display:block;
	float:right;
	width:450px;
}

/* PROSPECTPANEL */
#prospectpanel .form-wrapper {
	margin:7px 0 0 0;
}

#prospectpanel .contentbox .content form h4 {font-size: 2em; font-style: italic; margin: 0.5em 0 0.5em 0;}

#prospectpanel .form-wrapper label {
	float:left;
	width:155px;
	padding:4px 10px 0 0;
	display:block;
	font-weight:normal;
}

#prospectpanel .radio-group,
#prospectpanel .checkbox-wrapper {
	margin: 0 0 15px 0;
}

#prospectpanel span.element select {
	width: 250px;
}

#prospectpanel span.element {
	display:block;
	float:right;
	width:260px;
}

#prospectpanel form hr {border: none; background: none; color:transparent; height:1px; margin:2em 10px 0.5em;}


/* FORM ON ZOEKRESULTATEN PAGE - START */
#search-again-box form {
	background: #fff url(../images/bg/stripe-diagonal-grey.gif) 0 0 repeat;
	padding: 1.5em 5px 1em;
	position: relative;
}
#search-again-box label {
	width: 135px;
}
#search-again-box input.text{
	width: 200px;
}
#search-again-box input.btn {
	position: absolute;
	right: 10px;
	top: 1em;
}
/* FORM ON ZOEKRESULTATEN PAGE - END */