/*

	Stylesheet for Print Power

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Johan Ronsse johan@netlash.com>

*/

/*
	Reset
*/

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

/*
	General
*/

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	line-height: 1.7;
	color: #434343;
	background: #C5CDD1 url(../images/body_bg.png) repeat-x 0 43px;
}

	html, body {
		width: 100%;
		height: 100%;
	}

	/* "Paper" backgrounds */
	#home #frame { background: url(../images/frame.png) no-repeat center 0; }
	#home.en #frame { background: url(../images/frame2_main.png) no-repeat center 0 !important; }
	#frame { background: url(../images/frame_contentpage.png) no-repeat center 0; }
	#frameContinued { background: url(../images/frame_continued.gif) repeat-y center 0; }

.en #intro{
	padding: 40px 0 30px 30px !important;
}
/* Hide print stuff */
#printHeader, #printFooter {
	display: none;
}

/*
	Typography and text styles
*/

/* General */

p {
	margin: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1, h2, h3, h4 {
	color: #000;
}

h1, h2, h3 {
	line-height: 1.1;
}

h1, h2 {
	font-size: 23px;
	margin: 12px 0 9px 0;
}

h3 {
	font-size: 15px;
	margin: 12px 0 9px 0;
}

h4 {
	font-size: 12px;
	margin: 9px 0 6px 0;
}

/* Links */

a {
	text-decoration: underline;
}

a:link {
	color: #b20007;
}

a:visited {
	color: #800005;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #de0009;
}

/* .content defaults */

.content ul {
	list-style: disc;
	padding: 0 0 12px 24px;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: "Menlo", "Monaco", "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content hr {
	border: none;
	border-top: 1px solid #CCC;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 0 12px 24px;
	font-family: Georgia, serif;
}

.content cite,
.content em {
	font-style: italic;
}

.content table tbody tr.odd td,
.content table tbody tr.odd th {
	background: #FFF;
}

.content table tbody tr.even td,
.content table tbody tr.even th {
	background: #EEE;
}

.content tbody td {
	font-size: 11px;
	padding: 3px 5px;
	color: #666;
}

.content thead th {
	font-weight: 700;
	background: #b20007;
	text-transform: uppercase;
	color: #FFF;
	font-size: 10px;
	padding: 10px 5px 5px 5px;
}

.content tbody th {
	font-size: 12px;
	font-weight: 400;
	padding: 3px 5px;
}

.content table caption {
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}

.content img {
	margin:0 12px 12px 0 !important;	
}

/*
	General classes
*/

a.linkedImage {
	border: none;
	display: block;
}

	a.linkedImage img {
		display: block;
	}
	
.floatLeft {
	float: left;
}

/*
	Buttons
*/

a.button {
	border: 1px solid #999;
	background: #ececec url(../images/button_bg.png) repeat-x;
	color: #202020;
	font-size: 11px;
	padding-top: 1px;
	line-height: 21px;
	display: inline-block;
	padding: 0 6px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

a.button:hover,
a.button:active,
a.button:focus {
	border: 1px solid #6BA1CB;
	color: #005DAB;

	/* @inc .boxShadow */
	box-shadow: 0 0 3px #6BA1CB;
	-webkit-box-shadow: 0 0 3px #6BA1CB;
	-moz-box-shadow: #6BA1CB 0 0 3px;
}

/* Button holders */

.buttonHolder {
	zoom: 1;
}

	.buttonHolder .button {
		float: left;
		margin-right: 3px;
	}

.buttonHolder:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
    Forms
*/

/* Modify input[type="text"] and textareas */

.inputText,
.inputPassword,
input[type="text"],
input[type="password"],
textarea {

	background: #FFF;
	border: 1px solid #BBB;
	border-color: #888 #BABABA #BABABA #CDCDCD;
	font-family: Arial, sans-serif;
	font-size: 12px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	/* Transition */
	-webkit-transition: background-color 0.28s linear;

}

/* Disabled fields */
input.inputText[disabled="disabled"],
input.inputPassword[disabled="disabled"],
input.disabled {
	background: #EEE;
	color: #666 !important;
}

.inputText,
input[type="text"],
.inputPassword,
input[type="password"] {
	padding: 3px 2px;
	color: #202020;
}

	/* Fix alignment in Chrome/Saf */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.inputText,
		input[type="text"],
		.inputPassword,
		input[type="password"] {
			height: 14px;
		}
	}

	.inputText:focus,
	input[type="text"]:focus,
	.inputPassword:focus,
	input[type="password"]:focus,
	textarea:focus,
	.inputText.focus,
	input[type="text"].focus,
	.inputPassword.focus,
	input[type="password"].focus,
	textarea.focus {
		color: #000;
		border-color: #6BA1CB;

		/* @inc .boxShadow */
		box-shadow: 0 0 3px #6BA1CB;
		-moz-box-shadow: #6BA1CB 0 0 3px;
		-webkit-box-shadow: 0 0 3px #6BA1CB;
	}

/*
	Inputs with a .code class get a monospaced font
*/

input.code,
textarea.code {
	font-family: "Menlo", "Monaco", "Courier New", monospace;
	font-size: 11px;
}

/* Selects should be left alone (not stylable without troubles) */
select {
	/* Nothing */
	font-family: Arial, sans-serif;

}

/* Input type file should be left alone */
.inputFile {
	font-size: 11px;
}

/* Input submit gets replaced by a button, yet some styles here for better buildup */

input[type="submit"],
.inputSubmit {
	font-size: 11px;
	font-family: Arial, sans-serif;
	border: 1px solid #999;
	background: #ececec;
	color: #202020;
	padding: 0 6px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	/* Firefox */
	height: 22px;
	padding-bottom: 2px;
	vertical-align: middle;

}

input[type="submit"]:hover,
input[type="submit"]:focus {
	border-color: #3976a6;
	color: #253e52;

	/* @inc .boxShadow */
	box-shadow: 0 0 3px #6BA1CB;
	-moz-box-shadow: #6BA1CB 0 0 3px;
	-webkit-box-shadow: 0 0 3px #6BA1CB;
}

	/*
		Focus outline; Mozilla specific since Safari implements this right
	*/
	@-moz-document url-prefix() {

		.inputText,
		.inputPassword {
			height: 14px;
			line-height: 14px;
		}

	}

form p {
	margin: 0 0 12px 0;
}

	/* Act as <p> e.g. for wrapping label+textarea */
	form div.section {
		margin: 0 0 12px 0;
	}

.helpTxt {
	display: block;
	font-size: 11px;
	color: #808080;
}

	.helpTxt a {
		font-weight: 700;
	}

form .inputList {
	padding: 0 0 12px;
}

form .inputList li {
	position: relative;
	padding: 0 0 4px 24px;
	_right: 24px;
}

	form .inputList li li {
		padding-left: 0;
	}

form .horizontal .inputList label {
	float: none;
	width: auto;
}

	form .inputList li .inputRadio,
	form .inputList li .inputCheckbox,
	form .inputList li input[type="radio"],
	form .inputList li input[type="checkbox"] {
		position: absolute;
		left: 0;
		top: 0;
	}

/*
	Form messages/validation
*/

/* Error */

.formError {
	color: red;
	display: block;
}

	.formError input.inputText,
	.formError input.inputPassword,
	.formError textarea {
		border-color: red;
	}

/* Success */

.formSuccess { /* vraag van klant */
}

/*
	The Magic One Liner
	----
	General method to wrap form and other elements on one line
	Gets cleared see clearing section of this css file
*/

.oneLiner p,
.oneLiner .buttonHolder,
.oneLiner .floater {
	float: left;
	margin-right: 4px;
}

	.oneLiner p {
		padding-bottom: 0;
		line-height: 22px;
		/* Same height as button height */
	}

	.oneLiner .help {
		position: relative;
		top: 4px;
		left: 2px;
		display: block;
	}

	.oneLiner select {
		margin-top: 1px;
		margin-right: 3px;
	}

/* "Fake" label */
form p.label {
	padding-bottom: 0;
	border: none;
}

form p label {
	display: block;
}

form .uk_form p label {
	float:left;
	width:200px;
}

form textarea {
	width: 300px;
	display: block;
}

form .horizontal textarea {
	width: auto;
}

form ul .helpTxt {
	padding: 0 0 0 24px;
}

form .horizontal p label {
	display: inline;
}
form .horizontal .helpTxt { display: block; padding: 1px 0 1px 106px; }

form .labelWidthLong .helpTxt { padding: 1px 0 1px 145px; }

form .horizontal label,
form .horizontal p.label { float: left; width: 105px; padding-right: 10px; line-height: 17px; padding: 2px 0;}

	/* Alternate label widths */

	form .labelWidthLong label,
	form .labelWidthLong p.label {
		width: 145px;
	}

#profilePassword .horizontal label { width: 170px; }

form .horizontal p.label {
	margin: 0;
}

form .spacing,
form .horizontal span.formError {
	padding-left: 115px;
}

form .labelWidthLong span.formError  {
	padding-left: 145px;
}

form abbr { cursor: help; }

form .block { display: block !important; }
form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form p { zoom: 1; }

/*
	Specific forms
*/

/* Contact form */

#contactForm #name { width: 150px; }
#contactForm #email { width: 190px; }
#contactForm #subject { width: 300px; }
#contactForm #message { width: 300px; height: 170px; }

#contactForm .inputList li {
	width: 280px;
}

#contactForm #specificOffice {
	/*display: none;*/
	/* Use display: none; as default when writing Javascript for this */
	margin-top: 4px;
}

	#contactForm #officeChoice {
		width: 240px;
		_margin-left: 24px;
	}

/*
	Grid structures
*/

/* Generic two column structure */

.twoColumns {
	zoom: 1;
}

	.columnLeft {
		float: left;
	}

	.columnRight {
		float: left;
	}

.twoColumns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	Instances of generic two col structure
*/

	/* (1) Intro on home */
	#intro .columnLeft {
		width: 430px;
		padding-right: 30px;
	}

	#intro .columnRight {
		width: 390px;
	}

	/* (2) Middle part on home */

	#home #content .colBorder .columnLeft {
		width: 430px;
	}

	#home #content .colBorder .columnRight {
		width: 390px;
	}

	/* (3) News two columns */

	#home #content #news .twoColumns {
		zoom: 1;
		width: 430px;
		margin-top: 24px;
	}

	#home #content #news .twoColumns .columnLeft {
		width: 200px;
		padding-right: 20px;
	}

	#home #content #news .twoColumns .columnRight {
		width: 200px;
	}

	/* (4) Content page with 2 columns in content area */

	#contentPageAlt #content .columnLeft {
		width: 430px;
		padding-right: 32px;
	}

	#contentPageAlt #content .columnRight {
		width: 188px;
	}

	/* (4) Event detail page */

	#event.detail .columnLeft {
		width: 560px;
		padding-right: 24px;
		padding-left: 32px;
		border-right: 1px solid #CCC;
	}

	#event.detail .columnRight {
		width: 265px;
		padding-left: 32px;
	}

	/*
		Extension for generic two column structure;
		with column border
	*/

	.colBorder .columnLeft {
		padding-right: 24px;
		border-right: 1px solid #CCC;
	}

		.colBorder .twoColumns .columnLeft,
		.colBorder .twoColumns .columnRight {
			padding: 0;
			border: none;
		}

	.colBorder .columnRight {
		padding-left: 23px;
	}


/*
	Clearer
	"If you absolutely, positively need to kill every float in the room"
*/

.clearer {
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
	clear: both;
}

/*
	General UI constructs
*/

/*
	Call to action
*/

.cta {
	background: #F5F5F5;
	border: 1px solid #DCDCDC;
	padding: 8px 16px;
}

/*
	Heading with options
	Typically a heading (e.g. <h2>) with something on the right side (e.g. a button or icon)
*/

.headingWithOptions {
	zoom: 1;
}

.headingWithOptions:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.headingWithOptions h2,
.headingWithOptions h3,
.headingWithOptions h4,
.headingWithOptions p {
	float: left;
}

.headingWithOptions .rss,
.headingWithOptions .readMore,
.headingWithOptions .archiveLink,
.headingWithOptions .backLink {
	float: right;
}

/* Image replacement */
.headingWithOptions .rss {
	background: url(../images/icons/rss.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	font-size: 1px;
	line-height: 1;
	text-indent: -9000px;
}

	.headingWithOptions .rss a {
		width: 16px;
		height: 16px;
		display: block;
		overflow: hidden;
	}

/*
	Alignment
*/

.headingWithOptions .backLink {
	margin-top: 12px;
}


/* Image classes */

.alignLeft,
img.alignLeft {
	float: left;
	margin: 0 24px 24px 0;
}

.alignRight,
img.alignRight {
	float: right;
	margin: 0 24px 24px 0;
}

/*
	Page structure and layout
*/

#container {
	width: 960px;
	margin: 0 auto;
}

	/* Clearfix */
	#container {
		zoom: 1;
	}

	#container:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/*
	Header
*/

#header {
	padding-top: 25px;
	height: 98px;
	clear: both;
}

/*
	Top bar
	Contains logo, search form, countries
*/

#topbar #logo,
#topbar #searchForm,
#topbar #countries {
	float: left;
}

	/* Clearfix */
	#topbar {
		zoom: 1;
	}

	#topbar:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/*
		Logo
	*/

	#logo {
		width: 109px;
	}

	#logo h1 {
		width: 109px;
		height: 45px;
		background: url('../images/logo.png') no-repeat;
		text-indent: -9999px;
		margin: 0;
		padding: 0;
	}

	#logo h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}

	/*
		Search form
	*/

	#searchForm {
		width: 654px;
	}

		#searchForm form {
			float: right;
			padding: 12px 24px 0 0;
		}

		#searchForm input {
			background: #a6b2b7;
		}

	/*
		Countries
	*/

	#countries {
		width: 173px;
		position: relative;
		padding-right: 24px;
	}

	#countries #countryDD {
		background: url(../images/countries_dd.png) no-repeat;
		width: 173px;
		height: 52px;
		display: block;
		overflow: hidden;
		border: none;
		text-indent: -9999px;
	}

	#countries.countryAT #countryDD {
		background: url(../images/countries_dd_at.png) no-repeat;
	}
	
	#countries.countryPT #countryDD {
		background: url(../images/countries_dd_pt.png) no-repeat;
	}
	
	#countries.countryES #countryDD {
		background: url(../images/countries_dd_es.png) no-repeat;
	}

	#countryList {
		background: #707577;
		width: 172px;
		padding: 10px 0;
		position: absolute;
		right: 25px;
		top: 36px;
		display: none;
		z-index:10000000;
	}

	#countryList li,
	#countryList a {
		zoom: 1;
	}

		#countryList a:link,
		#countryList a:visited {
			text-decoration: none;
			color: #FFF;
			display: block;
			padding: 1px 4px 1px 12px;
		}

		#countryList a:hover,
		#countryList a:active,
		#countryList a:focus {
			text-decoration: underline;
			color: #FFF;
			background: #515151;
		}

/*
	Navigation
*/

#navigation {
	padding-left: 2px;
}

#navigation li {
	float: left;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	margin-right: 18px;
}

	#navigation li a:link,
	#navigation li a:visited {
		text-decoration: none;
		color: #000;
		padding: 2px 5px;
	}

	#navigation li a:hover,
	#navigation li a:focus,
	#navigation li a:active {
		color: #b20007;
	}

	/* Extra specifity for IE6 */
	#container #navigation li.selected a {
		background: #b20007;
		color: #FFF;
	}

	/* Clearfix */
	#navigation ul {
		zoom: 1;
	}

	#navigation ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/*
		Footer
	*/

	#footer {
		color: #000;
		background: #FFF;
		width: 916px;
		padding: 10px 24px;
		margin: 24px auto;
		border-top: 24px solid #E1EAEF;
	}

		/* Clearfix */
		#footer,
		#footer ul {
			zoom: 1;
		}

		#footer:after,
		#footer ul:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

	#footer a:link,
	#footer a:visited {
		color: #434343;
	}

	#footer a:hover,
	#footer a:active,
	#footer a:focus {
		color: #000;
	}

	#footerNavigation,
	#footerNavigation ul {
		float: left;
	}

	#footerNavigation li {
		font-size: 11px;
		float: left;
		padding-left: 12px;
	}

		/* Clearfix */
		#footerNavigation ul {
			zoom: 1;
		}

		#footerNavigation ul:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

	#socialMediaLinks {
		float: right;
	}

		#socialMediaLinks p,
		#socialMediaLinks ul {
			float: left;
			margin: 0;
			padding: 0;
		}

		#socialMediaLinks li {
			float: left;
		}

			#socialMediaLinks li a {
				display: block;
				float: left;
				margin: 3px;
			}

/*
	Content page
*/

#main {
	padding-top: 70px;
	/* Min-height fast hack */
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

	#home #main {
		padding: 0;
	}

	/* Clearfix */
	#main,
	#content {
		zoom: 1;
	}

	#main:after,
	#content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#contentPage #content {
	width: 550px;
	float: left;
	padding-left: 75px;
}

	#content .pageTitle {
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 36px;
	}

	#emptyWithTitle .pageTitle {
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 36px;
		padding-left: 32px;
	}

	#contentPageAlt #content {
		width: 550px;
		float: left;
		padding-left: 75px;
	}

#subnavigation {
	width: 200px;
	float: left;
	position: relative;
	right: 3px;
}

	#subnavigation li {
		font-size: 12px;
		zoom: 1;
	}

	#subnavigation li a {
		text-decoration: none;
		color: #000;
		padding: 4px 4px 4px 36px;
		display: block;
		margin: 0 0 12px;
		zoom: 1;
	}

	/* Extra specifity for IE */
	#container #subnavigation li.selected a {
		background: #b20007;
		color: #FFF;
	}

		#container #subnavigation li.selected li a {
			background: none;
			color: #000;
			padding-left: 56px;
			font-size: 11px;
		}

			#container #subnavigation li.selected li.selected a {
				color: #000;
				font-weight: 700;
			}

	#subnavigation li a:hover,
	#subnavigation li a:active,
	#subnavigation li a:focus {
		color: #b20007;
	}

/*
	Homepage
*/

#intro {
	padding: 40px 0 30px 60px;
	height: 260px;
	overflow: hidden;
}

	#intro h2 {
		margin-top: 0;
	}

#home #content {
	padding: 26px 0 0 30px;
	width: 930px;
	float: none;
}

	#home h2 {
		margin-bottom: 18px;
	}

/*
	News
*/

	/*
		Layouts
	*/

	/* Browse */
	#news {
		width: 600px;
		float: left;
	}

		#home #news {
			padding-bottom: 32px;
		}

		#news.browse,
		#news.archive,
		#news.category {
			padding-right: 32px;
			padding-left: 32px;
			border-right: 1px solid #CCC;
		}

		#news.browse .article,
		#caseStudies.browse .article,
		#caseStudies.category .article {
			margin: 0 0 40px;
		}

	#newsSidebar {
		width: 250px;
		float: left;
		padding-left: 32px;
	}

	/* Home */

	#home #news {
		width: 430px;
		float: none;
	}

	/* Archive/category */

	#news.archive table,
	#news.category table {
		width: 100%;
	}

#news .headingWithOptions {
	padding-bottom: 24px;
}

#news .headingWithOptions h2 {
	margin: 0;
}

#news .headingWithOptions .rss {
	margin: 4px 0 0;
}

#news .article .headingWithOptions {
	padding: 0;
}

.article .headingWithOptions p {
	margin: 0;
}

	.article .headingWithOptions p.date {
		color: #b20007;
	}

.article h3.articleHeading,
.article h2.articleHeading {
	margin-top: 0;
}

	.article h3.articleHeading span {
		color: #A1A1A1;
	}

	.article h3.articleHeading a:link {
		color: #000;
		text-decoration: none;
	}

	.article h3.articleHeading a:visited {
		color: #666;
	}

	.article h3.articleHeading a:hover,
	.article h3.articleHeading a:active,
	.article h3.articleHeading a:focus {
		color: #de0009;
		text-decoration: underline;
	}
	
	/* Limit images in width */
	
	#home #news .twoColumns .article img {
		width: 200px;
	}

/* Meta */
.meta li {
	float: left;
}

.meta li a {
	font-style: italic;
	font-weight: 700;
	padding-right: 11px;
	text-decoration: none;
	display: block;
	float: left;
}

	.meta .readMore a {
		background: url(../images/icons/plus.png) no-repeat 0 0;
		height: 16px;
		padding-left: 16px;
	}

	.meta .print a {
		background: url(../images/icons/print.png) no-repeat 0 0;
		height: 16px;
		padding-left: 20px;
	}

	.meta .share a {
		background: url(../images/icons/share.png) no-repeat top right;
		height: 16px;
		padding-right: 14px;
	}

		#news.browse .meta .share {
			float: right;
		}

	/*
		Clearfix
	*/

	#news .meta {
		zoom: 1;
	}

	#news .meta:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/* Meta seccondary */

.metaSecondary {
	background: #F3F3F3;
	padding: 4px;
	margin-top: 12px;
	clear: both;
}

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

	.metaSecondary .category {
		float: left;
	}

	.metaSecondary .comment {
		float: right;
	}

/* Sidebar */
#newsSidebar .widget {
	padding-bottom: 32px;
}

	/* RSS */
	#newsSidebar .widgetRSS p a {
		background: url(../images/icons/rss.png) no-repeat;
		padding-left: 24px;
		display: block;
	}

	/* Twitter feeds */
	#newsSidebar .widgetTwitterFeeds #filterForm {
		padding-bottom: 24px;
	}

		#newsSidebar .widgetTwitterFeeds #filterForm select {
			width: 149px;
			font-weight: 400;
		}

	#newsSidebar .widgetTwitterFeeds label {
		display: block;
		font-weight: 700;
	}

	#newsSidebar .widgetTwitterFeeds #twitterSearchForm #search {
		width: 142px;
	}

	/* Tweets */

		/* Float construct*/

		/* Clearfix */
		#newsSidebar .widgetTweets li {
			zoom: 1;
		}

		#newsSidebar .widgetTweets li:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}


		#newsSidebar .widgetTweets .avatarHolder {
			width: 48px;
			float: left;
			padding-right: 12px;
		}

		#newsSidebar .widgetTweets .tweet {
			width: 190px;
			float: left;
			overflow: hidden;
			margin: 0 0 12px;
		}

			#newsSidebar .widgetTweets .tweet p {
				margin: 0 0 9px;
			}

/*
	Homepage
	Gallery
*/

#home #gallery .headingWithOptions {
	width: 891px;
	margin-top: 24px;
}

#home #gallery .headingWithOptions .readMore {
	margin-top: 17px;
}

#home #gallery ul li {
	float: left;
	width: 212px;
	padding-right: 16px;
}

	/* Clearfix */
	#home #gallery ul {
		zoom: 1;
	}

	#home #gallery ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#examplesHome .imageHolder img {
	display: block;
	margin-bottom: 12px;
}

#examplesHome .information p {
	margin: 2px 0;
}

#examplesHome .information p a:link,
#examplesHome .information p a:visited {
	font-weight: 700;
	text-decoration: none;
}

#examplesHome .information p a:hover,
#examplesHome .information p a:active,
#examplesHome .information p a:focus {
	text-decoration: underline;
}

	#examplesHome .information p.category {
		background: #CCC;
		font-style: italic;
		margin-top: 12px;
		padding: 2px 8px;
	}


/*
	Homepage
	Case studies
	(right column)
*/

#caseStudies {
	margin-bottom: 40px;
}

/*
	Homepage
	Advertisement
	(right column)
*/

#content .columnRight .ad {
	margin-bottom: 40px;
}

/*
	Homepage
	Events
	(right column)
*/

#home #events {
	padding-bottom: 32px;
}

#home #events li {
	background: #ededed;
	margin: 0 0 4px;
}

	#home #events li a:link,
	#home #events li a:visited {
		padding: 6px 12px;
		display: block;
		zoom: 1;
	}

	#home #events a:hover,
	#home #events a:active,
	#home #events a:focus {
		background: #CCC;
		color: #000;
	}

#empty #events .event {
	padding: 0 0 12px;
}

/*
	Utilities
*/

/*
	Utility: center horizontally
	Use: center an element with variable width horizontally

	Markup pattern:

	<div class="chWrap"><div class="ch"><div class="chInner">
		Element here
	</div></div></div>

	@see ie6.css for conditional comment CSS specifically for IE6
*/

.chWrap {
	width: 100%;
	overflow: hidden;
}

.ch {
	float: left;
	position: relative;
	left: 50%;
}

.chInner {
	position: relative;
	left: -50%;
}

/*
	Accessibility
*/

.accessibility {
	/* @inc .offScreen */
	position: absolute;
	top: -9000px;
	left: -9000px;
	/* For screenreaders*/
}

/*
	Clearfix
*/

.clearfix {
	zoom: 1;
}

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

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 11px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 3px 4px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentPage span {
	font-weight: 700;
	background: #b61900;
	border: 1px solid #9b1200;
	color: #FFF;

}

.pagination li.selected span {
	padding: 3px 4px;
	font-weight: 700;
	background: #b61900;
	border: 1px solid #9b1200;
	color: #FFF;
}

.pagination li a:link,
.pagination li a:visited {
	border: 1px solid #c0c0c0;
	float: left;
	display: block;
	background: #e1eaef;
	padding: 3px 4px;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #b61900;
	border: 1px solid #9b1200;
	color: #FFF;
}

.nextpage, .previousPage {
	font-size: 11px !important;
}

.pagination li.nextPage {
	margin-left: 10px;
}

.pagination li.previousPage {
	margin-right: 15px;
}

/*
	Blog
	Comments
*/

#blogComments .comment {
	text-align: left;
	border-bottom: 1px solid #DDD;
	margin: 0 0 12px;
	font-size: 11px;
	zoom: 1;
}

#blogComments .comment:last-child {
	border: none;
	margin: 0;
}

#blogComments .comment:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

#blogComments .comment {
	display: block;
}

#blogComments .comment .avatarHolder {
	width: 60px;
	float: left;
}

#blogComments .comment .commentText {
	width: 540px;
	float: left;
}

#blogComments .comment .commentText p {
	padding: 3px 3px 12px;
}

#blogComments .comment .commentText p.author {
	background: #F2F2F2;
	padding: 3px;
}

/*
	Blog
	"Share this" on blogposts
*/

.meta li {
	position: relative;
}

ul.shareList {
	position: absolute;
	top: 23px;
	left: 0;
	border: 1px solid #999;
	padding: 0;
	width: 110px;
	z-index: 230;
	z-index: 3948;
	display: none;
}

ul.shareList li {
	float: none;
	padding: 0;
	background: #FFF;
	min-height: 24px;
	height: auto !important;
	height: 24px;
}

ul.shareList li.fb {
	border: none;
}

.shareList li a:link,
.shareList li a:visited,
.shareList li a:hover,
.shareList li a:active,
.shareList li a:focus {
	background: #FFF;
	display: block;
	line-height: 24px;
	border: none;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	width: 110px;
	cursor: pointer;
	padding: 0 !important;
	zoom: 1;
}

.shareList a strong {
	width: 16px;
	height: 16px;
	margin: 4px;
	text-indent: -9000px;
	display: block;
	float: left;
	background: #FFF url(../images/icons.gif) no-repeat 0 0;
}

.shareList a small {
	display: block;
	float: left;
	width: 86px;
	font-size: 11px;
	background: #FFF;
}

.shareList li.del a strong { background-position: 0 -101px; }
.shareList li.su a strong { background-position: 0 -121px; }
.shareList li.twitter a strong { background-position: 0 -161px; }
.shareList li.fb a strong { background-position: 0 -141px; }

	.meta .share ul li a {
		background: #FFF;
		height: 16px;
		padding-right: 14px;
	}

/*
	Poll
*/

#poll ul {
	padding-bottom: 14px;
}

/*
	Page specific: search results
*/

.externalLink {
	background: #FFC;
	padding: 12px;
}

#searchResults li {
	padding-bottom: 7px;
	margin-bottom: 7px;
}

#searchResults p.title {
	padding: 0;
	margin-bottom: 0;
	font-weight: 700;
}

#searchResults p.url a {
	color: #808080;
	text-decoration: none;
}

#searchResults p {
	padding: 0;
}

#searchResults #didYouMean {
	padding: 0 0 12px;
}

/*
	Buttons
*/

a.button:link,
a.button:visited,
a.button:hover,
a.button:active,
a.button:focus {
	background: #D82E2E url(../images/button_bg.png);
	color: #FFF;
	text-decoration: none;
	border-left: 1px solid #EC7B7B;
	border-right: 1px solid #EC7B7B;
	white-space: nowrap;
	padding: 0 9px;
	height: 24px;
	line-height: 24px;
	overflow-y: hidden;
	text-shadow: 1px 1px 1px #A12E2E;
}

/*
	Event browse
*/

#events.browse {
	padding-left: 32px;
	padding-right: 32px;
	width: 600px;
}

/*
	Event detail
*/

#event.detail .headingWithOptions {
	margin: 0 0 24px;
}

/* Twitbox */
#twitbox li {
	float: left;
	padding-right: 4px;
	padding-bottom: 4px;
}

	#twitbox li a,
	#twitbox li img {
		display: block;
	}

/*
	Topbar (sign in/sign out)
*/

#loginbarHolder {
	background: #C8CCCF;
	width: 100%;
}

#loginbarInner {
	width: 960px;
	margin: 0 auto;
	position:relative;
}

#loginbar {
	height: 43px;
	text-align: center;
	line-height: 36px;
	float: right;
}

	#loginbar a {
		font-weight: 700;
	}

#loginbar.medium {
	background: url(../images/topbar_medium.jpg) no-repeat 0 0;
	width: 278px;
}

#loginbar.long {
	background: url(../images/topbar_long.jpg) no-repeat 0 0;
	width: 512px;
}

/*
	Error after logging in with wrong combo
*/

.errorReport p {
	color: red;
}

/*
	Members list
*/

#members .member {
	height: 148px;
	width: 148px;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #c4c4c4;
	margin-right: 24px;
	_display: inline;
}

	#members .thirdChild {
		margin-right: 0;
	}

	/* Clearfix */
	#members {
		zoom: 1;
	}

	#members:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}


/*
	Share your experience form
*/

#shareYourExperienceForm textarea {
	width: 500px;
}

/*
	Opinions
*/

#opinionCount {
	font-weight: 700;
	font-size: 12px;
	padding: 6px 12px;
	margin: 24px 0;
	background: #ececec;
}

.comment {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #ececec;
	padding: 0 0 12px;
	margin: 0 0 12px;
}

	.comment .count {
		position: absolute;
		font-size: 24px;
		top: 0;
		right: 0;
		color: #e5e5e5;
	}
	
	.comment .author strong {
		font-size: 13px;
	}

/*
	Mobile optimization for contact form
*/

@media screen and (max-device-width: 480px) {
	body.mobile { -webkit-text-size-adjust: none; width: 100% !important; }
	.mobile #container { width: 100% !important; }
	.mobile #logo { padding-left: 12px !important; }
	.mobile #loginbarHolder, .mobile #navigation, .mobile #searchForm, .mobile #countries, .mobile #content img, .mobile #socialMediaLinks { display: none !important; }
	.mobile #main { width: auto !important; }
	.mobile #content { width: auto !important; padding-left: 12px !important; }
	.mobile input.inputText, .mobile #name, .mobile #email { width: 200px !important; }
	.mobile #footer { width: auto !important; }
}

/*
	Community extra's
*/
p.jobfunction{
	display:none;
	visibility:hidden;
}

#pt_banner{
	display:block;
	background:url('../images/pp_pt_banner.png') no-repeat left center;
	width:176px;
	height:41px;
	position:absolute;
	right:229px;
}
.pt_newsletter{
	line-height:24px;
}
.pt_newsletter{
	padding:18px 0;
	width:100%;
	background:url('../images/pp_pt_banner_reverse.png') no-repeat 80% 5px;
}
/*
	extra styles
*/
#banner_slide_nav {
	position:absolute;
	top:315px;
	left:6px;
	z-index:10;
}

#header, #main{
	z-index:10;
	position:relative;
}
#main{
	z-index:1;
}

#banner_slide_nav a {
	float:left;
	padding:2px 6px;
	margin-right:3px;
	background-color:#000;
	color:#fff;
	text-decoration:none;
}
#banner_slide_nav a.activeSlide{
	background-color:#B20007;
}
#banner_container{
	position:relative;
	margin-bottom:18px;
	margin-left:-18px;
	width:940px;
	height:345px;
	z-index:1;
}
#banner_slide{
	width:940px;
	height:345px;
	position:relative;
	z-index:1;
}
#banner_slide .item{
	position:absolute;
	width:940px;
	height:345px;
	overflow:hidden;
}

.twitter_widget {
	margin:0 0 40px 0;	
}

#ook_gelezen {
	font-size:12px;	
}
#ook_gelezen li {
	padding:7px;
}
#ook_gelezen li.odd {
	background-color:#f7f7f7;
}
#ook_gelezen a {
	text-decoration:none;
	color:#000;	
}
#ook_gelezen .ook_gelezen_datum {
	color:#bc1117;	
	padding:0 9px 0 0;
}
#ook_gelezen .ook_gelezen_site {
	color:#424242;
	background-image:url(../images/ook_gelezen_pijltje.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 13px;
}
#ook_gelezen .ook_gelezen_titel {
	font-weight:bold;
	display:block;
	font-size:14px;
}