/* ================= Kleurcodes ================= */
/* Rood: #fe0000 */
/* Roze: #fee6e6 */
/* Lila: #d0cdfa */

/* ================= Global ================= */
body, html {
	background:#fee6e6;
	color:#333;
	margin:0;
	padding:0;
}

body {
	min-width:780px;
}

#wrapRUH {
	width:770px;
	margin:0 auto;
	padding:0;
	font:normal 11px verdana,arial,sans-serif;
}

img  {
	border:0;
}

/* ================= Top ================= */
#header {
	height:72px;
	background:url('../../images/bg-header.gif') repeat-y;
	border-top:1px solid #fee6e6;
	font-weight:bold;
}

#header p {
	margin:0;
	padding:2px 0 0 22px;
	color:#fff;
}

#header a {
	text-decoration:none;
	color:#fff;
}

#header a:hover {
	text-decoration:underline;
}

h1 {
	background:#fe0000 url('../../images/harten.gif') no-repeat;
	background-position:700px 4px;
	color:#fff901;
	margin:0;
	padding:10px 0 12px 22px;
	font:bold 26px arial narrow,verdana,sans-serif
}

/* ================= Content ================= */
#content {
	float:left;
	border:1px solid #fe0000;
	background:#fff;
	width:507px;
	margin:17px 17px 0 0;
	padding:22px 22px 30px 22px;
}

#content p {
	line-height:150%;
}

h2 {
	font:bold 16px verdana,arial,sans-serif;
	color:#fe0000;
	margin:0;
	padding:3px 0 0 0;
}

#fSize {
	width:148px;
	float:right;
	font-weight:bold;
}

.afbSize {
	margin-left:15px;
}

/* ================= Navigatie ================= */
#wrapNav {
	float:left;
	width:200px;
}

.afbTop {
	display:block;
	margin-bottom:24px;
}

#navlist li {
	display:inline; /* voor IE5 en IE6 */
}

#navlist {
	width:180px; /* display de list horizontaal */
	margin:0;
	padding:0;
	border-top:1px #d0cdfa solid;
}

#navlist a {
	width:99.99%; /* extend de sensible area naar het maximum met IE5 */
	display:block;
	border-bottom:1px #d0cdfa solid;
	text-decoration:none;
	color:#979692;
	font:bold 11px verdana,arial,sans-serif;
	padding:5px 0 5px 20px;
}

ul#navlist li#knopaan a {
	color:#fe0000;
}

#navlist a:hover { 
	color:#000;
}

/* ================= Contact ================= */
#contact {
	background:url('../../images/bg-contact.gif') repeat-y;
	height:107px;
	margin-top:24px;
	color:#fff;
}

h3 {
	font:bold 11px verdana,arial,sans-serif;
	margin:0;
	padding:2px 0 2px 20px;
}

#contact p {
	background:#fe0000;
	margin:0;
	padding:10px 0 10px 20px;
}

#contact a {
	text-decoration:none;
	color:#fff;
}

#contact a:hover {
	text-decoration:underline;
}