html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
}

/* Stijlen standaardiseren
--------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

article, aside, figure,
footer, header, hgroup,
nav, section 			{ display: block; }

del 					{ text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

input, select 			{ vertical-align: middle;}
input[type="radio"] 	{ vertical-align: text-bottom; }
input[type="checkbox"] 	{ vertical-align: bottom; *vertical-align: baseline; }
.ie6 input 				{ vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }

blockquote, q 			{ quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after 				{ content: ''; content: none; }

pre, code, kbd, samp 	{ font-family: monospace, sans-serif;}

.clickable,
label,
input[type=button],
input[type=submit],
button 					{ cursor: pointer; }
button, input,
select, textarea 		{ margin: 0; }
button 					{ width: auto; overflow: visible; }

.ie7 img 				{ -ms-interpolation-mode: bicubic; }
.ie6 html 				{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

.clearfix:before,
.clearfix:after 		{ content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after 		{ clear: both; }
.clearfix 				{ zoom: 1; }

* html ul li a 			{ height: 1em; }

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}

/* Typografie stijlen voor de hele site 
--------------------------------------------------------------------*/
h1, h2, h3, span.h1			{ line-height: 120%; font-weight: 600; font-family: 'Crimson Text', Arial, Helvetica, sans-serif; }
p, address					{ line-height: 185%; font-weight: normal; }
address						{ font-style: normal; }
a							{ margin: 0; padding: 0; vertical-align: baseline; background: transparent; }
a:hover, a:active 			{ outline: none; }
ul, ol, li					{ margin: 0; padding: 0; line-height: 185%; }
table						{ border-collapse: collapse; border-spacing: 0; margin-bottom: 14px; line-height: 185%; }
th 							{ font-weight: bold; vertical-align: bottom; text-align: left; }
td							{ font-weight: normal; vertical-align: top; }

h1							{ font-size: 2.2em; color: #333; margin: 0 0 14px 0; padding: 0; }
h2							{ font-size: 1.8em; color: #333; margin: 0 0 14px 0; padding: 10px 0 0 0; }
h3							{ font-size: 1.5em; color: #333; margin: 0 0 10px 0; padding: 10px 0 0 0; }
span.h1						{ font-size: 2.2em; color: #333; margin: 0 0 14px 0; padding: 0; display: block; }

.actioncode					{ font-size: 1.83em; color: #b14f80; font-weight: 700; }

p							{ margin: 0 0 14px 0; }

a							{ color: #b14f80; text-decoration: underline; }
a:hover						{ color: #b14f80; text-decoration: underline; }

a.more						{ padding-right: 10px; font-weight: bold; text-decoration: none; background: url(/media/img/friends/bullet_a_more_std.png) no-repeat 100% 50%; }
a.more:hover				{ text-decoration: underline; }
a.back						{ padding-left: 10px; font-weight: bold; text-decoration: none; background: url(/media/img/friends/bullet_a_back_std.png) no-repeat 0 50%; }
a.back:hover				{ text-decoration: underline; }

ul							{ margin: 10px 0px 12px 10px; }
ul ul						{ margin: 4px 0px 4px 14px; }
ul li						{ list-style: none; padding: 0 0 0 20px; margin-bottom: 6px; background: url(/media/img/friends/bullet_li.png) no-repeat 0 7px; }
ul li li					{ list-style: none; padding: 0 0 0 20px; margin-bottom: 6px; background: url(/media/img/friends/bullet_li.png) no-repeat 0 7px; }

ol							{ margin: 0px 0px 12px 25px; }
ol ol						{ margin: 0px 0px 0px 25px; }

hr							{ margin: 10px -20px 18px; border: 0px none; border-top: 1px solid #e8dce1; }

table.responsive			{ width: 100%; }

/* Basis vlakverdeling 
--------------------------------------------------------------------*/
#container			{ }
#top				{ width: 100%; }
#left				{ }
#content			{ }
#footer				{ }
#footerLeft			{ }
#footerRight		{ }

.clear				{ clear: both; width: 99%; height: 1px; line-height: 1px; font-size: 1px;}