/*
	Stylesheet for Partena

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	Author:     Yoni De Beule <yoni@netlash.com>
	            Jonathan Billen <jonathan@netlash.com>
	            Stephen Verhalleman <stephen@netlash.com>
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

body {
	font: 62.5% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 1.5;
	background: #4f4f4f url(../images/bg.gif) repeat-x top left;
}

/*
	Typography and text styles
*/

p { 
	padding: 0 0 12px 0;
}

h2, h3 { 
	line-height: 1.1; 
}

h1 { 
	font-size: 2.8em; 
	font-weight: 500; 
	color: #FFF; 
	padding: 0 0 10px 0; 
}

	h1 .sub { 
		font-size: 0.6em; 
	}

h2 { 
	font-size: 1.8em; 
	font-weight: 500; 
	color: #629900; 
	margin: 0 0 8px 0; 
}

	h2.green {
		font-size: 1.3em;
		font-weight: 500;
		color: #FFF;
		background: #89C404 url(../images/h2_bg.gif) repeat-x 0 0;
		padding: 12px 7px;
		width: 152px;
		margin: 20px 0;
	}

h3 { 
	font-size: 1.4em; 
	font-weight: 700; 
	padding: 0 0 4px 0; 
}

h4 { 
	font-size: 1.1em; 
	font-weight: 700; 
	padding: 0 0 2px 0; 
}


/* Links */

a { 
	border-bottom: 1px solid #666; 
	text-decoration: none; 
}

a:link {
	color: #056EAF;
	border-color: #ADCFE5; 
}

a:visited { 
	color: #0B5C8E; 
	border-color: #ADCFE5;
}

a:hover {
	color: #056EAF;
	border-color: #056EAF;
}

a:active { 
	color: #056EAF; 
	border-color: #056EAF;
}

/* Forms */

input, textarea, select { color: #666; font-size: 1.1em; border: 1px solid #ddd; }
input { height: 18px; padding: 4px 5px 2px 5px; margin: 0 0 6px 0; }
input:focus, textarea:focus, select:focus { border: 1px solid #999; }

button::-moz-focus-inner{ padding:0; border:none; }

button {
	background: transparent url(../images/button_zoek_right.gif) no-repeat top left;
	height: 24px;
	padding: 0 0 0 3px;
	margin: 0;
	border: 0;
	float: left;
	cursor: pointer;
	font-weight: 500;
}

label {
	display: block;
	padding-bottom: 6px;
}

button span {
	white-space: nowrap;
	display: block;  
	background: transparent url(../images/button_zoek_left.gif) no-repeat top right;
	height: 24px;
	line-height: 24px;
	padding: 0 10px 0 7px;
	float: left;
}

button:hover,
button:active {
	background: transparent url(../images/button_zoek_right_hover.gif) no-repeat top left;
}

button:hover span,
button:active span {
	color: #fff;
	background: transparent url(../images/button_zoek_left_hover.gif) no-repeat top right;
}

/* likeButton */

a.button { 
	background: transparent url(../images/button_left.gif) no-repeat top left; 
	padding: 0 0 0 7px; 
	border: 0; 
	float: left;
}

a.button span {
	background: transparent url(../images/button_right.gif) no-repeat top right;
	float: left;
	height: 18px;
	line-height: 18px;
	color: #323b41;
	font-weight: bold;
	font-size: 11px;
	padding: 6px 10px 6px 3px;
	cursor: pointer;
	}

a.button:link {
	color: #323b41; 
	border: 0; 
}

a.button:visited { 
	color: #323b41; 
	border: 0; 
}

a.button:hover { 
	background: transparent url(../images/button_left_hover.gif) no-repeat top left; 
	border: 0;
	}

a.button:hover span {
	background: transparent url(../images/button_right_hover.gif) no-repeat top right; 
	color: #fff; 
	border: 0; 
}

a.button:active span {
	color: #323B41;
}

/* rss-button */

a.rssButton { 
	background: transparent url(../images/button_left.gif) no-repeat top left; 
	padding: 0 0 0 7px; 
	border: 0; 
	float: left;
}

a.rssButton span {
	background: transparent url(../images/rss_right.gif) no-repeat top right;
	float: left;
	height: 18px;
	line-height: 18px;
	color: #323b41;
	font-weight: bold;
	font-size: 1.1em;
	padding: 6px 30px 6px 3px;
	cursor: pointer;
}

a.rssButton:link { 
	color: #323b41;
	border: 0;
}

a.rssButton:visited {
	color: #323b41; 
	border: 0;
}

a.rssButton:hover { 
	background: transparent url(../images/button_left_hover.gif) no-repeat top left; 
	border: 0;
}

a.rssButton:hover span { 
	background: transparent url(../images/rss_right_hover.gif) no-repeat top right; color: #fff; 
	border: 0; 
}

a.rssButton:active span { 
	color: #323b41;
}


/* formBlock specific */

.formBlock {
	padding-top: 12px;
}

.formBlock fieldset {
	width: 366px; /* extra-width for IE6 */
}

.formBlock p {
	padding-bottom: 6px;
}

.formBlock label {
	float: left;
	width: 100px;
	padding-bottom: 6px;
	margin-top: 4px;
}

.formBlock input {
	width: 250px;
}

.formBlock .inputSubmit {
	float: left;
}

.formBlock .lastChild {
	border-top: 1px solid #EFEFEF;
	padding-top: 12px;
}

	/* form errors */
	
	.input-text-error {
		background:#FFDFDF none repeat scroll 0 0;
		border-color:#FF9B9B;
	}

	.form-error {
		display: block;
		background: #FFDFDF none repeat scroll 0 0;
		border: 1px solid #FF9B9B;
		color: red;
		padding: 6px;
	}
	
	.form-succes {
		display: block;
		color: #2e6c01;
		background: #edfed2;
		border: 1px solid #d2e6b3;
		padding: 6px;
	}

	/* salutation */

	#salutation_female, #salutation_male {
		float: left;
		margin: 3px 6px 0 0;
		border: none;
		width: 20px;
	}
	
	.formBlock label.male, .formBlock label.female {
		float: left;
		width: 65px;
	}

	/* section */

	form .section {
		font-size: 1.2em;
		padding-bottom: 6px;
	}

	form .section ul {
		float: left;
		width: 250px;
		list-style: none;
		padding: 0;
		font-size: 1em;
	}

	form .section ul li {
		zoom: 1; /* IE6 haslayout fix */
	}

	form .section ul li label {
		padding-bottom: 0;
		width: 250px;
	}

	form .section ul li .checkbox {
		width: 20px;
		border: none;
		margin-right: 6px;
	}

/* Inputs by ID */

#postal, #box, #number {
	float: left;
	width: 35px;
}

#city {
	float: left;
	width: 120px;
}

/* Labels by class */

.formBlock label.box {
	padding-left: 12px;
	float: left;
	width: 40px;
}

.formBlock label.city {
	padding-left: 12px;
	float: left;
	width: 70px;
}

/*
	Page structure
*/

#container { 
	width: 936px; margin: 0 auto; 
	min-height: 100%; 
	height: auto !important; 
	background: url(../images/bg_wrapper.gif) repeat-y top left; 
}

	#home #container{ 
		background-image: url(../images/bg_wrapper_home.gif); 
	}

#containerwellness { 
	width: 936px; 
	margin: 0 auto;
	background: #FFF;
	overflow: hidden; 
}

/* topbar */

#topbar { 
	background-color: #dfeaf1; 
	height: 30px; 
	font-size: 1.1em; 
}

/* Header */

#header { 
	background-color: #fff; 
	position: relative; 
	height: 96px; color: #333; 
	font-size: 1.1em; 
}

/* top */

#top { 
	background-image: url(../images/bg_top.jpg); 
	background-position: top left; background-repeat: no-repeat; 
	padding: 18px 0 0 0; min-height: 280px; height: auto !important; height: 280px;
}

#bewegen #top { 
	background-image: url(../images/bg_top_bewegen.jpg); 
}

#voeding #top { 
	background-image: url(../images/bg_top_eten.jpg); 
}

#genieten #top { 
	background-image: url(../images/bg_top_genieten.jpg); 
}

#gezondheid #top { 
	background-image: url(../images/bg_top_gezondheid.jpg); 
}

#grootWorden #top { 
	background-image: url(../images/bg_top_groter_worden.jpg); 
}

#zwanger #top { 
	background-image: url(../images/bg_top_zwanger.jpg); 
}

#top.home { 
	background-image: url(../images/bg_top_home.jpg); 
	padding: 18px 0 0 0; 
	min-height: 295px; 
	height: 295px; 
}

#wellness #top { 
	background-image: url(/modules/core/layout/images/bg_top_wellness.jpg); 
	padding: 18px 0 0 0; 
	min-height: 295px; 
	height: 295px; 
}

/* kolom links */

#column_left { 
	width: 216px; float: left; 
	padding: 0 0 20px 0; 
	overflow: hidden;
}

/* kolom centraal */

#column_center { 
	width: 480px; 
	float: left; 
	padding: 0 24px 20px 0; 
	position: relative; 
	overflow: hidden; 
}

#home #column_center { 
	overflow: visible; 
}

/* kolom total */
#column_total { 
	width: 900px; float: left; 
	padding: 0 0 20px 0;
	margin: 20px; 
	overflow: hidden;
}
#column_total h1 { margin: 0 0 80px 0; }

/* kolom rechts */

#column_right { 
	width: 216px; 
	float: left; 
	padding: 0 0 20px 0; 
}

#home #column_right { 
	padding-bottom: 0;
}

/* Footer */
#footer { width: 896px; background-color: #272e33; padding: 10px 20px 0 20px; margin: 0 auto 40px auto; color: #fff; line-height: 1.8em; }

/*
	Layout styles
*/

/* topbar */
#topbar {
	width: 936px;
	margin: 0 auto;
	overflow: hidden;
	}

#topbarWrapper {
	float: left;
	position: relative;
	left: 50%;
	}

#topbar ul {
	position: relative;
	left: -50%;
	}

#topbar ul li {
	float: left;
	}
	
#topbar ul li a {
	height: 30px;
	float: left;
	border-bottom: 0;
	padding: 0 6px;
	line-height: 30px;
	}

#topbar ul li a:link { color: #485258; }
#topbar ul li a:visited { color: #485258; }
#topbar ul li a:hover, #topbar ul li a.active { color: #fff; background-color: #0094C7; }
#topbar ul li a:active { color: #fff; background-color: #447a9a; }

/* header */
#header a { font-weight: normal; }
#header a:link { color: #666; border-color: #666; }
#header a:visited { color: #666; border-color: #666; }
#header a:hover { color: #000; border-color: #000; }
#header a:active { color: #666; border-color: #666; }

/* Logo */
#header h1, #header h2 {
	width: 170px;
	height: 76px;
	background: transparent url(../images/logo.gif) no-repeat top left;
	text-indent: -9999px;
	position: absolute; bottom: 2px;
	padding: 0;
	margin: 0;
	}

#header h1 a, #header h2 a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	margin: 0;
	border: 0;
	}

/* metanav */
#metanav { position: absolute; top: 25px; right: 110px; font-weight: bold; }
#metanav li { display: inline; padding: 0 5px; }

/* language */
#language { position: absolute; top: 25px; right: 5px; font-weight: bold; }
#language li { display: inline; padding: 0 5px; text-transform: uppercase; }
#language a { font-weight: bold; }

/* accessibility */
#accessibility { position: absolute; bottom: 0; right: 260px; width: 50px; height: 20px; line-height: 1.1; }
#accessibility a { font-weight: bold; float: right;}
#accessibility a span { text-transform: uppercase; }
#accessibility .firstletter { font-size: 11px; }
#accessibility .secondletter { font-size: 13px; }
#accessibility .thirdletter { font-size: 15px; }

/* search */
#search { position: absolute; bottom: 0; right: 0; width: 244px; }
#searchAgain { width: 500px; padding-bottom: 24px; }
#search input, #searchAgain input { margin: 0 5px 0 0; float: left; width: 150px; }
#search button { float: right; margin-top: 1px; width: 75px;}
#searchAgain button { float: left; margin-top: 1px; }

/* searchResults */
#searchResults ul {
		list-style: none ;
		padding-left: 0;
}

#searchResults ul li {
		margin-bottom: 12px;
		padding-bottom: 12px;
		border-bottom: 1px solid #efefef;
}

#searchResults h3 {
		padding-bottom: 24px;
}

/* search over all sites */

label.searchAll {
	clear: both;
	padding-top: 6px;
}

h4.resultSite {
	padding-top: 6px;
}

#search input#all , #searchAgain input#all {
border: none;
width: auto;
}

/* main navigation */
#mainnav { height: 46px; font-size: 1.4em; font-weight: bold; }
#mainnav li { float: left; padding: 8px 0 0 0; background: url(../images/navigation/divider.gif) no-repeat bottom right; position: relative; }
#mainnav li a { height: 38px; float: left; border-bottom: 0; padding: 0 18px; line-height: 38px; }
#mainnav li a:link { color: #fff; }
#mainnav li a:visited { color: #fff; }
#mainnav li a:hover { color: #fff; background-color: #629900; }
#mainnav li a:active { color: #fff; }
#mainnav li.active a { background: #629900; }
#mainnav li.active img { position: absolute; left:0; top: 0; width: 100%; height: 8px; }

/* breadcrumbs */

#breadcrumbs { 
	margin: 15px 0 5px 20px; 
	color: #FFF; 
	font-size: 1.1em; 
}

	#breadcrumbs p { 
		padding: 0;
	}

	#breadcrumbs p span {
		font-weight: bold;
	}

	#breadcrumbs a {
		color: #fff;
	}

	#breadcrumbs a:link, #breadcrumbs a:visited {
		color: #fff; 
		border-color: #B4D080;
	}

#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {
	color: #fff; 
	border-color: #fff;
}

/* introparagraaf op homepage */
#intro { padding: 0 0 0 20px; height: 132px; width: 660px; color: #fff; overflow:hidden; }
#intro h1 { padding-bottom: 0; padding-top: 8px;}
#intro p { font-size: 1.4em; }
#intro a, #intro a:link, #intro a:visited { font-weight: bold; color: #fff; border-color: #f9ae84; }
#intro a:hover, #intro a:active { font-weight: bold; color: #fff; border-color: #fff; }
#content p.introContent { font-size: 1.2em; }

#intro a.button {
	height: 30px;
	background: transparent url(../images/button_intro_left.gif) no-repeat top left;
	padding: 0 0 0 5px;
	float: right;
	margin: 0 20px 0 0;
	border-bottom: 0;
	color: #b25300;
	font-weight: bold;
	font-size: 0.75em;
	overflow: visible;
	cursor: pointer;
	}

#intro a.button span {
	float: left;
	height: 18px;
	line-height: 18px;
	background: transparent url(../images/button_intro_right.gif) no-repeat top right;
	padding: 6px 10px 6px 5px;
	}

#intro a.button:link { color: #b25300; }
#intro a.button:visited { color: #b25300; }
#intro a.button:hover { background: transparent url(../images/button_intro_left_hover.gif) no-repeat top left; }
#intro a.button:hover span { background: transparent url(../images/button_intro_right_hover.gif) no-repeat top right; color: #fff; }
#intro a.button:active span { color: #b25300; }

/* overlay image */

#column_center h2.overlayimagenl {
	width: 120px;
	height: 122px;
	background: transparent url(../images/glossy.png) no-repeat top left;
	text-indent: -9999px;
	position: absolute;
	top: -38px;
	left: -38px;
	padding: 0;
	margin: 0;
}
	
	#column_center h2.overlayimagefr {
		width: 120px;
		height: 122px;
		background: transparent url(../images/glossy_fr.png) no-repeat top left;
		text-indent: -9999px;
		position: absolute;
		top: -38px;
		left: -38px;
		padding: 0;
		margin: 0;				
	}

#column_center h2.overlayimage a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	margin: 0;
	border: 0;
	}

/* partena op het web */

#ontheweb { 
	padding: 0 0 50px 24px;
}

#ontheweb a { 
	border-bottom: none; 
	display: block; 
	float: left; 
	margin: 0 10px 0 0;
}

/* subnav */

#subnav { 
	background-color: #CDE6F1; 
	background-image: url(../images/bg_subnav.gif); 
	background-position: bottom left; background-repeat: no-repeat; 
	padding: 0 0 55px 0; margin: 90px 0 0 0; 
	overflow: hidden;
}

#subnav li { 
	border-top: 1px solid #B0CDDC; 
	zoom:1; /* IE6 haslayout fix */
}

#subnav li a { 
	display: block; 
	color: #323B41; 
	font-weight: 700; 
	border: none; 
	padding: 7px 12px; 
	font-size: 1.3em; 
	zoom:1; /* IE6 haslayout fix */
}

#subnav li a:link, #subnav li a:visited { 
	color: #323B41; 
}

#subnav li a:hover { 
	color: #FFF; 
	background-color: #0094C7; 
}

#subnav li a:active { 
	color: #FFF; 
	background-color: #0681BA; 
}

#subnav li.active a,
#subnav li.active a:link,
#subnav li.active a:visited,
#subnav li.active a:hover,
#subnav li.active a:active,
#subnav li.active a:focus { 
		color: #FFF; 
		background-color: #0681ba;
}

/* subnav  niveau 2 */

#subnav li.active ul { 
	background-color: #AFD7E9;
	padding: 3px 0;  
}

#subnav li.active ul li { 
	border: none; 
}

#subnav li.active ul li a { 
	background-color: #AFD7E9; 
	color: #323b41; 
	border-top: none; 
	padding: 7px 12px; 
}

#subnav li.active ul li a:link, #subnav li.active ul li a:visited { 
	background-color: #AFD7E9; 
	color: #323b41; 
}

#subnav li.active ul li a:hover, #subnav li.active ul li a:focus { 
	color: #05649F; 
	background-color: #CDE6F1; 
}

#subnav li.active ul li.active a,
#subnav li.active ul li.active a:link,
#subnav li.active ul li.active a:visited,
#subnav li.active ul li.active a:hover,
#subnav li.active ul li.active a:active,
#subnav li.active ul li.active a:focus { 
	color: #05649F; 
	background-color: #AFD7E9; 
}

/* subnav  niveau 3 */

#subnav li.active ul li.active ul li { 
	border-top: none;
	padding-left: 16px; 
}

#subnav li.active ul li.active ul li a { 
	background: #AFD7E9; 
	color: #323b41; 
	border-top: 1px solid #74b9d9; 
	padding: 7px 24px 7px 12px;
	font-size: 0.9em; 
}

#subnav li.active ul li.active ul li a:link, #subnav li.active ul li.active ul li a:visited { 
	background: #AFD7E9; 
	color: #323b41; 
}

#subnav li.active ul li.active ul li a:hover, #subnav li.active ul li.active ul li a:focus { 
	background: #AFD7E9 url(../images/arrow.gif) no-repeat 185px 10px; 
	color: #05649F; 
}

#subnav li.active ul li.active ul li.active a,
#subnav li.active ul li.active ul li.active a:link,
#subnav li.active ul li.active ul li.active a:visited,
#subnav li.active ul li.active ul li.active a:hover,
#subnav li.active ul li.active ul li.active a:active,
#subnav li.active ul li.active ul li.active a:focus { 
	background: #AFD7E9 url(../images/arrow.gif) no-repeat 185px 10px; 
	color: #05649F; 
}

/* health block*/

#home .health { 
	margin: 40px 0 20px 0; 
	background-color: #E6F3FB; 
	position: relative;
}

	.health .healthMain {
		padding: 20px 24px; 
	}

	.health .healthBlock {
		background: url(../images/hor_divider.gif) repeat-x 0 bottom;
		font-size: 0.9em;
		padding-bottom: 6px;
		margin-bottom: 12px;
	}

		.imageHolder {
			background: #FFF;
			padding: 1px;
			border: 1px solid #cfd8de;
			width: 93px;
			overflow: hidden;
			float: left;
		}

		.imageHolder a {
			border-bottom: none;
		}

		.imageHolder img {
			display: block;
			width: 93px;
		}

		.health .healthContent {
			float: right;
			width: 344px;
		}
		.health .healthContent p {
			display: inline;
		}
		.health .healthContent ul {
			list-style: disc;
			margin: 0 0 0 15px;		
			font-size: 1.2em;
		}
		#home .health .healthContent {
			width: 296px;
		}

/* health readMore */

.health .healthContent .readMore {
	display: block;
}

#home .health .healthContent .readMore {
	display: inline;
}

	#home .health .green {
		width: auto;
		margin: 0;
		padding-left: 90px;
	}

	.health .likeButtons li{ 
		float: right;
		padding-left: 12px; 
	}

	.health a.button { 
		float: right; 
	}

/* content */

#content { margin: 40px 0 20px 0; padding: 0 0 0 24px; }
#home #content { margin-top: 20px;}
#content p { font-size: 1.2em; }
#content a:link, #content a:visited { color: #056eaf; border-color: #adcfe5; }
#content a:hover, #content a:active { color: #056eaf; border-color: #056eaf; }

#content .cta { 
	background-color: #e6f3fb; 
	padding: 10px 20px; 
	margin: 10px 0; 
	z-index: 999; 
}

	#content .cta p { 
		margin: 5px 0 0 0; 
		background: url(../images/arrow.gif) no-repeat 0 5px; 
		padding: 0 0 4px 20px; 
		font-size: 1.2em; 
	}

	#content .cta ul { 
		margin: 5px 0 0 0; 
		padding: 0; 
		list-style: none; 
		font-size: 1.2em;	
	}

	#content .cta ul li { 
		background: url(../images/arrow.gif) no-repeat 0 5px;
		padding: 0 0 4px 20px; 
	}
	
	#content .cta ul.ulWedstrijd li { 
		background: none;
		padding: 0 0 4px 20px;
	}

	#content .cta a { 
		font-weight: 700; 
	}

#content p.arrow, p.arrow { 
	background: url(../images/arrow.gif) no-repeat 0 5px;
	padding: 0 0 0 14px; 
	font-size: 1.2em; 
}

/* introContent */

#introContent {
	font-size: 1.1em;
}

/* spotlights centraal homepage */

#column_center .spotlight { 
	float: left; 
	width: 215px; 
	height: 100px; 
	margin: 0 10px 24px 0; 
	overflow: hidden;
}

/* Extrahome */

.extraHome {
	margin-top: 24px;
	background: #f4f4f5;
	padding: 20px;
	clear: both;
}

.extraHome .left {
	float: left;
	width: 175px;
	padding-right: 20px;
	border-right: 1px solid #cfcfcf;
	line-height: 2;
}

.extraHome .right {
	float: left;
	width: 175px;
	padding-left: 32px;
	border-right: none;
	line-height: 2;
}

.extraHome ul a { border-bottom: 0; }
.extraHome ul a:hover { border-bottom: 1px solid #056eaf; }

/* activiteiten */

#column_center #events ul h3 {
	font-size: 1.17em;
}

	#column_center #events h3 a { 
		color: #056eaf; 
		border-bottom: 0; 
	}

	#column_center #events h3 a:hover { 
		border-bottom: 1px solid #056eaf; 
	}

#column_center #events ul { 
	list-style-type: none; 
	color: #26272c; 
	font-weight: 500; 
	padding: 0; 
	margin: 0 0 12px 0; 
	font-size: 1.2em;
}

	#column_center #events ul li { 
		margin-bottom: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid #B0CDDC;
	}

	#column_center #events ul li p {
		padding: 4px 0 6px 0;	
	}
	
#column_center #events ul .date {
	font-size: 0.8em;
}

/* activiteiten detail; health detail */

#column_center #eventdetail .text, #column_center #healthdetail .text {
	padding: 24px 0;
}

	/*padding on the browse template*/
	#column_center #events ul h4.date {
		padding-bottom: 4px;
	}

	#column_center #events .button {
		margin-right: 6px;
	}

/* banners rechterkolom */

#banners { 
	background-color: #fff; 
	padding: 0 0 20px 0; 
	width: 216px; 
	overflow: hidden; 
}

	#banners .spotlight { 
		width: 200px; 
		height: 100px; 
		margin: 0 0 10px 0; 
		overflow: hidden; 
}

/* knoppen rechterkolom */

#buttons { 
	padding: 20px 24px;
	margin: 174px 0 30px 0;
	text-align: center;
	background: url(../images/hor_divider.gif) repeat-x 0 bottom;
}

	#home #buttons { 
		margin-top: 42px;
		background: #ECF6FC;
	}

#buttons a { 
	display: block;  
	height: 36px; 
	background: transparent url(../images/button_cta_left.gif) no-repeat scroll top left; 
	padding: 0 0 0 10px; 
	border-bottom: 0; 
	font-size: 1.1em; 
	color: #323b41; 
	font-weight: 700; 
}

	#buttons a span { 
		display: block; 
		line-height: 36px; 
		padding: 0 5px 0 0; 
		background: transparent url(../images/button_cta_right.gif) no-repeat top right; 
	}

#buttons a:hover { 
	background: transparent url(../images/button_cta_left_hover.gif) no-repeat scroll top left; 
}

	#buttons a:hover span { 
		background: transparent url(../images/button_cta_right_hover.gif) no-repeat top right; color: #fff;
	}

#buttons p { 
	padding-bottom: 4px;
}


/* spotlight rechterkolom */

#column_right #spotlight { margin: 0 24px; font-size: 1.1em; }
#column_right #spotlight ul { font-size: 0.9em; }
#column_right #spotlight h2 { font-size: 1.5em; }
#column_right #spotlight p.cta { background: url(../images/bullet_cta_2.gif) 0 4px no-repeat; font-weight: bold; padding: 0 0 12px 18px; }
#column_right #spotlight .cta a { border-bottom: none; }
#column_right #spotlight .cta a:hover { color: #056eaf; border-bottom: 1px solid #056eaf; }
#column_right #spotlight .spotlightBlock { 
	margin-bottom: 24px;
}

/* waarom rechterkolom */

#spotlight .waarom ul {
	padding: 0 0 4px 0;
	margin-bottom: 12px;
	list-style: none;
}

#spotlight .waarom ul li { 
	padding: 0 0 8px 16px;
	background: url(../images/checks.gif) no-repeat 0 3px;
}

/* introTekst */

#introContent p { 
	font-size: 1.2em;
}

#introContent .cta {
	font-size: 1em;
	margin-top: 0;
}

/*
	Footer
*/

#footer a, #footer a:link, #footer a:visited { color: #ddd; border-color: #939799; }
#footer a:hover, #footer a:active { border-color: #ddd; }

#footer .doormat-list { float: left; width: 25%; }
#footer .doormat-list ul { font-size: 1.1em; } 

#footer #footer-bottom { float: left;  clear: both; width: 100%; margin: 15px 0 0 0; padding: 0 0 10px 0; border-top: 1px solid #323b41; }

#footer #qualitylabel { float: left; margin: 5px 0 0 0; }
#footer #legal { float: right; margin: 10px 0 0 0; }
#footer #legal li { margin: 0 0 0 24px; float: left; }
#footer #qualitylabel li { display: block; height: 26px; line-height: 26px; margin: 0 24px 0 0; float: left; }


/*
	Defaults
*/

.content ul { list-style: disc; padding: 0 0 12px 18px; font-size: 1.2em; }
.content ol { list-style-type: decimal; padding: 0 0 12px 18px; font-size: 1.2em; }
.content dl { padding: 0 0 12px 18px; font-size: 1.2em; }
.content ul ul, .content ul ol, .content ol ul, .content ol ol, .content ul p { padding-bottom: 0; font-size: 1em; }
#content ul ul, #content ul ol, #content ol ul, #content ol ol, #content ul p { padding-bottom: 0; font-size: 1em; }
.content code { font-family: Monaco, "Courier New", monospace; }
.content pre { font-size: 12px; line-height: 18px; background: #F5F5F5; margin: 0 0 12px 0; padding: 10px; }
.content blockquote, .content q { font-style: italic; color: #666; }
.content blockquote { padding: 0 10px; padding: 12px 0; }
.content cite, .content em { font-style: italic; }

/* table defaults */

.content table { 
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	margin-bottom: 12px;
}

.content td, .content th {
	font-size: 1.2em;  
	padding: 6px 12px;
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999;
}

.content td p, .content th p,
.content td ul, .content th p ul,
.content td ol, .content th p ol {
	font-size: 1em;
}


.content thead td { 
	font-weight: 700; 
	background: #dfeaf1;
	color: #485258;
}

.content thead th { 
	font-weight: 700; 
	background: #0681BA;
	color: #FFF;
}

.content tfoot { 
	font-weight: 700; 
	background: #f4f4f4;
	color: #485258;
}

/*
	Pagination
*/

.pagination-wrap {
	margin: 10px 0 0 0;
	width: 100%;
	overflow: hidden;
}

#column_center #searchPage .pagination, #column_center #events .pagination {
	float: left;
	position: relative;
	left: 50%;
}

#column_center #searchPage .pagination ul, #column_center #events .pagination ul {
	padding: 0;
	overflow: hidden;
	position: relative;
	left: -50%;
}

#column_center #searchPage .pagination li, #column_center #events .pagination li {
	float: left;
	list-style: none;
	margin: 0 3px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 11px;
	text-align: center;
	border-bottom: none;
}

#column_center #searchPage .pagination li span, #column_center #events .pagination li span {
	float: left;
	display: block;
	padding: 4px 4px;
	color: #ccc;
	min-width: 10px;
}

#column_center #searchPage .pagination li.currentpage span, #column_center #events .pagination li.currentpage span {
	font-weight: 700;
	color: #056EAF;
}

#column_center #searchPage .pagination li.selected span, #column_center #events .pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: #056EAF;
}

#column_center #searchPage .pagination li a:link, #column_center #events .pagination li a:link,
#column_center #searchPage .pagination li a:visited, #column_center #events .pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #dedee0;
	background: #f5f5f6;
	text-decoration: none;
	min-width: 12px;
	font-size: 1em;
}

#column_center #searchPage li.ellipsis, #column_center #events li.ellipsis {
	margin: 0;
}

#column_center #searchPage li.ellipsis span, #column_center #events li.ellipsis span {
	color: black;
}

#column_center #searchPage .pagination li a:hover, #column_center #events .pagination li a:hover,
#column_center #searchPage .pagination li a:active, #column_center #events .pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: #056EAF;
}

#column_center #searchPage .nextpage, #column_center #searchPage .previouspage, #column_center #events .nextpage, #column_center #events .previouspage {
	font-size: 1em !important;
}

#column_center #searchPage .pagination li.nextpage, #column_center #events .pagination li.nextpage {
	margin-left: 10px;
}

#column_center #searchPage .pagination li.previouspage, #column_center #events .pagination li.previouspage {
	margin-right: 15px;
}

#column_center #searchPage .pagination li a:hover, #column_center #events .pagination li a:hover,
#column_center #searchPage .pagination li a:active, #column_center #events .pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: #056EAF;
}

.hidden { display: none; }
.block { display: block; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none; }

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

a.linkedImage {
	border: 0;
	display: block;
	font-size: 11px;
	color: #808080;
}

a.linkedImage img {
	display: block;
}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.guillotineBugFix {
	display: none;
}

/* generatedList */

#generatedList .listItem {
	float: left;
	width: 250px;
	margin: 0 12px 12px 0;
	padding: 24px;
	background: #E8E8E8;
}

/* tabs_child */

h1.tabsTitle {
	width: 480px;
	margin-left: -24px;
	margin-top: -39px;
	position: absolute;
}

#tabsContent {
	padding-top: 50px;
}

#tabsNav ul {
	width: 456px;
	margin-bottom: 24px;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #b9cfdc; zoom:1;
}

#tabsNav li {
	float: left;
	padding-right: 6px;
}

#tabsNav li a {
		float: left;
		display: block;
		height: 18px;
		line-height: 18px;
		padding: 7px;
		border-bottom: none;
		background: #e6f3fb;
		border:medium none;
		color: #323B41;
		font-weight:700;
		font-size: 0.95em;
}

#tabsNav li a:link { color: #323b41; }
#tabsNav li a:visited { color: #323b41; }
#tabsNav li a:hover { color: #fff; background-color: #0094C7; }
#tabsNav li a:active { color: #fff; background-color: #447a9a; }

#tabsNav li a.selected,
#tabsNav li a:link.selected,
#tabsNav li a:visited.selected,
#tabsNav li a:hover.selected,
#tabsNav li a:active.selected,
#tabsNav li a:focus.selected { 
		color: #fff; 
		background-color: #447a9a;
}

/* generated list */

#genratedlist.table {
	width: 456px;
}

#generatedList td {
	vertical-align: top;
	width: 228px;
	background: #f8f8f8;
	border: 6px solid #FFF;
}

#generatedList td ul {
	padding-left: 6px;
}

#generatedList td ul li {
	list-style: none;
	padding: 0;
}

#generatedList td ul li {
	background-image: url(../images/arrow.gif); 
	background-position: 0 11px; 
	background-repeat: no-repeat; 
	padding: 6px 0 0 12px;
}

#generatedList td ul li a {
	border-bottom: none;
}

#generatedList td ul li a:link, #generated list td ul li a:visited {
	border-bottom: none;
}

#generatedList td ul li a:hover, #generated list td ul li a:active {
	border-bottom: 1px solid #0551af;
}

/* eventList */

.eventList li {
	background: url(../images/hor_divider.gif) repeat-x 0 bottom;
	margin-bottom: 6px;
}

	.eventList li.readMore {
		background: none;
		margin-bottom: 12px;
	}

/* item */

.item { 
	background: url(../images/hor_divider.gif) repeat-x 0 bottom; 
	padding: 0 24px 20px 24px;
	 
}

/* arrowlist */

ul.arrowList {
	padding-left: 0;
	list-style: none;
}

ul.big {
	font-size: 1.3em;
}

ul.arrowList li {
	background-image: url(../images/arrow.gif); 
	background-position: 0 7px; 
	background-repeat: no-repeat; 
	padding: 0 0 3px 12px;
}

/* News */
.newsarticle { 
	margin: 10px 0 0 0;
	border-bottom: 1px solid #B0CDDC;
}
#container .newsarticle .date { 
	font-style: italic; 
	padding: 0;	
}
#newsdetail .shorttext {
	font-style: italic;
	margin: 10px 0 5px 0;	
}
.grey { 
	color: #666; 
	font-weight: bold; 
	font-style: italic; 
	padding: 3px 0 5px 0; 
	display: block;
}

/* share */
#content .share { border-top: 1px solid #CCC; padding: 5px 0 0 0; font-size: 0.9em; }
#content .share a { border: 0; }

