@white: #ffffff;

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html { overflow-y: scroll; }
body { background: #fff; font-family: helvetica, arial; font-size: 12px; }
a {     text-decoration: none; color:#F86611;font-weight:bold;} 
a:hover {color:#005a8c;} 
/* Basics */
#container {  }
.inner { width: 938px; margin: 0 auto; }

/* Header: topmenu */
div#top { background: #f2f2f2; height: 28px; border-bottom: 1px solid #e5e4e4; padding: 5px 0; }
	div#top ul { position:absolute; margin: 0 0 0 450px; list-style: none; color: #666; }
		div#top ul li { float: left; margin: 0 7px 0 0; padding: 6px 0; }
			div#top ul li a { width: 23px; height: 23px; border: 1px solid #dbdbdb; display: block; margin: -5px 0 0 0; }
			div#top ul li a.rss { background: url('../images/rss.jpg') no-repeat; }
				div#top ul li a.rss:hover { background: url('../images/rss-hover.jpg') no-repeat; }
			div#top ul li a.twitter { background: url('../images/twitter.jpg') no-repeat; }
				div#top ul li a.twitter:hover { background: url('../images/twitter-hover.jpg') no-repeat;  }
			div#top ul li a.fb { background: url('../images/facebook.jpg') no-repeat; }
				div#top ul li a.fb:hover { background: url('../images/facebook-hover.jpg') no-repeat; }
	.search { width:250px;height:	84px; margin: 0 0 0 688px; position: absolute; }
		.search input { border: 1px solid #eaeaea; color: #c0c0c0; font-family: arial; padding: 3px 5px; float: right; width: 170px; }
		.search input.submit { border: none; background: url('../images/submit.jpg') no-repeat; width: 12px; height: 21px; float: right; margin: 2px 0 0 8px; cursor: pointer; }
	
	#livesearchresult { background: none repeat scroll 0 0 #F1F0F0;border-bottom: 1px solid #7E8082;border-top: 1px solid @white;display: none;float: left;margin: 3px 0 0 0;position: relative;width: 250px;z-index: 100;}
		#livesearchresult p {float: left;margin: 0 0 0 10px;width: 225px;}
			#livesearchresult p button.livesearchclose { float:right; background: url("/interactive/files/images/icons/icon-close.png") repeat scroll 0 0 transparent;border: 0 none;cursor: pointer;height: 16px;margin: 0 -10px 5px 0;width: 16px;}
		#livesearchresult ul.livesearch { position:relative; margin: 5px 0;padding: 0;}
			#livesearchresult ul.livesearch li {float: left;height: 25px;margin: 0 0 0 10px;padding: 0;width: 200px;}
				#livesearchresult ul.livesearch li a {width:230px; text-align:left;border:0;color: #7E8082;float: left;font: 12px 'Lucida Sans Unicode','Lucida Grande';margin: 0;padding: 0;}
				#livesearchresult ul.livesearch li span {float: left;margin: 0 0 0 10px;padding: 0;}
		
/* Header: navigation & banner */
header {  }
	header .logo { float: left; width: 198px; } 
	header .logo h2 a img { float: left; } 
	header nav { float: right; margin: 64px 0 12px 0; }
		header nav ul li { display: inline; margin: 0 0 0 30px; }
		header nav ul li a { text-transform: uppercase; color: #333; font-family: Helvetica Bold, Helvetica, Arial; font-weight: bold; font-size: 13px; text-decoration: none; }
			header nav ul li.active a{ color: #0186be; }
			header nav ul li a:hover { color: #0186be; }
	header .banner { clear: both; }
	header .banner-small { clear: both; margin: 0 0 10px 0;width:938px;height:85px;overflow:hidden; }
	header .banner-variabel { clear: both; margin: 0 0 10px 0;width:938px;overflow:hidden; }
	
/* Sliders: banner & homepage */
#slider { float: left; }
	#slider li { width: 938px; height: 222px; overflow: hidden; }	
	ol#controls { padding: 0; height: 28px;	float: right; margin: -15px 0 0 0; }
	ol#controls li { margin: 0 10px 0 0; padding:0; float: left; list-style :none;	height: 28px; line-height: 28px; }
	ol#controls li a { float: left; height: 28px;	line-height:28px; background: #fff; color: #0186be; padding: 0 10px; text-decoration: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-weight: bold; }
	ol#controls li.current a, ol#controls li a:hover { background: #fff; color: #f86611; }
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline: none; }	
	
	section.partners div#slider-bg { background: #e8e5e5; margin: 0;width:280px;padding:15px 0; height: 110px; }
		 section.partners div#slider-small { background: #e8e5e5; margin: 0;float:left; padding: 0 0; width: 180px; }
			 section.partners div#slider-small ul { float: left; }
				section.partners div#slider-small li { text-align:center;overflow:hidden;height:110px;width: 170px; margin: 0; }
					section.partners #prevBtn, section.partners #nextBtn,	section.partners #slider1next, section.partners #slider1prev { background:#E8E5E5;display:block;	padding:41px 14px;width:27px;	height:28px; float:left;	}	
																						
	section.partners #prevBtn a, section.partners #nextBtn a, section.partners #slider1next a, section.partners #slider1prev a{ display:block; width:27px;	height:28px; background:url('../images/prev-new.png') no-repeat 0 0; left: 500px;	text-indent: -9999px; }	
	section.partners #slider1next a { background:url('/interactive/files/images/next-new.png') no-repeat 0 0; text-indent: -9999px; }
		section.partners #slider1next a:hover { background: url('/interactive/files/images/next-new-hover.png') no-repeat 0 0; }	
		section.partners #slider1prev a:hover { background: url('/interactive/files/images/prev-new-hover.png') no-repeat 0 0; }	
	
/* Content */
div.content { margin: 10px 0 0 0; float: left;font-family:Verdana;padding: 0 0 50px 0;width: 100%; }
div.content p{ margin:12px 0; line-height: 1.4;font-family:Verdana;}
	section.about { background: @white; float: left; width: 33%; margin: 0 40px 0 0;overflow:hidden; }
		section.about p { margin: 0; }
		section.about p a { color: #fff;font-family:Helvetica bold; }
		section.about h2 { margin: 0 0 15px 0; }
		section.about p.intro { font-family: Helvetica Neue, Arial; font-size: 14px; text-transform: uppercase; color: #0186BE; line-height: 2; font-weight: bold; margin: 0; }
	section.news { float: left; width: 29%; margin: 0 35px 0 0; padding: 20px 0 0 0; }
	section.partners { background: #f6f4f4; float: left; width: 30%; padding: 20px 0; }
			section.partners div.top { padding-left: 9px;}
			section.partners div.top h2 { font-size: 15px;}
			section.partners div.bottom { padding: 0 20px;}
			article.info { float: left; line-height: 1.6;padding: 0 16px 0 0; width: 61%; }
			article.big { float: left; width: 92%; line-height: 1.6; }
			
	/* Cases */
	section.cases { width: 63%; float: left; }
		section.cases article { float: left; width: 285px; margin: 0 20px 20px 0; }
			section.cases article.right { margin: 0; }
				section.cases article dl { float: left; background: #f2f2f2; width: 100%; min-height: 230px; margin: 0; }
					section.cases article dl dt img { width: 285px; } 
					section.cases article dl dd { padding: 10px 10px 0 10px; color: #666; line-height: 1.2; font-size: 11px; }
					section.cases article dl dd.description {font-family: Verdana; height:50px; }
						section.cases article dl dd a { text-align: right; margin: 0 0 10px 0; }
						
		section.aboutcases { background: @white; float: left; width: 33%; margin: 0 37px 0 0;overflow:hidden; }
			section.aboutcases p { margin: 0;overflow:hidden; }
				section.aboutcases p a { color: #fff; }
				section.aboutcases h2 { margin: 0 0 15px 0; }
				section.aboutcases p.intro { font-family: Helvetica Neue, Arial; font-size: 14px; text-transform: uppercase; color: #e2eef9; line-height: 2; font-weight: bold; margin: 0; }
						
	/* Case detail */
	section.caseSlider { float: left;width:299px; overflow:hidden; }
	section.caseSlider p { margin:0; }
		.caseSlider ul.caseSlideControls {  }
			.caseSlider ul.caseSlideControls li { float: left; margin: 0 10px 0 0; }
	section.case { float: left; margin: 0 0 0 25px; width: 280px; line-height: 1.4; } 
		section.case ul { margin: 0 0 30px 0; }
			section.case ul li { background: url('../images/list.jpg') 0 5px no-repeat; padding: 0 0 0 15px; margin: 0 0 6px 5px; }
			section.case div.casecontent { height:420px;}
	section.moreclients { float: left; margin: 0 0 0 30px; line-height: 1.4; height:450px; background: url('../images/case-right-bg.jpg') left repeat-y; padding: 0 0 0 30px; }
		section.moreclients ul li { float: left; margin: 0 50px; }
		section.moreclients ul li.left, section.moreclients ul li.right { margin: 60px 0 0 0; }
		
		section.moreclients div#slider-bg { background: @white; margin: 0 0 22px 0; }
		section.moreclients  div#slider-small { background: @white; margin: 15px 0 0 47px; padding: 0 0 35px 0; width: 180px; }
			section.moreclients div#slider-small ul { float: left; }
				section.moreclients div#slider-small li { text-align:center;overflow:hidden;height:110px;width: 170px; margin: 0; }
				section.moreclients #prevBtn, section.moreclients #nextBtn,section.moreclients #slider1next ,section.moreclients #slider1prev { display:block;	width:27px;	height:28px; position:absolute;	left:337px;	top: 322px; z-index:1000;	}	
	section.moreclients #nextBtn, section.moreclients #slider1next{ left: 1060px;	}														
	section.moreclients #slider1next a { display:block;	}														
	section.moreclients #prevBtn a, section.moreclients #nextBtn a, section.moreclients	#slider1next a, section.moreclients #slider1prev a{ display:block; position:relative;	width:27px;	height:28px; background:url('/interactive/files/images/minislider-left.jpg') no-repeat 0 0; left: 505px;	text-indent: -9999px; }	
	section.moreclients #slider1next a { background:url('/interactive/files/images/minislider-right.jpg') no-repeat 0 0; text-indent: -9999px; }

		div.caseImage { width: 270px; height:283px;overflow:hidden; }
		div.caseImage img { }
	
	/* Nieuws & events */
	section.news .more-tweets { float: right; text-transform: uppercase; color: #333; text-decoration: none; font-family: helvetica, arial; font-weight: bold; font-size: 12px; margin-top: 5px;}
	section.news .reftweet { margin: 12px 0 0 0;height: 178px;}
	section.news dl { margin: 8px 0 7px 0; font-family: Verdana; font-size: 11px; float: left; }
		section.news dl dt { float: left; width: 15%; } 
		section.news dl dd { float: left; width: 85%; }
			section.news dl.tweet dd a { color: #F86611;text-decoration:none; }
			section.news dl.tweet dd a:hover { color: #005a8c;}
			section.news dl.tweet dd span { color: #0186be; }
			section.news dl.tweet dd.reply { font-style: italic; }
				section.news dl.tweet dd.reply span { font-style: normal; }
		section.news dl.agenda dd.date { color: #0186be; font-weight: bold; }
		
	/* Partners */
	section#partners ul li { background: url('../images/partners-bg.jpg') no-repeat; width: 141px; height: 125px; float: left; margin: 0 0 20px 18px; }
	section#partners p { margin: 20px 0 0 0 }
	section#partners ul { margin: 20px 0 0 0 }
	section#partners ul li.first { margin: 0 0 20px 0; }
		section#partners ul li img { margin: 1px 0 0 1px; }
		
/* Footer */
footer { background: #f2f2f2; clear: both; border-top: 1px solid #e5e4e4; padding: 10px;width:100%;position:fixed;bottom:0; }
	footer ul { text-align: center; }
		footer ul li { display: inline; }
			footer ul li a { color: #666; font-family: helvetica, arial; text-decoration: none; font-size: 11px; border-right: 1px solid #666; padding: 0 10px; }
			footer ul li a.last { border-right: 0; }
			footer ul li a:hover { color: #000; }

/* Headings & text */
h2 { color: #fff; font-family: arial; font-size: 18px; text-transform: uppercase; }
article h1, section h1 { color: #3c3c3c; font-family:Arial, Helvetica, sans-serif;font-weight:bold; font-size: 18px; text-transform: uppercase; margin: 0 0 20px 0; }
h3 { color: #3c3c3c; font-family:Arial, Helvetica, sans-serif;font-weight:bold; font-size: 18px; text-transform: uppercase; }
article h2, .case h2, section#partners h2 { color: #0186be; font-family:Arial, Helvetica, sans-serif;font-weight:bold; font-size: 15px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
section.moreclients h3 { color: #3c3c3c; font-family: arial; font-size: 18px; text-transform: uppercase; margin: 0 0 20px 0; }

article p span { color: #f86611; font-weight: bold; }

a.read-more { float: right; text-transform: uppercase; color: #333; text-decoration: none; font-family: helvetica, arial; font-weight: bold; font-size: 12px; margin: 10px 0 0 0; }
	a.read-more:hover, a.more-tweets:hover { text-decoration: underline; }
h2.co-op { color: #0186be; font-family: helvetica, arial; font-weight: bold; text-transform: uppercase; font-size: 12px; margin: 20px 0 10px 0; }

/* Sitemap */
#sitemap {width:500px;}
#sitemap {width:500px;}
	#sitemap li {line-height: 20px; list-style-type: none;}
		li.sitemap-depth1 { padding: 15px 0 0;}
			li.sitemap-depth2 { padding: 0 0 0 25px;}
				li.sitemap-depth3 { padding: 0 0 0 50px;}
				li.sitemap-depth2 a, li.sitemap-depth3 a { font: 12px 'Lucida Sans Unicode','Lucida Grande';}
				
/* FAQ */
section.faq .inhoud-a {width:80%;}
section.faq .inhoud-b {width:66%;}
ul#faq .step1  { margin: 20px 0 0 0; }
ul#faq .step1 a { cursor:pointer; font-size:15px; color:#0186BE; }
ul#faq .step1 a:hover {color:#005a8c }
ul#faq .step1 ul { display:none; }
ul#faq .step1 ul li { padding:15px 0 5px 15px; }
ul#faq .step1 ul li a { font-size:12px; line-height:22px; color: #F86611}
ul#faq .step1 ul li a:hover { color: #005a8c}
ul#faq .step1 ul li p{ display:none; margin: 4px 0 4px;}
ul#faq .step1 ul li p a{ color: #F86611; font-size:12px}


/* CONTACT FORM */
div#required-text {font-style: italic}

form#form-contact { float:left;margin-bottom:50px; }
form#form-contact ol li { height:40px;width:530px;float:left; }
form#form-contact ol li.high-list { height:230px;width:600px;float:left; }
form#form-contact ol li.high-list textarea { height:200px;width:350px;float:left; }
form#form-contact ol li label { width:150px;float:left;font-weight:bold; }
form#form-contact ol li label.large { width:175px;}
form#form-contact ol li input { width:140px;float:left; }
form#form-contact ol li.submit input{ float:right;background:url('/interactive/files/images/verzend.png') no-repeat;border:0;cursor:pointer;height:26px;width:86px; }


 form.standard  ol li  span.validate-none {
	float:left;
  height: 18px;
  margin: 2px 5px 0 0;
  width: 20px;
 }
form.standard ol li  span.error {
	background: url("/interactive/files/images/error.png") no-repeat;
	float:left;
  height: 18px;
  margin: 2px 5px 0 0;
  width: 20px;
 }
 
form.standard ol li span.valid {
	background: url("/interactive/files/images/valid.png") no-repeat;
	float:left;
  height: 18px;
  margin: 2px 5px 0 0;
  width: 20px;
 }