/* CSS Document: general: overkoepelt zowel CMS als de site zelf*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx reset xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
body, div, h1, h2, h3, span, table, p, form, ul, li { 
	margin: 0;
	padding: 0;
	
	}

body {
	font-family: tahoma,arial,sans-serif;
	background-color: #222;
	margin: 0 auto;
	width: 100%;
	color: #C7CECF;
	font-size: 62.5%; /*//Richard Rutter method die 1em gelijk zet met 10px. Dit gaat op voor de browsers 16px als default medium setting hebben (cf. http://clagnut.com/blog/348/)*/
}
#wrapper {
	padding: 3em 2em;
	margin: 0 auto;
	text-align: left;
	min-width: 900px; /*not IE*/
	max-width: 1000px; /*not IE*/
	}

#content {
	float: none;
	font-size: 1em;
	clear: both;
	padding: 0;
}


h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.3em;	
	/*color: #576a34;*/
	padding: 0;
	margin: 1em 0;
}
a {
	text-decoration: none;
}

p {
	margin: 1em;
	line-height: 1.4em;
}
img {
	border:none;
}

/* xxxxxxxxxxxxxxxxxxxxx tables xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

table {
	padding: 1.5em;
	clear: both;
}

th, td {
	border: solid 1px #C7CECF;
	padding: 0.5em;
}

th {
	color: #313634;		/*donkergrijs*/
	margin-top: 1em;
}

td {
	padding: 0.2em 0.3em;
}

.small_table {
	margin: 0.5em 0 0.5em 3em;
	float: left;
}
li {
	list-style: none;
}

.pagination_wrapper {
	clear: both;
	width: 100%;
	margin:0;
}
.pagination_wrapper li {
	float: left;
	margin: 1em 0.5em;
	font-size: 1em;
}
caption {
	text-align: left;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	color:#C7CECF;
}
caption {
	text-align: left;
	font-size: 1.25em;
	padding-bottom: 0.5em;
	color:#C7CECF;
	font-weight:bold;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Forms xxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
div.form-container { 
	margin: 0 1em; 
	padding: 1em; 
	font-size: 1em;
	width: 100%;
}
div.form-container form p { 
	margin: 0; 
}

div.form-container form p .legend {
	color: #999;
}

div.form-container label { 
	margin-right: 0em; 
	padding-right: 0em; 
	width: 12em;  /*belangrijk*/
	float: left; 
	text-align: right; 
}

.formline {
	display: block;
	width: 100%;
	margin-bottom: 1.2em;
	padding: 0px;
}
.formline img {
	margin-left: 2em;
}
#security_code {
	clear: right;
	margin-left: 14em;
	
}

div.form-container form label {
	font-weight: bold;
}

div.form-container form input, textarea {

}

div.form-container form p.note { 
	display: inline;
	margin-left: 1em; 
	font-size: 0.8em; 
	color: #999; 
}

#captcha_confirm {
	display: inline;
}

#captcha_img_subscr {
	float: left;
	margin-left: 14em;
}
#captcha_img_contact {
	float: left;
	margin-left: 0.5em;
}

<!--xxxxxxxxxxxxxxxxxxxx fake button xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-->

.fakebutton {
	border: medium outset #222;
	background-color: #d4d0c8;
	color: #222;
	margin: 0.5em 1.5em;
	float: left;
	color: #222;
}

.fakebutton a {
		color: #222;
		font-size: 0.8em;
		padding: 0.1em 0.5em;
}
span a {
		font-size: 0.8em;
		padding: 0.1em 0.5em;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxx BUTTONS ETC xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.go_back {
	float: right;
	padding-right: 1em;
}

.go_back a {
	color: #B8222B;
	background-color: #222;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 0.5em;
	-moz-border-radius:30px;
	font-size: 0.8em;
}

.go_back a:hover {
	color: white;
	border: 1px dotted white;
}

#close_prompts {
	float: right;
	padding-right: 2em;
}
.pic_back_button {
	float: right;
	margin-right: 2em;
	width: 7em;
}
.pic_back_button a {
	color: white;
}

#close_prompts a, #new_captcha a, #new_captcha_subscr a, .pic_back_button {
	color: white;
	background-color: #222;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 0.5em;
	-moz-border-radius:30px;
	font-size: 0.7em;
	font-size: 1em;
}
#new_captcha_subscr a{
	clear:right;
	float: right;
	margin-right: 26em;
	font-size: 0.75em;
}
#close_prompts a:hover, #new_captcha a:hover, #new_captcha_subscr a:hover, .pic_back_button:hover {
	background-color: #C7CECF;
	color: #B8222B;
}

#new_captcha {
	clear: right;
	float: right;
	font-size:0.7em;
	display: inline;
	width: auto;
}
#new_captcha a {
	
	float: right;
	margin-right: 6em;
}



.error {          
	border: red;
	color: red;  
	font-size: 1.5em;
       }  
.mandatory {
	color: #B8222B; /*rood*/     
}

#radio_btn {
	margin: 0 0 4em 10em;
}
.txt_radio_btn {
	color:#222;
	font-weight:bold;
	margin-left: 0.5em;
}

.thanks {
clear:right;
	float: right;
	padding: 1em;
	font-size: 1em;
	color:#B8222B;
	font-weight:bold;
}



