/* article styles, for detail and summary pages */

.article-info {
	float:left;
	margin:-1em 0 2em 0;
	color:#7F7FB2;
}

.article-skip {
	position:absolute;
	top:2.6em;
	left:-3000em;
	background:#fff;
}

.article-skip:focus {
	right:0;
	left:auto;
}

/* briefing */

body.page-detail .briefing {
	clear:both;
	margin:0 0 1.5em;
	padding-top:0;
	padding-bottom:0;
}
	body.page-detail .briefing h3 { margin:-.2em 0 .5em; }
	body.page-detail .briefing p { margin:-.2em 0 1.5em; }
	body.page-detail .briefing .top { margin-bottom:.2em; }

	body.page-detail .briefing h2 {
		position:absolute;
		left:-3000em;
	}

	
	
body.js-enabled #main-content .briefing {
	display:none;
}

body.js-enabled #main-content .briefing.open {
	display:block;
}

#content a.briefing-trigger,
#content a.briefing-trigger:visited {
	float:right;
	margin:-1em 0 1.2em 0;
	padding:0 1.7em 0 0;
	background:url("http://www.nspoort.nl/images/icons/collapser-dimmed.gif") 100% 2px no-repeat;
	color:#7F7FB2;
	text-decoration:none;
}

	#content a.briefing-trigger:hover {
		text-decoration:underline;
		background-position:100% -98px;
	}
	
#content a.briefing-trigger.trigger-opened {
	background-position:100% -198px;	
}

	#content a.briefing-trigger.trigger-opened:hover {
		background-position:100% -298px;	
	}

/* index */

.article-index {
	clear:both;
	margin:0 0 2.7em 0;
	background:#F2F2F7;
	border:0;
}

	.article-index .top {
		height:5px;
		margin-bottom:0.7em;
		background-image:url("http://www.nspoort.nl/images/boxes/filled-top.gif");
	}

	.article-index .bottom {
		height:5px;
		background-image:url("http://www.nspoort.nl/images/boxes/filled-btm.gif");
	}
	
	.article-index h2 {
		margin:0 0 1em 0;
		color:#4C4C94;
		font-size:105%;
		font-weight:bold;
	}
	
	.article-index ol {
		width:45.8%;
		float:left;
		margin:0 4% 0.4em 0;
	}	
		
		#content .article-index a,
		#content .article-index a:visited {
			background-image:url("../images/icons/arrow-right-dimmed.gif");
			color:#4C4C94 !important;
		}

/* chapters */

.article-chapter {
	clear:both;
	position:relative;
	margin:0 0 2.7em 0;
	padding:0 0 2em 0;
	border-bottom:1px solid #FC3;
}

	#content a.scroll-up,
	#content a.scroll-up:visited {
		position:absolute;
		right:0;
		bottom:8px;
		padding:0 1.9em 0 0;
		background:url("../images/icons/arrow-up.gif") 100% 0 no-repeat;
		color:#4C4C94;
		font-size:92%;
		line-height:1.0;
		text-decoration:none;
	}

	#content a.scroll-up:hover {
		text-decoration:underline;
	}

.article-related {
	clear:both;
	margin:2.4em 0 1.4em 0;
	padding-top:0;
	padding-bottom:0;
}
	
	.article-related .bottom {
		margin-top:-1.6em;
	}
	
	.article-related .item {
		margin:0 0 2.4em;
	}
	
	.article-related h3 {
		color:#4c4c94
	}
	
/* clearfix */

.article-index:after,
.article-chapter:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}