html,body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	height: 101%; /* zorgt ervoor dat er altijd een scrollbalk is, zodat de site niet heen en weer springt */
	}



.container { /* plaatst de hele site binnen een gecentreerd kader van 956px breed */
	position: relative;
	width: 956px;
	margin: 0 auto;
	}



.masthead {
	position: relative;
	height: 189px;
	overflow: hidden;
	font-size: 0.857em; /* lettergrootte 0.857 * 14 = 12px */
	line-height: 1.167; /* regelhoogte 1.167 * 12 = 14px */
	}
	.masthead img { /* plaatst het logo op een vaste positie */
		position: absolute;
		left: 0;
		top: 11px; /* 63 - hoogte van het logo */
		}
	.masthead h1 { /* plaatst de paginatitel onderaan in de masthead */
		position: absolute;
		left: 244px;
		bottom: 0;
		width: 590px;
		margin: 0;
		padding-bottom: 9px;
		color: #404040;
		}
	ul#nav { /* opmaak van de navigatie-lijst */
		list-style-type: none;
		margin: 0;
		padding: 51px 0 0 244px;
		font-weight: bold;
		color: #cb0023;
		}
		ul#nav li { /* items naast elkaar met 20px ruimte ertussen */
			float: left;
			margin-right: 20px;
			}
			ul#nav a { /* links in navigatie zijn zwart */
				color: #000;
				}
			ul#nav a:hover { /* mouseover worden ze rood en onderstreept */
				border-bottom: 1px solid #cb0023;
				color: #cb0023;
				}



/* kolom-definities */
.content {
	position: relative;
	overflow: hidden;
	padding-bottom: 126px;
	}
	.content .main,
	.content .gutter,
	.content .sidebar {
		position: relative;
		left: 956px;
		float: left;
		border-top: 1px solid #bfbfbf;
		}
	.content .main    { margin-left: -712px; width: 590px; padding-top: 0.286em; }
	.content .gutter  { margin-left: -956px; width: 224px; padding-top: 0.417em; }
	.content .sidebar { margin-left: -102px; width: 102px; padding-top: 0.417em; }



/* footer (is nog leeg!) */
.footer {
	border-top: 1px solid #bfbfbf;
	padding-top: 17px;
	height: 46px;
	}