/* standaard elementen */
body {
	font-family: "Helvetica Neue", "Arial", "sans";
	font-size: 87.5%; /* standaardgrootte in browsers is 16px, hier 87.5% daarvan dus 14px */
	line-height: 1.286; /* regelhoogte 1.286 * 14 = 18px */
	color: #000;
	}
p, ul, ol, table, dl, fieldset, .box {
	margin-top: 0;
	margin-bottom: 1.286em;
	}
a {
	text-decoration: none;
	color: #cb0023;
	}
img {
	display: block;
	border: none;
	}



/* kopjes */
h1 {
	font-weight: bold;
	font-size: 3em; /* 3 * 12 = 36px */
	line-height: 0.917; /* 0.917 * 36 = 33px */
	}
h2 {
	font-size: 1.143em; /* 1.143 * 14 = 16px */
	line-height: 1.125; /* 1.125 * 16 = 18px */
	margin: 1.6875em 0 0.5625em 0; /* 27px / 9px */
	}
h3 {
	font-size: 1em; /* 14px */
	margin: 0;
	font-weight: normal;
	font-style: italic;
	margin: 1.929em 0 0.643em 0; /* 27px / 9px */
	}



.content {
	text-align: justify;
	}
	.content ul,
	.content ol {
		margin-left: 20px;
		padding-left: 0;
		}
	.content a {
		font-variant: small-caps;
		border-bottom: 1px solid #cb0023;
		}
	.content a:hover {
		color: #fff;
		background-color: #cb0023;
		}
	.main a.external:after {
		content: url("../images/external.gif");
		margin-left: 0.25em;
		}
	.content img {
		margin-top: 3px;
		}
	.content strong {
		font-weight: normal;
		background-color: #ff9;
		}
.box {
	padding: 0 20px 0 10px;
	margin-left: 9px;
	color: #777;
	border-left: 1px solid #e5e5e5;
	}
	.box p {
		margin: 0;
		}
ul.floatlist {
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	}
	ul.floatlist h3 {
		clear: both;
		float: left;
		width: 102px;
		padding-top: 1px;
		text-align: right;
		margin: 0;
		color: #777;
		font-size: 0.857em; /* lettergrootte 0.857 * 14 = 12px */
		line-height: 1.5; /* regelhoogte 1.5 * 12 = 18px */
		}
	ul.floatlist p {
		float: right;
		width: 468px;
		padding-left: 10px;
		border-left: 1px solid #e5e5e5;
		}



/* typografie in zijbalken */
.sidebar,
.gutter {
	font-size: 0.857em; /* lettergrootte 0.857 * 14 = 12px */
	line-height: 1.5; /* regelhoogte 1.5 * 12 = 18px */
	font-style: italic;
	color: #777;
	text-align: left;
	}
	.gutter h2 {
		font-size: 1em; /* 12px */
		line-height: 1.5; /* 1.5 * 12 = 18px */
		margin: 0;
		text-transform: uppercase;
		font-style: normal;
		}
	.gutter a {
		font-style: normal;
		}
	.gutter ul {
		margin: 2px 0 0 0;
		font-size: 1.5em; /* 18px */
		line-height: 1.0; /* 18px */
		font-weight: bold;
		text-align: left;
		list-style-type: none;
		font-style: normal;
		}
		.gutter ul li {
			margin: 0 0 1em 0;
			}