/*
colors
text color: #707173 (darker silver gray)
light-grey: #b7b8ba;
*/

html {
background: none;
}

body {
	background: #e0e0e0 url(../images/bg.png) center repeat-y;
	color: #707173;
}

a:link, a:active, a:visited {
	color: #aaa;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#hd {
	background: url(../images/BFheader-v02.jpg) no-repeat;
	height: 146px;
}

#hd h1 {
	display: none;
}

h2 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica sans-serif;
	font-size: 85%;
}

	.nieuws_kop {
		color: #d70e17;
	}

h3 {
	font-weight: bold;
}

.datum {font-size: smaller;}
.lees-verder, .lees-verder a { margin-top: -24px; font-size: x-small; color: #b7b8ba; text-align: right; padding-right: 8px; }
	.lees-verder a:hover { color: #000; }

#yui-main {
	margin-top: 16px;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica sans-serif;
}

.nieuwspreview {
	margin-top: 16px;
	padding-right: 6px;
	}

	.nieuwspreview strong {
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica sans-serif;
        font-size: 85%;
}


p, td { margin: 0 0 1.5em; font-size: 85%; }

strong {
	font-weight: bold;
}

#ft {
	background: url(../images/BFfooter-v02.jpg) no-repeat;
	height: 42px;
}

#ft p {
	color: #fff;
	size: 85%;
	text-align: right;
	padding: 1em 115px;
	font-family: Verdana, Arial, Helvetica sans-serif;
}

	#ft a {
		color: #777;
		}
	
	#ft a:hover {
		color: #000;
	}

/* navigation ---------------------------------------------------- */

#nav, #nav ul { /* all lists */
	margin-top: 19px;
	list-style: none;
	float: left;
	width: 160px; 
	}
	
	#nav li { /* all list items */
		position: relative;
		float: left;
		width: 150px;
		background: url(../images/menu-strp.png) no-repeat 130px 16px;
		padding: 0 0 8px 0;
		}
		
		#nav li a {          
			font-family: Verdana, Arial, Helvetica sans-serif;         
			display: block;
			color: #707173;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			text-align: right;	
			font-size: 85%;	
			}
		
			#nav li a:hover, #nav li a:active {
			color: #d70e17;
			}
			
			#nav li.active a {
			color: #d70e17;
			}