* { margin: 0; }

html, body { height: 100%; }

body {
	background: url(../img/bg/body.gif) top repeat-y #002a39;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
}

a { text-decoration: none; color: #ce0000; }
a:hover { color: #000; text-decoration: underline; }
h1 { color: #ce0000; font-size: 18px; font-weight: normal; line-height: normal; }
h2 { color: #fff; font-weight: bold; font-size: 28px; margin: 90px 0 0 440px; line-height: normal; }
img { float: right; margin-left: 20px; border: 2px solid #ccc; padding: 2px; background: #fff; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -42px;
	width: 100%;
	background: url(../img/bg/wrapper.gif) repeat-x; 
}

#container {
	width: 670px;
	margin: 0 auto;
}

#container p { margin-bottom: 21px; }

#header { background: url(../img/bg/header.jpg); height: 156px; border-top: 15px solid #002a39; }

#topitem {
	background: #e9e9e9;
	border-left: 10px solid #b9c53d;
	border-right: 10px solid #b9c53d;
	padding: 9px 20px 20px 20px;
	height: 225px;
	overflow: hidden;
}

#footer {
	width: 100%;
	background: #a8b60d;
	border-top: 2px solid #fff;
	height: 40px;
}
#footer a { color: #fff; }
#footer a:hover { color: #000; text-decoration: none; }
#footercontent { color: #fff; width: 670px; margin: 0 auto; padding-top: 10px; }

.wititem {
	padding: 20px 30px;
	padding-bottom: 0;
	overflow: hidden;
}

.grijsitem {
	padding: 20px;
	padding-bottom: 0;
	margin: 0 10px;
	background: #e9e9e9;
	overflow: hidden;
}

.push { height: 42px; }
.floatright { float: right; }
.zwart { color: #000; }
.meerinfo a { background: url(../img/bg/icon_arrow.gif) no-repeat; padding-left: 25px; font-weight: bold; color: #000; }
.meerinfo a:hover { color: #ce0000; text-decoration: none; }
.disclaimer { text-align: center; font-size: 10px; margin: 21px 0; }