/*   Import screen styles
---------------------------------------------- */
/*   Reset styles
---------------------------------------------- */
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, font, 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 {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}


/*   General
---------------------------------------------- */
body {border-style:none; color:#575757; font:86% "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:1.65em; margin:0; padding:0; text-align:left;}
h2, h3, h4, h5, h6 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal;}
h2 {font-weight:normal; visibility:hidden;}
h1 {font-family:Times New Roman, Times, serif;color:#000; font-size:3.6em; font-weight:normal; line-height:1.13em; padding-bottom:10px; visibility:hidden;}
.home #content h1 {font-size:3em; margin:0; width:auto;}
h2, h3 {color:#333; font-size:1.1em;}
h4 {color:#333; font-size:1.1em;}
h5 {color:#333; font-size:1em;}
input, select, textarea {font:400 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; margin:0; padding:0; vertical-align:top;}
a {color:#165580; text-decoration:underline;}
a:hover {text-decoration:none;}
.clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.nowrap {white-space:nowrap;}
legend, .print, #errMsg {display:none;}
.hidden {position:absolute; left:-900em;}
.left {float:left;}
.right {float:right;}	
img.left {margin-right:10px;}
img.right {margin-left:10px;}		
.accesNav {left: -999em; position: absolute;}
.clear {clear:both;}


/*	 Typekit (No font flicker)
---------------------------------------------- */
.wf-loading h1, .wf-loading h2  {visibility:hidden;}  
.wf-active h1, .wf-active h2 {visibility:visible;}   
.wf-inactive h1, .wf-inactive h2 {visibility:visible;}


/*	 Wrapper
---------------------------------------------- */
#wrapper {position:relative; width:100%;}


	/*	 Header
	---------------------------------------------- */
	#header {background:#fff url("/static/images/bg-header.png") 0 -1px repeat-x; min-height:70px; margin-bottom:63px;}
		#headerInner {min-height:70px; margin:0 auto; position:relative; width:952px;}
			#indiLogo {background:transparent url("/static/images/logo-indivirtual-branded.png") 0 0 no-repeat; height:70px; left:0; position:absolute; top:0; text-decoration:none; width:168px; z-index:1;}
			#indiLogoJs {position:absolute; left:0; top:-150px;}


		/*	 Main navigation
		---------------------------------------------- */
		#mainNav {float:right; list-style:none;}
		#mainNav li {display:block; float:left; min-height:56px; position:relative; text-align:center; width:101px;}
		#mainNav li a {background:url("/static/images/sprite-ui.png") -111px -148px no-repeat; color:#fff; display:block; font-size:1.1em; height:40px; padding-top:16px; text-decoration:none; text-shadow:0 -1px 1px #000; width:101px;}
		#mainNav li.selected a, #mainNav li a:hover {background:url("/static/images/sprite-ui.png") 0 -84px no-repeat; left:-1px; padding-left:1px; position:absolute;}
		#mainNav li a:hover {background-position:0 -150px;}


	/*	 Content
	---------------------------------------------- */
	#content .container {margin:0 auto; padding-bottom:44px; width:952px;}
	#content .container:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
	#content .containerInner {float:left; width:100%;}
	#content .container.short {padding-bottom:0;}
	#content .container.short h1 {line-height:1em; width:690px;}
	#content .container.short.localNav h1 {width:662px;}
	#content h1 {width:690px;}
	#content .container h1 {margin:0; width:auto;}
	#content .caseHeading {text-align:center; width:956px;}
	#content .caseHeading h2 {background:url("/static/images/sprite-ui.png") 0 -952px no-repeat; color:#fff; font-size:1.8em; font-weight:bold; margin-bottom:27px; padding:17px 13px 21px; text-shadow:0 -1px 1px #000;}
	
	#content .caseHeading h2 span {background:url("/static/images/sprite-ui.png") -400px -1102px no-repeat; float:left; height:30px; width:30px;}
	#content .caseHeading.case1 h2 span {background-position:-400px -1102px;}	
	#content .caseHeading.case2 h2 span {background-position:-370px -1152px;}
	#content .caseHeading.case3 h2 span {background-position:-340px -1204px;}
	#content .caseHeading.case4 h2 span {background-position:-310px -1254px;}
	#content .caseHeading.case5 h2 span {background-position:-280px -1304px;}
	#content .caseHeading.case6 h2 span {background-position:-250px -1348px;}
	
	
		/*	 main
		---------------------------------------------- */
		.main {float:left; padding-right:14px; width:700px;}
		
		
		/*	 sidebar
		---------------------------------------------- */
		.sidebar {float:right; width:238px;}		
	
	
		/*	 localNav
		---------------------------------------------- */
		.localNav .col {width:952px;}
		.localNav .col .sideInfo {width:238px;}
		.localNav .sideInfo {float:right;}
		.localNav.contentSection .sideInfo.small {margin-left:0; width:212px;}
		#localNav {background:url("/static/images/bg-localnav.jpg") 0 0 no-repeat; float:right; margin:-11px 0 40px 0;}
		#localNav ul {background:url("/static/images/bg-localnav-bottom.jpg") 0 100% no-repeat; font-size:0.95em; line-height:2.15em; padding:24px 0 42px; width:238px;}
		#localNav ul li {background:none; padding-left:28px;}
		#localNav ul li.selected {background:url("/static/images/sprite-icons.png") 0 -67px no-repeat; margin-left:14px; padding-left:0;}
		#localNav ul li a {text-decoration:none;}
		#localNav ul li a:hover {text-decoration:underline;}
		#localNav ul li.selected a {text-decoration:none;}
		#localNav ul li.selected a span {background:url("/static/images/sprite-icons.png") 100% -115px no-repeat; color:#fff; display:inline-block; margin-left:12px; padding:0 9px 0 2px;}


		/*	 Links
		---------------------------------------------- */
		.readMore, .goBack, .extern {background-image:url("/static/images/sprite-icons.png"); background-repeat:no-repeat; display:inline-block; padding-left:30px; text-decoration:none;}
		.readMore {background-position:-260px -190px; font-size:1.1em;}
		.goBack {background-position:-240px -223px; margin:17px 0; padding:4px 0 4px 30px;}
		.screenshots .goBack {padding-bottom:14px;}
		.extern {background-position:-158px -338px; padding-left:35px;}
		.events .extern {font-size:0.95em; margin-top:13px;}
		.readMore:hover, .goBack:hover, .extern:hover {text-decoration:underline;}
		
		
		/*	 Lists
		---------------------------------------------- */	
		.container ol {list-style:decimal inside;}
		.container ol ol {list-style:none;}
		.container ul li {background: url("/static/images/sprite-icons.png") -288px -163px no-repeat; display:block; padding-left:25px;}		
		.container ul li span {color:#000;}
		.container ul.linkList li {background:url("/static/images/sprite-icons.png") -260px -191px no-repeat; display:block; padding-left:29px;}
		.container ul.linkList li a {text-decoration:none;}
		.container ul.linkList li a:hover {text-decoration:underline;}		
		
		
		/*	 Meta
		---------------------------------------------- */			
		div.meta {width:660px;}
		div.meta.short {width:460px;}
		div.meta:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
		div.meta .extern {float:right; font-size:1em;}
		div.meta .readMore {font-size:1em; font-size:1em;}		
		div.meta span {color:#8c8c8c; float:right; font-size:1em;}

		
		/*	 Columns
		---------------------------------------------- */
		.col {border-left:1px dotted #9f9b9b; float:left; margin-left:22px; padding-left:22px; width:282px;}
		.col.wide {width:684px;}
		.col:first-child, .col.first, .overview .col.first, .overview.events .col.first {border-left:none; margin-left:0; padding-left:0;}	
		
		
		/*	 Intro
		---------------------------------------------- */
		.intro {float:left; width:662px;}
		.home .intro {width:520px;}
		.main .intro {padding-right:45px;}
		.intro p, .contentSection .intro p {color:#575757; font-size:1.2em; line-height:1.7em; padding-bottom:0;}
		
		
			/*	 Newsletter
			---------------------------------------------- */			
			#newsletter {border-top:1px dotted #9f9b9b; font-size:0.95em; margin-top:22px; padding-top:10px;}
			#newsletter label {color:#000; display:block; padding-bottom:8px;}
			#newsletter .inputBox {float:left; margin-right:4px;}
			#newsletter .inputBox input {border:1px solid #929088; border-radius:3px; box-shadow:0px 0px 3px #787467; padding:6px 6px 7px; width:284px;}
			#newsletter .inputBox input:hover {box-shadow:0px 0px 3px #000;}
			#newsletter .submit {background:url("/static/images/sprite-buttons.png") 0 -158px no-repeat; border:none; color:#fff; display:inline-block; float:left; height:34px; margin-top:-1px; overflow:hidden; outline:none; padding-bottom:3px; width:62px;}		


		/*	 Info
		---------------------------------------------- */
		.info {background:url("/static/images/bg-info.png") 0 0 no-repeat; border:0 none; float:right; height:212px; padding:24px 20px 20px; width:366px;}
		.info h2 {font-size:1.6em; padding-bottom:17px; text-shadow:0 1px 1px #fff;}
		.info p {color:#575757; font-size:1.1em; line-height:1.35em; padding-bottom:6px;}
		.info .meta {color:#333; font-size:0.9em; margin-left:45px;}		
		

		/*	 Catagory
		---------------------------------------------- */
		.catagory h2 {font-size:1.4em; padding-bottom:4px;}
		.catagory h2 a {text-decoration:none;}
		.catagory h2 a:hover {text-decoration:underline;}
		.catagory .meta {color:#8c8c8c; font-size:0.95em;}
		h2.catagory, .contentPage h2.catagory {color:#000; font-size:2.3em; font-weight:bold; padding-bottom:25px; padding-top:4px;}
		
		
		/*	 Fasen
		----------------------------------------------  */
		.fasen .col {padding-left:16px; width:198px;}
		.fasen h2 {color:#000; font-size:1.2em; padding-bottom:4px;}
		.fasen h2:first-child {font-style:italic; font-size:1.4em; padding-bottom:12px;}
		.fasen img {margin-bottom:6px;}
		.fasen p {color:#666; line-height:2em;}	
		
		
		/*	 Wide text column
		---------------------------------------------- */		
		.wide h2 {color:#000; font-size:1.2em; line-height:1.7em; margin-top:-9px; padding-bottom:10px;}
		
		
		/*	 Image Carrousel
		---------------------------------------------- */
		#content .container.carrousel {background:#fff url("/static/images/bg-carrousel.jpg") 50% 10px no-repeat; clear:both; height:500px; margin-bottom:60px; padding-bottom:0; width:100%;}
			.pushbox {background:url("/static/images/sprite-ui.png") 0 -230px no-repeat; height:488px; margin:0 auto 40px auto; padding:20px; padding-top:27px; position:relative; width:960px;}
				.imageGallery {clear:both; float:left; position:relative; width:100%;}	
				.imageGallery .scrollable {float:left; height:448px; overflow:hidden; padding:0; margin-left:20px; position:relative; width:924px;}
				.imageGallery .scrollable .items {clear:both; margin:0; padding:0; position:relative; width:2000em;}
				.imageGallery .scrollable .items li {display:inline-block; float:left; list-style:none; margin:0; padding:0; position:relative; width:970px;}
				.imageGallery .scrollable .items li img {float:left; margin-left:1px; overflow:hidden;}
				.imageGallery a.browse {background-color:#ccc; border:none; height:140px; position:absolute; top:155px; width:56px; text-decoration:none; z-index:999;}	
				.imageGallery a.browseLeft {background:url("/static/images/sprite-ui.png") 6px -1102px no-repeat; left:0;} 
				.imageGallery a.browseLeft:hover {background-position:6px -1272px;} 
				.imageGallery a.browseRight {background:url("/static/images/sprite-ui.png") -163px -1102px no-repeat; right:0;}	
				.imageGallery a.browseRight:hover {background-position:-163px -1272px;}
				.imageGallery .navi {position:absolute; left:398px; top:470px; z-index:999;}
				.imageGallery .navi a, .imageGallery .navi a:hover {background:url('/static/images/sprite-ui.png') -150px 0 no-repeat; border:none; display:block; float:left; height:13px; margin:0 16px 5px 0; width:13px;}
				.imageGallery .navi a.active {background:url("/static/images/sprite-ui.png") -178px 0 no-repeat;}	
				.imageGallery .innerPushbox {background:url("/static/images/sprite-ui.png") 0 -818px no-repeat; bottom:13px; display:block; height:57px; left:14px; padding:0; position:absolute; right:18px; top:auto; width:896px; z-index:999;}	
				.imageGallery .innerPushbox:hover {background-position:0 -885px;}	
				.imageGallery h2 {color:#fff; font-size:1.8em; font-style:italic; font-weight:bold; padding:13px; padding-top:17px;}
				.imageGallery .innerPushbox .leftCol1 {float:left; width:714px;}
				.imageGallery .innerPushbox .rightCol1 {float:right; padding:14px 13px 0 0; width:150px;}
				.imageGallery .innerPushbox .rightCol1 a img {box-shadow:0px 0px 3px #ccc;}	
				.imageGallery .innerPushbox .rightCol1 a:hover img {box-shadow:0px 0px 3px #fff;}	
				.imageGallery .scrollable .innerPushbox .rightcol1 img {float:right;}
				.imageGallery .innerPushbox a.moreinfo {bottom:auto; left:auto; margin:0; margin-left:10px;}
				.imageGallery .innerPushbox a.casestudy {bottom:auto; margin-top:23px; right:auto;}	
				.imageGallery .submit {background:url("/static/images/sprite-buttons.png") 100% -82px no-repeat; display:inline-block; float:right; height:29px; overflow:hidden;}		
				.imageGallery .submit:hover {background-position:100% -121px;}	
				.imageGallery .submit .button {background:url("/static/images/sprite-buttons.png") 0 -2px no-repeat; border:none; color:#000; display:inline-block; font-size:0.95em; height:29px; margin-left:0; overflow:hidden; padding:3px 15px 0 15px; text-align:center; text-decoration:none;}	
				.imageGallery .submit .button:hover {background:url("/static/images/sprite-buttons.png") 0 -41px no-repeat;}	


			/*	 Javascript off
			---------------------------------------------- */	
			.pushbox.noNavigation .imageGallery .navi, .pushbox.noNavigation .imageGallery a.browseLeft,  .pushbox.noNavigation .imagegallery a.browseRight {display:none;}				
		
		
		/*	 fancyBox
		---------------------------------------------- */
		#fancybox-outer {border:5px solid #333; border-radius:4px;}
		#fancybox-close {background:url("/static/images/sprite-ui.png") no-repeat -127px -84px; height:35px; right:23px; top:-5px; width:28px;}
		#fancybox-left, #fancybox-right {}
		#fancybox-left-ico {background:url("/static/images/fancyphoto-prev.png") 0 0 no-repeat; height:30px; margin-left:-10px; width:27px;}
		#fancybox-right-ico {background:url("/static/images/fancyphoto-next.png") 0 0 no-repeat; height:30px; margin-right:-10px; width:27px;}
		#inline1 {width:532px;}
		#inline1 ul {clear:both; display:none; color:#f00; float:left;}
		#inline1 .form textarea {width:490px;}
		#inline1 .form .text.error {border:2px solid #cc0000;}
			
			
		/*	 Twitter
		---------------------------------------------- */
		#content .container.twitter {background:transparent url("/static/images/bg-contact.jpg") 50% 0 no-repeat; height:294px; margin-bottom:0; padding-bottom:0; width:100%;}	
		#content .container.twitter .containerInner {clear:both; float:none; margin:0 auto; padding-bottom:44px; width:952px;}
			.twitter .indiman {margin:27px 0 0 49px;}			
			.twitter .twtr-hd, .twitter .twtr-ft, .twitter .twtr-widget .twtr-new-results {display:none;}
			.twitter .twtr-timeline, .twitter .twtr-doc  {border-radius:0;}
			.twitter #twtr-widget-1 .twtr-bd, .twitter #twtr-widget-1 .twtr-timeline i a, .twitter #twtr-widget-1 .twtr-bd p {color:#575757 !important; font-size:1.05em;}
			.twitter #twtr-widget-1 .twtr-doc, .twitter #twtr-widget-1 .twtr-hd a, .twitter #twtr-widget-1 h3, .twitter #twtr-widget-1 h4, .twitter #twtr-widget-1 .twtr-popular {background-color:transparent !important; color:#575757 !important;}
			.twitter .twtr-bd, .twitter .twtr-widget .twtr-tweet-wrap {padding:0;}
			.twitter .twtr-widget {float:left; margin-top:28px; width:604px;}
			.twitter .twtr-avatar, #content .twtr-img {height:72px; width:72px;}
			.twitter .twtr-img img {border:10px solid #fff !important; height:48px; vertical-align:bottom; width:48px;}
			.twitter #twtr-widget-1 .twtr-bd p {line-height:21px; overflow:hidden;}
			.twitter .twtr-img a {border:1px solid #ddd; display:block; float:left;}
			.twitter .twtr-widget .twtr-tweet {border-bottom:1px dotted #a6b1b8; padding:10px 0;}
			.twitter #twtr-widget-1 .twtr-tweet-text {background:url("/static/images/sprite-icons.png") 0 0.5em no-repeat; float:left; margin-left:2px; margin-top:5px; padding-left:10px; width:486px;}			
		
		
		/*	 Contact
		---------------------------------------------- */		
		#content .container.contact {background:transparent url("/static/images/bg-contact.jpg") 50% 50% no-repeat; min-height:210px; margin-bottom:0; padding-bottom:0; width:100%;}
		#content .container.contact .containerInner {clear:both; float:none; margin:0 auto; padding:35px 0 38px 0; position:relative; width:952px;}
			.contact h2 {color:#333; font-size:1.4em; line-height:1.5em; padding-bottom:12px;}
			.addition {background:url(/static/images/sprite-icons.png) -288px -160px no-repeat; color:#575757; display:block; font-size:1.15em; line-height:1.8em; padding-left:19px;}
			.contact .indiman {left:352px; position:absolute; top:32px;}
		
		
		/*	 Top info
		---------------------------------------------- */		
		#content .container.topInfo {background: url("/static/images/bg-klanten.jpg") no-repeat scroll 50% 10px #fff; clear:both; margin-top:20px; padding-bottom:18px; width:100%;}		
		#content .container.topInfo .containerInner {clear:both; float:none; margin:0 auto; position:relative; width:952px;}
		#content .container.topInfo .visual {float:left;}	
		#content .container.topInfo .visual img, #content .container.topInfo .visual.googleMaps {background:url("/static/images/bg-visual-bottom.png") 100% 100% no-repeat; padding-bottom:44px;}
		#content .container.topInfo .visual.googleMaps {padding-bottom:39px;}
		#content .container.topInfo .visual iframe {border:1px solid #b2b4a5; border-radius:4px;}
		#content .container.topInfo .intro {float:right; width:533px;}
		#content .container.topInfo .intro h2 {font-size:2.3em; font-weight:bold; line-height:1.1em; padding-bottom:25px; padding-top:29px;}
		#content .container.topInfo .intro p {font-size:1.1em; padding-bottom:14px;}
			.date {color:#8c8c8c;}
		
		
			/*	 Overview
			---------------------------------------------- */	
			#content .container.overview {padding-bottom:78px;}
				.overview .itemsRow {float:left;}
				.overview .itemsRow:first-child {margin-bottom:62px;}
				.overview .col {border:none; margin-left:25px;}
				.overview .col img {padding-bottom:9px;}
				.overview .col h2 {color:#000; font-size:1.4em; padding-bottom:14px;}
				.overview .col p {color:#575757; font-size:0.95em;; line-height:1.75em;}
				.overview .col .readMore {background-position:-260px -192px; display:inline-block; font-size:0.95em; margin-top:14px;}
			
			
				/*	 Events
				---------------------------------------------- */	
				.overview.events {margin-top:-19px;}
				.overview.events .itemsRow {margin-bottom:41px;}
				.overview.events .col {background:url("/static/images/sprite-ui.png") -460px -1103px no-repeat; height:288px; margin-left:50px; padding:22px 16px 0 19px;width:248px;}
				.overview.events .col.first {padding-left:19px;}
				.overview.events .col.highlight {background-position:-623px -275px; margin-bottom:0;}
				.overview.events h2 {color:#000; font-size:1.1em; padding-bottom:5px;}	
				.overview.events p {color:#666; font-size:0.95em;}
					.events .date {color:#ea0000; margin-right:4px;}
			
			
			/*	 Logo list
			---------------------------------------------- */	
			.container ul.logoList {margin:0 auto;}
			.container ul.logoList li {background:none; float:left; line-height:4em; padding:0;}
			.container ul.logoList li img {margin-left:16px; vertical-align:middle;}
			.container ul.logoList li:first-child img {margin-left:0;}
			
			
			/*	 Costumers
			---------------------------------------------- */	
			#content .container.costumers {padding-bottom:67px;}
				.costumersInfo {clear:both; margin:0 auto; padding-top:28px; text-align:center; width:760px;}	
				.costumersInfo p {color:#8c8c8c; font-size:0.95em;}
				
				
			/*	 Screenshots
			----------------------------------------------  */		
			#content .container.screenshots h1 {font-size:2.3em; font-weight:bold; line-height:1.1em; padding-bottom:25px;}
				.container.screenshots ol li {color:#000; margin-top:44px;}
				.container.screenshots ol li:first-child {margin-top:8px;}
				.container.screenshots .meta {display:block; margin-top:15px;}
			
			
			/*	 Content Section
			---------------------------------------------- */	
			#content .container.topInfo.case .intro p {font-size:1.2em;}
				
				.contentSection .col.first {width:956px;}
				.contentSection .col.first img.left {margin:77px 20px 30px 0;}
				.contentSection .col.first img.right {margin:7px 0 30px 20px;}
				.contentSection h2, .case h3 {color:#000; font-size:1.2em; padding-bottom:8px;}
				.contentSection h2.catagory {color:#000; font-size:2.3em; font-weight:bold; padding-bottom:29px;}
				.contentSection h3 {font-size:1.1em;}
				.contentSection p, .contentSection ul {color:#575757; max-width:700px; padding-bottom:24px;}
				.contentSection .equal p {max-width:600px;}
				.contentSection ul li {background: url("/static/images/sprite-icons.png") -288px -163px no-repeat; display:block; padding-left:25px;}
				.contentSection .meta {color:#333; display:block; font-size:0.95em; margin-top:14px;}
				.contentSection .meta .readMore {float:left;}
				.contentSection .col {width:auto;}
				
				.contentSection .sideInfo {border-left:1px dotted #9f9b9b; float:right; margin-bottom:15px; margin-left:28px; padding:0 0 17px 27px; width:450px;}
				.contentSection .sideInfo p, .case .sideInfo .meta, .case .sideInfo .readMore {font-size:0.95em;}
				.contentSection .sideInfo .readMore {background-position:-260px -190px; font-size:0.95em;}
				.contentSection .sideInfo h2 {padding-bottom:23px;}
				.contentSection .sideInfo.small {width:217px;}
				.contentSection .sideInfo.small .itemRow, .contentSection .sideInfo.small .meta {float:left;}
				.contentSection .sideInfo.small .meta a {font-size:0.9em; text-decoration:none;}
				.contentSection .sideInfo.small .meta a:hover {text-decoration:underline;}
				.contentSection .sideInfo.small .gallery img {margin-left:0;}
				
				.contentSection .itemRow {margin-top:26px;}
				.contentSection .itemRow:first-child {margin-top:0;}
				.contentSection .gallery img {vertical-align:bottom;}
				.contentSection .sideInfo .itemRow {float:left;}
				.contentSection .sideInfo .gallery a {margin-left:0; width:auto;}
				.contentSection .sideInfo .gallery img {margin-left:26px;}
				.contentSection .sideInfo .gallery a:first-child img {margin-left:0;}
				.contentSection .gallery a {float:left; margin-left:33px; position:relative; width:210px;}
				.contentSection .gallery a:first-child  {margin-left:0;}
				.contentSection .gallery a span {display:none;}
				.contentSection .gallery a:hover span {background:transparent url("/static/images/bg-plus.png") 100%	100% no-repeat; bottom:10px; display:block; height:44px;  position:absolute; right:10px; text-indent:-900em; width:44px;}		
				.contentSection .col.sideInfo .highlight h2 {padding-bottom:8px;}
					.highlight {background:#fffdd5; border:1px solid #ccccad; border-radius:3px; font-size:0.95em; margin-bottom:28px; max-width:684px; padding:11px; padding-bottom:17px;}
					.sideInfo .highlight {font-size:1em;}
					.highlight p {padding-bottom:14px;}	
					.highlight .readMore {font-size:1em;}
			
			
			/*	 Top Info Contact
			---------------------------------------------- */	
			#content .container.topInfo.contact .containerInner {padding:0;}
			#content .container.topInfo.contact .intro	{float:left; position:relative;}
			#content .container.topInfo.contact .intro p {font-size:1.2em; line-height:28px;}
			#content .container.topInfo.contact .indiman {bottom:-75px; top:auto;}
			#content .container.topInfo.contact .visual	{float:right;}
			#content .container.topInfo.contact .visual img	{float:left;}
			#content .container.topInfo.contact .readMore {background-position:-260px -190px; clear:both; display:block; float:right; font-size:1em; margin-top:-28px;}
				.sendUsMail img {margin-top:20px;}
			
			
		/*	 Nieuws Headlines
		---------------------------------------------- */	
		.headlines .col {border-left:none; padding-left:0; width:643px;}
		.headlines .col:first-child {width:285px;}
		.headlines .itemsRow {float:left; margin-top:24px;}
		.headlines .itemsRow.first {margin-top:0;}
		.headlines .col h2 {font-size:1.4em; font-weight:normal; padding-bottom:9px;}
		.headlines p {color:#575757; padding-bottom:8px;}
		.headlines .readMore {background-position:-260px -193px; font-size:0.95em;}
		

		/*	 Content page 
		---------------------------------------------- */	
		#content .container.topInfo.contentPage {background:none; margin-top:0; padding-bottom:44px; width:952px;}
			.topInfo.contentPage p {color:#575757; font-size:1.2em; line-height:1.7em; max-width:690px;}
			.topInfo.contentPage .goBack {margin-top:5px;}
			.contentPage h2, .contentPage h3 {color:#000; font-size:1.2em; padding-bottom:8px;}
			.contentPage p, .contentPage ul {color:#575757; margin-bottom:23px; max-width:690px; overflow:visible;}
			.contentPage .visual, .contentPage .right {float:right; margin:11px 0 30px 55px;}
			.contentPage .meta {color:#333; display:block;/* float:left;*/ font-size:0.95em; margin-top:14px;}
			.contentPage .meta .readMore {float:left;}
			.caption {color:#333; display:block; font-size:0.95em; margin-top:6px;}
		

		/*	 Form
		---------------------------------------------- */		
		.form {margin:0; padding:0;}
		.form fieldset {margin:0; margin-bottom:20px; padding:15px 15px 10px 15px; position:relative;}
		.form fieldset h2 {color:#000; font-size:31px; padding:0 0 21px 0;}	
		.form .additional {color:#575757; font-size:16px; margin-left:11px;}
		.form .formcontainer fieldset h2 {clear:none; display:inline-block;}
		.form .formitem {clear:both; margin-bottom:7px; overflow:hidden; width:100%;}	
		.form .textfield {clear:left; padding-left:170px;}
		.form label {display:inline-block; font-size:0.95em; padding-bottom:12px; padding-top:14px;}						
		.form label.front {float:left; margin-right:10px; padding:0; padding-top:7px; width:100px;}	
		.form label.full {display:block; width:100%;}						
		.form textarea {border:1px solid #a5acb2; color:#000; float:left; font-size:0.95em; height:113px; overflow:auto; padding:5px; width:96.8%;}						
		.form .text {border:1px solid #a5acb2; color:#000; float:left; font-size:0.95em; height:16px; overflow:hidden; padding:6px 6px 7px; width:210px;}	
		.form .message {border:1px dashed #cc0000; clear:both; margin-bottom:20px; overflow:hidden; padding:15px;}
		.form .message h2 {color:#cc0000;}
		.form .message p { padding-bottom:0;}
		.form .message ul {margin:0; padding:0;}
		.form .message label {color:#cc0000; padding:0;}
		.form .message li {margin:0 0 0 15px; padding:0;}	
		.form .message li span {clear:both; display:block; font-size:0.9em;}				
		.form .formcontainer .intro {padding-bottom:0;}
		.form input {border:1px solid #929088; border-radius:3px; font-size:0.95em; padding:6px 6px 7px; width:284px;}
		.form input.button {background:url("/static/images/sprite-buttons.png") 0 -79px no-repeat; border:none; color:#fff; display:inline-block; float:left; height:31px; margin-top:-1px; overflow:hidden; outline:none; width:auto;}
		.form .buttons {padding-top:5px;}
		.form .buttons input.button {margin-left:7px;}
		.form .buttons.right {text-align:right;}
		.form input.button.width1 {background:url("/static/images/sprite-buttons.png") -70px -158px no-repeat; padding:0; text-align:center; width:98px;}
		.form input.button.clean {background:none; border:none; color:#ff3400; padding:0; text-decoration:underline; width:70px;}	

	
		/*	 Tables
		---------------------------------------------- */	
		table#ProgrammTable {border:0; margin-bottom:15px; width:100%;}
		table#ProgrammTable tr {margin:0;}
		table#ProgrammTable tr td {margin:0; padding:0; vertical-align:top;}
		table#ProgrammTable tr td div {height:180px; margin:10px;}
		table#ProgrammTable p {margin:5px;}
		
		
		/*	 Tables
		---------------------------------------------- */	
		div.callToAction {float:right; font-style:italic; height:56px; margin:15px 0 15px -20px; text-align:center; width:100%;}
		div.callToAction img, div.callToAction img{border:0; margin:5px; padding:0;}
		div#indimc{background: url("/dynamic/img/bg-right-bar-item.gif") no-repeat 0 0;  height:165px; font-size:1.2em; margin:0; margin-top:15px; padding:0; padding-top:20px; text-align:center; width:165px;}
		div#indimc img {float:none; margin:0;}
		
		
		/*	 Social share
		---------------------------------------------- */
		#content .container.shareButtons {padding-bottom:22px;}
			.shares.facebook, .shares.twitter {display:block; float:left;}
			.shares.facebook {margin-top:-1px;}
	

/*	 Footer
---------------------------------------------- */	
#footer {background:url("/static/images/bg-footer.png") 0 -8px repeat-x; color:#fff; padding-bottom:65px; color:#fff;}
#footer:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
#footer #floatingFooter {font-size:0.95em; padding-top:19px;}
#footer .inner {margin:0 auto; width:928px;}
#footer a {color:#b2bdc4; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer h2, #footer h2 a, #footer .socialMedia a {color:#fff;}
#footer .copyright {float:left;}
#footer .socialMedia {float:right; width:340px;}
#footer .socialMedia li {float:left;}
#footer .socialMedia a {background-image:url("/static/images/sprite-icons.png"); background-repeat:no-repeat; display:block; height:19px; margin-right:17px; padding-left:27px;}
#footer .socialMedia .route {background-position:-219px -259px;}
#footer .socialMedia .facebook {background-position:-182px -313px;}
#footer .socialMedia .twitter {background-position:-201px -286px; margin-right:0;}
	#floatingFooterContainer {height:56px;}
	#floatingFooter {background:url("/static/images/sprite-ui.png") 0 -1030px repeat-x; bottom:0; height:37px; position:inherit; width:100%; z-index:1000;}
	#floatingFooter.locked {position:fixed;}
	#floatingFooter .inner {position:relative; width:960px;}


	/*	 Sitemap
	---------------------------------------------- */
	#sitemap {clear:both; margin:0 auto; position:relative; width:952px;}			
	#sitemap .col {border:none; float:left; line-height:25px; margin:25px 0 0 12px; padding:0; width:212px;}
	#sitemap .col:first-child {margin-left:0;}		
	#sitemap h2 {font-size:1.1em; font-weight:normal; text-transform:uppercase; visibility:visible;}
	#sitemap li {font-size:0.85em;}	
	#sitemap p {font-size:0.95em;}	
	#sitemap a {display:inline-block;}

	
	
	
	
	
	
	
	
	
	
	

/*   Overruling print styles
---------------------------------------------- */

/*   General
---------------------------------------------- */
body {font-size:86%;}
a {color: #575757; text-decoration: none;}
.hidden {display:none;}


	/*	 Header
	---------------------------------------------- */
	#header {background:none;}
		#headerInner {width:100%;}


	/*	 AccesNav
	---------------------------------------------- */
	.accessNav, .accesNav {display:none;}


		/*	 Main navigation
		---------------------------------------------- */
		#mainNav {display:none;}

	/*	 Content
	---------------------------------------------- */
	#content .container {width:100%;}
	#content .containerInner {width:100%;}
	#content .container.short {padding-bottom:44px;}
	#content .container.short h1 {width:100%;}
	#content .container.short.localNav h1 {width:100%;}
	#content h1 {width:100%;}
	#content .caseHeading {width:100%; text-align: left;}
	#content .caseHeading h2 {background:none; color:#575757; padding:17px 0 10px; text-shadow:none;}
	#content .caseHeading h2 span {display:none;}
	#content .caseHeading.case1 h2 span {display:none;}
	
	
		/*	 main
		---------------------------------------------- */
		.main {width:100%;}
		.main .intro {margin-bottom:44px;}
		.main iframe {display:none;}
		
		
		/*	 sidebar
		---------------------------------------------- */
		.sidebar {display:none;}		

		/*	 Links
		---------------------------------------------- */
		.readMore, .goBack, .extern {display:none;}
		
		
		/*	 Lists
		---------------------------------------------- */	
		.container ol {list-style:decimal inside;}
		.container ol ol {list-style:decimal;}
		.container ul li {none; display:block; padding-left:25px;}		
		.container ul li span {color:#000;}
		.container ul.linkList li {background:url("/static/images/sprite-icons.png") -260px -191px no-repeat; display:block; padding-left:29px;}
		.container ul.linkList li a {text-decoration:none;}
		.container ul.linkList li a:hover {text-decoration:underline;}		
		
		
		/*	 Meta
		---------------------------------------------- */			
		div.meta {width:90%;}
		div.meta.short {width:80%;}
		div.meta .readMore {display:none;}		
		div.meta span {color:#8c8c8c; float:right; font-size:1em;}

		
		/*	 Columns
		---------------------------------------------- */
		.col {width:27%;}
		.col.wide {width:71%;}
		.overview.events .col.first { border-left: 1px solid #B9B9B9;}
		
		
		/*	 Intro
		---------------------------------------------- */
		.intro {width:100%;}
		.home #content .container .intro h1 {width:50%;}
		.home .intro {width:100%;}
		
		
			/*	 Newsletter
			---------------------------------------------- */			
			#newsletter {display:none;}

		/*	 Info
		---------------------------------------------- */
		.info {background:#fff; border:1px solid #545454; border-radius:5px; height:100%; margin-top:-295px; width:40%;}
		.info .meta {margin-left:0;}

		/*	 Catagory
		---------------------------------------------- */
		.catagory h2 {font-size:1.4em; padding-bottom:4px;}
		.catagory h2 a {text-decoration:none;}
		.catagory h2 a:hover {text-decoration:underline;}
		.catagory .meta {color:#8c8c8c; font-size:0.95em;}
		h2.catagory, .contentPage h2.catagory {color:#000; font-size:2.3em; font-weight:bold; padding-bottom:25px; padding-top:4px;}
		
		
		/*	 Fasen
		----------------------------------------------  */
		.fasen .col {padding-left:16px; width:198px;}
		.fasen h2 {color:#000; font-size:1.2em; padding-bottom:4px;}
		.fasen h2:first-child {font-style:italic; font-size:1.4em; padding-bottom:12px;}
		.fasen img {margin-bottom:6px;}
		.fasen p {color:#666; line-height:2em;}	
		
		
		/*	 Wide text column
		---------------------------------------------- */		
		.wide h2 {color:#000; font-size:1.2em; line-height:1.7em; margin-top:-9px; padding-bottom:10px;}
		
		
		/*	 Image Carrousel
		---------------------------------------------- */
		#content .container.carrousel {display:none;}
			
		/*	 fancyBox
		---------------------------------------------- */
		#fancybox-outer {display:none;}
		
		/*	 Twitter
		---------------------------------------------- */
		#content .container.twitter {display:none;}
		
		/*	 Contact
		---------------------------------------------- 	*/
		#content .container.contact {display:none;}	
		#content .container.topInfo.contact {display:block;}	
		
		
		/*	 Top info
		---------------------------------------------- */		
		#content .container.topInfo {width:100%;}		
		#content .container.topInfo .containerInner {width:100%;}
		#content .container.topInfo .visual {width:50%;}	
		#content .container.topInfo .visual img, #content .container.topInfo .visual.googleMaps {height:85%; width:85%;}
		#content .container.topInfo.contact .visual img {float:left;}
		
		#content .container.topInfo .intro {width:50%;}
		
	
			/*	 Overview
			---------------------------------------------- */	
				.overview .col img {height:110%; width:110%;}
				.overview .col h2 {height:45px;}
				.overview .col .readMore {display:none;}
			
			
				/*	 Events
				---------------------------------------------- */	
				.overview.events {margin-top:-19px;}
				.overview.events .itemsRow {margin-bottom:41px;}
				.overview.events .col {background:none; border:1px solid #B9B9B9; border-radius:5px; height:288px; margin-left:20px; padding:15px;width:26%;}
				.overview.events .col.first {padding:15px;}
			
			
			/*	 Logo list
			---------------------------------------------- */
			.container ul.logoList li {max-width: 10%;}
			.container ul.logoList li img {height:85%; width:85%;}
			
			
			/*	 Costumers
			---------------------------------------------- */	
			#content .container.costumers {padding-bottom:67px;}
				.costumersInfo {clear:both; margin:0 auto; padding-top:28px; text-align:center; width:760px;}	
				.costumersInfo p {color:#8c8c8c; font-size:0.95em;}
				
				
			/*	 Screenshots
			----------------------------------------------  */		
			#content .container.screenshots h1 {font-size:2.3em; font-weight:bold; line-height:1.1em; padding-bottom:25px;}
				.container.screenshots ol li {color:#000; margin-top:44px;}
				.container.screenshots ol li:first-child {margin-top:8px;}
				.container.screenshots .meta {display:block; margin-top:15px;}
			
			
			/*	 Content Section
			---------------------------------------------- */
				
				.contentSection .col.first {width:100%;}
				.contentSection p, .contentSection ul {color:#575757; max-width:100%; padding-bottom:24px;}
				.contentSection .equal p {max-width:100%;}
				
				.contentSection .sideInfo {display:none;}
				.contentSection .sideInfo  {display:none;}
				
					.highlight {max-width:90%;}
					
			
			/*	 Top Info Contact
			---------------------------------------------- */	
			#content .container.topInfo.contact .intro a#fancyboxInline {display:none;}
			#content .container.topInfo.contact .indiman {display:none;}
			#content .container.topInfo.contact .readMore {background-position:-260px -190px; clear:both; display:block; float:right; font-size:1em; margin-top:-28px;}
				.sendUsMail img {margin-top:20px;}
			
			
		/*	 Nieuws Headlines
		---------------------------------------------- */	
		.headlines .col {width:50%;}
		.headlines .col:first-child {width:40%&#215;;}
		.headlines .itemsRow {float:left; margin-top:24px;}
		.headlines .itemsRow.first {margin-top:0;}
		.headlines .col h2 {font-size:1.4em; font-weight:normal; padding-bottom:9px;}
		.headlines p {color:#575757; padding-bottom:8px;}
		.headlines .readMore {background-position:-260px -193px; font-size:0.95em;}
		

		/*	 Content page 
		---------------------------------------------- */	
		#content .container.topInfo.contentPage {width:100%;}
			.topInfo.contentPage p {color:#575757; font-size:1.2em; line-height:1.7em; max-width:690px;}
			.topInfo.contentPage .goBack {margin-top:5px;}
			.contentPage h2, .contentPage h3 {color:#000; font-size:1.2em; padding-bottom:8px;}
			.contentPage p, .contentPage ul {color:#575757; margin-bottom:23px; max-width:690px; overflow:visible;}
			.contentPage .visual, .contentPage .right {float:right; margin:11px 0 30px 55px;}
			.contentPage .meta {color:#333; display:block;/* float:left;*/ font-size:0.95em; margin-top:14px;}
			.contentPage .meta .readMore {float:left;}
			.caption {color:#333; display:block; font-size:0.95em; margin-top:6px;}
		

		/*	 Form
		---------------------------------------------- */		
		.form {margin:0; padding:0;}
		.form fieldset {margin:0; margin-bottom:20px; padding:15px 15px 10px 15px; position:relative;}
		.form fieldset h2 {color:#000; font-size:31px; padding:0 0 21px 0;}	
		.form .additional {color:#575757; font-size:16px; margin-left:11px;}
		.form .formcontainer fieldset h2 {clear:none; display:inline-block;}
		.form .formitem {clear:both; margin-bottom:7px; overflow:hidden; width:100%;}	
		.form .textfield {clear:left; padding-left:170px;}
		.form label {display:inline-block; font-size:0.95em; padding-bottom:12px; padding-top:14px;}						
		.form label.front {float:left; margin-right:10px; padding:0; padding-top:7px; width:100px;}	
		.form label.full {display:block; width:100%;}						
		.form textarea {border:1px solid #a5acb2; color:#000; float:left; font-size:0.95em; height:113px; overflow:auto; padding:5px; width:96.8%;}						
		.form .text {border:1px solid #a5acb2; color:#000; float:left; font-size:0.95em; height:16px; overflow:hidden; padding:6px 6px 7px; width:210px;}	
		.form .message {border:1px dashed #cc0000; clear:both; margin-bottom:20px; overflow:hidden; padding:15px;}
		.form .message h2 {color:#cc0000;}
		.form .message p { padding-bottom:0;}
		.form .message ul {margin:0; padding:0;}
		.form .message label {color:#cc0000; padding:0;}
		.form .message li {margin:0 0 0 15px; padding:0;}	
		.form .message li span {clear:both; display:block; font-size:0.9em;}				
		.form .formcontainer .intro {padding-bottom:0;}
		.form input {border:1px solid #929088; border-radius:3px; font-size:0.95em; padding:6px 6px 7px; width:284px;}
		.form input.button {background:url("/static/images/sprite-buttons.png") 0 -79px no-repeat; border:none; color:#fff; display:inline-block; float:left; height:31px; margin-top:-1px; overflow:hidden; outline:none; width:auto;}
		.form .buttons {padding-top:5px;}
		.form .buttons input.button {margin-left:7px;}
		.form .buttons.right {text-align:right;}
		.form input.button.width1 {background:url("/static/images/sprite-buttons.png") -70px -158px no-repeat; padding:0; text-align:center; width:98px;}
		.form input.button.clean {background:none; border:none; color:#ff3400; padding:0; text-decoration:underline; width:70px;}	

	
		/*	 Tables
		---------------------------------------------- */	
		table#ProgrammTable {border:0; margin-bottom:15px; width:100%;}
		table#ProgrammTable tr {margin:0;}
		table#ProgrammTable tr td {margin:0; padding:0; vertical-align:top;}
		table#ProgrammTable tr td div {height:180px; margin:10px;}
		table#ProgrammTable p {margin:5px;}
		
		
		/*	 Tables
		---------------------------------------------- */	
		div.callToAction {float:right; font-style:italic; height:56px; margin:15px 0 15px -20px; text-align:center; width:100%;}
		div.callToAction img, div.callToAction img{border:0; margin:5px; padding:0;}
		div#indimc{background: url("/dynamic/img/bg-right-bar-item.gif") no-repeat 0 0;  height:165px; font-size:1.2em; margin:0; margin-top:15px; padding:0; padding-top:20px; text-align:center; width:165px;}
		div#indimc img {float:none; margin:0;}
		
		
		/*	 Social share
		---------------------------------------------- */
		#content .container.shareButtons {display:none;}
	

/*	 Footer
---------------------------------------------- */	
#footer {border-top: 1px dotted #666666;background:none;color:#575757;}
#footer .inner {width:928px;}
	#floatingFooter {background:none;}
#footer .socialMedia {display:none;}
	#floatingFooter.locked {position:relative;}


	/*	 Sitemap
	---------------------------------------------- */
	#sitemap {display:none;}			
	
