@charset "utf-8";

html { overflow-y:scroll; }

	html, body { height:100%; }
	body { font:lighter 0.7em/1.4em Georgia, Times New Roman, sans serif; background:#fff; text-align:center; width:100%; height:100%; }

	body {
		background-image:url('../img/layout/top_bar.png');
		background-repeat:repeat-x;
		background-position:top left;
		color: #209ddf;
		margin:0;
		padding:0;
		-webkit-text-stroke: 1px transparent;
		}

	.educational
	{
		background-color:#84c300;
	}
	.behaviour
	{
		background-color:#9e2c2c;
	}
	.organisational
	{
		background-color:#8d0fb1;
	}
	.advergames
	{
		background-color:#e5d814;
		color:#333;
	}
	.animation-simulation
	{
		background-color:#343434;
	}
	.social-cultural
	{
		background-color:#209ddf;
	}
	.skill
	{
		background-color:#e57f1b;
	}

/* General
------------------------------------------------------------------*/

	a,
	a:visited,
	a:active {
		color:#006699;
		text-decoration:none;
		}

	a:hover {
		color:#209ddf;
		}

	h2{ line-height:30px; font-size:2.1em; margin-bottom:6px; font-style:oblique; text-align:left;}
	h2.normal{font-style:normal;}
	h2.indent{margin-left:15px;}
	h3{line-height:22px; font-size:2em; margin-bottom:6px;}
	h4{font-size:1.6em; margin-bottom:10px; font-style:oblique;}
	h5{ color:#333333; line-height:16px; font-size:1.5em; margin-left:15px; margin-bottom:10px;}

	p {
		font-size:1.4em;
		line-height:22px;
		margin-top:5px;
		font-style:italic;
		}
		
	strong{font-weight:bold;}

	.advergames, .advergames a:hover
	{
		color:#333;
	}
	.advergames a
	{
		color:#666 !important;
	}
	.animation-simulation, .animation-simulation a:hover
	{
		color:#343434;
	}
	.animation_simulation a
	{
		color:#cc6633 !important;
	}
	.behaviour, .behaviour a:hover
	{
		color:#9e2c2c;
	}
	.behaviour a
	{
		color:#913737 !important;
	}
	.educational, .educational a:hover
	{
		color:#669900;
	}
	.educational a
	{
		color:#557e01 !important;
	}
	.organisational, .organisational a:hover
	{
		color:#8d0fb1;
	}
	.organisational a
	{
		color:#790e98 !important;
	}
	.skill, .skill a:hover
	{
		color:#e57f1b;
	}
	.skill a
	{
		color:#b8691b !important;
	}
	.social_cultural, .social_cultural a:hover
	{
		color:#209ddf;
	}
	.social_cultural a
	{
		color:#006699 !important;
	}


/* Wrapper
------------------------------------------------------------------*/

	#wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto;
		background-image: url('../img/layout/bottom_shade.png');
		background-position: center 85%;
		background-repeat:no-repeat;
		}
		
	#wrapper-projects {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto;
		background-image: url('../img/layout/bottom_shade.png');
		background-position: center 96%;
		background-repeat:no-repeat;
		}

	.wrap {
		width:984px;
		margin:0 auto;
		position:relative;
		text-align:center;
		}

	.top_light {
		background-image: url('../img/layout/top_light.png');
		background-position: center top;
		background-repeat:no-repeat;
		}

/* Header
------------------------------------------------------------------*/

	#header {
		position:relative;
		z-index:100;
		width:100%;
		height:75px;
		background-image:url('../img/layout/menu_top_bg.png');
		background-repeat:no-repeat;
		text-align:left;
		}

	#logo {
		position:relative;
		height:208px;
		width:240px;
		background-image: url('../img/layout/logo_original.png');
		float:left;
		text-indent:-9999px;
		margin-top:4px;
		margin-left:10px;
		margin-bottom:-8px;
		}

/* Navigation
------------------------------------------------------------------*/

	#navigation {
		list-style-type:none;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 18px;
		text-transform: uppercase;		
		}

	#navigation li {
		float:left;
		height:100%;
		margin-left: 31px;
		}
		
	li#first {
		margin-left: 42px;
		}

	#navigation li a,
	#navigation li a:visited,
	#navigation li a:active {
		display: block;
		color: #000;
		height: 68px;
		line-height: 68px;
		}
		
	#navigation li a:hover {
		color: #d8c712;
		}

/* Content
------------------------------------------------------------------*/

	#content {
		position:relative;
		width:700px;
		min-height:450px;
		height:auto !important;
  		height:450px;
		float:right;
		margin-right:12px;
		margin-top:14px;
		padding-top:10px;
		padding-left:10px;
		font-size:1.3em;
		line-height:20px;
		margin-top:5px;
		margin-bottom:25px;
		font-style:italic;
		color:#fff;
		}
	
	#content h2 {
		margin-left: 15px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		font-size: 22px;
		font-style:normal;
		line-height: 22px;
		margin-top: 8px;
		width: 600px;
		letter-spacing: -1px;
		text-transform: uppercase;
		}

	#content ul {
		margin-left:30px;
		}

	/*homepage info projects and seperator bar*/
	#separator {
		background:#fff;
		clear:both;
		min-width: 960px;
		padding: 20px;
		margin-bottom: 10px;
		padding-left: 30px;
		}
	
	.infoblock {
		width: 430px;
		display:inline-block;
		text-align:left;
		margin-right: 45px;
		vertical-align:top;
		}
		
	.infoblock h2 {
		font-style: normal;
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		text-transform: uppercase;
		color: #d8c712;
		font-size: 22px;
		letter-spacing: -2px;
		}
		
	.infoblock p {
		font-style: normal;
		font-size: 13px;
		color: #006699;
		line-height: 18px;
		}

	.infoproject {
		display:block;
		float:left;
		width:430px;
		text-align:left;
		color:#fff;
		margin-bottom:30px;
		margin-right: 50px;
		}
		
	.infoproject h2 {
		font-style: normal;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		letter-spacing: -1px;
		font-size: 19px;
		}
		
	.infoproject p {
		font-style: normal;
		font-size: 12px;
		line-height: 18px;
		}
		
	.infoproject img {
		border: 3px solid #fff;
		}
		
		/* google maps */
		#gmaps_frame {
			width:658px;
			height:426px;
			background-image:url('../img/layout/gmap_frame.png');
			margin-left:auto;
			margin-right:auto;
			text-align:left;
			}

		#gmaps_frame iframe {
			position:relative;
			margin-left:15px;
			top:6px;
			}
		/* video */
		.video_container {
			height:420px;
			width:687px;
			margin-left:auto;
			margin-right:auto;
			margin-top:25px;
			}

			#viewer
			{
				position:relative;
				padding:0;
				margin:0;
				background-color:#303030;
			}

		div#ribbon {
			position:absolute;
			width:119px;
			height:124px;
			top:-2px;
			right:-2px;
			z-index:25;
			background: none;
			}

		#ribbon.advergames { background-image:url('../img/layout/video/labels/advergames.png'); }
		#ribbon.animation-simulation { background-image:url('../img/layout/video/labels/animation-simulation.png'); }
		#ribbon.behaviour { background-image:url('../img/layout/video/labels/behaviour.png'); }
		#ribbon.educational { background-image:url('../img/layout/video/labels/educational.png'); }
		#ribbon.organisational { background-image:url('../img/layout/video/labels/organisational.png'); }
		#ribbon.skill { background-image:url('../img/layout/video/labels/skill.png'); }
		#ribbon.social-cultural { background-image:url('../img/layout/video/labels/social-cultural.png'); }
		#ribbon.new { background-image:url('../img/layout/video/labels/new.png'); }
		#ribbon.none { display:none;}

		.video_frame {
			position:relative;
			width:666px;
			height:378px;
			background-image:url('../img/layout/video/video_frame.png');
			z-index:5;
			}
			
		#player_wrapper {
			top:9px;
			left:15px;	
			}
			
		#player {
			top:9px;
			left:15px;
			}

		.video_share {
			height:45px;
			width:180px;
			float:right;
			margin-right:8px;
			padding-top:2px;
			}

		.video_share span
		{
			font-weight:bold;
			font-size:1.6em;
			letter-spacing:-0.1em;
			line-height:45px;
			float:left;
		}
		.addthis_toolbox
		{
			width:115px;
			float:left;
		}
		.custom_images img
		{
			width:35px;
			height:35px;
		}

		#video_object {
			position:relative;
			background-image:url('../img/layout/video/video_object_empty.png');
			width:640px;
			height:360px;
			margin-left:15px;
			top:9px;
			z-index:-5;
			}

			#ytPlayer
			{
				margin-top:9px;
				margin-left:4px;
			}
			#ytControls
			{
				position:relative;
				width:300px;
				float:right;
				height:35px;
			}
			#play_pause
			{
				height:35px;
				width:35px;
				float:left;
				margin-right:4px;
				background-image:url('../img/icons/play.png');
			}
			#mute_unmute
			{
				height:35px;
				width:35px;
				float:left;
				background-image:url('../img/icons/mute.png');
				margin-right:50px;
			}
			.player_button
			{
				line-height:35px;
				display:block;
				width:35px;
			}

		/* about GOAL043 */
		#avatars_placeholder { width:710px; margin:15px 10px; }
		#avatars_placeholder ul { list-style-type:none; }
		#avatars_placeholder ul li { display:block; float:left;  width:220px; }

		div.avatar_top { width:186px; height:98px; }
		div.avatar_top img { height:100%; width:100%; }
		div.avatar_glow { width:186px; height:44px; background-image:url('../img/layout/avatars/middle/glow.png'); text-align: center; padding-top:2px; font-size:0.9em; }
		div.avatar_bottom
		{
			width:100px;
			height:28px;
			background-repeat:no-repeat;
			background-position:top left;
			padding-left:65px;
		}
		div.avatar_bottom.i
		{
			background-image: url('../img/layout/avatars/bottom/i.png');
		}
		div.avatar_bottom.empty
		{
			background-image: url('../img/layout/avatars/bottom/empty.png');
		}
		div.avatar_bottom.i .avatar_link, div.avatar_bottom.t .avatar_link
		{
			margin-left: 18px;
		}
		
		div.avatar_bottom .avatar_link
		{
			width:30px;
			height:30px;
			line-height:35px;
			float:left;
			text-decoration:none;
			margin-right:5px;
		}
		div.avatar_bottom .avatar_link a
		{
			display:block;
			width:30px;
			height:30px;
			line-height:35px;
			text-decoration:none;
		}
		div.project_summary
		{
			margin-left:15px;
			width:656px;
			text-align:left;
			padding-left:5px;
		}
		div.content_text
		{
			margin-left:15px;
			width:656px;
			text-align:left;
			padding-left:5px;
		}

		.no_top_margin
		{
			margin-top:0 !important;
		}


/* Sidebar
------------------------------------------------------------------*/

	#sidebar {
		width:210px;
		min-height:300px;
		height:auto !important;
  	height:300px;
		margin:20px 0;
		float:left;
		margin-left:18px;

		text-align:left;
		}

	.text_container { width:230px; }
	
	.text_container_home {
		height: 255px;
		}

	.text_container_serious_gaming {
		height: 235px;
		}
		
	.text_container_home h4 {
		margin-bottom: 30px;
		}
		
	.text_container_home a {		
		display: block;
		margin-bottom: -15px;
		}

		.text_container_content
		{
			background-image: url('../img/layout/text_container_content.png');
			background-position:top;
			background-repeat:repeat-y;
	  	padding-left:16px;
	  	padding-right:12px;
	  	padding-bottom:5px;
		}
		text_container_content strong
		{
			font-size:1.2em;
		}
		text_container_content span
		{
			font-size:1.1em;
		}


		.text_container_top {
			background-image: url('../img/layout/text_container_top.png');
			background-position:top left;
			background-repeat:no-repeat;
			height:18px;
			margin-top:15px;
			}

		.text_container_bottom {
			background-image: url('../img/layout/text_container_bottom.png');
			background-position:bottom left;
			background-repeat:no-repeat;
			height:18px;
			width:230px;
			}

		.balloon {
			margin-right:10px;
			height:20px;
			width:20px;
			background-image: url('../img/layout/balloon.png');
			background-repeat:no-repeat;
			position:relative;

			float:left;
			}

		.bleft {
			top:-5px;
			}

		.bright {
			top:-6px;
			left:70%;
			}

		.home_text {
			color:#209ddf;
			font-style:oblique;
			font-size:2em;
			line-height:22px;
			}

		.over_menu_text a,
		.over_menu_text a:visited {
			color:#209ddf;
			font-size:1.8em;
  		line-height:22px;
			text-decoration:none;
			}

		.over_menu_text a:hover {
				text-decoration:underline;
			}
			h2.project_title
			{
				font-weight:bold;
				letter-spacing:-1px;
				line-height:25px;
			}
			h3.testimonial_author
			{
				margin-bottom:-8px;
				font-style:oblique;
				font-weight:bold
			}
			h4.testimonial_company
			{
				margin-bottom:-15px;
				font-weight:bold;
				font-style:normal;
			}
			h4.client_name
			{
				font-weight:bold;
				font-size:1.3em;
				margin-bottom:5px;
			}
			p.testimonial
			{
				font-size:1.2em;
			}

			.serious_gaming_text
			{
				font-size:1.3em;
				line-height:20px;
			}
			.contact_text
			{
				font-size:1.2em;
				line-height:17px;
			}

			#sidebar a:hover
			{
				text-decoration:underline;
				color:#209ddf;
			}

			span.payoff
			{
				font-size:1.4em;
				font-style:oblique;
			}


/* Project / Category list
------------------------------------------------------------------*/
	
	video {
	z-index:100;
	width: 640px;
	height: 360px;
	margin-top: 9px;
	margin-left: 4px;
	}


	#coming-soon {
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-khtml-border-radius: 7px;	
	}
	
	#projects_holder {
		width: 940px;
		background:#FFF;
		margin:0 auto 10px auto;
		padding:10px 0 0 10px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		color:fff;
		}

	#project-list {
		list-style:none;	
		margin:0;
		padding:0;
		}
	
	#project-list li {
		display:block;
		margin:0 10px 10px 0;
		float:left;
		width: 460px;
		height: 300px;			
		background:#fff;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-khtml-border-radius: 7px;
		}	
		
	#project-list li a,
	#project-list li a:visited {
		display:block;
		position:relative;	
		margin:0;
		}
	
	#project-list li a img {
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-khtml-border-radius: 7px;
		}	
	
	#project-list li a .desc {
		display:none;
		width: 420px;
		height: 260px;	
		padding:20px;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		opacity: 0.8;
		filter:alpha(opacity=80);
		border-radius: 7px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-khtml-border-radius: 7px;
		}

	#project-list li a:hover .desc {
		display:block;	
		width: 419px;
		color: #FFF;
		}		
	
	#project-list li a:hover .desc.organisational {
		background-color:#8d0fb1;
		text-align: left;
		font-family: Arial;
		font-size:24px;
		-webkit-text-stroke: 1px transparent;
		}
		
	#project-list li a:hover .desc.organisational p {
		font-style:normal;
		line-height: 30px;
		}
		
	#project-list li a:hover .desc.social-cultural {
		background-color:#209ddf;
		text-align: left;
		font-family: Arial;
		font-size:24px;
		}
		
	#project-list li a:hover .desc.social-cultural p{
		font-style:normal;
		line-height: 30px;
		}
		
	
	#project-list li a:hover .desc.advergames {
		background-color:#e5d814;
		text-align: left;
		font-family: Arial;
		font-size:24px;
		}
		
	#project-list li a:hover .desc.advergames p{
		font-style:normal;
		line-height: 30px;
		}
		
	
	#project-list li a:hover .desc.educational {
		background-color:#84c300;
		text-align: left;
		font-family: Arial;
		font-size:24px;;
		}
		
	#project-list li a:hover .desc.educational p{
		font-style:normal;
		line-height: 30px;
		}
		
	
	#project-list li a:hover .desc.skill {
		background-color:#e57f1b;
		text-align: left;
		font-family: Arial;
		font-size:24px;
		}
		
	#project-list li a:hover .desc.skill p{
		font-style:normal;
		line-height: 30px;
		}
		
	
	#project-list li a:hover .desc.behaviour {
		background-color:#9e2c2c;
		text-align: left;
		font-family: Arial;
		font-size:24px;
		}
		
	#project-list li a:hover .desc.behaviour p{
		font-style:normal;
		line-height: 30px;
		}
		
	
	#project-list li a:hover .desc.animation-simulation {
		background-color:#343434;
		text-align: left;
		font-family: Arial;
		font-size:24px;
		}	
		
	#project-list li a:hover .desc.animation-simulation p{
		font-style:normal;
		line-height: 30px;
		}
		
		
	#category-list {
		padding-left: 20px;
		height: 63px;
		width:700px;	
		text-align: left;
		overflow:hidden;
		margin-left: 255px;
		margin-top: 93px;		
		}
	
	#category-list li {
		display:block;
		float:left;	
		}
	
	#category-list li a,
	#category-list li a:visited {	}
	#category-list li a:hover { 	}
		
	#category-list li a img {
		margin-left: -20px;
		position:relative;
		top:20px;			
		}
	
	#category-list li a:hover img {
		top:5px;				
		}

		#projects_holder div {
			display: inline-block;	
			width: 466px;
			max-height: 306px;
		}
		
		#projects_holder div a.test {
			margin-top: -300px;
		}
		
		p.text_img {
			position: relative;
			top: -316px;					
			z-index: 1;
			opacity: 0;
			filter:alpha(opacity=0);
			max-height:300px;
			max-width:458px;
			min-height:300px;
		}
		
		p.text_img b.title {
			font-size: 22px;	
		}
		
		p.text_img:hover {
			font-weight:bolder;
			position: relative;
			top: -316px;	
			padding: 20px;
			text-align: left;
			max-height:260px;
			max-width:419px;
			min-height:260px;
			background-color: #000;
			opacity: 0.8;
			filter:alpha(opacity=80);
			border-radius: 7px;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			-khtml-border-radius: 7px;
			color: #000;	
		}
		

/* Footer
------------------------------------------------------------------*/

	.push {
		height:205px;
		margin-top:30px;
		}

	#footer {
		position:relative;
		width:100%;
		min-width: 1100px;
		height:205px;
		background:url('../img/layout/footer_top.png') repeat-x top left;
		margin:0 auto;
		text-align:left;
		z-index:100;
		margin-top:-205px;
		}
		
		.footer_content
		{
			top:12px;
			background-color:#fff;
			width:100%;
			height:185px;
			margin:0 auto;
			text-align:left;
			position:relative;
			padding-top:8px;
		}
		
		#footer .wrap
		{
			width:960px;
			text-align:left;
			position:relative;
		}
		
		#dynamic_footer_content
		{
			position:relative;
			width:510px;
			height:180px;
			float:left;
			font-size:1.5em;
			line-height:20px;
			display:inline-block;
		}

		.tweets
		{
			width:420px;
			min-height:70px;
			height: auto !important;
			height:70px;
		}
		
		.socialmedia_footer
		{
			margin-top:25px;
			width:505px;
			height:55px;
		}
		
		.socialmedia
		{	
			height:48px;
			float:left;
			top:0;
			margin-right:10px;
		}
		
		#footer-blocks {
			position:absolute;
			right:0;
			width:400px;
			}
			
		.footer-block{
			width:400px;
			position:absolute;
			top:0;
			left:0;	
			height:180px;
			}
			
		.footer-block.clients {
			z-index: -1;	
		}

		.footer-block.clients .footer-tab-clients {	
			background:url(../img/layout/footer/tabs-footer.png) -117px -133px;
			display: block;
			width: 153px;
			height: 31px;
			text-indent: -9999px;
			margin-top: -47px;
		}	
		
		.footer-block.clients .footer-tab-clients:hover {background:url(../img/layout/footer/tabs-footer.png) -117px -51px;}
		
		.footer-block.clients.active .footer-tab-clients {
			background:url(../img/layout/footer/tabs-footer.png) -117px -92px;
			display: block;
			width: 153px;
			height: 31px;
			text-indent: -9999px;
			margin-top: -47px;
		}	
		
		.footer-block.clients.active .footer-tab-clients:hover {	background:url(../img/layout/footer/tabs-footer.png) -117px -10px;}
			
		.footer-block.partners .footer-tab-partners {
			background:url(../img/layout/footer/tabs-footer.png) -10px -133px;
			display: block;
			width: 153px;
			height: 31px;
			text-indent: -9999px;
			margin-top: -47px;	
		}
		
		.footer-block.partners .footer-tab-partners:hover {background:url(../img/layout/footer/tabs-footer.png) -10px -51px;}	
		
		.footer-block.partners.active .footer-tab-partners {
			background:url(../img/layout/footer/tabs-footer.png) -10px -92px;
			display: block;
			width: 103px;
			height: 31px;
			text-indent: -9999px;
			margin-top: -47px;
		}
		
		.footer-block.partners.active .footer-tab-partners:hover {background:url(../img/layout/footer/tabs-footer.png) -10px -10px;}

		.footer-block.clients .footer-tab-clients {
			margin-left:100px;
			}
			
		.footer-block.partners .footer-tab-partners {
			margin-left:-4px;
			}

		.block-content {
			width:510px;
			padding-top:10px;	
			margin-left: -41px;
			}
		
		.clients .block-content a img.larger_allowed {max-width:100px;}
		
		.partner
		{
			display:inline-block;
			float:left;
			text-align:center;
			margin-left:35px;
			font-style:oblique;
			font-size:12px;
		}
		
		.partner_title
		{
			font-style:normal;
			font-weight:bold;
			color:#6b6b6b;
		}
		
		/*Clients in de footer*/
		
		#footer ul#clients li {
			float: left;
			margin: 5px 5px 5px 5px;
			list-style: none;
			height: 77px;
			width: 100px;
			cursor: pointer;
			}
			
		#footer ul#clients li a,
		#footer ul#clients li a:visited {
			display: block;
			width:100px;
			height:75px;
			text-indent: -9999px;
			}
		
		#footer ul#clients a#blackberry {background:url(../img/layout/footer/clients.jpg) -203px -175px;}
		
		#footer ul#clients a#blackberry:hover {background:url(../img/layout/footer/clients.jpg) -203px 0;}
		
		#footer ul#clients a#fairplay {background:url(../img/layout/footer/clients.jpg) -612px -175px;}
		
		#footer ul#clients a#fairplay:hover {background:url(../img/layout/footer/clients.jpg) -612px 0;}
		
		#footer ul#clients a#provincie-limburg{background:url(../img/layout/footer/clients.jpg) -1327px -175px;}
		
		#footer ul#clients a#provincie-limburg:hover{background:url(../img/layout/footer/clients.jpg) -1327px 0;}
		
		#footer ul#clients a#infour {background:url(../img/layout/footer/clients.jpg) -1528px -175px;}
		
		#footer ul#clients a#infour:hover {background:url(../img/layout/footer/clients.jpg) -1528px 0;}
		
		#footer ul#clients a#bam {background:url(../img/layout/footer/clients.jpg) -306px -175px;}
		
		#footer ul#clients a#bam:hover {background:url(../img/layout/footer/clients.jpg) -306px 0;}
		
		#footer ul#clients a#rudolph {background:url(../img/layout/footer/clients.jpg) -1022px -175px;}
		
		#footer ul#clients a#rudolph:hover {background:url(../img/layout/footer/clients.jpg) -1022px 0;}
		
		#footer ul#clients a#maastricht {background:url(../img/layout/footer/clients.jpg) -1225px -175px;}
		
		#footer ul#clients a#maastricht:hover {background:url(../img/layout/footer/clients.jpg) -1225px 0;}
		
		#footer ul#clients a#kennisnet {background:url(../img/layout/footer/clients.jpg) -714px -175px;}
		
		#footer ul#clients a#kennisnet:hover {background:url(../img/layout/footer/clients.jpg) -714px 0;}
		
		#footer ul#clients a#continium {background:url(../img/layout/footer/clients.jpg) -1429px -175px;}
		
		#footer ul#clients a#continium:hover {background:url(../img/layout/footer/clients.jpg) -1429px 0;}
		
		#footer ul#clients a#habenu {background:url(../img/layout/footer/clients.jpg) -920px -175px;}
		
		#footer ul#clients a#habenu:hover {background:url(../img/layout/footer/clients.jpg) -920px 0;}
		
		#footer ul#clients a#l1 {background:url(../img/layout/footer/clients.jpg) -816px -175px;}
		
		#footer ul#clients a#l1:hover {background:url(../img/layout/footer/clients.jpg) -816px 0;}
		
		#footer ul#clients a#boels {background:url(../img/layout/footer/clients.jpg) -102px -175px;}
		
		#footer ul#clients a#boels:hover {background:url(../img/layout/footer/clients.jpg) -102px 0;}
		
		#footer ul#clients a#stork {background:url(../img/layout/footer/clients.jpg) 0 -175px;}
		
		#footer ul#clients a#stork:hover {background:url(../img/layout/footer/clients.jpg) 0 0;}
		
		#footer ul#clients a#permobil {background:url(../img/layout/footer/clients.jpg) -1124px -175px;}
		
		#footer ul#clients a#permobil:hover {background:url(../img/layout/footer/clients.jpg) -1124px 0;}
		
		#footer ul#clients a#vivre {background:url(../img/layout/footer/clients.jpg) -510px -175px;}
		
		#footer ul#clients a#vivre:hover {background:url(../img/layout/footer/clients.jpg) -510px 0;}
		
		#footer ul#clients a#meandergroep {background:url(../img/layout/footer/clients.jpg) -409px -175px;}
		
		#footer ul#clients a#meandergroep:hover {background:url(../img/layout/footer/clients.jpg) -409px 0;}
		
		#footer ul#clients a#heuschen-schrouff {background:url(../img/layout/footer/clients.jpg) -1642px -175px;}
		
		#footer ul#clients a#heuschen-schrouff:hover {background:url(../img/layout/footer/clients.jpg) -1642px 0;}
		
		
		/*Als de pagina news of nieuws is*/
		
		
		#footer ul#clients a#blackberry-news {background:url(../img/layout/footer/clients-news.jpg) -204px -175px;}
		
		#footer ul#clients a#blackberry-news:hover {background:url(../img/layout/footer/clients-news.jpg) -204px 0;}
		
		#footer ul#clients a#fairplay-news {background:url(../img/layout/footer/clients-news.jpg) -609px -175px;}
		
		#footer ul#clients a#fairplay-news:hover {background:url(../img/layout/footer/clients-news.jpg) -609px 0;}
		
		#footer ul#clients a#provincie-limburg-news{background:url(../img/layout/footer/clients-news.jpg) -1316px -175px;}
		
		#footer ul#clients a#provincie-limburg-news:hover{background:url(../img/layout/footer/clients-news.jpg) -1316px 0;}
		
		#footer ul#clients a#infour-news {background:url(../img/layout/footer/clients-news.jpg) -1519px -175px;}
		
		#footer ul#clients a#infour-news:hover {background:url(../img/layout/footer/clients-news.jpg) -1519px 0;}
		
		#footer ul#clients a#bam-news {background:url(../img/layout/footer/clients-news.jpg) -306px -175px;}
		
		#footer ul#clients a#bam-news:hover {background:url(../img/layout/footer/clients-news.jpg) -306px 0;}
		
		#footer ul#clients a#rudolph-news {background:url(../img/layout/footer/clients-news.jpg) -1013px -175px;}
		
		#footer ul#clients a#rudolph-news:hover {background:url(../img/layout/footer/clients-news.jpg) -1013px 0;}
		
		#footer ul#clients a#maastricht-news {background:url(../img/layout/footer/clients-news.jpg) -1215px -175px;}
		
		#footer ul#clients a#maastricht-news:hover {background:url(../img/layout/footer/clients-news.jpg) -1215px 0;}
		
		#footer ul#clients a#kennisnet-news {background:url(../img/layout/footer/clients-news.jpg) -710px -175px;}
		
		#footer ul#clients a#kennisnet-news:hover {background:url(../img/layout/footer/clients-news.jpg) -710px 0;}
		
		#footer ul#clients a#continium-news {background:url(../img/layout/footer/clients-news.jpg) -1417px -175px;}
		
		#footer ul#clients a#continium-news:hover {background:url(../img/layout/footer/clients-news.jpg) -1417px 0;}
		
		#footer ul#clients a#habenu-news {background:url(../img/layout/footer/clients-news.jpg) -912px -175px;}
		
		#footer ul#clients a#habenu-news:hover {background:url(../img/layout/footer/clients-news.jpg) -912px 0;}
		
		#footer ul#clients a#l1-news {background:url(../img/layout/footer/clients-news.jpg) -811px -175px;}
		
		#footer ul#clients a#l1-news:hover {background:url(../img/layout/footer/clients-news.jpg) -811px 0;}
		
		#footer ul#clients a#boels-news {background:url(../img/layout/footer/clients-news.jpg) -102px -175px;}
		
		#footer ul#clients a#boels-news:hover {background:url(../img/layout/footer/clients-news.jpg) -102px 0;}
		
		#footer ul#clients a#stork-news {background:url(../img/layout/footer/clients-news.jpg) 0 -175px;}
		
		#footer ul#clients a#stork-news:hover {background:url(../img/layout/footer/clients-news.jpg) 0 0;}
		
		#footer ul#clients a#permobil-news {background:url(../img/layout/footer/clients-news.jpg) -1114px -175px;}
		
		#footer ul#clients a#permobil-news:hover {background:url(../img/layout/footer/clients-news.jpg) -1114px 0;}
		
		#footer ul#clients a#vivre-news {background:url(../img/layout/footer/clients-news.jpg) -508px -175px;}
		
		#footer ul#clients a#vivre-news:hover {background:url(../img/layout/footer/clients-news.jpg) -508px 0;}
		
		#footer ul#clients a#meandergroep-news {background:url(../img/layout/footer/clients-news.jpg) -407px -175px;}
		
		#footer ul#clients a#meandergroep-news:hover {background:url(../img/layout/footer/clients-news.jpg) -407px 0;}
		
		#footer ul#clients a#heuschen-schrouff-news {background:url(../img/layout/footer/clients-news.jpg) -1621px -175px;}
		
		#footer ul#clients a#heuschen-schrouff-news:hover {background:url(../img/layout/footer/clients-news.jpg) -1621px 0;}
		
		/*Einde clients footer*/
		
/* Clearers
------------------------------------------------------------------*/

	.clearer {
		width:100%;
		height:1px;
		clear:both;
		}

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

	.clearfix {
		display:inline-block;
		}

	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


	.left         { float:left; }
	.right        { float:right; }
	img.left      { margin-right:1em; margin-bottom:1.8em; }
	img.right     { margin-left:1em; margin-bottom:1.8em; }

	.hide{ /* Hide stuff without resorting to display:none; */
		visibility:hidden;
		width:0!important;
		height:0!important;
		line-height:0!important;
		padding:0!important;
		margin:0!important;
	}
	
	.text_left
	{
		text-align:left;
	}
	
	.text_center
	{
		text-align:center;
	}