/****************
	MAIN PART
/***************/
	body {
		font: 13px verdana;
		background: #333}
	
	#container {
		width: 960px;
		background: #fff;
		margin: 10px auto;
		border: 1px solid #fff;	}

	#logo {
		height: 87px;}

	#middle {
		background: #f3f3f1 url(images/middle-bg.gif);
		background: #f3f3f1;
		border-bottom: 2px solid #cccbc9;
		min-height: 30px;
		height: auto!important;
		height: 30px;}

	.breadcrumbs {
		line-height: 30px;
		padding-left: 30px;
		font-size: .8em;
		color: #8a8a88;}

	.breadcrumbs a { color: #777; }
	#footer {
		background: #97191d;
		height: 30px;
		line-height: 30px;
		font-size: .7em;
		color: #fff;
		padding-left: 40px;
		margin: 0;}
	#footer a { 
		color: #fff;
	}	

	#main {
		padding: 0 0 0 30px;
		background: #fff url(images/main-bg.gif);}

	.home #main { background: none; }
	#content, #extra {
		padding: 20px 0 30px 0;
		min-height: 300px;
		height: auto!important;
		height: 300px;
		float: left;}

	#content {
		width: 599px;}

	#extra {
		background: #f3f3f1;
		border: 2px solid #cccbc9;
		border-width: 0px 2px;
		width: 258px;
		margin-left: 30px;}
	.home #extra {
		width: 283px;
		float: left;
		margin-left: 30px;
		background: #fff;
		border: none;}

/****************
	NAVIGATION
/***************/
	#navigation {
		height: 45px;
		background: #a51d21 url(images/navigation-bg.gif);}

	#navigation li {
		float: left;
		line-height: 45px;}

	#navigation li a {
		padding: 0 24px;
		line-height: 27px;
		padding-bottom: 8px;
		margin-top: 10px;
		color: #fff;
		display: block;
		font-size: 1.2em;
		text-decoration: none;
		text-transform: capitalize;}

	#navigation li.active a, #navigation li.trail a {
		background: #f3f3f1;
		color: #000;}

	.subnavigation {
		font-size: .9em;
		padding: 0 10px 0 20px;
	}
	#extra .subnavigation ul {
		padding: 1px solid #000;	
	}
	#extra .subnavigation li {
		padding: 4px 0;
		margin: 0;
		border-bottom: 1px solid #cccbc9;
		list-style: none url(images/pixel.gif) !important;
	}
	#extra .subnavigation li a {
		color: #000;
		display: block;
		text-decoration: none;
		padding-left: 15px;
		background: url(images/bullet2.gif) no-repeat 0 7px;
		
	}
	#extra .subnavigation li a:hover, #extra .subnavigation li a:focus, #extra .subnavigation li a:active {
		text-decoration: underline;
	}
	#meta-nav {
		display: block;
		float: right;
		text-align: right;
		width: 300px;
		margin-right: 20px;}

	#meta-nav li {
		display: inline;
		margin-right: 10px;}

	#meta-nav li a {
		color: #fff;}

/****************
	MIDDLE
/***************/
	#middle .quote {
		width: 263px;
		color: #999999;
		margin-left: 25px;
		padding-top: 30px;
		padding-right: 20px;
		margin-right: 20px;
		line-height: 190%;
		font-size: .9em;
		float: left;
		background: url( images/quote_bottom.png ) no-repeat right bottom;
	}
	#middle .quote .top {
		background: url(images/quote_top.png) no-repeat left top;
		height: 35px;}

	#middle .quote p {
		padding-left: 20px;
		margin-bottom: 25px;}

	.readmores {
		padding: 30px 0 20px 20px;}

/****************
	COMMON STYLES
/***************/	
	a, a:hover, a:active, a:focus { outline: none; }
	#main a {
		color: #97191d;
		text-decoration: underline
	}
	#main a:hover, #main a:focus, #main a:active {
		text-decoration: none;
	}
	
	h1,h2,h3 {
		font-weight: bold;
		color: #97191d;
		font-size: 1.2em;
		margin-bottom: 10px;}

	h2 {
		font-size: 1.1em;}

	#main, #middle {
		line-height: 150%;
		
	}

	#main li {
		list-style: outside url(images/bullet3.gif);
		margin-left: 20px;
	}
	strong {
		font-weight: bold;	
	}
	.clear {
		clear:both;
		width: 100%;
	}
	#main .block {
		margin-bottom: 20px;
	}
	
/****************
	NEWSLETTER
/***************/
	.newsletter {

	}
/****************
	SITEMAP
/***************/
	.invisible {
		visibility: hidden;	
		display: none;
	}
	.mod_sitemap li {
		list-style: outside disc !important;}

	.mod_sitemap li, .mod_sitemap li a {
		color: #8A8A88;}

	.mod_sitemap li a {
		text-decoration: none;}

	.mod_sitemap li a:hover, .mod_sitemap li a:focus, .mod_sitemap li a:active {
		text-decoration: underline;}
	
	
	.ce_image {
		border: 1px solid #eee;}
	.ce_image img {
		border: 1px solid #eee;
		margin: 5px;}		
	.ce_image.right {
		float: right;
		margin: 0 0 10px 5px;}

/****** PLAATJES ***************/
.ce_image, .topplaatje {
	margin: 1px;
	padding: 4px;
	border: 1px solid #eee;
	float: right;
	margin-top: 35px;
	margin-left: 10px;
}