@import "http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:100%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.span1{width:40px;padding-left:10px;padding-right:10px}.span2{width:100px;padding-left:10px;padding-right:10px}.span3{width:160px;padding-left:10px;padding-right:10px}.span4{width:220px;padding-left:10px;padding-right:10px}.span5{width:280px;padding-left:10px;padding-right:10px}.span6{width:340px;padding-left:10px;padding-right:10px}.span7{width:400px;padding-left:10px;padding-right:10px}.span8{width:460px;padding-left:10px;padding-right:10px}.span9{width:520px;padding-left:10px;padding-right:10px}.span10{width:580px;padding-left:10px;padding-right:10px}.span11{width:640px;padding-left:10px;padding-right:10px}.span12{width:700px;padding-left:10px;padding-right:10px}a{color:#008c00}body{font-family:"Source Sans Pro",Geneva,sans-serif;font-size:15px;line-height:1.4em;color:#333}.sitewide{width:960px;margin:0 auto}.sitewide img{max-width:100%}h1{color:#008c00;font-size:2.5em;font-weight:normal;margin-bottom:.3em;line-height:1em}h2{color:#595959;font-size:1.5em;margin-top:1.5em;font-weight:bold;margin-bottom:.2em}h3{font-size:1.2em;margin-top:1.5em;font-weight:bold;margin-bottom:.2em}p,dl,menu,ol,ul{margin-top:0}header{background:#fff url(../images/headerbg.png) repeat-x bottom left}header #insideheader{position:relative;height:118px}header #insideheader #logo{position:absolute;top:35px;left:5px}nav{position:absolute;right:5px;bottom:25px;font-size:17.25px}nav ul{list-style:none;margin:0}nav ul li{display:block;float:left;margin-left:2px;line-height:2em}nav ul li a{color:#525252;text-decoration:none;text-transform:uppercase;padding:3px 12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}nav ul li.selected a{background-color:#008c00;color:white}nav ul li:hover a{background-color:#525252;color:white}#socialmedia{position:absolute;right:5px;top:15px}#socialmedia ul{list-style:none;margin:0}#socialmedia ul li{display:block;float:left;margin-left:4px;line-height:1em}section#hero{height:375px;background:#fff url(../images/hero.jpg) repeat top left;position:relative;margin-bottom:20px}section#hero h1{position:absolute;top:90px;left:60px;color:white;font-size:50px;line-height:60px;font-weight:normal;margin:0}section#hero h1 span{color:#bbdcb6}section#hero #intro{position:absolute;top:60px;right:60px;font-weight:lighter;font-size:20px;line-height:26px;color:white}section#subhero{height:275px;background:#fff url(../images/subhero.jpg) repeat top left;position:relative;margin-bottom:20px}section#subhero h1{position:absolute;top:70px;left:60px;color:white;font-size:40px;line-height:50px;font-weight:normal;margin:0}section#subhero h1 span{color:#e6e6e6}section#subhero #intro{position:absolute;top:75px;right:60px;font-weight:lighter;font-size:20px;line-height:26px;color:white}#news{background:transparent url(../images/pijlvolgons.png) no-repeat 35px 15px}#news article.newsitem{padding-top:30px;padding-bottom:20px;border-bottom:2px dashed #e6e6e6;*zoom:1;zoom:1}#news article.newsitem:before{content:'';display:block}#news article.newsitem:after{content:'';display:table;clear:both}#news article.newsitem h2{margin-top:0;margin-bottom:7px;margin-left:240px;font-size:36px;line-height:1.1em}#news article.newsitem h2 a{color:#008c00;font-weight:lighter;text-decoration:none}#news article.newsitem h2 a:hover{text-decoration:underline}#news article.newsitem .metadata{float:left;text-align:right;color:#808080;font-size:12.75px;line-height:1.4em}#news article.newsitem .intro{float:left}#news article.newsitem .intro p{margin-top:0}#newsoverview .newsintro{display:none}#newsoverview .newsitem{border-top:1px #e6e6e6 solid}.newsitem h2 a{text-decoration:none}.newsitem h2 a:hover{text-decoration:underline}.newsitem .date{font-size:.9em;color:#999}.newsitem em.small{font-size:.9em;color:#999}#followus{color:#6c6c6c;font-size:1.1em;padding-left:1em}#whatwedohero{background-color:#008c00;*zoom:1;zoom:1;margin-left:60px;margin-right:60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:white}#whatwedohero:before{content:'';display:block}#whatwedohero:after{content:'';display:table;clear:both}#whatwedohero #webapps{float:left;padding:30px 20px 20px 20px;width:550px}#whatwedohero #webapps h2{font-weight:normal;font-size:2em;margin:0 0 7px 0}#whatwedohero #webapps h2 a{color:white;text-decoration:none}#whatwedohero #webapps h2 a:hover{text-decoration:underline}#whatwedohero #webapps p{margin-top:0}#whatwedohero #picqer{float:left;width:210px;background-color:#0078be;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:5px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:15px 20px}#whatwedohero #earny{float:left;width:210px;background-color:#93117e;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:5px;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:15px 20px}#whatwedohero h3{margin:0}#whatwedohero h3 a{color:white;text-decoration:none}#whatwedohero h3 a:hover{text-decoration:underline}#whatwedohero #picqer p,#whatwedohero #earny p{margin:0;font-size:.9em;line-height:1.4em}#extraservices{color:#595959;*zoom:1;zoom:1;margin:20px 100px;padding-top:10px}#extraservices:before{content:'';display:block}#extraservices:after{content:'';display:table;clear:both}#extraservices .extraservice{width:340px;padding-left:10px;padding-right:10px;float:left;margin-bottom:25px}#extraservices .extraservice h3{margin:0}#extraservices .extraservice h3 a{color:#595959}#extraservices .extraservice p{margin:0}#ourwork{*zoom:1;zoom:1}#ourwork:before{content:'';display:block}#ourwork:after{content:'';display:table;clear:both}#ourwork #references,#ourwork #reference{*zoom:1;zoom:1;width:720px;float:left;margin-top:1em}#ourwork #references:before,#ourwork #reference:before{content:'';display:block}#ourwork #references:after,#ourwork #reference:after{content:'';display:table;clear:both}#ourwork #references .reference,#ourwork #reference .reference{float:left;text-align:center;padding:15px 10px;width:320px}#ourwork #references .reference .image,#ourwork #reference .reference .image{border:1px solid #efefef;padding:3px}#ourwork #references .reference .title,#ourwork #reference .reference .title{margin-top:10px;line-height:1em}#ourwork #references .reference .title a,#ourwork #reference .reference .title a{color:#008c00;text-decoration:none}#ourwork #references .reference .title a:hover,#ourwork #reference .reference .title a:hover{text-decoration:underline}#ourwork #references #featured,#ourwork #reference #featured{*zoom:1;zoom:1}#ourwork #references #featured:before,#ourwork #reference #featured:before{content:'';display:block}#ourwork #references #featured:after,#ourwork #reference #featured:after{content:'';display:table;clear:both}#ourwork #reference{width:680px;margin-right:40px}#ourwork aside{width:200px;float:left;margin-top:0}#ourwork aside h3{margin-top:2em}#ourwork aside .onswerk-sidebar p{margin-top:5px}#ourwork.single aside{margin-top:40px}#ourwork #smallerprojects h2{margin-top:1.5em;margin-bottom:.5em;font-weight:normal;font-size:1.3em}#ourwork #smallerprojects ul{margin:0;padding:0}#ourwork #smallerprojects li{list-style:none;float:left;margin-right:12px}#ourwork #smallerprojects a{color:#6c6c6c}#team{*zoom:1;zoom:1;margin-left:60px;margin-right:60px;text-align:center}#team:before{content:'';display:block}#team:after{content:'';display:table;clear:both}#team .title{text-align:center;color:#a29b94;font-family:Georgia,"Times New Roman",Times,serif;font-size:.9em}#team .teammember{width:250px;float:left;margin:0 10px;text-align:center}#team .teammember#casper{margin-left:25px}#team .teammember .description{font-size:.85em;line-height:1.4em;margin-top:1em;color:#595959}#team .teammember h2{font-size:1.2em;color:#008c00;margin:1em 0 .5em 0}#team .teammember ul{margin:0;padding:0;list-style:none}#team .teammember a{color:#595959}.showcaseimages{background-color:#f9f9f9;border-bottom:1px #e6e6e6 solid;padding:15px;margin-top:1em;margin-bottom:1em;text-align:center}.showcaseimages div.showcaseimage{display:inline;margin:5px}.showcasework{display:none}.showcaselink{border:1px #dfdfdf dashed;padding:5px;text-align:center}#contactpage{*zoom:1;zoom:1}#contactpage:before{content:'';display:block}#contactpage:after{content:'';display:table;clear:both}#contactpage #contacthero{background:#fff url(../images/subhero.jpg) repeat top left;position:relative;width:430px;padding:20px 40px;float:left;color:white}#contactpage #contacthero h1{color:white}#contactpage #contactform input.text,#contactpage #contactform textarea{width:300px;font-size:1em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:3px 2px;border:1px #e0e0e0 solid}#contactpage #contactform textarea{height:100px}#contactpage #contactform #uuid{display:none}#contactpage #contactinfo{float:left;width:350px;margin-left:30px;margin-top:95px}#content{margin-top:1em}aside{margin-top:5em;font-size:.9em;line-height:1.4em}aside h3{color:#008c00;font-size:1.3em;font-weight:normal;margin:0}.row{*zoom:1;zoom:1}.row:before{content:'';display:block}.row:after{content:'';display:table;clear:both}.row [class*="span"]{float:left}a.button,input.button{background-color:#008c00;padding:.2em .6em;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:white;text-decoration:none;margin-right:5px;border:0}a.button:hover,input.button:hover{background-color:#007300}a.button.inverse,input.button.inverse{background-color:white;color:#008c00}a.button.inverse:hover,input.button.inverse:hover{background-color:#e6e6e6}footer{background-color:#666;font-size:12.75px;line-height:1.4em}footer #insidefooter{padding:25px 0 65px 0;margin-top:30px;color:white;*zoom:1;zoom:1}footer #insidefooter:before{content:'';display:block}footer #insidefooter:after{content:'';display:table;clear:both}footer #insidefooter #ourworkfooter{width:220px;padding-left:10px;padding-right:10px;float:left}footer #insidefooter #ourworkfooter h4{margin-top:8px;font-size:15px}footer #insidefooter #ourworkfooter h4 a{text-decoration:none;color:white}footer #insidefooter #ourworkfooter h4 a:hover{text-decoration:underline}footer #insidefooter #newsfooter{width:340px;padding-left:10px;padding-right:10px;float:left}footer #insidefooter #newsfooter h2{display:none}footer #insidefooter #extrasfooter{width:160px;padding-left:10px;padding-right:10px;float:left}footer #insidefooter #contactfooter{width:160px;padding-left:10px;padding-right:10px;float:left}footer #insidefooter h3{font-weight:normal;margin:0 0 4px 0;padding-bottom:2px;border-bottom:1px #6e6e6e solid}footer #insidefooter ul{margin:0;padding:0;list-style:none}footer #insidefooter ul li{margin-bottom:2px}footer #insidefooter ul li:before{content:"> ";color:#9a9a9a}footer #insidefooter ul a{color:white;text-decoration:none;margin-left:3px}footer #insidefooter ul a:hover{text-decoration:underline}@media only screen and (max-width:960px){body{font-size:13.5px;line-height:1.4em}.sitewide{width:760px}.span1{width:30px;padding-left:10px;padding-right:10px}.span2{width:80px;padding-left:10px;padding-right:10px}.span3{width:130px;padding-left:10px;padding-right:10px}.span4{width:180px;padding-left:10px;padding-right:10px}.span5{width:230px;padding-left:10px;padding-right:10px}.span6{width:280px;padding-left:10px;padding-right:10px}.span7{width:330px;padding-left:10px;padding-right:10px}.span8{width:380px;padding-left:10px;padding-right:10px}.span9{width:430px;padding-left:10px;padding-right:10px}.span10{width:480px;padding-left:10px;padding-right:10px}section#hero{height:330px}section#hero h1{font-size:55px;top:55px;left:35px;line-height:55px}section#hero #intro{font-size:17px;line-height:23px;top:65px}#news article.newsitem h2{margin-left:199px;font-size:2.5em;line-height:1em}#ourworkfooter{display:none}#contactpage #contactinfo{width:200px;margin-top:85px}#team{margin:0}#team .teammember{width:220px}#team .teammember.casper{margin-left:0}#whatwedohero{margin:0}#whatwedohero #webapps{width:470px}#whatwedohero #picqer,#whatwedohero #earny{font-size:1.2em}#extraservices{margin:20px 20px}section#subhero.whatwedo h1{font-size:30px;line-height:45px}}@media only screen and (max-width:760px){body{font-size:13.5px;line-height:1.4em}.sitewide{width:320px}header #insideheader{height:200px}header #insideheader #socialmedia{display:none}nav{bottom:10px}section#hero{height:500px}section#hero h1{font-size:45px;top:30px;left:25px}section#hero #intro{top:275px;left:25px;right:25px}#news{background:0}#news article.newsitem h2{margin-left:0}#news article.newsitem .metadata{float:none;width:auto}#news article.newsitem .metadata div{float:left;margin-right:10px}.row{float:none}.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{width:auto}footer #insidefooter #newsfooter,footer #insidefooter #extrasfooter,footer #insidefooter #contactfooter{float:none;width:auto;margin-bottom:1.5em}#ourwork #references,#ourwork #reference{width:auto;float:none}aside,#ourwork aside{font-size:1em;float:none;width:auto;border-top:2px dashed #ccc;margin-top:2em;padding-top:0}section#subhero{height:420px}section#subhero h1{top:30px;left:25px}section#subhero #intro{top:200px;left:25px}section#subhero.whoweare{height:360px}#whatwedohero #webapps,#whatwedohero #picqer,#whatwedohero #earny{width:auto;float:none}#extraservices .extraservice{padding:0}#team{text-align:left;padding:20px 30px}#team .teammember{margin-bottom:2em}#contactpage #contacthero{width:auto;float:none;padding:20px 25px}#contactpage #contactinfo{margin-left:25px;margin-top:30px}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){header{background:#fff url(../images/headerbg-retina.png) repeat-x bottom left;background-size:18px 118px}}