html, body, form {
	width:100%;
	height:100%;
	padding:0; margin:0;
}
html { overflow-y:scroll; }

/****************************************************************************************************************************/
/** GLOBAL RESET ************************************************************************************************************/
/****************************************************************************************************************************/

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, button, input, select, textarea, 
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:inherit; font-family:inherit; text-align:justify; vertical-align:baseline; }
table { border-collapse:collapse; border-spacing: 0; }
ol, ul { list-style:none; }

/****************************************************************************************************************************/
/** FONT ********************************************************************************************************************/
/****************************************************************************************************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.4em;
	color:#848383;
	text-decoration:none;
}
p { padding:0px 0px 10px 0px; margin:0px; }
p.txtclear   { padding:0px; margin:0px; }
p.txtcomment { font-style:italic; }
p.txtsmall   { font-size:10px; }

a {	color:#81a023; text-decoration:none; }
a:hover { text-decoration:underline; }

h1, .h1 {
	font-size:24px;
	font-weight:bold;
	line-height:1.4em;
	color:#81a023;
	padding:0px 0px 10px 0px; margin:0px;
}
.h1 { font-size:20px; /*font-weight:normal;*/ }
h1.clear { padding:0; }

h2, .h2 {
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
	color:#82a122;
	padding:0px 0px 10px 0px; margin:0px;
}
.h2 { font-weight:normal; }
h2.clear { padding:0; }
.alert h2, .alertList h2 { padding:0; }

/*h3 {
	font-size:16px;
	font-weight:bold;
	line-height:1em;
	color:#848383;
	padding:0px 0px 10px 0px; margin:0px;
}
h3.clear { padding:0; }*/

h3 {
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
	color:#82a122;
	padding:0px 0px 10px 0px; margin:0px;
}
h3.clear { padding:0; }

/****************************************************************************************************************************/
/** LISTS *******************************************************************************************************************/
/****************************************************************************************************************************/

ol, ul { padding:0px 0px 10px 0px; }
ul { list-style:none outside; }
ol, ul.square, ul.circle, ul.disc { margin-left:30px; }
ol { list-style: decimal; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc   { list-style: disc outside; }
ul.custom li { background:url(../images/list_arrow_gray.gif) no-repeat left 7px; padding-left:12px; }
.colMedium ul li, .colSmall ul li { background:url(../images/list_arrow_gray.gif) no-repeat left 7px; padding-left:12px; }

ul.inline { float:left; }
ul.inlineEast { float:right; }
ul.inline li { float:left; padding-right:20px; }
ul.inlineEast li { float:left; padding-left:20px; }

/*- ALERT LISTS ------------------------------------------------------------------------------------------------------------*/

.alertList ul { padding:10px 0 10px 0; margin:0; background-color:#fff; }
.alertList ul li { padding:0 0 0 34px; background-repeat:no-repeat; background-position:15px 7px; }
.alertList ul li { background-image:url(../images/list_arrow_gray.gif); }
.alertList ul li { background-image:url(../images/list_arrow_gray.gif); }
.alertList ul li { background-image:url(../images/list_arrow_gray.gif); }

/****************************************************************************************************************************/
/** ALERT BARS **************************************************************************************************************/
/****************************************************************************************************************************/

.alert{
	padding:10px 10px 10px 34px; margin:0 0 10px 0;
	/* set border */
	-khtml-border-radius:4px; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.alertList{
	padding:0; margin:0 0 10px 0;
}
.alert.isSuccess, .alertList.isSuccess { border:1px solid #a9d66f; }
.alert.isError, .alertList.isError     { border:1px solid #f1aaa9; }
.alert.isWarning, .alertList.isWarning { border:1px solid #d9de4a; }

.alertList div.header{
	padding:10px 10px 10px 34px; margin:0;
}
.alertList.isSuccess div.header { border-bottom:1px solid #a9d66f; }
.alertList.isError div.header   { border-bottom:1px solid #f1aaa9; }
.alertList.isWarning div.header { border-bottom:1px solid #d9de4a; }
.alert.isSuccess, .alertList.isSuccess div.header { background:url(../images/icons/success.gif) 10px 11px no-repeat, url(../images/bar_success_bg.gif) repeat-x #d6edba; }
.alert.isError, .alertList.isError div.header     { background:url(../images/icons/error.gif) 10px 11px no-repeat, url(../images/bar_error_bg.gif) repeat-x #f8cbcb; }
.alert.isWarning, .alertList.isWarning div.header { background:url(../images/icons/warning.gif) 10px 11px no-repeat, url(../images/bar_warning_bg.gif) repeat-x #f4f6a8; }

.alert.isSuccess h2, .alertList.isSuccess div.header h2 { color:#008000; }
.alert.isError h2, .alertList.isError div.header h2		{ color:#f71212; }
.alert.isWarning h2, .alertList.isWarning div.header h2 { color:#ffa500; }

* html .isSuccess { background:url(../images/icons/success.gif) 10px 11px no-repeat #d6edba; }
* html .isError   { background:url(../images/icons/error.gif) 10px 11px no-repeat #f8cbcb; }
* html .isWarning { background:url(../images/icons/warning.gif) 10px 11px no-repeat #f4f6a8; }

/****************************************************************************************************************************/
/** FORM ********************************************************************************************************************/
/****************************************************************************************************************************/

div#formHolder, div.formHolder { width:635px; padding:0; margin:0; }

div.formBlockHolder { padding:0 0 20px 0; margin:0; }
div.formBlockHolder div.rowStd, div.formBlockHolder div.rowBig, div.formBlockHolder div.rowInn, div.formBlockHolder div.rowClr, div.formBlockHolder div.rowMce, div.formBlockHolder div.rowUpload {
	/*position:relative; /* Geplaatst voor upload (nog niet gecheckt) */
	overflow:hidden;
	height:1%;
	margin:0 0 1px 0;
}
div.formBlockHolder div.rowStd    { padding:4px 0 4px 0; }
div.formBlockHolder div.rowBig    { padding:0; }
div.formBlockHolder div.rowInn    { padding:0 0 0 160px; }
div.formBlockHolder div.rowClr    { padding:0 0 4px 0; }
div.formBlockHolder div.rowPile   { padding:0 0 4px 0; }
div.formBlockHolder div.rowMce    { padding:4px 0 4px 0; }
div.formBlockHolder div.rowUpload { padding:4px 0 4px 0; position:relative; }

div.rowStd label, div.rowBig label, div.rowInn label, div.rowMce label, div.rowUpload label {
	width:150px;
	position:relative;
	display:inline-block;
	padding:4px 0 0 0; margin:0;
}
div.rowBig label { float:left; padding-top:8px; }
div.rowBig ul { float:left; padding:0; margin:0 0 0 10px; }
div.rowBig.narrow ul { padding:4px 0 4px 0; }
div.rowBig ul li { padding:4px 0 4px 0; }
div.rowBig.narrow ul li { padding:0; }
div.rowBig ul li label { float:none; width:auto; padding:4px 0 0 10px; }
div.rowPile label { display:block; padding:0 0 4px 0; }
div.rowMce label { float:left; }
div.rowMce div { float:left; margin:0 0 0 10px; }

div.formBlockHolder label.sub { width:auto; padding:4px 20px 0 10px; }
div.formBlockHolder label.required {
	background-image:url(../images/form/form_required.gif);	
	background-repeat:no-repeat;
	background-position:right 8px;
}
div.formBlockHolder label.clear { padding:4px 0 0 10px; margin:0; }

div.rowStd input, div.rowStd textarea, div.rowStd select { margin:0 0 0 10px; }

div#formHolder div.formButtonHolder, div#formHolderLogin div.formButtonHolder { text-align:right; padding:0 0 10px 0; margin:0; }
div#formHolder div.formButtonHolder .button, div#formHolderLogin div.formButtonHolder .button {  margin-left:10px; }

/****************************************************************************************************************************/
/**  FORM ITEMS  ************************************************************************************************************/
/****************************************************************************************************************************/

.checkBoxSpace, .radioButtonSpace{
	position:relative;
	display:inline-block;
	vertical-align:top;
	height:1px;
	padding:0; margin:0;
}
.checkBoxSpace	  { width:16px; }
.radioButtonSpace { width:26px; }
.formCheckBox, .formRadioButton { position:absolute; top:6px; left:2px; }
* html .formCheckBox, * html .formRadioButton { position:absolute; top:3px; left:-2px; }
div.formBlockHolder div.rowClr .checkBoxSpace .formCheckBox { top:2px; }
* html div.formBlockHolder div.rowClr .checkBoxSpace .formCheckBox { top:-3px; }

.formField, .formFieldBig, .formFieldMed, .formFieldSmall, .formFieldLogin, .formFieldUpload, .formTextArea, .formTextAreaBig, .formTextAreaMed, .formTextAreaSmall {
	vertical-align:top;
	padding:4px 6px 4px 6px; margin:0;
	border:1px solid #c1c8cc;
	font-family:inherit; font-size:inherit; color:#000;
	background:#fff url(../images/form/form_field_bg.gif) repeat-x top;
}
.formFieldBig, .formTextAreaBig 	{ width:461px; }
.formFieldMed, .formTextAreaMed 	{ width:326px; }
.formFieldSmall, .formTextAreaSmall { width:100px; }
.formFieldLogin  { width:188px; }
.formFieldUpload { width:176px; text-align:right; }

.formSelect, .formSelectBig, .formSelectMed, .formSelectSmall {
	vertical-align:top;
	padding:3px 6px 3px 6px; margin:0;
	border:1px solid #c1c8cc;
	font-family:inherit; font-size:inherit; color:#000;
}

input.error, textarea.error, select.error { border:1px solid #ff0000; }

/****************************************************************************************************************************/
/**  BUTTONS  ***************************************************************************************************************/
/****************************************************************************************************************************/

.button, .button:visited {
	position:relative;
	display:inline-block;
	background:#81a023; 
	padding:6px 15px 7px 15px; margin:0;
	border:1px solid #666;
	color:#fff;
	text-decoration:none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	cursor: pointer;
	text-align:center;
}
* html .button, * html .button:visited { background-image:none; }
.button:hover { background:#3c3c3c url(../images/button-overlay.png) repeat-x; border:1px solid #323232; color:#fff; text-decoration:none; }
.button:active { top:1px; } /* for push effect */

.button, .button:visited  					{ font-weight:bold; line-height:normal; /*text-shadow:0 -1px 1px rgba(0,0,0,0.25);*/ }
a.button, a.button:visited, x:-moz-any-link { padding:7px 15px 8px 15px; } /* Firefox only. 1+ */
* html a.button, * html a.button:visited	{ padding:8px 15px 9px 15px; } /* IE6 and below    */
.button.small,  .button.small:visited 	 	{ font-size:10px; }
.button.medium, .button.medium:visited 		{ font-size:14px; padding:8px 14px 9px; }
.button.large,  .button.large:visited 	 	{ font-size:16px; padding:10px 14px 11px; }

.green.button, .green.button:visited { background-color:#81a023; color:#fff; }
.button.green:hover					 { background-color:#3c3c3c; }
.gray.button, .gray.button:visited	 { background-color:#d2d2d2; color:#666; }
.button.gray:hover					 { background-color:#3c3c3c; color:#fff; }

/****************************************************************************************************************************/
/** GLOBAL CLASSES **********************************************************************************************************/
/****************************************************************************************************************************/

.uppercase	   { text-transform:uppercase; }
.lowercase	   { text-transform:lowercase; }
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
strong, .bold  { font-weight:bold; }
em, .italic    { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background-color:#F00; }
 
.img-left      { float:left; padding:0 20px 0 0; }
.img-right     { float:right; padding:0 0 0 20px; }

.noborder	   { border:none; }
.nopadding     { padding:0; }
.nomargin	   { margin:0; }
.noindent      { margin-left:0; padding-left:0; }
.nobullet      { list-style:none; list-style-image:none; }

/****************************************************************************************************************************/
/** CLEAR FIX ***************************************************************************************************************/
/****************************************************************************************************************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix { zoom: 1; } /* triggers hasLayout */