/**
 *	basic styleguide
 */
body {
	font-family:arial,sans-serif;
	line-height:1.5;
	color:#006;
	font-size:12px;
}
	body #canvas { font-size:12px; }
	body.text-medium #canvas { font-size:16px; }
	body.text-large #canvas { font-size:22px; }
		body.text-large #canvas a.more{
			background:url("../../images/icons/arrows.png") no-repeat 4px 15px !important;
			padding-left:20px;
		}

hr {
	visibility:hidden;
	clear:both;
}
	hr.separator {
		visibility:visible;
		border:0;
		border-top:1px solid #dfdeee;
		margin:1em 10px;
	}
	hr.separator.deux {
		margin:1em 0;
		border-top-width:2px;
	}

	p.separator {
		/* see content.css, intended to differ from the hr */
	}

	br.clear {
		clear: left;
	}

h1, h2,
p,
table {
	margin-top:0;
	margin-bottom:18px;
}

h3, h4, h5, h6,
address {
	margin-top:0;
	margin-bottom:9px;
}

ul,
ol {
	margin-top:0;
	margin-bottom:9px;
}
ul.clean {
    list-style-type: none;
    margin-left: 0;
}


h1 { font-size:24px; }
h2 { font-size:18px; }
	.text-medium h2 { font-size:19px }
	.text-large h2 { font-size:inherit }
h3 { font-size:14px; }
	.text-medium h3 { font-size:inherit }
	.text-large h3 { font-size:inherit }
    h3.inline {
        margin-right: 10px;
        margin-bottom: 20px;
    }
h4 { font-size:1em; }
h4,h5,h6 {
	margin-bottom:.25em;
}
	h1.slim {
		font-weight:normal;
	}

	h2.slim {
		font-size:16px;
		font-weight:normal;
		margin-bottom: 9px;
	}

	h2.bold {
		font-weight:bold;
	}

	.title h2 { font-size:18px; }
		h2 span.secundair {
			font-size:14px;
			font-weight:normal;
		}

.catchphrase {
	font-size:16px;
	font-weight:normal;
	margin:0 0 0 0.2em;
	white-space:nowrap;
}

p.date {
	color:#7F7FB2;
	margin-bottom: 0;
}

p.product-type{
	font-weight: normal;
}

.billing{
	font-weight: bold;
	text-align: center;
	display: block;
}

p.note {
	color:#7c79a6;
}

p.sub {
	margin-bottom:5px;
}

address {
	font-style:normal;
}
	em.date {
		display:block;
		font-style:normal;
	}

	h1 em.date,
	h2 em.date,
	h3 em.date {
		color:#837ead;
		font-weight:normal;
		float:right;
		font-size:12px;
	}

.error,
.error label,
.error a {
	color:#dc0000 !important;
}


.accepted label {
	color:#11b000 !important;
	font-weight:bold;
}


.validation {
	display:inline-block;
	margin: 0 0 18px 0;
	padding:0 23px 0 0;
	background-position:right 50%;
	background-repeat:no-repeat;
}

.success { background-image:url("../../images/icons/success.png"); }
.fail { background-image:url("../../images/icons/fail.png"); }

.warning {
	position:relative;
	clear:left;
	color:#dc0000;
}
	.warning img {
		vertical-align:middle;
	}

.disabled,
.disabled * {
	color:#B99340 !important;
}
	.details .disabled,
	.details .disabled * {
		color:#8787b7 !important;
	}

.for-print {
	display:none;
}

/* contextual info, for non-js only */

.contextual {
	display:block;
	clear:both;
}
	.js-enabled .contextual {
		display:none;
	}

/* table */
table {
	padding:0;
	border-collapse:collapse;
	color:#006;
	line-height:1.35;
	empty-cells:show;
}
	caption {
		margin:0;
		padding:0;
		text-align:left;
	}
		caption strong {
			font-size:16px;
			font-weight:normal;
			line-height:1.4;
		}
	th,
	td {
		padding:0.4em 1em 0.4em 0;
		color:#006;
		vertical-align:top;
		text-align:left;
	}
		th.retour{
			padding:25px 0 5px 0;
		}
	thead th,
	thead td {
		font-weight:bold;
		vertical-align:bottom;
	}
	tbody .attention td,
	tbody .attention th {
		font-weight:bold;
	}
	tfoot td {
		color:#4C4C94;
	}


a {
	color:#006;
}

a.sort{	text-decoration:none;}
	a.sort:hover{ text-decoration:underline;}

a.more,
a.file {
	display:inline-block;
	padding-left:1.9em;
	text-decoration:none;
	text-align:left;
	line-height:1.5;
}
	h1 a.more,
	h2 a.more,
	h3 a.more {
		float:right;
		font-size:12px;
		font-weight:normal;
		margin-top:.5em;
	}

	a.more:hover,
	a.file:hover {
		text-decoration:underline;
	}
	a.more strong, a.file strong {
		text-decoration: underline;
		font-weight: normal;
	}
a.more {
	background:url("../../images/icons/arrows.png") no-repeat 4px 3px;
	padding-left:20px;
}
a.more.large {
	font-size: 16px;
	line-height: 18px;
}
a.pdf {
	background:url("../../images/icons/pdf.png") no-repeat 0 -1px;
}
a.xls {
	background:url("../../images/icons/xls.png") no-repeat 0 -1px;
}
a.forward,
a.back {
	color:#4C4C94;
	text-decoration:none;
	background:url("../../images/icons/arrows.png") no-repeat 3px -96px;
	float:left;
	padding-left:1.5em;
}
	a.forward {
		background-position:100% 4px;
		padding:0 1.5em 0 0;
		float:right;
	}

	a.back:hover,
	a.forward:hover {
		text-decoration:underline;
	}

a.help {
	display:inline-block;
	vertical-align:middle;
	width:155px;
	height:18px;
	overflow:hidden;
	text-align: left;
	text-indent:-256px;
	text-decoration:none;
	background:url("../../images/icons/help.png") 0 0 no-repeat !important;
	padding:0 !important;
}
	a.help span{
		text-decoration:none;
		display:none;
		position:relative !important;
	}
		a.help:hover{
			height:18px;
			overflow:visible;
		}
		a.help:hover span{
			display:block !important;
			font-size:12px !important;
			width:155px;
			padding:0;
			padding-left:23px;
			text-indent:0px;
		}

	body.js-enabled a.help {
		width:18px;
		display:inline-block !important;
	}
	body.js-enabled a.help:hover {
		display:inline-block;
		vertical-align:middle;
		width:18px;
		height:18px;
		overflow:hidden;
		text-indent:-256px;
		background:url("../../images/icons/help.png") 0 0 no-repeat !important;
		padding:0 !important;
	}
	body.js-enabled a.help span,
	body.js-enabled a.help:hover span{
		display:none;
	}


a.help.light {
	background:url("../../images/icons/help-light.png") 0 0 no-repeat;
}

a.info {
	width:180px;
	display:inline-block;
	height:18px;
	padding-right:22px;
	background:url("../../images/icons/info.png") 0 0 no-repeat;
	text-decoration:none;
	text-indent:23px;
}
	a.info span{
		text-decoration:none;
		display:none !important;
	}
		a.info:hover{
			height:auto;
		}
		a.info:hover span{
			display:block !important;
			font-size:12px !important;
			width:180px;
			padding:0;
			padding-left:23px;
			text-indent:0px;
		}
	body.js-enabled a.info{
		width:auto;
		background:url("../../images/icons/info.png") 100% 0 no-repeat;
		text-indent:0px;
	}
	body.js-enabled a.info:hover {
		width:auto;
		display:inline-block;
		padding-right:22px;
		height:18px;
		background:url("../../images/icons/info.png") 100% 0 no-repeat;
		text-decoration:underline;
	}
	body.js-enabled a.info span,
	body.js-enabled a.info:hover span{
		display:none !important;
	}

	span.ajax-span {
		display: inline !important;
		font-size: inherit !important;
		font-weight: inherit !important;
		font-style: inherit !important;
		color: inherit !important;
	}

/* OUDE VORMGEVING INFO BUTTONS
a.info {
	display:inline-block;
	height:18px;
	padding-right:22px;
	background:url("../../images/icons/info.png") 100% 0 no-repeat;
	text-decoration:none;
}
	a.info:hover {
		text-decoration:underline;
	}
*/

ul {
	margin:9px 0 18px 1.9em;
	padding:0;
	list-style:disc outside;
}
	ul li {
		margin:0 0 0.4em;
	}

ul.downloads,
ul.downloads li {
	list-style:none;
	padding-left:0;
	margin-left:0;
}

.visual,
.visual-top,
.visual-right,
.visual-bottom,
.visual-left {
	position:relative;
	background-position:0 0;
	background-repeat:no-repeat;
}
	body div.visual-top {
		background-position:50% 0;
		padding-top:260px;
	}

	body div.visual-right {
		background-position:100% 50%;
		padding-right:200px;
		min-height:220px;
	}

	body div.visual-bottom {
		background-position:50% 100%;
		padding-bottom:114px;
		min-height:75px;
	}

	body div.visual-bottom h2 {
		margin-bottom: 0;
	}

	body div.visual-bottom p {
		height: 50px;
		margin-bottom: 1.5em;
		margin-top: 0;
	}

	body div.visual-left {
		background-position:0 100%;
		padding-left:200px;
		min-height:220px;
	}

.visual-bottom .actions,
.visual-left .actions {
	position:absolute;
	margin:0;
	right:14px;
	bottom:14px;
}


img {
	border:0;
	vertical-align:middle;
}

img.left,
.replacedImage.left {
	clear:both;
	float:left;
	margin:0.3em 1.5em 1.5em 0;
}

img.right,
.replacedImage.right {
	clear:both;
	float:right;
	margin:0.3em 0 1.5em 1.5em;
}

img.center,
.replacedImage.center {
	clear:both;
	display:block;
	margin:0.3em auto 1.5em;
}

img.full {
	clear:both;
	display:block;
	margin:0.3em auto 1.5em;
	width:100%;
}

abbr {
	border-bottom: 1px dotted #006;
	cursor: help;
}

sup {
	line-height: 0;
}
/**
 *	generic grid
 */
.col-2a { float:left; width:50%; } /* 480px */

.col-3a { float:left; width:33.3334%; } /* 320px */
.col-3b { float:left; width:66.6667%; } /* 640px */

.col-4a { float:left; width:25%; } /* 240px */
/* 4b = 2a */
.col-4c { float:left; width:75%; } /* 720px */

.col-5a { float:left; width:20%; } /* 192px */
.col-5b { float:left; width:40%; } /* 384px */
.col-5b.right {
	float:right;
}
.col-5c { float:left; width:60%; } /* 576px */
.col-5d { float:left; width:80%; } /* 768px */

.col-full { float:left; width:100%; } /* 980px */

.major-columns div.box { min-height:150px; }
.major-columns div.box p.actions {
	position:absolute;
	bottom:0;
	right:14px;
}
.minor-columns div.box { min-height:115px; }

.inline {
    display: inline-block;
}

/**
 *	generic boxes
 */
div.box {
	padding:10px 14px;
	margin:0 10px 20px 10px;

	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
	.box div.box-section {
		margin:0 -14px;
		overflow:hidden;
		padding-bottom:1px;
	}

	.box-section.separated {
		padding-top:10px;
		border-top:2px solid #ffcc33;
	}

	div.default {
		border:1px solid #f0f0f5;
		background:#fff;
		padding:9px 13px;
		clear: both;
	}
	div.solid {
		background-color:#f2f2f7;
		padding:10px 14px;
	}
	div.solid.busy {
		background:url(../../images/boxes/busy-box.png) 0 0 repeat;;
		padding:10px 14px;
	}
	div.light {
		border:2px solid #fc3;
		background-color:#fff;
		padding:8px 12px;
	}
	div.attention,
	div.application {
		background-color:#fc3;
		padding:10px 14px;
	}
		.attention.box ul li,
		.attention.box ol li {
			margin-bottom:.4em;
		}
	div.application.light {
		 background-color: #FFEBAE;
	}
	div.plain {
		background-color:#fff;
		padding:10px 14px;
	}
	div.notice {
		background-color:#ffebad;
		border:1px solid #fff5d6;
		padding:9px 13px;
	}
	div.state {
		background-color:#ffd65c;
		border:1px solid #ffebad;
		padding:5px;
	}
	.visual .state {
		margin:0 0 20px;
	}
	.advantages h1 {
		position:absolute;
		top:18px;
		left:20px;
		z-index:150;
		width:438px;
		color:#fff;
		font-size:36px;
		font-weight:normal;
		line-height:1.2;
	}

	.advantages h1 span.sub {
		font-size:18px;
		display:block;
	}

	.advantages h1 > span, #campaigns h2 > span, #campaigns .campaign p > span {
		color: white;
		padding: 0 2px 1px 0;
		display: inline-block;
	}

	#campaigns .campaign p > span {
		width:16.0em;
	}

	.advantages h1 > span.shadow, #campaigns h2 > span.shadow, #campaigns .campaign p > span.shadow {
		position: absolute;
		color: #444;
		padding: 1px 0 0 2px;
		z-index: -1;
	}
	.advantages.visual h1 {
		text-shadow: 1px 2px 2px rgba(0,0,0,0.5);
	}
	div.content,
	div.title {
		margin-bottom:0;
		padding:0;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}

div.multi {
	border:2px solid #fc3;
	padding:0;
}
div.multi.eco {
	border-color:#a5d118;
	margin-top:15px;
}
div.eco table.advice {
	border-bottom-color:#a5d118;
}
div.multi.accepted {
	border-color:#a5d118;
	margin:0 0 25px 0;
	padding:10px 10px 10px 35px;
	color:#368700;
	background:#eaf4d5 url("/ns2010/static/images/icons/accepted.gif") 10px 50% no-repeat;
}

/* Only used if javascript is disabled */
div.multi.error {
	display: none;
	border-color:#db0304;
	margin:0 0 25px 0;
	padding:10px 10px 10px 35px;
	color:#db0000;
	word-wrap:break-word;
	background:#fef1ef url("/ns2010/static/images/icons/error.gif") 10px 11px no-repeat;
}

.js-enabled div.multi.error.error-list,
div.multi.error.error-list {
    background: #fef1ef;
    padding-left: 10px;
}

div.multi.error ul{
    list-style: none;
}
div.multi.error ul li{
    background: url("/ns2010/static/images/icons/error.gif") 0 1px no-repeat;
    padding-left: 25px;
    padding-bottom: 10px;
}
div.multi.error ul li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}


/* -- */
	.js-enabled div.multi.error,
	.js-enabled div.multi.error.show-error {
		display: block;
		border-color:#db0304;
		margin:0 0 25px 0;
		padding:10px 10px 10px 35px;
		color:#db0000;
		word-wrap:break-word;
		background:#fef1ef url("/ns2010/static/images/icons/error.gif") 10px 11px no-repeat;
	}

        .col-3b > div.multi.error {
            margin-left: 10px;
            margin-right: 10px;
        }
        
div.multi.notice {
	border-color:#7F7FB3;
	margin:0 0 25px 0;
	padding:10px 10px 10px 35px;
	color:#7F7FB3;
	word-wrap:break-word;
	background:#F2F2F7 url("/ns2010/static/images/icons/notice.png") 10px 10px no-repeat;
}

div.multi.notice ul, div.multi.error ul {
    margin-left: 20px;
    margin-top: 5px;
}

div.error ul,
div.notice ul { margin:0; }
div.error .drawer a.more {
	background:url("../../images/icons/arrows.png") 0 -396px no-repeat;
	padding-left:13px;
	display:block;
}
div.notice .drawer a.more {
	background:url("../../images/icons/arrows.png") 0 -197px no-repeat;
	padding-left:13px;
	display:block;
}
body.js-enabled #canvas div.error .drawer a.more:hover {
	background-position: 0 -396px;
}
body.js-enabled #canvas div.notice .drawer a.more:hover {
	background-position: 0 -197px;
}
div.error a.drawer-switch,
div.notice a.drawer-switch {
	background-position:100% 3px;
	padding:0 10px 0 0;
	margin: 0 0 0.4em;
}
div.error a.drawer-switch:hover,
div.notice a.drawer-switch:hover {
	background-position:100% -97px;
}
div.error .opened a.drawer-switch,
div.notice .opened a.drawer-switch {
	background-position:100% -197px;
}
div.error .opened a.drawer-switch:hover,
div.notice .opened a.drawer-switch:hover {
	background-position:100% -297px;
}
body.js-enabled div.error .opened .drawer-content,
body.js-enabled div.notice .opened .drawer-content {
	background-color:transparent;
	margin:0;
	padding:0;
	display:inline;
}
div.error .drawer-content ul,
div.notice .drawer-content ul {
	display:inline;
	list-style:none;
}
div.error .drawer-content li,
div.notice .drawer-content li {
	display:inline;
}

div.details.section {
    border-bottom: 1px solid #fc3;
}

div.details.submitted p{
	padding-left: 35px;
}
div.details.submitted p img{
    margin-left: -35px;
}

div.multi.gray {
	border-color:#d9d9e8;
}
div.multi.gray.dark {
	border-color:#B2B2D1;
}
	div.multi div.header,
	div.multi div.application {
		padding:8px 12px;
		background-color:#fc3;
		border:0;
		overflow:hidden;
	}
		div.multi div.header.light,
		div.multi div.application.light{background-color:#ffebae;}
		div.multi.gray.dark div.header{background-color:#B2B2D1;}
		div.multi.gray div.header.light{background-color:#f2f2f7;}
		div.multi.eco div.header.light{background-color:#eaf4d5;}

		div.multi div.header.light h2{ font-weight:normal; font-size:16px;}
		div.multi div.header h2 { margin-bottom:0; }
		div.multi div.header h2 span.option { top: 0; }
		div.multi div.header h2 span.option a { top: 0; float: none; margin-top: 0; }
		div.multi div.header span.option,
		div.multi div.header span.option-clear {
			float:right;
			position:relative;
			top:-27px;
			margin-bottom:-24px;
			line-height:24px;
			color:#96730a;
		}
		div.multi div.header span.option-clear,
		div.multi div.header span.option-clear a {
		    color: #000066;
		    text-decoration: none;
		}
		div.multi div.header span.option-clear a:hover {
		    text-decoration: underline;
		}
		div.multi div.header a:hover { text-decoration:underline; }
	div.multi div.footer {
		padding:4px 12px 1px;
		background-color:#f2f2f7;
	}
	div.multi div.details {
                position: relative;
		padding:8px 12px;
	}
	
	div.multi .details.single {
		padding-bottom: 0;
        padding-top: 10px;
	}
	div.multi .details.single fieldset {
		margin-bottom: 10px;

	}
	div.multi div.summary,
	li.multi div.summary {
		position:relative;
    padding:8px 12px;
		background:#f4f4f8;
		border-top:2px solid #fc3;
	}
	li.multi div.summary {
		margin:0 -12px -6px;
	}
	div.multi div.details:after,
	div.multi div.summary:after,
	li.multi div.details:after,
	li.multi div.summary:after {
		content:".";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}
	div.multi > :first-child {
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
	}
	div.multi > :last-child,
	li.multi .summary {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}

	div.multi h3 span.option {
		float: right;
	}

	div.multi h3 span.option a {
		float: none;
		margin-top: 0;
	}
	
	div.title + div.multi,
	div.title + div.light {
		margin-top:-1em;
	}

.box > hr.separator,
.details > hr.separator,
.application hr.separator {
	margin:1em 0;
}
.box > hr.separator.deux,
.details > hr.separator.deux,
.application hr.separator.deux {
	margin:0.75em -12px;
}

.header .separator,
.application .separator {
	border-color:#ffdf81;
}

.thumb {
	display:block;
	margin:-10px;
	padding:10px 10px 10px 74px;
	background-repeat:no-repeat;
	background-position:0 0;

	border-radius-top-left:7px;
	border-radius-bottom-left:7px;

	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;

	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:7px;
}

.box.plain-bottom {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

div.right {
	float: right;
}
	/**
 *	specific page layout
 */

html {
    overflow-y: scroll;
}
 
html,body {
	margin:0;
	padding:0;
	background: #f2f2f7 url(../../images/canvas/bg-body.png) center top repeat-y;
}
	body.loading, 
	body.loading #canvas * {
		cursor:wait !important;
	}
#canvas {
	background-color: #FFF;
	border: 0 solid #ebebe9;
	border-left-width: 1px;
	border-right-width: 1px;
	width:980px;
	margin: 0 auto;
	padding:0 0 20px 0;
	position:relative;
}

/* header */
#header {
	height:7.8em;
}

/* XXXXX tijdelijke classes verwijderen na dialog vervanging*/

#header.cookie-warning {
	height:19.7em;
}
	.text-medium #header.cookie-warning {
		height:18.7em;
	}
	.text-large #header.cookie-warning {
		height:21.9em;
	}
	
.cookie-titel {
	font-size: 1.5em;
	font-weight: bold;
}

.box a.close {
  background: url("../../images/icons/collapser.gif") no-repeat scroll 50% -395px transparent;
  display: block;
  height: 24px;
  overflow: hidden;
  position: absolute;
  right: 13px;
  text-decoration: none;
  text-indent: -256px;
  top: 3px;
  width: 24px;
}

/* XXXXX */

	.text-medium #header { height:10.2em; }
	.text-large #header { height:9.9em; }

	#header .skip {
		position:absolute;
		top:-3000em;
		left:32px;
		z-index:100;
		display:block;
		padding:0.1em 0.2em;
		background:#FFF;
		color:#006;
		font-size:92%;
		line-height:1.0;
		text-decoration:none;
	}	
	#header .skip:focus {
		top:0.3em;
		outline-width:0;
	}
	#header-logo {
		float:left;
		position:relative;
		top:-15px;
		margin:2.45em 0 0 28px;
	}
	#header-section {
		color:#000066;
		float:left;
		font-size:149%;
		font-weight:bold;
		line-height:1;
		padding:1.35em 0 0 14px;
		text-decoration:none;
		width:178px;
	}
#content {
	position:relative;
	min-height:240px;
	padding-top:2.9em;
	margin:0 10px;
}
	.errorpage #content {
		padding:20px 10px;
		margin-left:0;
		margin-right: 0;
		background:#ffcc33;
	}

	.promotion #content {
		margin:0;
		padding:35px 10px 0;
	}

#autoComplete {
	position:absolute;
	display:none;
	z-index:10000;
}

p.credentials {
	position:absolute;
	right:10px;
	top:0.9em;
	text-align:right;
}
	p.credentials a.more {
		/*float:right; CUPZ-1144*/
		font-weight:bold;
		margin-left:10px;
	}

/**
 *	the fade-in/out highlight layer.
 */
.pointer {
	position:absolute;
	z-index:10000;
	background:#FC3;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/**
 *	generic overlay
 */

.overlay {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url("../../images/canvas/overlay.png");
	background:rgba(255,255,255,0.75);
	z-index:1000;
	display:none;
}
	.overlay .message {
		background:white;
		padding:20px 20px 10px;
		width:380px;
		margin: 100px auto;
		text-align:center;
		border:2px solid #FFCC33;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;

		box-shadow:2px 2px 0 rgba(0,0,0,0.1);
		-moz-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
		-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	}
		.overlay .message img.loader{ margin-bottom: 10px;}
	
.inline-loader .message {
	padding:0 0 0 50px;
	background:white url("../../images/icons/loading.gif") 5px 50% no-repeat;
}

.readspeaker-box {
	float: right;
	height: 0;
	margin-top: -20px;
	font-size: 12px;
}

.js-only {
	display: none !important;
}

body.js-enabled .js-only {
	display: inherit !important;
}/* main navigational menu's, search, footer */
#navigation {
	width:100%;
	position:absolute;
	top:5.5em;
	left:0;
	padding:0 0 4px 0;
	z-index:700;
	background:url("../../images/navigation/shadow.png") 0 100% repeat-x;
	zoom:1;
}
	#navigation h2 {
		position:absolute;
		left:-3000em;
	}

	#navigation-primary h3,
	#navigation-secondary h3 {
		font-size:100%;
	}

/* secondary */
#navigation-secondary {
	padding:0 0 0 18px;
	background:url("../../images/navigation/bar.gif") #006 repeat-x;
	color:#F6F6F6;
	font-size:100%;
	line-height:1.0;
	zoom:1;
}
	#navigation-secondary ol {
		margin:0;
		padding:0;
		list-style:none;
	}
	#navigation-secondary li {
		float:left;
		position:relative;
		margin:0;
		background:url("../../images/navigation/secondary-separator.gif") 100% 50% no-repeat;
	}
	#navigation-secondary li li {
		position:static;
	}
	#navigation-secondary li#navigation-inloggen {
		background-image:none;
	}
		#navigation-secondary li a {
			display:block;
			color:#F6F6F6;
			text-decoration:none;
		}
			#navigation-secondary li a span {
				display:block;
				padding:0.8em 13px 0.75em 13px;
				cursor:pointer;
			}
	#navigation-secondary li.open,
	#navigation-secondary li.over {
		z-index:200;
	}
		#navigation-secondary li.active a {
			background:url("../../images/navigation/secondary-active-left.gif") #26267D no-repeat;
		}
			#navigation-secondary li.active a span {
				background:url("../../images/navigation/secondary-active-right.gif") 100% 0 no-repeat;
			}

		#navigation-secondary li a:hover,
		#navigation-secondary li a:focus,
		#navigation-secondary li.over a,
		#navigation-secondary li.open a {
			background:url("../../images/navigation/secondary-open-left.gif") #FC3 no-repeat;
			color:#006;
		}

		#navigation-secondary li a:hover span,
		#navigation-secondary li a:focus span,
		#navigation-secondary li.over a span,
		#navigation-secondary li.open a span {
			background:url("../../images/navigation/secondary-open-right.gif") 100% 0 no-repeat;
		}

/* secondary dropdown menu */
#navigation-secondary .navigation-menu {
	display:none;
	width:408px;
	position:absolute;
	top:2.55em;
	left:0;
	padding:6px 18px 0 15px;
	border:2px solid #ffdf81;
	border-top-width:0;
	background:#ffcc33;
	color:#006;
	line-height:1.2;
}
	#navigation-secondary li.open .navigation-menu {
		display:block;
	}

	#navigation-secondary li.open .navigation-menu div > *{
		margin-right: 10px;
	}

	#navigation-secondary li.open .navigation-menu.single-width {
		width: 204px;
	}
	
	#navigation-secondary li.open .navigation-menu.double-width {
		width: 408px;
	}
	
	#navigation-secondary .navigation-menu li {
		float:none;
		margin:0 0 1em 0;
		background:transparent none;
	}
		#navigation-secondary .navigation-menu li a {
			display:inline;
			float:none;
			padding:0;
			background:none transparent;
			color:#006;
		}
		#navigation-secondary .navigation-menu li a:hover,
		#navigation-secondary .navigation-menu li a:focus {
			background:none transparent;
			text-decoration:underline;
		}
	#navigation-secondary .navigation-menu hr.separator {
		margin:0 0 1em;
		border-top-color:#FFDF82;
	}
	

/* primary + tools */
#navigation-primary,
#navigation-tools {
	position:absolute;
	right:225px;
	top:-3.85em; /*-42.6px;*/
	font-size:92%;
	line-height:1.4;
	list-style:none;
	padding:0;
}
	body.text-medium #navigation-primary { right:280px; }

	body.text-large #navigation-tools {
		max-width:none;
		right:32px;
		top:-2.5em;
	}

	body.text-large #navigation-primary {
		top:-5em;
		right:150px;
	}

#navigation-primary li {
	float:left;
	position:relative;
	margin:0 0 0 -1px;
	background:url("../../images/navigation/primary-separator.gif") 100% 50% no-repeat;
}
	body.js-enabled #navigation-primary li {
		background-position:100% 15%;
	}
#navigation-tools li {
	float:left;
}
	body.js-enabled #navigation-tools li {
		padding:0 12px;
		background:url("../../images/navigation/primary-separator.gif") 100% 50% no-repeat;
	}
#navigation-primary li.last,
#navigation-tools li#navigation-inloggen {
	background-image:none;
}
	#navigation-primary li a,
	#navigation-tools li a {
		background:transparent;
		color:#006;
		text-decoration:none;
	}
	#navigation-primary li a {
		float:left;
	}
		#navigation-primary li a span {
			float:left;
			padding: 0 12px 0 12px;
		}
		body.js-enabled #navigation-primary li a {
			position:relative;
			margin-top:-1em;
			padding-top:1em;
		}
			body.js-enabled #navigation-primary li a span {
				margin-top: -1em;
				padding-top: 1em;
				padding-bottom: .5em;
			}
	body.js-enabled #navigation-primary li.open,
	body.js-enabled #navigation-primary li.over {
		z-index:200;
	}
		body.js-enabled #navigation-primary li.over a,
		body.js-enabled #navigation-primary li.open a {
			background:#f2f2f7;
			color:#006;
		}

		#navigation-primary li.over > a,
		#navigation-primary li.open > a {
			box-shadow:2px 2px 0 rgba(0,0,0,0.1);
			-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
			-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
		}

		body.js-enabled #navigation-primary li.over a span,
		body.js-enabled #navigation-primary li.open a span {
			background:#f2f2f7;
			padding-bottom:1.5em;
		}

/* primary dropdown menu */
#navigation-primary .navigation-menu {
	display:none;
	width:16.6em;
	position:absolute;
	top:2.5em;
	left:0;
	padding:4px 15px 0 12px;
	background:#f2f2f7;
	color:#006;
	line-height:1.2;
	z-index:2;
}
	body.js-enabled #navigation-primary li.open .navigation-menu {
		display:block;
	}
	body.js-enabled #navigation-primary ul.sitemap {
	}
		body.js-enabled #navigation-primary .navigation-menu h3 {
			font-size:100%;
			margin:0;
		}
	body.js-enabled #navigation-primary .navigation-menu ul.splitted {
		/*margin-bottom:.4em;*/
	}
	body.js-enabled #navigation-primary .navigation-menu li {
		float:none;
		margin:0 0 .8em;
		padding-left:0;
		background:transparent none;
	}
		body.js-enabled #navigation-primary .navigation-menu li a {
			display:inline;
			float:none;
			padding:0;
			background:none transparent;
			color:#006;
		}
		body.js-enabled #navigation-primary .navigation-menu li a:hover,
		body.js-enabled #navigation-primary .navigation-menu li a:focus {
			background:none transparent;
			text-decoration:underline;
		}

#navigation-primary .navigation-menu,
#navigation-secondary .navigation-menu {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;

	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}

/* navigation tools */
#navigation-tools {
	max-width:241px;
	right:20px;
}
	#navigation-tools li.navigation-fontscaler {
		padding-right:0;
		background-image:none;
	}
		#navigation-primary li a:hover,
		#navigation-tools li a:hover {
			text-decoration:underline;
		}

/* search box */
#search {
	float:right;
	margin:0.4em 70px 0.4em 0;
	background:url("../../images/navigation/search-frame.gif") no-repeat transparent 0 0;
}
	#search div.field {
		padding:0;
		overflow:visible;
	}
	#search label {
		position:absolute;
		left:-3000em;
	}
	
	#search input.text,
	div.virtual-agent input.text {
		height:16px;
		width:167px;
		float:left;
		margin:0;
		padding: 2px 6px 2px 6px;
		background:url("../../images/navigation/search-frame-bottom.gif") no-repeat transparent 0 16px;
		border:0;
		color:#006;
		line-height:1;
	}
	
	#search input.submit {
		height:1.4em;
		min-height:20px;
		float:left;
		margin:0 -30px 0 0;
		line-height:1.0;
		display:block;
		
	}

/* vraag en antwoord */
#vraag-en-antwoord {
	position:relative;
	display:none;
	float:right;
	width:220px;
	padding:0;
	margin-right:32px;
	background:url("../../images/navigation/secondary-open-left.gif") #FC3 no-repeat;
}

	#vraag-en-antwoord a.close {
		display:block;
		background:url("../../images/navigation/secondary-open-right.gif") 100% 0 no-repeat;
		text-align:right;
		text-decoration:none;
	}
		#vraag-en-antwoord a.close span {
			display:block;
			padding:0.8em 20px 0.75em 14px;
			margin-right:10px;
			background:url("../../images/icons/close.gif") right center no-repeat;
		}

		#vraag-en-antwoord a.close:hover {
			text-decoration:underline;
		}
	
	body.vraag-en-antwoord #vraag-en-antwoord,
	body.vraag-en-antwoord-float form#search {
		display:block;
	}

	body.vraag-en-antwoord #search,
	body.vraag-en-antwoord-feedback #search,
	body.vraag-en-antwoord-float #vraag-en-antwoord a.close,
	body.vraag-en-antwoord-feedback #vraag-en-antwoord div.answers {
		display:none;
	}

/* fontscale tool */
.navigation-fontscaler {
	margin-top:-0.2em;
	line-height:1.4em;
}
	.navigation-fontscaler a {
		padding:0 4px 0 0;
		vertical-align:baseline;
		text-decoration:none;
	}
	.navigation-fontscaler a:hover,
	.navigation-fontscaler a.active {
		text-decoration:underline;
	}
	.navigation-fontscaler .text-small {
		font-size:1em;
	}
	.navigation-fontscaler .text-medium {
		font-size:1.25em;
	}
	.navigation-fontscaler .text-large {
		font-size:1.5em;
	}

/* site map */
.sitemap-nav a {
	background:url("../../images/icons/arrows.png") 0 -46px no-repeat ;
	padding-left:1.9em;
	display:block;
	min-height:54px;
	text-decoration:none;
}
	.sitemap-nav strong {
		display:block;
	}

.sitemap-cat {
	overflow:hidden;
}

.sitemap-cat h3 {
	padding-bottom:0.25em;
	border-bottom:1px solid #dfdeee;
}
	.sitemap-cat a.index {
		margin:-1em 0 18px;
		display:block;
		color:#4C4C94;
	}

ul.sitemap {
	list-style:none;
	margin-left:0;
}
	ul.sitemap a {
		text-decoration:none;
	}
		ul.sitemap a:hover {
			text-decoration:underline;
		}

		ul.sitemap a:visited {
			color:#4C4C94;
		}

	ul.sitemap ul {
		list-style:none;
		margin-left:0;
	}
		ul.sitemap ul li {
			background:url("../../images/icons/bullet.gif") no-repeat 0 4px;
			padding-left:1.9em;
		}

/* footer */
#footer {
	position:relative;
	z-index:400;
	clear:both;
	padding:10px 32px 2px 32px;
	margin:0;
	color:#767786;
	border-top:2px solid #F2F2F7;
}
	body.page-home #footer {
		margin-top:0;
	}
	#footer a {
		color:#7F7FB2;
		text-decoration:none;
	}
	#footer a:hover {
		background:transparent;
		text-decoration:underline;
	}
#footer-navigation {
	width:83px;
	float:right;
	padding:15px 0 0 15px;
	min-height:185px;
	border-left:1px solid #7c7eb8;
	margin-left: -1px;
}
	#footer-navigation img {
		margin:-1.4em 0 10px 0;
		position:relative;
	}
	#footer-navigation ul {
		padding:0;
		margin:0;
		font-size:92%;
		line-height:1.2;
		list-style:none;
	}
	#footer-navigation li {
		margin:0.5em 0 0 0;
		padding:0;
	}

/* twitter */
#footer-twitter {
	float:right;
	width:320px;
	padding:0 15px;
	border-left:1px solid #7c7eb8;
	border-right:1px solid #7c7eb8;
	margin-left:15px;
	font-size:11px;
	min-height:200px;
	background:white;
}

/* tagcloud */
#footer-tagcloud {
	padding:0.2em 0;
	margin-right:200px;
}
	#footer-tagcloud h2 {
		margin:0 0 0.2em 0;
		font-size:100%;
		line-height:1.2;
	}
	#footer-tagcloud ul {
		margin:0;
		padding:0;
		font-size:80%;
		text-align:justify;
		text-transform:lowercase;
		list-style:none;
	}
		#footer-tagcloud ul li {
			display:inline;
			margin:0;
			vertical-align:baseline;
			font-size:14px;
			line-height:1;
		}

	#footer-tagcloud a img {
		display:none; /* requested; hide external link indicators*/
	}

	#footer-tagcloud a.level1 {
		font-size:12px;
	}
	#footer-tagcloud a.level2 {
		font-size:14px;
	}
	#footer-tagcloud a.level3 {
		font-size:18px;
	}
	#footer-tagcloud a.level4 {
		font-size:24px;
	}
	#footer-tagcloud a.level5 {
		font-size:30px;
	}
	#footer-tagcloud a.level6 {
		font-size:36px;
	}

/* pages */
div.pages {
	padding-bottom:0 5px;
	position:relative;
	text-align:center;
	margin:-5px 0;
}
	.pages a {
		color:#4C4C94;
		text-decoration:none;
	}
		.pages a:hover {
			color:#4C4C94;
			text-decoration:underline;
		}
	.pages a.back {
		position:absolute;
		left:0;
	}
	.pages a.forward {
		position:absolute;
		right:0;
	}
	
	.pages span strong {
	   font-size: 14px;
	   margin: 0 3px;
	}
	
/* single return */
div.return {
	margin: 0 0 18px;
}

	.return a.back {
		float: none;
		display: inline-block;
	}
	
/* steps indication */
.steps-bar,
.steps-bar li {
	list-style:none;
	height:24px;
	padding:0;
	margin:0 0 1em;
}
	.steps-bar li {
		float:left;	
		background:url("../../images/navigation/steps-bar.gif") 0 -50px no-repeat;
		margin-right:12px;
	}
		.steps-bar li a,
		.steps-bar li span {
			display:block;
			position:relative;
			left:20px;
			height: 24px;
			line-height:24px;
			background:url("../../images/navigation/steps-bar.gif") 100% -50px no-repeat;
			padding-right:23px;/*30px*/
			padding-left:5px;/*10px*/
			text-align:center;
			text-decoration:none;
		}
			.steps-bar li a:hover {
				text-decoration:underline;
			}

	.steps-bar li.first { background-position:0 0; }
	
	.steps-bar li.last a,
	.steps-bar li.last span { 
		background-position:100% 0; 
	}

	.steps-bar li.active {
		background-position:0 -150px;
	}
		.steps-bar li.active a,
		.steps-bar li.active span {
			background-position:100% -150px;
			color:#fff;
		}
	
	.steps-bar li.first.active {
		background-position:0 -100px;
	}

	.steps-bar li.last.active a,
	.steps-bar li.last.active span {
		background-position:100% -100px;
	}

.steps-bar.indicator {
	height:30px;
}
	.steps-bar.indicator li,
	.steps-bar.indicator li a,
	.steps-bar.indicator li span {
		background-image:url("../../images/navigation/steps-indicator.gif");
		line-height:30px;
		height:30px;
	}
	.steps-bar.indicator li {
		margin-right:14px;
	}

	.steps-bar.indicator li a,
	.steps-bar.indicator li span{
		padding-right:20px;
		padding-left:0;
	}

	.steps-bar.indicator li.active a,
	.steps-bar.indicator li.active span {
		color:#006
	}

/* new-nav */
#navigation.new-nav  {
	background:none;
	top:6em;
}
.new-nav .nav-container {
	background:url("../../images/navigation/bar-alt.gif") #fff repeat-x 0 100%;
	line-height:27px;
	top:-6em;
	right:0;
	position:absolute;
	height:27px;
	width: 850px;
	border-left:1px solid #d9d9e8;
}
.new-nav #navigation-secondary {
	padding:0;
}
.new-nav #navigation-secondary li#navigation-home a {
	/*padding-left:10px;*/
}
.new-nav #navigation-primary,
.new-nav #navigation-tools {
	line-height:27px;
	height:27px;
	margin:0;
	padding:0;
	top:0;
	right:0;	
	color:#9194c1;
	background:none;
	position:relative;
	float:left;
}
.new-nav #navigation-tools {
	margin:0 35px 0 0px;
	float: right;
}
.new-nav #navigation-primary {
	font-size:100%;
}
.new-nav #navigation-primary li {
	margin:0;
}
.new-nav #navigation-primary li.active {
	background:#fff;
}
.new-nav #navigation-primary li.active a {
	font-weight:bold;
	color:#000066;
}
	.new-nav #navigation-primary li.active li a {
		font-weight:normal;
	}
.new-nav #navigation-primary li {
	background:none;
	border-right: 1px solid #D9D9E8;
}
.new-nav .nav-container #navigation-primary .navigation-menu li {
	font-size:92%;
	border:none;
}
.new-nav #navigation-primary li a {
	color:#9194c1;
	margin: 0;
	padding: 0;
}
body.js-enabled .new-nav #navigation-primary li a span {
	margin-top:0;
    padding-bottom:0;
    padding-top:0;
}
.new-nav .navigation-fontscaler {
	line-height:inherit;
	margin-top:-0.2em;
}
.new-nav #navigation-tools #navigation-inloggen {
	padding:0 13px;
	background:url("../../images/navigation/secondary-separator-alt.gif") 100% 50% no-repeat;
}
.new-nav #navigation-tools #navigation-inloggen a {
	background:url("../../images/navigation/login.gif") 0 50% no-repeat;
	padding-left:18px;
}
body.js-enabled .new-nav #navigation-tools li {
	background:url("../../images/navigation/secondary-separator-alt.gif") 100% 50% no-repeat;
}
.new-nav #navigation-tools {
	max-width:none;
}
.new-nav #search {
	right:38px;
	top:-39px;
	position:absolute;
	background:none;
	border:1px solid #ccc;
	margin-right:0;
	width: 20.5em
}
	/* temporary fix search box: Virtual Assistant */
	.new-nav .replaced#search {
		border-width: 0;
		right: 13px;
		width: 22.5em;
	}
	
.new-nav #search input.text {
	background: none repeat scroll 0 0 transparent;
	width: 215px;
	padding-right: 26px;
}
.new-nav #search input.submit {
	margin-right: 5px;
	position: absolute;
	right: 0;
}

body.text-medium .new-nav #navigation-primary {
	right: 0;
}

body.text-large .new-nav #navigation-tools {
	right:0;
	top:0;
}

body.text-large .new-nav #navigation-primary {
	top: 0;
	right: 0;
}

/* clearfix */
#navigation-secondary:after,
.new-nav #navigation-primary:after,
#footer:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}

/* submenu navigation tools */
.new-nav #navigation-tools .navigation-menu {
	display:none;
	width:161px;
	position:absolute;
	top:2.5em;
	left:0;
	padding:4px 10px 0 9px;
	background:#f2f2f7;
	color:#006;
	line-height:1.2;
	z-index:2;
}
	body.js-enabled .new-nav #navigation-tools li.open .navigation-menu {
		display:block;
	}
		body.js-enabled .new-nav #navigation-tools .navigation-menu h3 {
			font-size:100%;
			margin:0;
		}
	body.js-enabled .new-nav #navigation-tools .navigation-menu ul.splitted {
		/*margin-bottom:.4em;*/
	}
	body.js-enabled .new-nav #navigation-tools .navigation-menu li {
		float:none;
		margin:0 0 14px;
		padding-left:0;
		background:transparent none;
	}
		body.js-enabled .new-nav #navigation-tools #navigation-inloggen .navigation-menu li a {
			display:block;
			float:none;
			padding:0;
			background:none transparent;
			color:#006;
		}
		
		body.js-enabled .new-nav #navigation-tools #navigation-inloggen ul {
			margin: 9px 0 0;
		}
		
		body.js-enabled #navigation-tools .navigation-menu li a:hover,
		body.js-enabled #navigation-tools .navigation-menu li a:focus {
			background:none transparent;
			text-decoration:underline;
		}
		
		body.js-enabled #navigation-tools #navigation-inloggen.open {
			background:#f2f2f7;
			border-left: 1px solid #D9D9E8;
			border-right: 1px solid #D9D9E8;
			padding: 0 12px;
		}

.new-nav #navigation-tools .navigation-menu,
.new-nav #navigation-tools .navigation-menu {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	
	border-left: 1px solid #D9D9E8;

	box-shadow:2px 3px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:2px 3px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 3px 0 rgba(0,0,0,0.1);
}
	/**
 *	Generic content components
 */

/**
 *	Top and bottom spans are included by script in IE <= 8 for alternative rounded borders
 */
.top,
.bottom {
	display:none;
}

img.rounded {
	border-radius:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/**
 *	Splitted lists, uses css when possible. If css columns are not support the
 *	list is physically splitted in 2 lists with class "split", followed by a hr.
 */

.split {
	float:left;
	width:50%;
}
	ul.split {
		margin-bottom:0;
	}


/**
 *	Standard links list
 *
 */
.links {
	margin-left:0;
	padding:0;
	list-style:none;
	line-height:1.45;
}
	.links li {
		padding:0;
		margin:0 0 0.4em 0;
		color:#4C4C94;
	}
		.links li a {
			display:inline-block;
			padding:0 0 0 1.9em;
			background:url("../../images/icons/arrows.png") 3px 0.3em no-repeat;
			text-decoration:none;
		}

        .links li a.button {
			float: right;
            padding: 0 34px 0 0;
            background: url("../../images/buttons/buttons.png") 100% -100px no-repeat;
		}
        .links li a.button:hover {
            background-position: 100% -150px;
            text-decoration: underline;
		}

        .links li a.button.delete{
            padding: 0 0 0 20px;
        }


		.links li a.anchor {
			background:url("../../images/icons/arrows.png") 3px -3.9em no-repeat;
		}
		.links li a:hover {
			text-decoration:underline;
		}
			.links li strong a,
			.links li strong a:visited {
				background-position:3px -397px;
				color:#DC0000;
			}

	/* Dit is een uitzondering voor de verhuizing button */
	.links.verhuizing{
		margin:0;
		padding:0;
	}
		.links.verhuizing li{
			margin:0;
			padding:0;
		}


	/* links list substyle, toc */
	.toc strong {
		display:block;
		font-weight:normal;
		font-size:16px;
	}
		.toc ul li a {
			color:#7F7FB2;
		}

/**
 *	Benefits list
 *
 */
.benefits,
.benefits li {
	margin-left:0;
	padding:0;
	list-style:none;
}
	.benefits li {
		padding-left:20px;
		margin-bottom:.5em;
		background:url("../../images/icons/check.png") 0 0 no-repeat;
	}

/**
 *	Files list
 */

ul.files,
ul.files li {
	margin:0;
	padding:0;
	list-style:none;
}
	ul.files li {
		display:block;
		width:110px;
		float:left;
		height:154px;
		padding:0 0 10px;
	}

	ul.files li a {
		display:block;
		padding-top:100px;
		width:100px;
		margin:0 auto;
		background:url("../../images/icons/files.gif") 50% 10px no-repeat;
		text-decoration:none;

		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		ul.files li.empty a { background-position: 50% -140px; }
		ul.files li.file a { background-position: 50% -290px; }

	ul.files li a:hover {
		text-decoration:underline;
		background-color:#f0f0f0;
	}

	ul.files li a span {
		display:block;
		height:54px;
		line-height:18px;
		text-align:center;
		overflow:hidden;
	}

.file-info {
	margin:0 -10px;
	background:white;
	padding:5px 10px;
	overflow:auto;
	font-size:11px;
}
	.dialog .file-info td,
	.dialog .file-info th {
		border-bottom:1px solid #DFDEEE;
	}

	.dialog .file-info {
		height:150px;
	}


/**
 *	Drawers, default and "panel" style
 *
 */

.drawers { display: none;}
.js-enabled .drawers {display: block;}

.drawers,
.drawer {
	padding-left:0;
	margin-left:0;
	list-style:none;
}
	.drawers .drawer {
		margin-bottom:.5em;
	}

	.drawer .drawer-content {
		background:#F1F1F1;
		padding:10px 10px 1px 20px;
	}

    .section .drawer .drawer-content {
		padding: 0;
        background: none;
	}

	.drawer .drawer-switch {
		display:none;
		padding-left:20px;
		color:#4C4C94;
		background:url("../../images/icons/collapser.gif") 3px 1px no-repeat;
		text-decoration:none;
	}
	.section .drawer .drawer-switch {
        margin-bottom: 20px;
	}

	body.js-enabled .drawer .drawer-switch { display: block; }
		.drawer .drawer-switch:hover {
			background-position:3px -99px;
			text-decoration:underline;
		}

		.opened .drawer-switch {
			background-position:3px -199px;
		}

		.opened .drawer-switch:hover {
			background-position:3px -299px;
		}

	body.js-enabled .drawer .drawer-content {
		display:none;
	}

	body.js-enabled .opened .drawer-content {
		display:block;
	}

	.tabDrawerContent{
		position:relative;
	}


/**
 *	Tabdrawers, default and "panel" style
 *
 */
.tabDrawers,
.tabDrawer ul {
	padding-left:0;
	margin-left:0;
	clear:both;
	list-style:none;
}

	.tabDrawer .tabDrawerContent h3{
		font-size: 16px;
		font-weight: normal;
		margin: 0;
	}
	.tabDrawer .tabDrawerContent img{
		float: left;
		margin: 1px 10px 0 0;
	}

	body.js-enabled .tabDrawers .tabDrawer {
		display:none;
	}

	body.js-enabled .tabDrawers .tabDrawer.opened {
		display:block;
	}


/**
 *	In addition to "drawer", a list item may state a "panel" class.
 *
 */
.drawers li.panel {
	background:#ffcc33;
	padding:7px 14px;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.application .drawers li.panel {
		background-color:#ffd65c;
		border:1px solid #ffebad;
	}

	.drawers li.panel a.drawer-switch {
		padding-left:0;
		padding-right:20px;
		background-position:100% 1px;
		color:#000066;
		font-weight:bold;
	}
		.drawers li.panel a.drawer-switch:hover {
			background-position:100% -99px;
		}

		.drawers li.panel.opened a.drawer-switch {
			background-position:100% -199px;
		}

		.drawers li.panel.opened a.drawer-switch:hover {
			background-position:100% -299px;
		}

	.drawers li.panel div.drawer-content {
		border-top:1px solid #FFDF82;
		padding:10px 0 1px;
		background:none;
		margin-top:.25em;
	}

	.drawers hr {
		margin:0.5em 0;
	}
		.drawers .panel hr {
			border-top:1px solid #FFDF82;
		}

/**
 *	In addition to "drawer", a list item may state a "multi" class.
 *
 */
.drawers li.multi {
	position:relative;
	background:#ffcc33;
	padding:2px 2px 2px 2px;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.application .drawers li.multi {
		background-color:#ffd65c;
		border:1px solid #ffebad;
	}

	.drawers li.multi a.drawer-switch {
		margin:5px 12px;
		padding-left:0;
		padding-right:20px;
		background-position:100% 1px;
		color:#000066;
		font-weight:bold;
	}
	.drawers li.large a.drawer-switch {
		background-position:100% 6px;
		font-size:12px;
		font-weight:normal;
	}
		.drawers li.multi a.drawer-switch:hover {
			background-position:100% -99px;
		}
		.drawers li.large a.drawer-switch:hover {
			background-position:100% -94px;
			text-decoration:none;
		}

		.drawers li.multi.opened a.drawer-switch {
			background-position:100% -199px;
		}
		.drawers li.large.opened a.drawer-switch {
			background-position:100% -194px;
		}

		.drawers li.multi.opened a.drawer-switch:hover {
			background-position:100% -299px;
		}
		.drawers li.large.opened a.drawer-switch:hover {
			background-position:100% -294px;
		}
	.drawers li.large a.drawer-switch span {
		padding: 0 5px 0 0;
		font-size:18px;
		font-weight:bold;
	}
	.drawers li.multi div.drawer-content {
		border-top:2px solid #FFCC33;
		padding:7px 12px 6px 12px;
		background:#fff;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-webkit-border-bottom-left-radius:3px;
		-webkit-border-bottom-right-radius:3px;
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		margin-top:.25em;
	}
		.drawers li.multi div.drawer-content table {
			margin-bottom: 0;
		}
	.drawers hr {
		margin:0.5em 12px;
	}
		.drawers .multi hr {
			border-top:1px solid #FFDF82;
		}


/**
 *	Buttons
 */
p.actions,
div.actions {
	margin:0 12px;
	padding:0 0 20px 0;
	overflow:hidden;
	clear:both;
}
.box .actions,
.dialog .actions,
.box.multi .actions {
	margin:0;
	padding:0;
}

.box.multi .right.action-note {
	width: 244px;
	font-size: 11px;
	text-align: right;
	margin-top: 6px;
}

.box .actions.top-actions {
    padding-bottom: 20px;
}

	.actions span.note {
		float:left;
		color:#7c79a6;
	}
	.actions .back {
		margin-top:3px;
	}
	.actions .button {
		margin-top:0;
	}
	.actions a.info {
		float:right;
	}
	.actions a.redirect {
		float:right;
		text-decoration:none;
	}
	.section .actions a.redirect {
		padding:3px 0;
	}
	.actions a.redirect:hover {
		text-decoration:underline;
	}

a.button {
	float:right;
	margin:0 0 0 10px;
	padding:0 34px 0 0;
	background:url("../../images/buttons/buttons.png") 100% -100px no-repeat;
	font-weight:normal;
	line-height:1.0;
	text-decoration:none;
	vertical-align:middle;
}
	a.button.left {
		float:left;
		margin: 0 10px 0 0;
	}
	a.button span {
		min-height:28px;
		float:left;
		padding:0 12px 0 14px;
		background:url("../../images/buttons/buttons.png") 0 0 no-repeat;
		color:#FFF;
		line-height:24px;
		white-space:nowrap;
		cursor:pointer;
	}

	a.button-large span {
	   width: 180px;
	}
	a.button:hover,
	a.button.shy:hover {
		background-position:100% -150px;
	}
		a.button:hover span {
			text-decoration:underline;
		}
	a.button.shy.disabled{
		background-position:100% -250px;
	}
		a.button.shy.disabled:hover,
		a.button.shy.disabled:hover span{
			text-decoration:none;
			cursor:default;

		}
	a.button-pdf span {
		padding-left:34px;
		background-position:0 -400px;
	}
a.button.shy {
	background-position:100% -100px;
}
	a.button.shy span {
		background-position:0 -50px;
		color:#006;
	}
a.button.back {
	background-position:0 -100px;
	margin:0 10px 0 0;
	padding:0 0 0 34px;
	float:left;
}
	a.button.back:hover {
		background-position:0 -150px;
	}
	a.button.back span {
		background-position:100% -50px;
		padding:0 14px 0 12px;
		color:#006;
	}
a.button.external {
	background-position:100% -300px;
}
	a.button.external:hover {
		background-position:100% -350px;
	}
a.button.refresh {
	background-position:100% -782px;
}
	a.button.refresh:hover {
		background-position:100% -832px;
	}
	a.button.refresh.disabled {
		background-position:100% -882px;
	}

a.button.small,
a.button.small span {
	height:22px;
	line-height:20px;
	background:url("../../images/buttons/small.png") 100% -50px no-repeat;
	padding:0 15px 0 0;
}
	a.button.small span {
		background-position:0 0;
		padding:0 0 0 15px;
	}
a.button.large {
	background:url('../../images/buttons/large.png') 100% -50px no-repeat;
	padding-right:48px;
	font-size:18px;
}
	a.button.large span {
		background:url('../../images/buttons/large.png') 0 0 no-repeat;
		min-height:41px;
		line-height:37px;
		font-weight:bold;
	}

/**
 * Specific styling of visited links
 */
a:visited { color:#4C4C94;}

#content ul.clicknshow a:visited,
.drawers li.panel a.drawer-switch:visited,
.drawer-content a:visited,
.application a:visited {
	color:#006;
}
#content a.summary-trigger:visited {
	color:#7F7FB2;
}

/**
 *	Separator with scroll up link. Clears floating elements like the generic hr.separator,
 *	but never changes border color (application vs content styles)
 *
 */
p.separator {
	clear:both;
	margin:1em 10px;
	padding:0 0 5px 0;
	text-align:right;
	border-bottom:1px solid #fc3;
}
	.box > p.separator,
	.details > p.separator {
		margin:1em 0;
	}

	p.separator a {
		padding-right:14px;
		font-size:11px;
		background:url("../../images/icons/arrows.png") 100% -148px no-repeat;
		text-decoration:none;
	}

/**
 *	Overview page, Briefing index
 *
 */
div.briefing-index {
	margin:0 10px 1em;
}
	ul.clicknshow,
	ul.clicknshow li {
		margin:0;
		padding:0;
		list-style:none;
		display:block;
	}
	ul.clicknshow {
		margin-bottom:2em;
	}

        ul.clicknshow li.sub {
            background: none;
            box-shadow: none;
            -moz-box-shadow:none;
            -webkit-box-shadow:none;
        }

        ul.clicknshow li.sub .sub-menu {
            position: relative;
            height: 100%;
            width: 100%;
            border-radius:7px;
            -moz-border-radius:7px;
            -webkit-border-radius:7px;
            box-shadow:2px 2px 1px rgba(0,0,0,0.1);
            -moz-box-shadow:2px 2px 1px rgba(0,0,0,0.1);
            -webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.1);
            background:#f2f2f7 url("../../images/boxes/briefing-index.gif") 100% 50% no-repeat;
        }

        ul.clicknshow li.sub.active {
                background: none;
        }
        ul.clicknshow li.sub.active .sub-menu {
                background:#fc3 url("../../images/boxes/briefing-index-active.gif") 100% 50% no-repeat;
        }

	ul.clicknshow li {
		background:#f2f2f7 url("../../images/boxes/briefing-index.gif") 100% 50% no-repeat;
		margin-bottom:10px;

		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;

		box-shadow:2px 2px 1px rgba(0,0,0,0.1);
		-moz-box-shadow:2px 2px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.1);
	}
		ul.clicknshow li.passive {
			background:#FFF url("../../images/boxes/briefing-index-passive.gif") 100% 50% no-repeat;
			border:1px solid #f0f0f5;
		}
		ul.clicknshow li.active {
			background:#fc3 url("../../images/boxes/briefing-index-active.gif") 100% 50% no-repeat;
		}

	ul.clicknshow li a,
	ul.clicknshow li.passive span.label {
		text-decoration:none;
		background:url("../../images/boxes/briefing-arrow.png") 100% 50% no-repeat;
		display:block;
		padding:10px 45px 10px 10px;
		position:relative;
	}
	ul.clicknshow li img.icon {
		position: absolute;
		right: 45px;
		top: 8px;
	}
	ul.clicknshow li.passive a,
	ul.clicknshow li.passive span.label {
		background:url("../../images/boxes/briefing-arrow-passive.gif") 100% 50% no-repeat;
	}
	ul.clicknshow li.active a {
		background:url("../../images/boxes/briefing-arrow.png") 100% 50% no-repeat;
	}
		ul.clicknshow li a:hover {
			text-decoration:underline;
			background-image:url("../../images/boxes/briefing-arrow-hover.png");
		}
		ul.clicknshow li a strong {
			display:block;
			font-weight:normal;
			font-size:16px;
			margin-bottom:5px;
			position:relative;
		}
			ul.clicknshow li a.price strong {
				padding-right:90px;
			}

		ul.clicknshow li a.price strong span {
			display:block;
			padding:0;
			text-align:right;
			position:absolute;
			top:0; right:0;
			width:90px;
		}
			ul.clicknshow li a.price strong span em {
				font-size:12px;
				display:block;
				width:90px;
				font-style:normal;
			}


/*            ul.clicknshow li.sub {
                height: 32px;
            }*/

            ul.clicknshow li ul.clicknshow {
            	background-color: #fff;
                margin: 7px 0 7px 30px;
                display: none;
            }
            ul.clicknshow li.active.open ul.clicknshow {
                display: block;
            }

	ul.spoormeldingen li a {
		position:relative;
		padding-left:60px;
	}

	ul.spoormeldingen li em.storing,
	ul.spoormeldingen li em.werk {
		background:url("../../images/icons/storing.gif") 0 0 no-repeat;
		position:absolute;
		left:10px;
		top:10px;
		width:40px;
		height:40px;
		overflow:hidden;
		text-indent:-256px;
	}
		ul.spoormeldingen li em.werk {
			background-image:url("../../images/icons/werk.png");
		}

		ul.spoormeldingen li.active em.storing,
		ul.spoormeldingen li.active em.werk {
			background-position:0 -50px;
		}

	ul.clicknshow.condensed li {
		margin-bottom:7px;
		position:relative;
	}
		ul.clicknshow.condensed a,
		ul.clicknshow.condensed .passive span.label {
			padding-top:7px;
			padding-bottom:7px;
		}

/**
 *	Briefings
 *
 */
.briefings {
}
	.briefings .default h2 {
		font-size:200%;
		font-weight:normal;
	}

	.briefings h4 {
		margin-top: 18px;
	}

	.js-enabled .briefings .box.default,
	.js-enabled.clickednshown .briefings .box {
		/*
		visibility: hidden;
		position: absolute;
		*/
		display: none;
	}
		.js-enabled.clickednshown .briefings .active {
			/*
			visibility: visible;
			position: static;
			*/
			display: block;
		}



/**
 *	tickertape
 */
.tickertape,
.tickertape li {
	list-style:none;
	padding:0;
	margin:0;
}
	.tickertape li { display:none; }
	.tickertape a { text-decoration:none; }
	.tickertape a:hover { text-decoration:underline; }

/**
 *	detail page summary box
 */
.js-enabled .box.summary {
	visibility: hidden;
	position: absolute;
}
	.js-enabled .box.summary.open {
		visibility: visible;
		position: static;
		overflow: auto;
	}

a.summary-trigger {
	float:right;
	padding:0 1.7em 0 0;
	margin:-3em 10px 0 0;
	background:url("../../images/icons/collapser-dimmed.gif") 100% 2px no-repeat;
	color:#7F7FB2;
	text-decoration:none;
}
	a.summary-trigger:hover {
		text-decoration:underline;
		background-position:100% -98px;
	}

	a.summary-trigger.active {
		background-position: 100% -198px;
	}
		a.summary-trigger.active:hover {
			background-position: 100% -298px;
		}
/**
 *	generic data tables
 *
 */
table.data {
	width:100%;
	background:#F2F2F7;
	border:1px solid #FC3;
}
	table.data caption {
		background:#FC3;
		padding:0.5em 1em;
	}
	table.data th,
	table.data td {
		padding:5px 1em;
		border:1px solid #FC3;
	}
	table.data thead th,
	table.data thead td {
		background:#FFEBAD;
		text-align:center;
		border-width:0 1px;
	}
		table.data thead tr.superlabels th,
		table.data thead tr.superlabels td {
			padding-bottom:0;
		}

	table.data thead th.row {
		text-align:left;
	}
	table.data tbody th {
		font-weight:normal;
	}
	table.data th.grouped {
		border:0;
	}
	table.data tbody td {
		text-align:center;
	}
	table.data tbody td.price {
		text-align:right;
	}
	table.data td.grouped {
		border-width:1px 0;
	}
	body.js-enabled table.data tbody th,
	body.js-enabled table.data tbody td {
		background:#FFF5D6;
	}
	body.js-enabled table.data tbody .odd th,
	body.js-enabled table.data tbody .odd td {
		background:#FFF;
	}

/**
 *	Generic product tables
 *
 */
table.products {
	width:100%;
}
	table.products td,
	table.products th {
		text-align:left;
		padding:.45em;
		line-height:1.5;
	}

	table.products thead th {
		border-bottom:1px solid #FFCC33;
	}

	table.products tbody td {
		background:#FFF5D6;
		border-bottom:1px solid #FFCC33;
	}

		table.products tbody tr.hover {
			cursor:pointer;
		}
			table.products tbody tr.hover td {
				background:#feefbf;
			}

	table.products tfoot td {
		font-weight:bold;
		color:#006;
	}

	table.products .price {
		text-align:right;
	}

/**
 *	Generic listing tables
 *
 */
table.listing {
	width:100%;
	margin-bottom:0;
	border-collapse:collapse;
}
	table.listing th {
		width:50%;
		font-weight:normal;
		color:#7f7fb2;
		text-align:left;
		border-bottom:1px solid #e7e5f0;
	}
	table.listing td {
		width:50%;
		text-align:left;
		padding-right:0;
		border-bottom:1px solid #e7e5f0;
	}
	table.listing tfoot th {
		border-bottom:0;
		border-top:1px solid #e7e5f0;
		vertical-align:baseline;
	}
	table.listing tfoot td {
		font-weight:bold;
		text-align:right;
		color:#006;
		border-top:1px solid #e7e5f0;
		border-bottom:0;
		font-size:14px;
		vertical-align:baseline;
		white-space:nowrap;
	}

/**
 *	Generic simple tables
 *
 */
table.simple th {
	font-weight:normal;
	color:#7f7fb2;
	text-align:left;
	padding-top:0;
	padding-right:2em;
}
table.simple td {
	text-align:left;
	padding-top:0;
	padding-right:0;
}

/*
 * A table that does not scale to it's text contents
 */
table.fixed-layout {
	table-layout:fixed;
	width: 100%;
}

table.fixed-layout th, table.fixed-layout td {
	word-wrap: break-word;
}

/**
 *	Pop-up
 *
 */
.dialog {
	position:absolute;
	left:-3000em; top:0;
	z-index:800;
	visibility:hidden;
	display:none;
	padding:7px 10px;
	border:2px solid #ffdf81;
	width:256px;
	background:#ffcc33;

	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
	.dialog .arrow {
		width:34px;
		height:30px;
		position:absolute;
		top:50%;
		left:-34px;
		margin-top:-17px;
		background:url("../../images/boxes/popup-arrow.png") -102px 0;
	}
	.west .arrow {
		background-position:-34px 0;
		left:auto;
		right:-34px;
	}

	.south .arrow {
		background-position:0 0;
		left:50%;
		top: 0;
	}

	.dialog h2 {
		position:relative;
		font-size:100%;
		line-height:1.2;
		padding-bottom:7px;
		border-bottom:1px solid #ffdf81;
		margin-bottom:9px;
		margin-right: 20px; /* e.h. OZG-596; longer lines overlap with close button */
	}

	.dialog a.close {
		display:block;
		position:absolute;
		width:24px;
		height:24px;
		right:3px;
		top:3px;
		overflow:hidden;
		text-indent:-256px;
		background:url("../../images/icons/collapser.gif") 50% -395px no-repeat;
		text-decoration:none;
	}
		.dialog a.close:hover {
			background-position:50% -495px;
		}

	.dialog hr.separator {
		border-color:#ffdf81;
		margin:0.5em 0;
	}

#dialog-reisplanner {
	background-color:#ffffff;
}

/**
 *	Toolbar
 *
 */
.toolbar {
	margin-left:0;
	list-style:none;
	overflow:hidden;
}
	.toolbar li {
		float:left;
		margin:0.5em 0;
		width:25%;
	}
	.col-2a .toolbar li {
		width:33%;
	}
		.toolbar li a {
			display:block;
			padding:6px 0 0 2.1em;
			background:url("../../images/icons/toolbar-icons.png") no-repeat;
			color:#006 !important;
			text-decoration:none;
			line-height:1.2em;
		}
			.toolbar li a:hover {
				text-decoration:underline;
			}
		.toolbar li.unavailable span,
		.toolbar li.unavailable a {
			display:block;
			padding:6px 0 0 2.1em;
			background:url("../../images/icons/toolbar-icons.png") no-repeat;
			color:#a5a5c9 !important;
			text-decoration:none;
			line-height:1.2em;
		}

	.toolbar li.print a { background-position:0 1px; }
	.toolbar li.email a { background-position:0 -99px; }
	.toolbar li.feed a { background-position:0 -199px; }
	.toolbar li.mobile a { background-position:0 -149px; }
	.toolbar li.save a { background-position:0 -49px; }
	.toolbar li.readspeaker a { background-position:0 -249px; }
	.toolbar li.calendar a { background-position:0 -299px; }
	.toolbar li.refresh a { background-position:0 -363px; }

	.toolbar li.facebook-small a { background:url("../../images/icons/facebook-small.png") no-repeat; text-indent: -900em; }
	.toolbar li.twitter-small a { background:url("../../images/icons/twitter-small.png") no-repeat; text-indent: -900em;  }
	.toolbar li.googleplus-small a { background:url("../../images/icons/googleplus-small.png") no-repeat; text-indent: -900em; ; }
	.toolbar li.hyves-small a { background:url("../../images/icons/hyves-small.png") no-repeat; text-indent: -900em;  }
	.toolbar li.linkedin-small a { background:url("../../images/icons/linkedin-small.png") no-repeat; text-indent: -900em;  }

	.toolbar li.facebook-small { width: 11%; }
	.toolbar li.twitter-small { width: 11%; }
	.toolbar li.googleplus-small { width: 11%; }
	.toolbar li.hyves-small { width: 11%; }
	.toolbar li.linkedin-small { width: 11%; }

	.toolbar li.readspeaker fieldset { margin-bottom:0; }

	.toolbar li.pdf a,
	.toolbar li.download a { background:url("../../images/icons/pdf.png") 0 1px no-repeat; }

	.toolbar li.xls a,
	.toolbar li.download.xls a { background:url("../../images/icons/xls.png") 0 1px no-repeat; }
	.toolbar li.download.xls.unavailable a,
	.toolbar li.download.xls.unavailable span { background:url("../../images/icons/xls.png") 0 -99px no-repeat; }
	.toolbar li.social-networks a { padding: 0; background: none; }

.toolbar li.social-networks .share-button {
	margin-right: 50px;
}

	ul.toolbar.compact li a {
		overflow:hidden;
		text-indent:-512px;
		padding-left:0;
		width:2.1em;
	}

	ul.toolbar.compact li.readspeaker { display: none;	}
	body.js-enabled ul.toolbar.compact li.readspeaker { display: list-item; }

		ul.toolbar.compact li.readspeaker a {
			text-indent:0;
			width:auto;
			padding-left:2.1em;
		}

		.toolbar li.social-networks {
			width: 100%;
		}

		.toolbar li.social-networks .share-button {
			float: left;
		}

.box.title ul.toolbar {
	float:right;
	margin-top:0;
	margin-bottom:9px;
	clear: right;
}
	.box.title ul.toolbar li {
		width:auto;
		padding-right:0;
		padding-left:20px;
	}

.options h3 {
	display: none;
}

	/* Facebook */
	.facebook-like-button {
		background: none repeat scroll 0 0 #ECEEF5;
		border: 1px solid #CAD4E7;
		border-radius: 3px 3px 3px 3px;
		color: #3B5998;
		cursor: pointer;
		padding: 0 5px 2px;
		white-space: nowrap;
		font-size: 11px;
		display: inline-block;
		cursor: pointer;
		line-height: 1.2em;
	}
	.facebook-like-button:hover {
		border-color: #9DACCE;
	}
	.facebook-like-button i.icon {
		background-image: url("../../images/icons/facebook-15x15.png");
		background-repeat: no-repeat;
		display: inline-block;
		height: 14px;
		width: 14px;
		margin-right: 3px;
		position: relative;
		top: 3px;
	}
	.facebook-like-button a {
		text-decoration: none;
	}

	/* Twitter */
	.twitter-tweet-button {
		-moz-user-select: none;
		background-color: #F8F8F8;
		background-image: -moz-linear-gradient(center top , #FFFFFF, #DEDEDE);
		background-position: 0 0;
		border: 1px solid #CCCCCC;
		border-radius: 3px 3px 3px 3px;
		cursor: pointer;
		height: 18px;
		overflow: hidden;
		padding-right: 3px;
	}

	.twitter-tweet-button span {
		color: #333333 !important;
		font-weight: bold;
		text-shadow: 0 1px 0 #fff;
		font-size: 11px;
		font-family: Arial,sans-serif;
	}

	.twitter-tweet-button i {
		background: url("../../images/icons/twitter-15x12.png") no-repeat scroll 0 0 transparent;
		display: inline-block;
		height: 12px;
		width: 15px;
		margin-right: 3px;
		position: relative;
		top: 3px;
	}

	/* Linked In */
	.linkedin-share-button {
		background-color: #ECECEC !important;
		background-image: -moz-linear-gradient(center top , #FEFEFE 0%, #ECECEC 100%) !important;
		border-color: #E2E2E2 #BFBFBF #B9B9B9 -moz-use-text-color !important;
		border-image: none !important;
		border-radius: 0 2px 2px 0 !important;
		border-style: solid solid solid none !important;
		border-width: 1px 1px 1px 0 !important;
		padding-right: 4px;
	}

	.linkedin-share-button i {
		background: url("../../images/icons/linkedin-20x20.png") no-repeat scroll 0 0 transparent !important;
		height: 20px;
		width: 20px;
		margin-top: -1px;
		margin-bottom: -1px;
		margin-right: 3px;
		float: left;
	}

	.linkedin-share-button span {
		line-height: 16px;
		padding-top: 2px;
		float: left;
		color: #333333 !important;
		font-weight: bold;
		text-shadow: -1px 1px 0 #FFFFFF !important;
		font-size: 11px;
		font-family: Arial,sans-serif;
	}

/**
 *	Calendar
 *
 */

a[rel=dialog-calendar] img {
    margin-top: 3px;
}

div.calendar {
	position:relative;
	background:#FFF;
	margin:-10px -10px 0;
	padding:10px;
}
	div.calendar select,
	div.calendar .ie-select {
		float:none;
		border:1px solid #CCC;
		padding:2px;
		width:auto;
	}
	div.calendar select option,
	div.calendar .ie-select option { padding:0 5px; }
	div.calendar table {
		table-layout:fixed;
		margin:10px 0 0;
		top:0;
		width:100%;
	}
		div.calendar table td,
		div.calendar table th {
			padding:3px 2px 1px;
			text-align:center;
		}
		div.calendar thead th {
			color:#7F7FB2;
		}
		div.calendar tbody td {
			border-top:1px solid #FFDA68;
			cursor:pointer;
		}
			div.calendar tbody td.past {
				cursor:default;
				color:#B2B2D1;
			}
		div.calendar .weekend { background-color:#F2F2F7; }
		div.calendar tbody td.today {
			background-image:url("../../images/buttons/calendarnow.gif");
			background-position: center center;
			background-repeat: no-repeat;
		}
		div.calendar tbody td.current {
			background-image:url("../../images/buttons/calendarday.gif");
			background-position: center center;
			background-repeat: no-repeat;
		}
	#dialog-reisplanner .arrow,
	#dialog-calendar .togo-arrow,
	#dialog-date .togo-arrow {
		background-image:url("../../images/boxes/popup-arrow-white.png");
	}

/**
 *	googlemap
 */

.googlemap {
	display:block;
	width:100%;
	min-height:320px;
}

/**
 *	twitter
 */
.twitter-feed {
	position:relative;
	color:#006;
	font-size:12px;
}
	.twitter-feed h2 {
		font-size:16px;
		font-weight:normal;
	}
		.twitter-feed h2 a {
			font-size:11px;
		}

	.twitter-feed h3 {
		position:absolute;
		top:-43px;
		right:0;
		font-size:16px;
		font-weight:normal;
	}
		.twitter-feed h3 a {
			font-size:12px;
		}

	.twitter-feed a,
	.twitter-feed em {
		color:#7F7FB2;
		text-decoration:none;
		font-style:normal;
	}

.twitter-feed ul,
.twitter-feed li {
	list-style:none;
	margin-left:0;
	margin-bottom: 0;
	padding-left:0;
}

	.twitter-feed li strong {
		display:block;

	}

/* vraag en antwoord */

#vraag-en-antwoord hr.separator {
	border-color: #FFDF81;
}

#vraag-en-antwoord div.answers,
#vraag-en-antwoord div.feedback {
	position:absolute;
	right:0;
	top:31px;
	padding:10px 0 0 0;
	width:464px; /* originally 822px, temporarily halved, added separate -half version graphics. */
	border:2px solid #ffdf81;
	border-top-width:0;
	background:#ffcc33;
	z-index:3;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}

	/* temporarily disabled */
	#vraag-en-antwoord div.search-results {
		display:none !important;
	}

	#vraag-en-antwoord h3 { color:#006; clear:both; }
	#vraag-en-antwoord p { line-height:1.5; margin-bottom: 10px; overflow: hidden; }
	#vraag-en-antwoord p.loading {
		text-align:center;
		padding:1em;
		line-height:1.5;
	}

	div.vraag-en-antwoord p { overflow:hidden; }

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

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

	#vraag-en-antwoord div.search-results,
	#vraag-en-antwoord div.search-assistance {
		z-index:5;
		position:relative;
		float:left;
		padding:0 18px 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 {
			position:static;
			left:auto;
			font-size:150%;
			margin-bottom:0em;
			padding-top:.4em;
		}
			#vraag-en-antwoord div.search-assistance h2 {
				margin-bottom:1.0em;
			}

			#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:428px;
	}

#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:18px;
	top:65px;
	z-index:4;
}

#virtual-agent-static {
	right: 4px;
	top:55px;
}

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;
	}

#vraag-en-antwoord a.readspeaker,
div.virtual-agent a.readspeaker {
	float:right;
	padding:.7em 0 .3em 20px;
	text-decoration:none;
	background:url("../../images/icons/audio.png") left center no-repeat;
	margin:0.2em 14px 0 0;
	line-height: 1;
}
	#vraag-en-antwoord a.readspeaker:hover {
		text-decoration:underline;
	}

.vraag-en-antwoord {
	position: relative;
}

#agent-response .actions {
	margin: 10px 0;
}

div.virtual-agent {
	position:relative;
	width:275px;
	margin:0 0 20px 0;
	background-color:#fff;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	z-index:5;
}
	div.virtual-agent div.arrow {
		position:absolute;
		width:20px;
		height:36px;
		right:-18px;
		top:60px;
		background:url("../../images/boxes/vraagantwoord-arrow.png") 0 0 no-repeat;
	}

	div.virtual-agent h3 {
		margin-top:.5em;
	}

	div.virtual-agent form {
		padding: 10px 12px;
		background:#006;
		-moz-border-radius-topleft:7px;
		-moz-border-radius-topright:7px;
		-webkit-border-top-left-radius:7px;
		-webkit-border-top-right-radius:7px;
		border-top-left-radius:7px;
		border-top-right-radius:7px;
	}

	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 form div.search .submit {
		height:1.4em;
		min-height:20px;
		float:left;
		margin:0 -30px 0 0;
		line-height:1.0;
		display:block;
	}

	div.virtual-agent .agent-content {
		padding: 8px 12px;
		border: 2px solid #b2b2d1;
		border-top: none;
		-moz-border-radius-bottomleft:7px;
		-moz-border-radius-bottomright:7px;
		-webkit-border-bottom-left-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		border-bottom-left-radius:7px;
		border-bottom-right-radius:7px;
	}

	div.virtual-agent .toolbar {
		margin: 0;
	}

	div.virtual-agent .toolbar li {
		float: right;
		margin-top: 0;
	}

	div.virtual-agent #agent-response {
		clear: both;
		padding: 0 14px;
	}

		div.virtual-agent #agent-response {
			overflow: hidden;
		}

	div.virtual-agent p.buttons {
		margin:1.0em 0;
		clear: both;
	}

	div.virtual-agent p a.less,
	div.virtual-agent p a.more {
		float:left;
		display:block;
		padding-left:1.3em;
		background:url("../../images/icons/arrow-left-light.gif") left center no-repeat;
		text-decoration:none;
		color:#7F7FB2;
	}

	div.virtual-agent p a.more,
	#content div.virtual-agent p a.more {
		padding-right:1.3em;
		padding-left:0;
		float:right;
		background:url("../../images/icons/arrow-right-light.gif") right center no-repeat;
	}

		div.virtual-agent p a.less:hover,
		div.virtual-agent p a.more:hover {
			text-decoration:underline;
		}

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

	#vraag-en-antwoord div.virtual-agent .bottom,
	#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;
	}

	#vraag-en-antwoord div.virtual-agent form,
	#content div.vraag-en-antwoord div.virtual-agent form {
	}

	div.virtual-agent form label {
		display:none;
	}

	#canvas #content .vraag-en-antwoord .customer-service,
	#canvas #navigation #vraag-en-antwoord .customer-service {
		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;
		}

.agent-feedback {
	line-height:1.5;
	overflow:hidden;
	height:1%;
	margin-bottom:1em;
}
.agent-feedback a.more {
	display:block;
	padding-left:1.9em;
	background-image:url("../../images/icons/arrow-right-dimmed.gif");
	background-position:3px 0.3em;
	background-repeat:no-repeat;
	text-decoration:none;
	float:left;
	margin-right:50px;
}

.suggestions .solid {
	padding-bottom:5px;
	border:2px solid #d9d9e8;
}

.handheld {
    background: none #FFFFE1;
    border-bottom: 1px solid #9D9DA1;
    display: none;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 5px;
}

.for-print-promo {
	display: none;
}

.note {
	color: #7f7fb2;
	font-size: 11px;
}

/* drempelvrij styling */

a[rel=dialog-date] { display: none !important; }
body.js-enabled a[rel=dialog-date] { display: inline !important; }

/* Styling for autocomplete list with the Wicket framework */
div.wicket-aa-container {
	height: 9em;
	width: 300px;
	overflow: auto;
}

	div.wicket-aa-container ul {
		margin: 0;
	}

	div.wicket-aa {
		background-color: #fff;
		border: 1px solid #B2B2D1;
	}

	div.wicket-aa-container ul li {
		margin: 0;
		padding: 2px 4px 2px 4px;
		cursor: default;
	}

	div.wicket-aa ul li.selected {
		background-color: #3399FF;
	}

    .wicket-list {
        list-style: none;
    }

	/* Styling for jquery autocomplete */
	ul.ui-autocomplete {
		position: absolute;
		list-style: none;
		background-color: #fff;
		border: 1px solid #B2B2D1;
		height: 10.5em;
		overflow-y: scroll;
		font-size: 100%;
	}

	ul.ui-autocomplete li a {
		display: block;
		padding: 0 4px;
		color: #000;
	}

	ul.ui-autocomplete li a.ui-state-hover {
		background-color: #3399FF;
	}

	ul.ui-autocomplete li {
		margin: 0;
		cursor: default;
	}

	/* container for scrolling content */
	.scroll-container {
		border:1px solid #dfdeee;
		padding:2px;

		margin-bottom:18px;
	}
		.scroll-container .overflow {
			padding:9px 0;
			height: 100px;
			overflow: auto;
		}

		.scroll-container .overflow::-webkit-scrollbar {
		    -webkit-appearance: none;
		    width: 7px;

		}
		.scroll-container .overflow::-webkit-scrollbar-track {
			border-radius: 4px;
		    background-color: rgba(0,0,0,.25);
		}

		.scroll-container .overflow::-webkit-scrollbar-thumb {
		    border-radius: 4px;
		    background-color: rgba(0,0,0,.5);
		    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
		}
/**
 *	Generic form elements
 *
 *	By default, forms are placed in a yellow application section
 */

input {
	padding: 0;
}


fieldset {
	display:block;
	clear:both;
	margin:0 0 18px;
	padding:0;
	border:0;
}
	fieldset.section {
		padding-bottom:10px;
		border-bottom:1px solid #dfdeee;
	}
		fieldset.section.wide{
			padding-left:13px;
			padding-right:13px;
			margin-left:-13px;
			margin-right:-13px;
			width:100%;
			border-bottom:1px solid #FFCC33;
		}

        fieldset.section:last-child{
            border-bottom: none;
        }

	div.field {
		clear:both;
		margin:0;
		padding:3px 0;
		position:relative;
		overflow:hidden;
	}

	div.field.card-number {
		overflow: visible;
		z-index: 600;
	}

	div.field.hidden {
		display:none;
	}

	div.field.space {
		padding-top: 9px;
        padding-left: 11px;
	}
	.field label {
		width:110px;
		float:left;
	}
	.narrow .field label {
		width:80px;
		float:left;
	}

		.readonly label {
			font-size:0.9em;
			color:#7c79a6;
		}

		.readonly label + a.help{
			margin-left: 10px;
            margin-top: -2px;
		}



		.field span.value {
			float:left;
			margin-right:0.5em;
		}

    div.information .field {
        padding: 10px 0;
    }

        div.information .field label {
            font-weight: bold;
        }


div.indent {
	margin-left:110px;
}
	label.inline {
		padding-right:15px;
		width:auto;
	}
		label.inline.narrow { padding-right:8px;}
		label.inline.size1 { min-width: 85px;}

.vertical label, .vertical span.readonly {
	display:block;
	width:auto;
	float:none !important;
	min-height: 1.5em;
}
	.vertical label .password-strength {
		margin-left:1em;
		font-style:italic;
	}

	.vertical label.inline {
		display:inline;
	}
	.vertical .inline label {
		display:inline;
	}

.file:focus {
	outline: none;
	outline: 0;
	border:none;
}
.file:hover {cursor: pointer !important;}
div.file-container {
	overflow: hidden;
	position: relative;
	height: 28px;
}
div.file-button {
	background:url(../../images/buttons/buttons.png) no-repeat 100% -500px;
	padding-right: 5px;
	text-align: center;
}
	div.file-button span {
		font-weight: bold;
		background: url(../../images/buttons/buttons.png) no-repeat 0 -450px;
		display: block;
		padding-top: 3px;
		height: 28px;
		width: 100%;
	}

div.field input,
div.field select,
div.field .ie-select,
div.field textarea {
	float:left;
	margin-right:0.5em;
}
	input.text,
	select,
	.ie-select,
	textarea {
		background: #fff;
	}

	input.text,
	textarea,
	select,
	.ie-select {
		border:solid #E3B62D;
		border-width:0 1px 1px 0;
		font-family:Arial,sans-serif;
		font-size:100%;
		line-height:1.2;
		vertical-align:middle;
		padding:2px;
	}

textarea {
	min-height:100px;
}

input.radio,
input.checkbox {
	margin:0.1em 0.5em 0 0;
}

input.submit {
	float:right;
}

input.replaced {
	float:none;
	left:-2000px;
	position:absolute;
	width:100px;
}

div.selectgroup {
	clear:none;
	float:left;
	padding:2px 0 0 6px;
	background:#fff url(/ns2010/static/images/icons/station.png) 0 0 no-repeat;
}
	div.selectgroup .option {
		padding-left: 30px;
		clear: both;
		display: block;
		height: 40px;
	}
	div.selectgroup .option select,
	div.selectgroup .option .ie-select {
		margin-top:-2px;
	}

    .traject .selectgroup {
        float: none;
        background:#fff url(/ns2010/static/images/icons/station.png) 0 10px no-repeat;
    }

    .traject .selectgroup .option {
        height: 45px;
    }

    .traject .selectgroup .field {
        overflow: visible;
    }

    .traject .selectgroup .specific-error span {
        position: relative;
        top: -9px;
    }

div.radiogroup {
	clear:none;
	float:left;
	padding:0;
}
	div.radiogroup label {
		display:block;
		float:none;
		height:1%;
		width:auto;
		white-space:nowrap;
	}
	div.radiogroup input {
		margin:0.1em 0.5em 0 0;
		clear:left;
	}

	div.radiogroup input.text {
		clear:none;
		margin:0 .5em 0 0;
	}

	div.radiogroup .option {
		display:block;
		clear:both;
	}
		div.radiogroup .option label {
			padding-top:1px;
		}

        .section.details .radiogroup {
            margin-bottom: 20px;
        }

div.gender-selector input {
    float: none;
}

div.field a.button {
	float:left;
}
div.field input.simplelink {
	float:none;
	border:none;
	background:none;
	color: #000066;
	font-size:12px;
	font-family:inherit;
	margin:0;
	padding:0;
	overflow:visible;
	display:inline;
	text-decoration:underline;
}
	div.field input.simplelink:hover{
		cursor:pointer;
	}

span.indent {
	padding-left:40px;
}

form#form-application table {
	table-layout: fixed;
	width: 100%;
}

form#form-application td, form#form-application th {
	word-wrap: break-word;
}

/**
 *	Alternatively, forms may be placed inside a white details section
 */

.details input.text,
.details textarea,
.details select,
.details .ie-select {
	border:1px solid #b2b2d1;
	padding:2px;
	/*background:url("../../images/forms/input.gif") 0 0 no-repeat;*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
	.details div.field label,
	.details div.field span.fake {
		width:200px;
		float:left;
	}

	.details .field.vertical label {
		display:block;
		width:auto;
		float:none !important;
	}

	.details div.field label.label-offset {
	    margin-left: 20px;
	    width: 180px;
	}

	.details div.field .full {
	    width: 360px;
	    float: left;
	}

	.details div.field.default-label label {
		width: 110px;
	}

		.text-large .details div.field.default-label label {
			width: 150px;
		}

	.details div.field label.extended {
		width:auto;
		margin-top:2px;
	}
	.details div.field.indent {
		margin-left:200px;
	}

    .details div.field.last {
		margin-bottom: 20px;
	}

	.details div.field .time-dots {
	    float: left;
	    margin: 3px 5px 3px -1px;
	}

	.details span.float {
 	    float: left;
 	    margin-right: 10px;
	}

	.details div.field .date-offset {
	    margin-right: 4px;
	    float: left;
	}

	.details div.field label.inline {
		width:auto;
		max-width: 90%;
	}

	.details div.field input.float-none {
		float:none;
	}

	.details div.field div.radiogroup label {
		float: none;
		width: auto;
	}
		.details div.field div.radiogroup label.left{float:left; padding-right:25px;}

	.details div.field div.radiogroup label.inline {
		float: left;
	}

	.details div.field div.checkboxgroup label {
		padding-left: 26px;
		width: auto;
	}

	.details div.field div.checkboxgroup label a {
		display:inline;
		padding-bottom: 2px;
		padding-top: 2px;
	}

	.details .error input.text,
	.details .error textarea,
	.details .error select,
	.details .error .ie-select {
		border-color:#dc0000;
	}

	.details .accepted input.text,
	.details .accepted textarea,
	.details .accepted select,
	.details .accepted .ie-select {
		border-color:#11b000;
	}

    label.inline input{
        float: none;
        top: 2px;
        position: relative;
    }
/*
*
*	Specific error component shown under each required field
*	Used through out the whole site
*
*/

.specific-error{ overflow:visible !important;}

.error div.specific-error{
	clear:both;
	width:100%;
}
div.specific-error > span{ display:none;}
div.error span.top,
div.error span.bottom{ display:block !important;}
.error div.specific-error > span{
	background: url("/ns2010/static/images/icons/error.gif") no-repeat scroll 0px 50%;
	padding-left:25px;
	white-space:nowrap;
	display:block;
	line-height:3em;
}
.error div.specific-error span.option{
	background: none;
	padding-left:0;
	line-height: 1.5;
}

/**
 *	For complex layouts, a field-xy collection allows for grid like layouting
 *
 */
.field-item,
.field-text,
.field-1,
.field-2a,
.field-3a,
.field-3b,
.field-4a,
.field-4c,
.field-5b,
.field-5c {
	float:left;
	padding-bottom:10px;
	overflow:hidden;
}
	.field-1 { clear: both; float: none; padding-bottom: 16px; }
	.field-item { padding:0 7px 0 0; }
	.field-text { padding:0 20px 0 0; }
	.field-2a { width:50%; }
	.field-3a { width:33.3%; }
	.field-3b { width:66.7%; }
	.field-4a { width:25%; }
	.field-4c { width:75%; }
	.field-5b { width:40%; }
	.field-5c { width:60%; }

/* Layout fix in case of textarea and help icon in floated field */

.field-item textarea,
.field-text textarea,
.field-2a textarea,
.field-3a textarea,
.field-4a textarea {
	float:left;
	margin-right:3px;
}

/**
 *	Sizes
 *
 */
.size1 { width:30px; }
.size2 { width:40px; }
.size3 { width:55px; }
.size4 { width:75px; }
.size5 { width:100px; }
.size6 { width:125px; }
.size7 { width:150px; }
.size8 { width:200px; }
.size9 { width:250px; }
.size10 { width:300px; }
.size11 { width:350px; }
.size12 { width:400px; }
.size13 { width:450px; }
.size14 { width:500px; }
.size15 { width:550px; }

select.size1 { width:36px; }
select.size2 { width:46px; }
select.size3 { width:61px; }
select.size4 { width:81px; }
select.size5 { width:106px; }
select.size6 { width:131px; }
select.size7 { width:156px; }
select.size7-5 { width:176px; }
select.size8 { width:206px; }
select.size9 { width:256px; }
select.size10 { width:306px; }
select.size11 { width:356px; }

/*Fix selectbox for IE9*/
.text-medium div select{
    height: 24px !important;
}

.text-large div select{
    height: 32px !important;
}

.text-large div select{
    padding: 3px 0px 0px 3px !important;
}

/**
 * Label Sizes
 *
 */

.field label.size1 { width:30px; }
.field label.size2 { width:40px; }
.field label.size3 { width:55px; }
.field label.size4 { width:75px; }
.field label.size5 { width:100px; }
.field label.size6 { width:125px; }
.field label.size7 { width:150px; }
.field label.size8 { width:200px; }
.field label.size9 { width:250px; }
.field label.size10 { width:300px; }
.field label.size11 { width:350px; }

.details .field label.size1 { width:30px; }
.details .field label.size2 { width:40px; }
.details .field label.size3 { width:55px; }
.details .field label.size4 { width:75px; }
.details .field label.size5 { width:100px; }
.details .field label.size6 { width:125px; }
.details .field label.size7 { width:150px; }
.details .field label.size8 { width:200px; }
.details .field label.size9 { width:250px; }
.details .field label.size10 { width:300px; }
.details .field label.size11 { width:350px; }

/**
 *	Form steps
 *
 */
div.steps {
	float:left;
	margin-bottom:1.5em;
	font-size:13px;
	line-height:15px;
	background-color:#ffd65c;
	border:1px solid #ffebad;
	padding:7px 14px;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	div.steps p {
		margin:0;
		float:left;
	}
	div.steps span {
		color:#FFF5D6;
	}
	div.steps span.title {
		margin-right:5px;
		font-weight:bold;
		color:#000066;
	}
	div.steps span.numbers {
		letter-spacing:1px;
	}
		div.steps span.numbers strong {
			padding:0 0 0 20px;
			color:#000066;
			font-weight:normal;
			letter-spacing:0;
		}
		div.steps span.numbers a {
			text-decoration:none;
			padding:0 6px;
			letter-spacing:0;
			color:#4C4C94;
		}
			div.steps span.numbers a:hover {
				text-decoration:underline;
			}
		div.steps span.numbers em {
			color:#000066;
			font-weight:bold;
			font-style:normal;
		}

.nsslider {
	position: relative;
	float: left;
	margin: 4px 0 35px 0;
	height: 8px;
	background: url(../../images/forms/slider-path.gif) 0 -8px repeat-x;
}
	.nsslider .path-left,
	.nsslider .path,
	.nsslider .path-right {
		position: absolute;
		top: 0;
		height: 8px;
		background-image: url(../../images/forms/slider-path.gif);
	}
	.nsslider .path-left {
		left: -5px;
		width: 5px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.nsslider .path-right {
		right: -5px;
		width: 5px;
		background-position: 0 -16px;
		background-repeat: no-repeat;
	}
	.nsslider .fill {
		position: absolute;
		top: 1px;
		left: 0;
		height: 6px;
		/*background: #fc3;*/
	}
	.nsslider .values {
		position: absolute;
		top: 7px;
		margin: 0;
		list-style: none;
	}
	.nsslider .values li {
		float: left;
		margin: 0;
		padding: 20px 0 0 0;
		text-align: center;
		background: url(../../images/forms/slider-pipe.gif) 50% 9px no-repeat;
		cursor: default;
	}
	.nsslider .tracker {
		position: absolute;
		top: -3px;
		left: -5px;
		width: 10px;
		height: 18px;
		background: url(../../images/forms/slider-tracker.gif) 0 0 no-repeat;
	}

form.wicket-loader {
    position: relative;
}
form.wicket-loader.loading #wicket-loading {
        display: block;
}

#wicket-loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}
    #wicket-loading .layer {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: white;
            opacity: 0.75;
            z-index: 500;
    }
    #wicket-loading .message {
            position: relative;
            z-index: 501;
            margin: 200px auto 0;
            background: white;
            padding: 20px 20px 10px;
            width:380px;
            text-align:center;
            border:2px solid #FFCC33;
            border-radius:7px;
            -moz-border-radius:7px;
            -webkit-border-radius:7px;

            box-shadow:2px 2px 0 rgba(0,0,0,0.1);
            -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.1);
            -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
    }

.radiolist {
     list-style: none;
     font-size: 12px;
     margin-left: 0;
    }
    .radiolist input{
        margin-top: 0px;
        vertical-align: middle;
        margin: 0 10px 0 2px;
    }/**
 *  NS Cookie dialog
 */

/* Dialog */
#dialog-cookie {
    font-family: arial,sans-serif;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001; /* 999 */
    color: #006;
}

    #dialog-cookie * {
        font-family: arial,sans-serif;
    }

    #dialog-cookie a {
        color: #006;
        text-decoration: underline;
    }


        #dialog-cookie a:visited {
            color: #4C4C94;
        }
        
        #dialog-cookie a.back {
            margin-left: 0;   
        }
        
        #dialog-cookie a[rel="external"] img {
            display: inline;
        }

        #dialog-cookie a.forward, #dialog-cookie a.back {
            color: #4C4C94;
            background: url("../../images/icons/arrows.png") no-repeat 3px -96px;
            float: none;
            padding-left: 1.5em;
            font-size: inherit;   
        }
        
    #dialog-cookie strong {
        font-weight: bold;
    }

    
    #dialog-cookie .navigation-tools {
        list-style: none outside none;
        padding: 0;
        position: absolute;
        right: 25px;
        top: 15px;
    }
        #dialog-cookie .navigation-tools li {
            display: inline-block;
            *display: inline;
            zoom: 1;
            padding-left: 10px;
        }

    #dialog-cookie > .box {
        display: none;
        width: 600px;
        padding: 25px 35px 20px 30px;
        background: #fff;
    }
        #dialog-cookie .btn-language {
            position: absolute;
            top: 25px;
            right: 25px;
        }
        #dialog-cookie h2 {
            margin: 0 0 1em;
            font-size: 2.083333333em; /* 25/12 */
        }
        #dialog-cookie .box ol,
        #dialog-cookie .box p {
            line-height: 1.571428571em; /* 22/14 */
            font-size: 1.166666667em; /* 14/12 */
            margin: 0 0 5px;
        }
        #dialog-cookie .box ol {
            margin: 25px 0;
            padding: 0 0 0 20px;
        }
        #dialog-cookie li {
            margin: 0 0 5px;
        }
		#dialog-cookie .box a[rel="external"] > img {
            margin: 0;
            vertical-align: top;
            float: none;
        }
        #dialog-cookie .box img {
            margin: 15px 17px 0 25px;
            vertical-align: top;
            float: right;
        }
        #dialog-cookie a.forward {
            float: left;
            margin: 5px 0 0;
            font-size: 1.166666667em;
            color: #150e78;
        }
        #dialog-cookie p.actions {
            margin: 20px 0 0;
            padding: 20px 0 0;
            border-top: 1px solid #dbdcea;
        }
        #dialog-cookie a.button {
            font-family: arial, sans-serif;
            font-size: 14px;
            float: right;
            margin: 0 0 0 10px;
            padding: 0 34px 0 0;
            background: url("../../images/buttons/buttons.png") 100% -100px no-repeat;
            font-weight: normal;
            line-height: 1.0;
            text-decoration: none;
            vertical-align: middle;
        }
        #dialog-cookie a.button:hover,
        #dialog-cookie a.button.shy:hover {
            background-position:100% -150px;
        }
            #dialog-cookie a.button span {
                min-height: 28px;
                float: left;
                padding: 0 12px 0 14px;
                background: url("../../images/buttons/buttons.png") 0 0 no-repeat;
                color: white;
                line-height: 24px;
                white-space: nowrap;
                cursor: pointer;
            }
        #dialog-cookie .actions .forward {
            float: right;
            margin: 0 15px 0 0;
            font-size: 1em;
            cursor: pointer;
            background-position: 100% 5px;
        }
        #dialog-cookie .field {
            position: relative;
            float: left;
            clear: none;
        }
        #dialog-cookie .field:first-child {
            margin: 0 8px 0 0;
        }
        #dialog-cookie .back {
            float: none;
        }
            #dialog-cookie form {
                margin: 13px 0 0;
            }
            #dialog-cookie label {
                display: block;
                width: 296px;
                height: 165px;
                padding: 15px 0;
                text-align: center;
                background: #f2f2f7;
                cursor: pointer;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                border-radius: 5px;
            }
            #dialog-cookie .active {
                background: #ffd539;
                -webkit-border-radius: 5px 5px 0 0;
                -moz-border-radius: 5px 5px 0 0;
                -ms-border-radius: 5px 5px 0 0;
                -o-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
            }
                #dialog-cookie .active .bottom {
                    display: none;
                }
            #dialog-cookie label:hover,
            #dialog-cookie label:focus {
                background: #f9d746;
            }
                #dialog-cookie label span {
                    display: block;
                    /*margin: 0 0 10px;*/
                    font-weight: bold;
                    font-size: 1.5em; /* 18/12 */
                    color: #0e0065;
                }
                #dialog-cookie input[type="radio"] {
                    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                    opacity: 0;
                    left: 10px;
                    position: absolute;
                    text-align: center;
                    vertical-align: middle;
                    top: 10px;
                    z-index: 250;
                }
                #dialog-cookie .field .photo {
                    display: block;
                    width: 164px;
                    height: 126px;
                    margin: 0 auto;
                    background: url('/ns2010/static/images/cookie/standaard.png') no-repeat center top;
                }
                #dialog-cookie .field .photo.extensive {
                    background: url('/ns2010/static/images/cookie/screen.png') no-repeat center top;
                }

            /* box content */
            #dialog-cookie .box.content {
                position: relative;
                padding: 25px 0 0;
                margin: -21px 0 0;
                width: 100%;
                 -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
            }
            #dialog-cookie .box.extensive .box.content {
                background: url('/ns2010/static/images/cookie/extensive-active.jpg') no-repeat right top;
            }
            #dialog-cookie .box.standard .box.content {
                background: url('/ns2010/static/images/cookie/standard-active.jpg') no-repeat right top;
            }

            /* drawers */
            #dialog-cookie .drawers {
                margin: 10px 0;
            }
                #dialog-cookie .drawers a {
                    position: relative;
                    background-position: 93% 13px;
                    font-size: 16px;
                    padding: 10px 0 10px 90px;
                    font-weight: normal;
                }
                #dialog-cookie .drawers a:hover,
                #dialog-cookie .drawers a:focus {
                    background-position: 93% -87px;
                }
                #dialog-cookie .drawers .opened a {
                    background-position: 93% -187px;
                }
                #dialog-cookie .drawers .opened a:hover,
                #dialog-cookie .drawers .opened a:focus {
                    background-position: 93% -287px;
                }
                #dialog-cookie .drawers .even a {
                    background-color: #f2f2f7;
                }
                #dialog-cookie .drawers .info-text {
                    position: absolute;
                    top: 12px;
                    right: 22px;
                    font-size: 12px;
                }
                #dialog-cookie .drawers .icon-ok,
                #dialog-cookie .drawers .icon-cross {
                    display: block;
                    position: absolute;
                    top: 14px;
                    left: 50px;
                    width: 10px;
                    height: 13px;
                    background: url('/ns2010/static/images/cookie/icon-ok.png') no-repeat left top;
                }

                #dialog-cookie .drawers .icon-cross {
                    background-image: url('/ns2010/static/images/cookie/icon-cross.png');
                }

                #dialog-cookie .drawer-content {
                    padding: 0 0 0 90px;
                    background: #fff;
                }
                    #dialog-cookie .drawer-content p {
                        font-size: 1em;
                        color: #9291bf;
                    }

            /* actions */
            #dialog-cookie .box-actions {
                display: block;
                height: 60px;
                padding: 20px 15px 0;
                background: url('/ns2010/static/images/cookie/bg-footer.png') no-repeat left top;
            }

    #dialog-cookie .trans-layer {
        width: 100%;
    }


#dialog-cookie .box.default {
    display: block;
}

.trans-layer {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
}