@import url("prettyPhoto.css");
@import url("ui.tabs.css");
/* Ontwikkelaar front-end: Concept7 (www.concept7.nl) - Dev Team: Timothy van Sas (design, xthml, css) */

/* @group Globals */
* { margin: 0; padding: 0; }
body { font: 62.5%/18px arial, verdana, sans-serif; background: #f5f5f5 url(../images/backgrounds/bg-main.png) 0 0 repeat-x; color: #111; }

/* @group Patterns */
a, a:visited { text-decoration: underline; color: #09f; }
a:hover, a:visited:hover, .doormat a:hover, .doormat a:hover:visited, .bottom-service a:hover, .email a, .email a:hover, .bottom-service a:visited:hover, .breadcrumbs a:hover, .breadcrumbs a:visited:hover, .page-options a:hover, .page-options a:visited:hover, .tabs li.last a:hover, .tabs li.last a:visited:hover { color: #ff2f9a!important; text-decoration: underline; }
.clear { display: block; overflow: hidden; height: 1%; }
.right { float: right; display: inline; }
.left { float: left; display: inline; }
.text-right { text-align: right; }
p { line-height: 160%; padding-bottom: 17px; }
.container { width: 980px; margin: 0 auto; font-size: 1.2em; }
.inline li { display: inline; }
button { cursor: pointer; border: none; font-weight: bold; }
img { border: 0; vertical-align: bottom; }
a.bullet-link, a.bullet-link:visited { background: url(../images/sprites/bullet-set.gif) 0 4px no-repeat; padding-left: 10px; }
.media-right { width: 247px; float: right; margin: 0 0 5px 10px; padding: 19px 21px 58px 26px; background: url(../images/backgrounds/media-right.png) no-repeat; overflow: hidden; }
	.media-right cite { display: block; width: 190px; font-style: normal; color: #666; padding: 5px; font-size: 11px; }
.movie-right { float: right; margin: 0 0 10px 10px; }
a.external { background: url("../images/globals/external.gif") no-repeat right 3px; padding-right: 11px; }


/* @group Header */

	/* Service */
	.service { color: #ccc; height: 31px; overflow: hidden; padding: 10px 0 0 20px; width: 960px; margin: 0 auto; font-size: 1.2em; position: relative; background: #000 url(../images/backgrounds/bg-hout.jpg) 0 0 repeat-y; }
		.service a, .service a:visited { color: #ccc; text-decoration: none; margin-right: 20px; }
		.service a:hover, .service a:visited:hover { color: #fff; text-decoration: underline; }
			.service li.current a, .service li.current a:visited { color: #fff; }
			.service li.nl a { background: url(../images/sprites/flags.gif) 0 0 no-repeat; padding-left: 25px }
			.service li.de a { background: url(../images/sprites/flags.gif) 0 -71px no-repeat; padding-left: 25px }
			.service li.uk a { background: url(../images/sprites/flags.gif) 0 -142px no-repeat; padding-left: 25px }
		#to-top { color: #000; font-size: .2em; padding: 0; height: 1px; position: absolute; left: 0; top: 0; }
			#to-top a, #to-top a:visited { color: #000; text-decoration: none; }
		
		/* Login */
		#wrap-login { color: #ccc; position: absolute; z-index: 20; left: 0; top: 0;background: #000 url(../images/backgrounds/bg-hout.jpg) 0 0 repeat-y; display:none; width: 980px; height: 125px; }
			#wrap-login.error { display: block; }
			#wrap-login dl { width: 550px; margin: 5px 10px 0 0; float: right; }
			#wrap-login dt.title-login { font-size: 1.4em; border-bottom: 1px solid #585858; padding-bottom: 10px; margin-bottom: 10px; position: relative; }
				#wrap-login dt.title-login span { display: block; position: absolute; left: 0; top: 0; font-weight: normal; font-size: .75em; background: #f00; color: #fff; padding: 2px 5px; width: 513px }
			#wrap-login dd { display: inline; float: left; width: 275px; }
				#wrap-login dd label { width: 80px; float: left; }
				#wrap-login dd input { width: 160px; padding: 1px; }
				button { width: 136px; height: 27px; margin-right: 25px; padding-bottom: 3px; background: url(../images/sprites/button-set.png) 0 -92px no-repeat; color: #fff; }
					button:hover { background-position: 0 -64px; color: #333; }
			#wrap-login dd.login-actions { padding-top: 15px; }
		.service li.login { width: 500px; position: absolute; left: 470px; top: 10px; text-align: right; }
			.service li.login a, .service li.login a:visited { margin: 0; color: #fff; text-decoration: underline; }
			.service li.login a:hover, .service li.login a:visited:hover { color: #ccc; }
			.service li.login span { background: url(../images/sprites/icon-set.png) 0 -117px no-repeat; padding-left: 25px }
		
		#wrap-login .note { padding: 10px; width: 340px; float: left; margin: 0 0 0 20px; border: 1px solid #585858; display: inline; }
			#wrap-login .note dl { width: auto; float: none;  margin: 0; }
				#wrap-login .note dt { font-size: 1.2em; font-weight: bold; padding: 0 0 5px 0; border: 0; margin: 0; color: #fff; }
				#wrap-login .note dd { float: none; width: auto; }
		
		#wrap-login a, #wrap-login a:visited { color: #fff; }
		#wrap-login a:hover, #wrap-login a:visited:hover { color: #ff2f9a; }
		.close-login { float: right; }
	
	/* Header */
	.header { min-height: 125px; height: auto !important; height: 125px; overflow: visible; background: url(../images/backgrounds/bg-splatter.png) top right no-repeat; position: relative; }
		.header h1 { margin: 10px 0 0 6px; float: left; display: inline; width: 216px; height: 100px; display: block; overflow: hidden; text-indent: -9999px; }
		.header h1.nl { background: url(../images/globals/logo-4c_nl.png) 0 0 no-repeat; }
		.header h1.en { background: url(../images/globals/logo-4c_en.png) 0 0 no-repeat; }
		.header h1.de { background: url(../images/globals/logo-4c_de.png) 0 0 no-repeat; }
		.logo { margin: 10px 0 0 6px; float: left; display: inline; z-index: 12; }
		.header ul { background: #f6fbd0; border: 5px solid #fff; width: auto; float: right; margin: 42px 10px 0 0; display: inline; padding: 5px 10px; }
			.header ul li a, .header ul li a:visited { color: #7a8f0d; text-decoration: none; margin-right: 20px; }
			.header ul li a:hover, .header ul li a:visited:hover { color: #000; text-decoration: underline; }
			.header ul li.current a, .header ul li.current a:visited { color: #FF2F9A; }

/* @group Navigation */
.navigation { height: 38px; margin-top: 1px; padding-top: 7px; overflow: hidden; }
	.navigation li a, .navigation li a:visited { display: block; float: left; color: #fff; font-weight: bold; text-decoration: none; padding: 10px 12px 10px 10px; background: url(../images/backgrounds/bg-indent-nav.png) top right no-repeat; }
	.navigation li a:hover, .navigation li a:visited:hover { background: #000; color: #fff!important; }
	
	/* Current status */
	.navigation li.current a, .navigation li.current a:visited, .navigation li.current a:hover, .navigation li.current a:visited:hover { background: #fff url(../images/backgrounds/schaduw-tab.png) top right no-repeat; color: #a3be1a; padding: 10px 23px 10px 20px; }

/* @group Content */
.wrap-content { background: #fff; padding: 10px; width: 960px; position: relative; }

	.secure { background: url(../images/backgrounds/bg-secure.gif) 0 0 no-repeat; width: 960px; height: 44px; overflow: hidden; text-indent: -9999px; display: block; margin: 0 auto; padding: 5px 10px; font-size: 1.5em; }
	
	.no-faux { border-bottom: 5px solid #829915; padding: 10px 0 40px 0;  }
	.faux { border-bottom: 5px solid #829915; background: url(../images/backgrounds/bg-faux.gif) top right repeat-y; padding: 10px 0 40px 0; }
	.faux-left { border-bottom: 5px solid #829915; background: url(../images/backgrounds/bg-faux.gif) top left repeat-y; padding: 10px 0 40px 0; }
	.faux-dubbel { border-bottom: 5px solid #829915; background: url(../images/backgrounds/bg-faux-dubbel.gif) top left repeat-y; padding: 10px 0 40px 0; }
	.faux-wide { border-bottom: 5px solid #829915; padding-top: 10px; background: url(../images/backgrounds/faux-wide.gif) top right repeat-y; }
	
	/* Title, titleoptions + breadcrumbs */
	.title-options { border-bottom: 1px solid #f0f0f0; padding: 10px 0 20px 0; }
		.title-options ul { float: right; margin: 0; display: inline; }
	
	#nofaux .title-options h1 { width: 630px }
		
		.title-options span { width: 194px; float: left; display: inline; font-size: 1.5em; font-weight: normal; color: #666; }
			.title-options span a, title-options span a:visited { text-decoration: none; }
		
		.page-options li a, .page-options li a:visited { float: left; margin: 0 0 0 20px; background: url(../images/sprites/icon-set.png) 0 -226px no-repeat; padding: 0 0 0 28px; color: #999; }
		.page-options li.print a, .page-options li.print a:visited { background-position: 0 -282px; }
		.page-options li.feed a, .page-options li.feed a:visited { background-position: 0 -335px; }
		
		#content-nav-sidebar .page-options, .fragement .page-options { margin-top: 40px; display: block; clear: both; }
		#content-nav-sidebar .page-options li a, #content-nav-sidebar .page-options li a:visited, .fragement .page-options li a, .fragement .page-options li a:visited { margin: 0 20px 0 0 }
		
		.breadcrumbs { color: #999; border-bottom: 1px solid #f0f0f0; padding: 10px 0; margin-bottom: 10px; }
			.breadcrumbs a, .breadcrumbs a:visited { color: #999; background: url(../images/globals/bullet-kruimel.gif) center right no-repeat; padding-right: 10px; margin-right: 4px; }

		.date { display: block; font-style: normal; color: #999; padding: 0 0 15px 15px; background: url(../images/globals/clock.png) 0 4px no-repeat }
	
	/* Navigation left side */
	#nav-left { float: left; display: inline; width: 184px; }
		#nav-left h2 { font-size: 1.5em; font-weight: normal; color: #666; padding-bottom: 5px; }
		#nav-left ul { padding-bottom: 20px; }
			#nav-left li a, #nav-left li a:visited { display: block; height: 1%; background: url(../images/backgrounds/bg-dotted.gif) left bottom repeat-x; text-decoration: none; padding: 5px 0; }
			#nav-left li a:hover, #nav-left li a:visited:hover { background: #f0f0f0; padding-left: 10px; }
			#nav-left ul li.current a, #nav-left ul li.current a:visited, #nav-left ul li.current a:hover, #nav-left ul li.current a:visited:hover { color: #A3BE1A; text-decoration: none; font-weight: bold; padding-left: 0; background: #fff url(../images/backgrounds/bg-dotted.gif) left bottom repeat-x; }
			
	
	/* Left content */
	#left-content { width: 766px; float: left; display: inline; margin-right: 10px; }
	#content-nav { width: 766px; float: left; display: inline; margin-left: 10px; }
	#content-nav-sidebar { width: 572px; float: left; display: inline-block; height: 1%; overflow: hidden; margin-left: 10px; padding-right: 10px; }
		h1 { width: 420px; font-size: 1.8em; font-weight: normal; color: #ff2f9a; }
		#small-title { display: -moz-inline-block; display: inline-block; zoom: 1; *display: inline; }
		h2,h3 { font-size: 1.5em; font-weight: normal; color: #666; padding-bottom: 5px; }
			h2.green-header { color: #a3be1a; /*clear: both;*/ }
				.teaser-text h2.green-header { margin-top: 10px; }
			h3 { font-size: 1.1em; font-weight: bold; padding-bottom: 2px; }
			h3.attention { color: #ff2f9a; }
		#content-nav-sidebar h3 { color: #a3be1a; font-size: 1.4em; }
		h2.divider { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 10px; color: #a3be1a }
		
		.column-242 { width: 242px; padding-right: 10px; }
		a.previous-link, a.previous-link:visited { display: block; clear: both; border: 1px solid #f0f0f0; border-width: 1px 0; margin-top: 30px; padding: 5px 30px; background: #fff url(../images/sprites/icon-set.png) 0 -500px no-repeat; }
		a.previous-link:hover, a.previous-link:visited:hover { background: #f5f5f5 url(../images/sprites/icon-set.png) 0 -500px no-repeat; }
		
		#content-nav-sidebar .process { margin-bottom: 20px; }
		.process dt { color: #a3be1a; font-size: 1.5em; padding-bottom: 10px; }
			.process dd { width: 117px; float: left; margin: 0 10px 10px 0; position: relative; }
			.process dd a { width: 117px; height: 98px; display: block; border: 1px solid #e0e0e0; overflow: hidden;  background: #fff; position: relative; }
				.border { position: absolute; left: 0; top: 0; }
				.process dd a:hover { border-color: #ff2f9a; }

		/* Team */
		.teamlist li, .logos li { display: inline; }
			.teamlist li, .logos li { float: left; display: block; width: 184px; margin: 0 10px 20px 0; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; }
			 .logos li { border: none; margin-bottom: 0; }
			.teamlist li em, .logos li em { display: block; font-style: normal; color: #999; }
			.teamlist li span, .logos li span { display: block; width: 182px; height: 100px; border: 1px solid #f0f0f0; overflow: hidden; margin-bottom: 5px; position: relative; }
			
		.split { width: 360px; margin: 0 20px 40px 0; }
			.split p { padding: 0 0 10px 0; }
		
		.column-630 { width: 630px; padding: 0 10px 40px 0; }
		
		/* Social */
		.socialset { margin-top: 10px; padding: 0; }
		.socialset li { display: inline }
			.socialset li a, .socialset li a:visited { width: 16px; height: 16px; display: block; float: left; text-indent: -9999px; background: url(../images/sprites/social-set.gif) 0 0 no-repeat; margin: 0 10px 10px 0 } 
			.socialset li a:hover, .socialset li a:visited:hover { background-position: 0 -26px; }
			.socialset li.twitter a, .socialset li.twitter a:visited { background-position: 0 -52px; }
				.socialset li.twitter a:hover, .socialset li.twitter a:visited:hover { background-position: 0 -78px; }
			.socialset li.youtube a, .socialset li.youtube a:visited { background-position: 0 -104px; }
				.socialset li.youtube a:hover, .socialset li.youtube a:visited:hover { background-position: 0 -130px; }
			.socialset li.flickr a, .socialset li.flickr a:visited { background-position: 0 -156px; }
				.socialset li.flickr a:hover, .socialset li.flickr a:visited:hover { background-position: 0 -182px; }
			.socialset li.facebook a, .socialset li.facebook a:visited { background-position: 0 -208px; }
				.socialset li.facebook a:hover, .socialset li.facebook a:visited:hover { background-position: 0 -234px; }
			.socialset li.delicious a, .socialset li.delicious a:visited { background-position: 0 -260px; }
				.socialset li.delicious a:hover, .socialset li.delicious a:visited:hover { background-position: 0 -286px; }
			.socialset li.brightkite a, .socialset li.brightkite a:visited { background-position: 0 -312px; }
				.socialset li.brightkite a:hover, .socialset li.brightkite a:visited:hover { background-position: 0 -338px; }
			.socialset li.digg a, .socialset li.digg a:visited { background-position: 0 -364px; }
				.socialset li.digg a:hover, .socialset li.digg a:visited:hover { background-position: 0 -390px; }
			.socialset li.friendfeed a, .socialset li.friendfeed a:visited { background-position: 0 -416px; }
				.socialset li.friendfeed a:hover, .socialset li.friendfeed a:visited:hover { background-position: 0 -442px; }
			.socialset li.linkedin a, .socialset li.linkedin a:visited { background-position: 0 -468px; }
				.socialset li.linkedin a:hover, .socialset li.linkedin a:visited:hover { background-position: 0 -494px; }
		
		/* Pagescroller */
		#content-nav .pagescroller { margin-top: 30px; }
		.pagescroller { float: right; clear: both; margin-bottom: 20px; }
		.pagescroller li a, .pagescroller li a:visited { display: block; float: left; padding: 2px 7px; border: 1px solid #f0f0f0; text-decoration: none; margin-left: 2px; color: #999; }
			.pagescroller li a:hover, .pagescroller li a:visited:hover { background: #999; color: #fff!important; }
				.pagescroller li.current a, .pagescroller li.current a:visited, .pagescroller li.current a:hover, .pagescroller li.current a:visited:hover { font-weight: bold; background: #ff2f9a; color: #fff; }
		
		/* Form elements */
		.contactform fieldset { border-bottom: 1px solid #f0f0f0; padding-bottom: 6px; margin-bottom: 10px; position: relative; }
			.contactform fieldset.steps-link a, .contactform fieldset.steps-link a:visited { position: absolute; left: 0; top: 5px; text-decoration: none; }
		.contactform label { float: left; width: 140px; font-weight: bold; padding: 0 20px 0 0; }
		.contactform input { width: 200px; padding: 2px; font-size: 1em; }
		.contactform textarea { font-family: arial; padding: 2px; font-size: 1.1em; width: 320px; height: 150px; overflow: auto; z-index: 12; }
		.contactform button { margin-left: 160px; }
		.contactform h2.green-header { padding-bottom: 20px; }
		
		.contactform .google-search { background: #ecebeb; border: 1px solid #e1e1e1; border-width: 1px 0; padding: 10px; }
		.contactform .google-search label { font-weight: normal; padding: 0; width: 160px; }
			.contactform .google-search button { margin-left: 10px; }
		
		#google-maps { background: #f5f5f5; display: block; height: 250px; margin: 10px 0 20px 0; }
		
		/* Fouten afhandeling */
	.required-error { border:2px solid #ff339a; padding: 6px 9px 12px 9px; margin: 6px 0 18px 0; background: #fff; }
	.contactform big { display:block; color:#ff339a; font-weight:bold; font-size:1.3em; padding:3px 0px 6px 26px; background:url(../images/backgrounds/error.gif) no-repeat 0 4px; }
		
		/* Content-list */
		.content-list { padding-bottom: 17px; margin-left: 20px; }
			.content-list dt { font-weight: bold; }
			.content-list dd { height: 1%; background: url(../images/sprites/bullet-set.gif) 0 6px no-repeat; padding-left: 12px; }
		
		.content-block, .content-block-small, .news-block { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e0e0e0; display: block; overflow: hidden; height: 1%; clear: both; }
			.content-block span, .content-block-small span, .news-block span { display: block; position: relative; width: 170px; height: 98px; float: right; overflow: hidden; margin: 2px 0 0 10px; border: 1px solid #e0e0e0; }
			.border-170 { position: absolute; top: 0; left: 0; }
			.content-block-small span { float: left; width: 117px; height: 98px; margin: 2px 10px 0 0; }
			.content-block p, .content-block-small p { padding-bottom: 5px; }
			.over-pointer { border-bottom: 1px solid #ff2f9a; background: none; cursor: pointer; }
		.faq-block { padding: 10px 0 12px 0; margin-bottom: 12px; border-bottom: 1px solid #e0e0e0; display: block; overflow: hidden; height: 1%; clear: both; }
		
		/* Quote */
		blockquote { background: url(../images/backgrounds/bg-dotted.gif) 0 0 repeat-x; position: relative; padding: 10px 0; min-height: 60px; height: auto !important; height: 60px; overflow: visible; display: block; clear: both; margin: 0 0 20px 0; }
			blockquote p { background: url(../images/backgrounds/bg-dotted.gif) left bottom repeat-x; padding: 0; padding: 0 210px 0 77px; }
			blockquote em { display: block; color: #999; padding: 5px 0 10px 0; }
			blockquote .pasfoto { position: relative; float: left; width: 55px; height: 55px; overflow: hidden; border: 1px solid #e0e0e0; margin-top: 2px; padding: 0; background: none; }
			.quote-papier { position: absolute; left: 570px; top: 5px; }
			
			.small-quote { width: 300px; background: #ecebeb; border: 1px solid #e1e1e1; padding: 10px; margin: 5px 0 0 20px; position: relative; }
				.small-quote p { padding: 0 0 0 65px; }
				.small-quote .pasfoto { margin: 2px 10px 20px 0; position: absolute; left: 10px; top: 10px; padding: 0; }
			.small-quote .quote-papier { display: none; }
					
		.teaser-text { padding-top: 10px; float: left; width: 165px; /*width: 184px;*/ }
	
		/* Tabs */
		.tabs { display: block; clear: both; border-top: 1px solid #e1e1e1; background: #ecebeb url(../images/backgrounds/bg-tabs.gif) left bottom repeat-x; padding-top: 10px; margin-bottom: 20px; }
			.tabs li.last a, .tabs li.last a:visited { padding: 0; background: none; border: 0; text-decoration: underline; margin: 14px 0 0 50px; }
				.tabs li.last a:hover, .tabs li.last a:visited:hover { background: none; }
	
	/* Sidebar */
	#sidebar { width: 164px; float: left; display: inline; position: relative; padding: 12px 10px; }
		#nietje { position: absolute; left: 160px; top: -10px; }
		#nietje-nofaux { position: absolute; left: 940px; top: -10px; }
		.block-sidebar { background: url(../images/backgrounds/bg-block-sidebar.gif) left bottom repeat-x; padding-bottom: 18px; margin-bottom: 18px; }
			.block-sidebar p { padding: 0; }
		.image-sidebar { background: url(../images/backgrounds/schaduw.png) right bottom no-repeat; padding-bottom: 5px; margin-bottom: 5px; display: block; }
			.image-sidebar img { background: #fff; padding: 3px; border: 1px solid #e5efac; }
		#sidebar ul.dotted-list { margin-bottom: 6px; }
		#sidebar ul.dotted-list li a, #sidebar ul.dotted-list li a:visited { text-decoration: none; background: url(../images/backgrounds/dotted-green.gif) left bottom repeat-x; display: block; height: 1%; padding: 5px 0; }
			#sidebar ul.dotted-list li a:hover, #sidebar ul.dotted-list li a:visited:hover { background: #ecf4ba url(../images/backgrounds/dotted-green.gif) left bottom repeat-x; padding-left: 10px; }
	#sidebar-wide { width: 320px; float: left; display: inline; position: relative; }
	.set-space { display:block; clear:both; margin: 20px 0 0 10px; }
	
	/* Team info */
	#sidebar .thumb-team { margin: 10px 0; }
		#sidebar .thumb-team li { display: inline;  }
			#sidebar .thumb-team li a, .thumb-team li a:visited, #sidebar .thumb-team li a:hover, .thumb-team li a:visited:hover { width: 53px; height: 53px!important; float: left; overflow: hidden; padding: 0; margin: 0 1px 1px 0; position: relative; background: none; }
		#sidebar .thumb-team li img.current-team { position: absolute; left: 0; top: 0; }
			
		#sidebar .thumb-team li img.border-hover { position: absolute; left: -53px; top: 0; }
			.current-team .border-hover { display: none !important; }
	
	/* Adres info */
	address { font-style: normal; padding: 10px 0 0 0; }
		.fn { font-weight: bold; padding-bottom: 10px; }
		.tel { padding-top: 10px; }
		.fn, .street-address, .tel, .email { display: block; }
		address abbr { font-weight: bold; float: left; width: 50px; }
		address .email { padding: 10px 0; }
			address .email a, address .email a:visited { text-decoration: none; color: #000!important; }

	/* USP's Home */
	.usp { width: 383px; border-bottom: 1px solid #f0f0f0; padding: 8px 0 15px 0; margin-bottom: 10px; }
		.usp dt { font-weight: normal; font-size: 1.4em; color: #999; background: #fff url(../images/sprites/icon-set.png) 7px 4px no-repeat; padding: 0 0 5px 34px; }
			.action dt { color: #a3be1a; background: none; padding: 0 0 5px 10px; }
		.usp dd { padding: 0 30px 0 10px; }
			.action dd { background: url(../images/sprites/icon-set.png) 8px -35px no-repeat; padding: 5px 30px 0 55px; }
	
	/* Video */
	.usp-video { position: relative; min-height: 290px; height: auto !important; height: 292px; overflow: visible; }
		#home .still-video { border-left: 5px solid #fff; position: absolute; left: 383px; top: 0; }
		#content .still-video { position: relative; left: 0; top: 0; float: left; margin: 0 10px 0 0;  }
		.teaser-client { position: relative; float: left; margin: 0 10px 0 0; }
			.teaser-client p { position: absolute; left: 150px; top: 3px; background: url(../images/backgrounds/counter.png) 0 0 no-repeat; display: block; width: 170px; height: 190px; text-align: center; padding: 100px 60px 0 60px; }
			.teaser-client p strong { display: block; color: #a3be1a ; font-size: 1.4em; padding-bottom: 10px; }
			.still-video span { position: relative; width: 572px; height: 290px; overflow: hidden; background: #fff; display: block; }
		.play-buttons { position: absolute; top: 100px; left: 15px; z-index: 15 }
		.play-buttons-small { position: absolute; top: 60px; left: 10px; z-index: 15 }
		.teaser-papier { position: absolute; left: 775px; top: -15px; }
		
		/* Smaller video */
		span.video-small { position: relative; width: 320px; height: 210px; overflow: hidden; background: #fff; display: inline-block; }
		span.video-small-right { float:right; margin: 0 0 5px 10px; position: relative; width: 320px; height: 210px; overflow: hidden; background: #fff; display: inline-block; }
			#sidebar-wide span.video-small { float: none; display: block; }
		
		.play-attention { position: absolute; left: -59px; top: 100px; z-index: 16 }
		.play-attention-small { position: absolute; left: -59px; top: 60px; z-index: 16 }
		
	/* How it works */
	.process-bar, .contact-bar { background: #ecebeb; border: 1px solid #e1e1e1; border-width: 1px 0; position: relative; text-align: right; height: 48px; display: block; clear: both; }
		.contact-bar { text-align: left; height: auto; padding-bottom: 15px; margin-bottom: 20px; }
		.process-bar p, .contact-bar p { padding: 15px 0 0 10px; color: #666; }
		a.cta, a.cta:visited { display: block-inline; width: 167px; height: 23px; padding-top: 5px; margin: 10px 10px 10px 20px; background: url(../images/sprites/button-set.png) 0 0 no-repeat; float: right; color: #fff; text-decoration: none; font-weight: bold; text-align: center; }
			#content a.cta, #content a.cta:visited { display: block; width: 167px; height: 23px; padding-top: 5px; margin: 0 0 7px 0; float: none; }
		a.cta:hover, a.cta:visited:hover { background-position: 0 -28px; color: #fff!important }
		.contact-bar a.cta, .contact-bar a.cta:visited { float: right!important; margin: 15px 10px 10px 40px!important; }
	.how { position: absolute; left: -5px; top: -2px; }
	
	.process-steps li { position: relative; float: left; display: block-inline; width: 184px; height: 159px; overflow: hidden; border-bottom: 4px solid #829915; margin: 10px 10px 0 0; }
		.process-steps li span { position: absolute; left: 0; top: 104px; display: block; height: 24px; width: 174px; padding: 32px 0 0 10px; color: #fff; font-weight: bold; background: url(../images/sprites/process-set.png) 0 0 no-repeat; }
			.process-steps li.step2 span { background-position: 0 -62px; }
			.process-steps li.step3 span { background-position: 0 -124px; }
			.process-steps li.step4 span { background-position: 0 -185px; }
			.process-steps li.step5 span { background-position: 0 -247px; }
	
	/* Portfolio strip */
	#sidebar-wide .folio-strip { display: block; clear: both; margin-top: 10px; margin-bottom: 20px; }
	 #sidebar-wide .folio-strip li, .doormat .folio-strip li { width: 155px; margin-right: 10px; }
	 #sidebar-wide .folio-strip li.second, .doormat .folio-strip li.second { margin: 0; }
	 #sidebar-wide .folio-strip  dl, .doormat .folio-strip  dl { width: 145px; }
		.folio-strip { float: left; }
		.folio-strip li { cursor: pointer; display: inline-block; color: #09f!important; float: left; width: 160px; height: 105px; overflow: hidden; position: relative; text-decoration: none; }
				.folio-strip li.small-folio { width: 126px; }
			.folio-strip li dl, .folio-big dl { position: absolute; left: 0; top: 60px; background: url(../images/backgrounds/bg-dl-folio.png) 0 0 no-repeat; width: 150px; padding: 5px; }
					.folio-big dl { width: 320px; cursor: pointer; color: #fff; top: 165px; }
				.folio-strip li dl:hover, .folio-big dl:hover { color: #ff2f9a; }
				.folio-strip li dl dt, .folio-big dl dt { font-weight: bold; }
		.folio-strip li.text-folio { width: 140px; height: 95px; padding: 5px 10px; background: #A3BE1A; }
			.folio-strip li.text-folio:hover { background: #ff2f9a; }
			.folio-strip li.text-folio h2 { font-weight: bold; font-size: 1.1em; color: #fff; }
			.folio-strip li.text-folio p { line-height: 120% }
			.folio-strip li.text-folio p a, .folio-strip li.text-folio p a:visited, .folio-strip li.text-folio p a:hover, .folio-strip li.text-folio p a:visited:hover { text-decoration: none; color: #fff!important; }

    .set-folio-width .folio-strip li { color: #fff !important; }

		.folio-big { position: relative; width: 320px; height: 210px; overflow: hidden;  float: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		hr { color:#fff; background: #fff; border: 0; Height:1px; display: block; clear: both; margin: 0; }
		.show-all { margin-left: 30px; }
	
	.set-folio-width .folio-big { width: 381px; height: 211px; }
		.set-folio-width .folio-big dl { width: 381px; }
	.set-folio-width .folio-strip li { width: 190px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		.set-folio-width .folio-strip li dl { width: 191px; }
	.set-folio-width .folio-strip li.text-folio { width: 170px; }
	.set-folio-width .two { width: 382px; }
	.set-folio-width .block { display: block; clear: both; width: 764px; }
	
	.countdown { color: #fff; text-align: center; display: inline-block; float: left; width: 180px; padding-top: 50px; background: url(../images/backgrounds/countdown.png) 0 0 no-repeat; margin-bottom: 20px }
	.countdown dt { font-weight: bold; font-size: 60px; height: 49px }
	.countdown dd { background: #000; margin-top: 18px; padding: 3px 0 }

/* @group Newsletter */
#form-newsletter { background: url(../images/backgrounds/bg-dotted.gif) 0 0 repeat-x; margin: 20px 0 10px 0; padding-top: 10px; position: relative; }
	#form-newsletter fieldset { background: url(../images/backgrounds/bg-dotted.gif) left bottom repeat-x; padding-bottom: 10px; }
	#form-newsletter label, #form-newsletter input, #form-newsletter button { float: right; display: inline; }
	#form-newsletter label { background: url(../images/sprites/icon-set.png) 0 -163px no-repeat; padding: 4px 0 0 40px; }
	#form-newsletter input { padding: 3px 1px; width: 200px; margin: 0 10px 0 20px; color: #999 }
		#form-newsletter input:focus { color: #ff2f9a; }
	#form-newsletter button { margin-right: 10px; background-position: 0 -64px; color: #333; }
		#form-newsletter button:hover { background-position: 0 -92px; color: #fff; }
	
	p.succes, p.error { position: absolute; left: 0; top: 10px; padding: 4px 40px 4px 4px; width: 540px; color: #fff; text-align: right; }
		p.succes { background: #829915 url(../images/backgrounds/bg-nl-message.gif) top right no-repeat;  }
		p.error { background: #ff2f9a url(../images/backgrounds/bg-nl-message.gif) top right no-repeat; }

/* @group Doormat */
.doormat { border-top: 1px solid #d5d3d3; background: #e8e6e6; border-bottom: 1px solid #f1f0f0; padding-top: 20px; }
	.doormat div.column { display: inline; float: left; width: 174px; padding: 0 10px; color: #666; }
	 .doormat div.column dl { padding-bottom: 10px; min-height: 144px; height: auto !important; height: 114px; }
	.doormat dl { padding-bottom: 10px; min-height: 114px; height: auto !important; height: 114px; }
	 .doormat .column-160 dl { min-height: 142px; height: auto !important; height: 142px; }
	.doormat dt { font-weight: bold; }
	.doormat a, .doormat a:visited { text-decoration: none; color: #666; }
	.doormat .container { position: relative; }
	a.camera-doormat, a.camera-doormat:visited { position: absolute; top: -80px; right: 10px; display: block; width: 135px; height: 79px; overflow: hidden; text-indent: -9999px; background: url(../images/globals/camera.png) 0 0 no-repeat; }
	a.camera-doormat:hover, a.camera-doormat:visited:hover { background-position: 0 -82px; }
	.doormat h4 { margin: 0 10px; border-bottom: 1px solid #d5d3d3; padding-bottom: 5px; margin-bottom: 15px; color: #ff2f9a; font-size: 1.6em; font-weight: normal; }
	
	.column-320 { width: 300px; padding: 0 10px 30px 10px; float: left; display: inline; }
		.column-320 h4, .column-160 h4 { padding: 0; margin: 0 0 10px 0; border: none; color: #000; font-size: 1.2em; font-weight: bold; }
			.column-320 dt a, .doormat .column-320 dt a:visited, .column-160 dt a, .doormat .column-160 dt a:visited { text-decoration: underline; color: #09f; padding-bottom: 5px; }
			.column-320 dd.date { color: #bab8b8; padding-top: 5px; }
			.column-320 .bullet-link { color: #09f; }
		
		.doormat-options li { display: block; height: 1%; margin-bottom: 5px; }
		.doormat-options li a, .doormat-options li a:visited { color: #09f; text-decoration: underline; background: url(../images/sprites/icon-set.png) 0 -394px no-repeat; padding: 2px 0 2px 25px; margin-bottom: 5px; }
		.doormat-options li.news a, .doormat-options li.news a:visited { background-position: 0 -448px; }
		.doormat-options li.feed a, .doormat-options li.feed a:visited { background-position: 0 -338px; }
	
	.column-160 { width: 150px; padding-right: 10px; float: left; display: inline-block; overflow: hidden; height: 1%; }

/* @group Footer */
#footer { background: #000; border-top: 1px solid #999; color: #999; }
	#footer ul { width: 960px; padding: 20px 10px; }
		#footer ul li { background: url(../images/backgrounds/bg-footer.gif) right center no-repeat; padding-right: 15px; margin-right: 10px; }
		#footer a, #footer a:visited { color: #999; text-decoration: none; }
		#footer a:hover, #footer a:hover:visited { color: #fff; text-decoration: underline; }
	
	/* Bottom service */
	.bottom-service { padding: 20px 0 20px 10px; width: 970px; position: relative; }
		.bottom-service a, .bottom-service a:visited { color: #666; text-decoration: none; margin-right: 30px; }
    .bottom-service img { margin-bottom: -5px; }

.clear-elements { display: block; clear: both }