body #content #sub-content .promo {
	clear:both;
	position:relative;
	padding-left:22px;
	padding-right:22px;
	background:#FC3;
	border-color:#FC3;
	border-width:2px 0;
	color:#006;
	font-size:126%;
	overflow:hidden;
}

body.page-detail #content #sub-content .promo {
	padding-left:16px;
	padding-right:16px;
	font-size:100%;
}

body.js-enabled #content #sub-content .promo {
	border:0;
}

	body #content #sub-content .promo .top {
		position:relative;
		z-index:100;
		margin-left:-22px;
		margin-right:-22px;
		padding-left:22px;
		padding-right:22px;
		background-image:url("../images/boxes/promo-big-top.gif");
	}
	
	body.page-detail #content #sub-content .promo .top {
		height:5px;
		margin-left:-16px;
		margin-right:-16px;
		padding-left:16px;
		padding-right:16px;
		background-image:url("http://www.nspoort.nl/images/boxes/promo-top.gif");
	}
	
	body #content #sub-content .promo .bottom {
		position:relative;
		z-index:100;
		margin-left:-22px;
		margin-right:-22px;
		padding-left:22px;
		padding-right:22px;
		background-image:url("../images/boxes/promo-big-btm.gif");
	}
	
	body.page-detail #content #sub-content .promo .bottom {
		height:5px;
		margin-left:-16px;
		margin-right:-16px;
		padding-left:16px;
		padding-right:16px;
		background-image:url("../images/boxes/promo-btm.gif");
	}
	
	/* promo content */
	
	body #content #sub-content .promo .promo-visual {
		width:450px;
		height:250px;
		position:absolute;
		top:0;
		left:0;
		background-repeat:no-repeat;
	}
	
	body.page-detail #content #sub-content .promo .promo-visual {
		width:315px;
		height:175px;
	}
	
		body #content #sub-content .promo .promo-visual p {
			margin:1em;
			font-size:80%;
		}

		body #content #sub-content .vergaderen .promo-visual {
			position:relative;
			left:-22px;
			height:auto;
		}
	
	body #content #sub-content .promo h2 {
		font-size:172%;
		margin-bottom:0.2em;
	}
	
	body.page-detail #content #sub-content .promo h2 {
		font-size:162%;
	}
	
		body #content #sub-content .promo h2 a {
			text-decoration:none;
			color:#006 !important;
		}
	
	body #content #sub-content .promo ul,
	body #content #sub-content .promo ol {
		margin-top:1em;
		margin-bottom:1.5em;
	}
	
	body #content #sub-content .promo .button {
		font-size:79%;
	}
	
	body.page-detail #content #sub-content .button {
		font-size:100%;
	}

/* light version (yellow border) */

body #content #sub-content .promo.light,
body #content #sub-content .promo.visual2 {
	background:url("../images/boxes/promo-big-light.gif") #FFF repeat-y;
}

body.page-detail #content #sub-content .promo.light,
body.page-detail #content #sub-content .promo.visual2,
body.page-reisplanner #content #sub-content .promo.visual4 {
	background:url("../images/boxes/promo-light.gif") #FFF repeat-y;
}

	body #content #sub-content .promo.light .top,
	body #content #sub-content .promo.visual2 .top {
		background-image:url("../images/boxes/promo-big-light-top.gif");
	}
	
	body.page-detail #content #sub-content .promo.light .top,
	body.page-detail #content #sub-content .promo.visual2 .top {
		background-image:url("http://www.nspoort.nl/images/boxes/promo-light-top.gif");
	}
	
	body.page-reisplanner #content #sub-content .promo.visual4 .top {
		background-image:url("../images/boxes/promo-light-top2.gif");
		height:9px;
	}
	
	body #content #sub-content .promo.light .bottom,
	body #content #sub-content .promo.visual2 .bottom {
		background-image:url("../images/boxes/promo-big-light-btm.gif");
	}
	
	body.page-detail #content #sub-content .promo.light .bottom,
	body.page-detail #content #sub-content .promo.visual2 .bottom {
		background-image:url("../images/boxes/promo-light-btm.gif");
	}

body.page-detail #content #main-content .promo.visual5,
body.page-reisplanner #content #sub-content .promo.visual5 {
	background:url("../images/boxes/promo-bigger-light.gif") #FFF repeat-y;
}

	body.page-detail #content #main-content .promo.visual5 .top,
	body.page-reisplanner #content #sub-content .promo.visual5 .top {
		background-image:url("http://www.nspoort.nl/images/boxes/promo-bigger-light-top.gif");
		height:9px;
	}
/* visual 1 */

body #content #sub-content .promo.visual1 {
	padding-top:264px;
	border-top:0;
}

body.page-detail #content #sub-content .promo.visual1 {
	padding-top:185px;
}	
		
	body #content #sub-content .promo.visual1 .top {
		display:none;
	}

/* visual 2 */

body #content #sub-content .promo.visual2 {
	height:12.4em;
	padding-left:222px;
	padding-bottom:4em;
}

body.page-detail #content #sub-content .promo.visual2 {
	height:10.4em;
}

body.page-detail #content #sub-content .promo.visual2 {
	padding-left:156px;
}
	
	body #content #sub-content .promo.visual2 .top {
		margin-left:-222px;
		margin-bottom:1.2em;
		padding-left:222px;
	}

	body.page-detail #content #sub-content .promo.visual2 .top {
		margin-left:-156px;
		margin-bottom:1.2em;
		padding-left:156px;
	}
		
	body #content #sub-content .promo.visual2 .bottom {
		position:absolute;
		left:0;
		bottom:0;
		width:450px;
		padding:0;
		margin:0 !important;
	}
	
	body.page-detail #content #sub-content .promo.visual2 .bottom {
		width:315px;
		height:5px;
	}
	
	body #content #sub-content .promo.visual2 .promo-visual {
		width:222px;
		height:246px;
		position:absolute;
		left:2px;
		top:auto;
		bottom:0;
		z-index:90;
		margin:0;
		background-position:0 100%;
		background-repeat:no-repeat;
		background-color:transparent;
	}
	
	body.page-detail #content #sub-content .promo.visual2 .promo-visual {
		width:156px;
	}
	
	body.js-enabled #content #sub-content .promo.visual2 .promo-visual {
		bottom:2px;
	}
	
	body #content #sub-content .promo.visual2 h2 {
		font-size:200%;
		line-height:1.25;
	}
	
	body.page-detail #content #sub-content .promo.visual2 h2 {
		font-size:172%;
	}
	
	body #content #sub-content .promo.visual2 .button {
		position:absolute;
		right:22px;
		bottom:12px;
	}
	
	body.page-detail #content #sub-content .promo.visual2 .button {
		right:16px;
		bottom:6px;
	}

/* visual 3 */
body #content #sub-content .promo.visual3,
body #content #sub-content .promo.visual4,
body #content #main-content .promo.visual5,
body #content #sub-content .promo.visual5 {
	padding-bottom:114px !important;/*118px - 4px*/
	min-height:75px;
	overflow:visible
}

body #content #sub-content .promo.visual3 .highlight{
	color:#4C4C94;
	font-size:162%;
	line-height:.5;
	margin-bottom:0;
}	

	body #content #sub-content .promo.visual3 .bottom,
	body #content #sub-content .promo.visual4 .bottom,
	body #content #main-content .promo.visual5 .bottom,
	body #content #sub-content .promo.visual5 .bottom,
	body #content #sub-content .promo.vergaderen .bottom {
		display:none;
	}

	body #content #sub-content .promo.visual3 .promo-visual,
	body #content #sub-content .promo.visual4 .promo-visual,
	body #content #main-content .promo.visual5 .promo-visual,
	body #content #sub-content .promo.visual5 .promo-visual {
		width:315px;
		height:118px !important;
		position:absolute;
		padding:0;
		margin:0;
		top:auto;
		bottom:0;
		left:0;
		background-repeat:no-repeat;
		margin-bottom:-4px;
	}
	

/* visual 4 */
	body.page-reisplanner #content #sub-content .promo.visual4 h2,
	body #content #sub-content .promo.visual5 h2 {
		font-size:142%;
		margin-bottom:0;
	}
	
	body #content #sub-content .promo.visual4 p,
	body #content #main-content .promo.visual5 p,
	body #content #sub-content .promo.visual5 p {
		position:relative;
		display:block;
		z-index:2;
		
	}
	
	body.page-reisplanner #content #sub-content .promo.visual4 p,
	body #content #sub-content .promo.visual5 p {
		font-size:85%;
		margin-top:0;
		margin-bottom:1.5em;
	}
		
	body #content #sub-content .promo.visual4 .promo-visual,
	body #content #main-content .promo.visual5 .promo-visual,
	body #content #sub-content .promo.visual5 .promo-visual {
		height:145px !important;
		z-index:1;
	}		
		
		body #content #sub-content .promo.visual4 .promo-visual .buttons,
		body #content #main-content .promo.visual5 .promo-visual .buttons,
		body #content #sub-content .promo.visual5 .promo-visual .buttons {
			margin:70px 16px 0 0;
			overflow:hidden;
			z-index:100;
		}	
		
			body #content #sub-content .promo.visual4 .promo-visual .buttons .button,
			body #content #main-content .promo.visual5 .promo-visual .buttons .button,
			body #content #sub-content .promo.visual5 .promo-visual .buttons .button {
				display:block;
				float:right;
				margin-bottom:8px;
				clear:both;
			}	
	
/* visual 5 */
body #content #main-content .promo.visual5,
body #content #sub-content .promo.visual5 {
	position:relative;
}

	body #content #main-content .promo.visual5 h2 {
		font-size:162%;
		margin-bottom:.2em;
	}
	
	body #content #main-content .promo.visual5 p {
		margin-top:0;
		font-size:120%;
	}

body #content #main-content .promo.visual5 .promo-visual,
body #content #main-content .promo.visual5 .promo-visual .top,/* nodig? */
body.page-reisplanner #content #sub-content .promo.visual5 .promo-visual, 
body.page-reisplanner #content #sub-content .promo.visual5 .promo-visual .top {
	width:556px !important;
}

/* promo's reisplanner */
.promo-container1 {
	width:315px;
	float:left;
}

.promo-container2 {
	width:556px;
	float:right;
}

/* Vergaderen */

#vergaderenflash {
	position:relative;
	z-index:101;
	margin:-21px -22px 0 -22px;
	padding-bottom:10px
}