/* boxes, columns, lists, a little of everything; what doesn't fit anywhere else */
.catchphrase {
	margin:0 0 0 .2em;
	font-size:75%;
	font-weight:normal;
}

span.english {
	position:static !important;
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
}

#back-to-section {
	margin:0 0 25px 0;
}

	#back-to-section a,
	#back-to-section a:visited {
		padding:0 0 0 1.9em;
		color:#7F7FB2;
		background:url("../images/icons/arrow-left-dimmed.gif") 3px 0.21em no-repeat;
		text-decoration:none;
	}
	
	#back-to-section a:hover {
		text-decoration:underline;
	}

.application {
	margin:0 0 1.4em 0;
	clear:both;
}

.item {
	clear:both;
}

.for-print {
	display:none !important;
}

.contextual {
	font-style:italic !important;
	font-weight:normal !important;
	font-size:12px !important;
	display:block;
	clear:both;
}
	.js-enabled .contextual {
		display:none;
	}

div#canvas .js-only,
div#canvas .js-only-inline {
	display:none !important;
}
	body.js-enabled div#canvas .js-only { display:block !important; }
	body.js-enabled div#canvas .js-only-inline { display:inline !important; }

/* section tools */
body.page-section #content p.section-tools {
	margin:1em 0;
}

body.page-section #content a.browse {
	float:right;
	clear:both;
	margin:2px 0 3px;
	padding:0;
	text-decoration:none;
}
	body.page-section #content a.browse:hover { text-decoration:underline; }
	body.page-section #content a.browse span {
		display:block;
		float:none;
		text-align:left;
		padding:1px 20px 3px 10px;
		white-space:nowrap;
	}

body.page-section #canvas #content div.section-tools {
	position:relative;
	margin:1em 0;
	background:url("../images/boxes/section-browse.gif") 0 0 repeat-y;
	width:420px;
}

	body.page-section #content div.section-tools .top{
		background:url("../images/boxes/section-browse-top.gif") 0 0 no-repeat !important;
		width:420px;
		margin-bottom:0;
		height:5px;
	}
	
		
	body.page-section #content div.section-tools .bottom{
		background:url("../images/boxes/section-browse-btm.gif") 0 0 no-repeat !important;
		width:420px;
		height:5px
	}
	
	body.page-section #content div.section-tools div.browse {
		width:408px;
		margin:0 28px 0 -14px;
		padding:0 5px;
		line-height:1;
	}

body.page-section #canvas #content p.section-tools a.browse {
	background:url("../images/buttons/browse.gif") left top no-repeat;
	float:right;
	clear:both;
	margin:2px 0 3px;
	padding:0;
	text-decoration:none;
}
	body.page-section #canvas #content p.section-tools a.browse:hover { text-decoration:underline; }
	body.page-section #canvas #content p.section-tools a.browse span {
		display:block;
		float:none;
		text-align:left;
		padding:1px 20px 3px 10px;
		white-space:nowrap;
		background:url("../images/buttons/browse.gif") 100% -50px no-repeat;
	}

/* sub-content column */

#sub-content h1 {
	position:absolute;
	left:-3000em;
}

#sub-content .item {
	margin:0 0 30px 0;
}

#sub-content .item p {
	margin: 0;
}

#sub-content .faqs {
	margin-bottom:40px;
}
	#sub-content h2 {
		font-size:156%;
	}
	
/* (rounded) boxes */

.rounded {
	padding:1em 14px;
	background:url("../images/boxes/standard.gif") repeat-y;
	border-top:2px solid #F2F2F7;
	border-bottom:2px solid #F2F2F7;
}

body.js-enabled .rounded {
	padding-top:0;
	padding-bottom:0;
	border:0;
}
	
	.rounded .top {
		display:block;
		height:10px;
		clear:both;
		margin:0 -14px 8px -14px;
		padding:0 14px;
		background:url("../images/boxes/standard-top.gif");
	}
	
	.rounded .bottom {
		display:block;
		height:10px;
		clear:both;
		margin:8px -14px 0 -14px;
		padding:0 14px;
		background:url("../images/boxes/standard-btm.gif");
	}

/* attention block */

body.js-enabled #canvas div.attention {
	clear:both;
	background-image:url("../images/boxes/standard-wide.gif");
	margin-bottom:2em;
}
	body.js-enabled #main-content div.attention {
		background-image:url("../images/boxes/standard.gif");
	}

	body.js-enabled #canvas div.attention .top { background-image:url("../images/boxes/standard-wide-top.gif"); }
	body.js-enabled #canvas div.attention .bottom { background-image:url("../images/boxes/standard-wide-btm.gif"); }

	body.js-enabled #main-content div.attention .top { background-image:url("../images/boxes/standard-top.gif"); }
	body.js-enabled #main-content div.attention .bottom { background-image:url("../images/boxes/standard-btm.gif"); }

	div.attention h2 {
		font-weight:bold;
		font-size:100%;
		margin:0;
	}

	div.attention p {
		margin:0 0 1em 0;
	}

/* big buttons */

a.button {
	float:right;
	margin:0 0 12px 10px;
	padding:0 34px 0 0;
	background:url("../images/buttons/standard-right.png") 100% 0 no-repeat;
	font-weight:normal;
	line-height:1.0;
	text-decoration:none;
	vertical-align:middle;
}

	a.button span {
		min-height:28px;
		float:left;
		padding:0 12px 0 14px;
		background:url("../images/buttons/standard-left.png") 0 0 no-repeat;
		color:#FFF;
		line-height:24px;
		white-space:nowrap;
		cursor:pointer;
	}

a.button.shy {
	background-image:url("http://www.nspoort.nl/images/buttons/shy-right.png");
}

	a.button.shy span {
		background-image:url("http://www.nspoort.nl/images/buttons/shy-left.png");	
		color:#006;
	}

a.button.back {
	background:url("../images/buttons/back-right.png") 0 0 no-repeat;
	padding:0 0 0 34px;
}
	a.button.back span {
		background:url("../images/buttons/back-left.png") 100% 0 no-repeat;
		padding:0 14px 0 12px;
		color:#006;
	}

#content a.button.flat {
	background-image:url("../images/buttons/flat-right.gif");
	padding-right:20px;
}	
	#content a.button.flat span {
		background-image:url("../images/buttons/flat.gif");
		color:#7F7FB2;
		font-weight:bold;
		padding:0 12px 0 14px;
		
	}

a.button:hover,
a.button:focus {
	background-position:100% -50px;
}

a.button.back:hover,
a.button.back:focus {
	background-position:0 -50px;
}

a.button:hover span,
a.button:focus span {
	text-decoration:underline;
}

/* buttons container */

.buttons {
	clear:both;
	float:right;
	margin:1em 0;
}

	.buttons a.button {
		float:left;
	}

/* more subjects - detail page */

#content #more-articles {
	width:100%;
	clear:both;
	padding:2em 0 1.5em 0;
	overflow:hidden;
	border-top:2px solid #F2F2F7;
	color:#4C4C94;
}

	#content #more-articles ul {
		width:45.8%;
		float:left;
		margin:0 4% 0 0;
	}
	
		#content #more-articles ul li {
			margin:0 0 1em 0;
		}
		
			#content #more-articles ul li a {
				display:block;
				padding-left:1.9em;
				background-position:3px 0.65em;
			}
			
			#content #more-articles ul li a strong {
				display:block;
				font-size:135%;
				font-weight:normal;
			}

/* subscriber */

.subscriber {
	clear:both;
	overflow:hidden;
	margin:0 0 20px 0;
}

	.subscriber .button {
		margin-bottom:0.5em;
		margin-top:6px;
	}



/* browse items, e.g. sections*/

#content .browse {
	float:none;
	position:relative;	
	margin:1.5em 0 1.5em 0;
	text-align:center;
}

#content .browse a {
	color:#4C4C94;
	text-decoration:none;
}

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

#content .browse .previous {
	float:left;
	padding:0 0 0 1.5em;
	background:url("../images/icons/arrow-left.gif") left 50% no-repeat;
}

#content .browse .next {
	float:right;
	padding:0 1.5em 0 0;
	background:url("../images/icons/arrow-right.gif") right 50% no-repeat;
}

#content .browse span {
	float:none;
}

a.readspeaker {
	float:right;
	padding:.7em 0 .3em 20px;
	text-decoration:none;
	background:url("../images/icons/readspeaker.gif") left center no-repeat;
	margin:0.2em 0 0 0;
}
	a.readspeaker:hover {
		text-decoration:underline;
	}

/* vraag en antwoord */

#vraag-en-antwoord div.answers,
#vraag-en-antwoord div.feedback {
	position:absolute;
	right:-3px;
	top:2.5em;
	width:822px;
	background:url("../images/boxes/vraagantwoord.png") 0 0 repeat-y;
	padding:0;
	z-index:3;
}	
	#vraag-en-antwoord h3 { color:#006; }
	#vraag-en-antwoord p { line-height:1.5; }
	#vraag-en-antwoord p.loading { 
		text-align:center;
		padding:1em;
		line-height:1.5; 
	}

	#vraag-en-antwoord div.answers .top {
		display:none;
		position:relative;
		height:10px;
		top:-10px;
		background:url("../images/boxes/vraagantwoord-top.png") left top no-repeat;
		margin:0;
	}
		body.vraag-en-antwoord-float #vraag-en-antwoord div.answers .top {
			display:block;
			top:-10px;
		}

	#vraag-en-antwoord div.answers .bottom {
		position:relative;
		height:10px;
		top:10px;
		background:url("../images/boxes/vraagantwoord-btm.png") left bottom no-repeat;
		margin:0;
	}

	#vraag-en-antwoord div.search-results, 
	#vraag-en-antwoord div.search-assistance {
		z-index:5;
		position:relative;
		float:left;
		padding:0 20px 10px;
		color:#006;
		width:318px;
	}
		body.vraag-en-antwoord-float #vraag-en-antwoord div.search-results, 
		body.vraag-en-antwoord-float #vraag-en-antwoord div.search-assistance {
			padding-top:0;
			margin-top:-5px;
		}
			.vea-loading div.search-results {
				visibility:hidden;
				height:2em;
				overflow:hidden;
			}

			.vea-loading .customer-service,
			.vea-loading h3,
			.vea-loading ul.list-links {
				display:none;
			}

		#vraag-en-antwoord h2 {
			font-size:150%;
			margin-bottom:0em;
			padding-top:.2em;
		}
			#vraag-en-antwoord div.search-assistance h2 {
				margin-bottom:1.5em;
			}

			#vraag-en-antwoord div.search-assistance h2 a.close {
				float:right;
				font-size:66.67%;
				font-weight:normal;
				padding:0.2em 20px 0.2em;
				background:url("../images/icons/close.gif") right center no-repeat;
				display:none;
			}

			body.vraag-en-antwoord-float #vraag-en-antwoord div.search-assistance h2 a.close {
				display:block;
			}

	#vraag-en-antwoord div.search-assistance {
		width:420px;
	}

#vraag-en-antwoord div.feedback {
	background:url("../images/boxes/vraagantwoord-feedback.png") 0 0 no-repeat;
	width:224px;
	height:106px;
	z-index:2;
	display:none;
}
	#vraag-en-antwoord div.feedback p {
		position:absolute;
		color:#006;
		left:35px;
		top:15px;
		width:90px;
	}
		#vraag-en-antwoord div.feedback p a {
			float:left;
			display:block;
			padding:4px 20px 10px 0;
			font-weight:bold;
			text-decoration:none;
			font-size:120%;
		}
			#vraag-en-antwoord div.feedback p a:hover {
				text-decoration:underline;
			}

	body.vraag-en-antwoord-feedback #vraag-en-antwoord,
	body.vraag-en-antwoord-feedback #vraag-en-antwoord div.feedback {
		display:block;
	}

	.vea-loading a.readspeaker { display:none; }

#virtual-agent,
#virtual-agent-static {
	position:absolute;
	right:25px;
	top:60px;
	z-index:4;
}

div.result-group h3 {
	font-size:100%;
	color:#4C4C94;
	margin-top:1em;
	margin-bottom:0;
}

div.result-group ul li,
#vraag-en-antwoord div.answers ul,
#vraag-en-antwoord div.answers ul li {
	background:none;
	float:none;
	list-style:none;
	margin:0;
	padding:0;
}
	div.result-group ul li a,
	#vraag-en-antwoord div.answers ul li a {
		line-height:1.5;
		background:#F2F2F7 url("../images/icons/arrow-right.gif") 5px 8px no-repeat !important;
		display:block;
		padding:4px 5px 2px 20px;
		margin-bottom:1px;
		text-decoration:none;
		float:none;
		color:#000066;
	}
		#vraag-en-antwoord div.search-assistance ul li a {
			background:transparent url("../images/icons/arrow-right-application.gif") 5px 50% no-repeat !important;
		}
		
	div.result-group ul li a:hover,
	#vraag-en-antwoord div.answers ul li a:hover {
		text-decoration:underline;
	}

#vraag-en-antwoord div.search-results ul.list-links {
	padding:.3em 0 .5em;
	margin-top:1.5em;
	border-top:1px solid #F1F1F1;
}
	#vraag-en-antwoord div.search-results ul.list-links a {
		background-color:transparent !important;
	}

#vraag-en-antwoord div.search-assistance ul.list-links li {
	background-color:transparent;
	margin:0 0 0.4em 0;
}
	#vraag-en-antwoord div.search-assistance ul.list-links li a {
		padding:0 0 0 1.9em;
	}
	

div.virtual-agent {
	position:relative;
	background:url("http://www.nspoort.nl/images/boxes/vraagantwoord-mini.png") 0 0 repeat-y;
	width:235px;
}
	div.virtual-agent div.arrow {
		position:absolute;
		width:18px;
		height:36px;
		right:-13px;
		top:50px;
		background:url("../images/boxes/vraagantwoord-arrow.png") 0 0 no-repeat;
	}

	div.virtual-agent h3 {
		margin-top:.5em;
	}
	
	div.virtual-agent form div.search {
		background:url("../images/navigation/search-frame.gif") no-repeat;
		margin:0.4em 0 0.4em 0pt;
		height:1%;
		overflow:hidden;
	}

	div.virtual-agent p.buttons {
		margin-bottom:0;
	}

	#vraag-en-antwoord div.virtual-agent .top,
	#sub-content div.vraag-en-antwoord div.virtual-agent .top {
		display:block;
		position:relative;
		background:url("../images/boxes/vraagantwoord-mini-top.png") 0 0 no-repeat;
		margin:0 -14px;
		height:10px;
		top:-10px;
	}

	#vraag-en-antwoord div.virtual-agent .bottom,
	#sub-content div.vraag-en-antwoord div.virtual-agent .bottom {
		position:relative;
		background:url("../images/boxes/vraagantwoord-mini-btm.png") left bottom no-repeat;
		top:10px;
		height:10px;
		margin:0 -14px;
	}

	#vraag-en-antwoord div.virtual-agent form,
	#sub-content div.vraag-en-antwoord div.virtual-agent form {
		display:block;
		background:#006;
		height:1%;
		overflow:hidden;
		width:240px;
		padding:0 10px 10px;
		margin:-10px -11px 0 -14px;
	}

	div.virtual-agent form label {
		display:none;
	}
	
	#canvas #content .vraag-en-antwoord .customer-service,
	#canvas #navigation #vraag-en-antwoord .customer-service {
		background: url('../images/boxes/application-separator-x.gif') repeat-x 0 100%;
		line-height:1.5;
	}
	
		#canvas #content .vraag-en-antwoord .customer-service h3,
		#canvas #navigation #vraag-en-antwoord .customer-service h3 {
			margin:1.5em 0 1em 0;
			font-size:130%;
			font-weight:normal;
		}
		
		#canvas #content .vraag-en-antwoord .customer-service textarea,
		#canvas #navigation #vraag-en-antwoord .customer-service textarea {
			width:280px;
		}

/* pointer */

#pointer {
	position:absolute;
	z-index:10000;
	background:#FC3;
	border-radius:5px;
	-moz-border-radius:5px;
}

/* clearfix */

form.customer-service:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}

a.button.left{
    float:left;
}

#main-content p{
    margin: 0 0 0 0;
}