/* --------------------------------------------------
	2. Global
-------------------------------------------------- */

form {
	font: 100% Arial, Helvetica, sans-serif;
	width: auto !important;
	padding-bottom: 1em !important;
}

#rekenmodule {
	padding-bottom: 0 !important;
}

form div {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

form fieldset div {
	display: inline;
}


/* --------------------------------------------------
	3. Fieldset
-------------------------------------------------- */

fieldset {
	display: block;
	background: #f8f8ff;
	border: 1px solid #cdd1d1;
	border-top: .3em solid #cdd1d1;
	margin: 1em 0 0 0;
	position: relative;
	padding: 0 1em 1em 1em; /* padding-top: 0; is noodzakelijk voor correcte weergave in IE */
	color: #2d3333 !important;
	width: 95%;
}

fieldset fieldset {
	float: left;
	border: 0;
	background: transparent;
	margin: 0 0 .5em 0;
	padding: 0;
	width: 30%;
}

.FieldSetHighlighted {
	background: #ffc;
	border: 1px solid #ff6;
	border-top: .3em solid #ff6;
}



/* --------------------------------------------------
	4. Elements
-------------------------------------------------- */

fieldset legend {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 .3em .89em .3em;
	position: relative;
	top: -.9em; /* Firefox negeert dit, IE verplaatst de legend omhoog */
	color: #2f5572 !important;
}


fieldset label { 
	float: left; 
	width: 25%; 
	margin: .5em 2% 0 0;
	text-align: right; 
	cursor: pointer;
	font-size: 100%;
	font-weight: bold;
	color: #535353 !important;
}

fieldset input, select {
	width: 50%;
	height: 1.45em;
	margin: .5em 0 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #535353;
}

fieldset span {
	margin-left: 2%;
	position: relative;
	top: .5em !important;
	font-weight: bold;
}


fieldset fieldset input, select {
	width: auto;
	float: left;
	margin: .5em 0 0 0 !important;
}

fieldset div input {
	margin: .5em 0 0 0 !important;
}

input.button, input.secondButton {
	padding: 0 .25em;
	width: 0;  /* IE table-cell margin fix */
	overflow: visible;
	width: auto;  /* cancel margin fix for other browsers */
	width: 30.7%;
	margin: 1.5em 0 0 0;
	left: 19.5em;
	height: auto;
	position: relative;
}

#special input.button {
	 left: 20.5em;
}

#special #nl_maxcredit input.button, #special #nl_maxcredit input.secondButton {
	 left: 19.3em;
}

#styleswitcher input.button {
    width: 13em;
	 margin-left: 0;
}

select {
	width: 31.5%;
	margin: .4em 0 0 0 !important;
	font: 100% Arial, Helvetica, sans-serif;
}

select.small {
	width: 15.7% !important;
}

/*#rekenmodule select {
	width: 12.9em;
}*/

textarea { 
	overflow: auto;
	width: 99% !important; /* Om scrollbar in IE6 te voorkomen */
	height: 10em;
	font: 100% Arial, Helvetica, sans-serif;
}


/* --------------------------------------------------
	5. Notes
-------------------------------------------------- */

fieldset div.notes { /* Het blok dat naast het formulier staat voor verdere uitleg bij de velden */
	float: right;
	width: 28% !important;
	margin: 0 0 .7em 0 !important;
	padding: .5em !important;
	border: 1px solid #afc7e3 !important;
	background: #e7f1fa !important;
	color: #666 !important;
	font-size: 89.9%;
}

fieldset div.notes h4 {
	background: url(/img/information.gif) left .1em no-repeat;
	padding: 0 0 .5em 1.7em;
	border-bottom: 1px solid #afc7e3;
	font-size: 110%;
	margin: 0;
}

fieldset div.notes h5 {
	font-size: 100%;
	margin: .5em 0 0 0;
}

fieldset div.notes p {
	margin: 0 0 .5em 0;
	font-size: 100% !important;
}

fieldset div.notes a:link,
fieldset div.notes a:visited {
	color: #2d393b !important;
}


/* --------------------------------------------------
	6. Errors
-------------------------------------------------- */

fieldset div.errorNotes { /* Het blok 'Attentie' dat na validatie het blok 'Uitleg' vervangt */
	float: right;
	width: 28% !important;
	margin: 0 0 .7em 0 !important;
	padding: .5em !important;
	border: 1px solid #f4aca1 !important;
	background: #ffeeeb !important;
	color: #666 !important;
	font-size: 89.9%;
}

fieldset div.errorNotes h4 {
	background: url(/img/exclamation.gif) top left no-repeat;
	padding: 0 0 .5em 1.7em;
	border-bottom: 1px solid #f4aca1;
	font-size: 110%;
	margin: 0;
}

fieldset div.errorNotes h5 {
	font-size: 100%;
	margin: .5em 0 0 0;
}

fieldset div.errorNotes p {
	margin: 0 0 .5em 0 !important;
	font-size: 100% !important;
}


/* --------------------------------------------------
	7. Warnings
-------------------------------------------------- */

fieldset div.warningNotes { /* Het blok 'Attentie' dat na validatie het blok 'Uitleg' vervangt */
	float: right;
	width: 28% !important;
	margin: 0 0 .7em 0 !important;
	padding: .5em !important;
	border: 1px solid #ffff66 !important;
	background: #ffffcc !important;
	color: #666 !important;
	font-size: 89.9%;
}

fieldset div.warningNotes h4 {
	background: url(/img/warning.gif) top left no-repeat;
	padding: 0 0 .5em 1.7em;
	border-bottom: 1px solid #ffff66;
	font-size: 110%;
}

fieldset div.warningNotes h5 {
	font-size: 100%;
	margin: .5em 0 0 0;
}

fieldset div.warningNotes p {
	margin: 0 0 .5em 0 !important;
	font-size: 100% !important;
}


/* --------------------------------------------------
	8. Misc
-------------------------------------------------- */

fieldset br {
	clear: left;
}

.accessibility { 
	color: #666;
}

.output,
.totaal {
	border: #fff none;
	background: transparent;
	margin-top: .65em;
	color: #2d393b !important;
}

.totaal {
	font-weight: bold;
}

.error {
	color: #c00;
}

.error a:link,
.error a:visited {
	color: #c00;
}

fieldset input.error {
	color: #c00;
	border: 1px solid #c00;
	padding: 1px;
}

fieldset span img {
	position: relative;
	top: -.3em !important;
}

iframe {
	height: 0;
	width: 0;
}