/* ================= */
/* = Digitpaint.nl = */
/* ================= */

/* ============================== */
/* = Version : 1.1.3-2-g47e6f2e = */
/* = Date  : 2012-01-05         = */
/* ============================== */

@font-face{font-family:"clan-web-1";font-weight:500;font-style:normal;src:url('../fonts/ClanWeb-News.eot?#iefix') format('embedded-opentype'),url('../fonts/ClanWeb-News.woff') format('woff');}
@font-face{font-family:"clan-web-1";font-weight:700;font-style:normal;src:url('../fonts/ClanWeb-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/ClanWeb-Bold.woff') format('woff');}
body{font-size:62.5%;line-height:1.2;font-family:verdana,arial,helvetica,sans-serif;color:#fff;background:#1e0724;}
.center{width:685px;margin:0 auto;}header.header{position:relative;height:75px;}
header.header img{margin-top:21px;}header nav{position:absolute;right:0;top:50%;margin-top:-12px;font-size:12px;}
header nav li{float:left;margin-right:2px;background:url(../images/backgrounds/dropshadow.png) 100% 0;padding-right:5px;}
header nav li a,header nav li a:link,header nav li a:visited{float:left;background:url(../images/backgrounds/dropshadow.png) #fff 0 100%;color:#22002C;padding:2px 7px 7px 7px;text-decoration:none;}
section.activity,section.clients,section.team,section.job{margin-bottom:30px;}section.activity header{background:url(../images/backgrounds/pattern.png) 0 0 repeat;padding:30px 0;display:block;font-size:44px;margin-bottom:0;}
section.activity section div.text{position:relative;}section.activity section hgroup{background:url(../images/backgrounds/activities.png) #fff 160px 10px no-repeat;min-height:46px;margin-bottom:0;padding:12px 65px 12px 15px;cursor:default;}
section.activity section.mobile hgroup{padding-right:55px;background-position:-513px 10px;}
section.activity section.web hgroup{padding-right:70px;background-position:-1223px 10px;}
section.activity .tooltip{padding:10px;background:#3d193f;}section.activity .tooltip li{background-position:-4795px 0;}
.js section.activity div.text{overflow:hidden;padding-top:13px;}.js section.activity .tooltip{display:none;position:absolute;top:0;left:0;width:196px;z-index:1;}
.csstransforms section.activity .tooltip{display:block;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:.5s;-webkit-transform:translate(0,-100%);-moz-transition-property:-webkit-transform;-moz-transition-duration:.5s;-moz-transform:translate(0,-100%);-o-transition-property:-webkit-transform;-o-transition-duration:.5s;-o-transform:translate(0,-100%);transition-property:-webkit-transform;transition-duration:.5s;transform:translate(0,-100%);}
.js section.activity .tooltip.show{display:block;}.csstransforms section.activity .tooltip.show{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
section.clients li{margin-bottom:20px;}section.clients li a{display:block;background:#fff;line-height:75px;vertical-align:middle;text-align:center;}
section.clients li a img{vertical-align:middle;}section.team hgroup{position:relative;min-height:38px;}
section.team .photo{position:absolute;right:5px;top:5px;width:48px;height:48px;}
section.team li{padding-bottom:13px;position:relative;}.text li,.tel,.adr,.email,.twitter,.linkedin,.favorite{background:url(../images/backgrounds/icons.png) 0 0 no-repeat;padding:2px 0 0 34px;display:block;min-height:21px;margin-bottom:5px;}
.email{background-position:-4110px 0;}.twitter{background-position:-3425px 0;}.linkedin{background-position:-2740px 0;}
.favorite{background-position:-2055px 0;}.adr{background-position:-685px 0;}section.team .vcard dt{display:none;}
section.team .job .badge{position:absolute;top:-25px;left:200px;}section.contact{background:#29132C;padding-bottom:10px;}
section.contact header{padding-left:0;padding-right:10px;background:#29132C;}section.contact .tel,section.contact .email,section.contact .adr{margin-bottom:25px;}
section.contact .tel,section.contact .email,section.contact .adr{font-size:14px;}
section.contact .adr .country-name{display:none;}section.contact .fn{font-weight:bold;}
dl.info dt{float:left;}dl.info dd{margin-left:50px;}footer.center{padding:20px 0;}
footer img{vertical-align:middle;margin-left:1em;}.clients li,.col-3,.activity section{width:216px;margin-left:17px;float:left;}
.clients li:nth-child(3n+1),.col-3:nth-child(3n+1),.activity section:first-child{margin-left:0;}
.col-2,.team li{float:left;width:333px;margin-left:19px;}.col-2:nth-child(2n+1),.team li:nth-child(2n+1){margin-left:0;clear:left;}
a.banner,a.action{display:block;padding:0 5px 5px 0;background-image:url(../images/backgrounds/dropshadow.png),url(../images/backgrounds/dropshadow.png);background-position:0 100%,100% 0;background-repeat:no-repeat,no-repeat;font-size:15px;text-decoration:none;}
a.action:link,a.banner:link{text-decoration:none;}a.action span{background:url(../images/backgrounds/pattern.png) 0 0 repeat;border:3px solid #fff;display:block;padding:15px;text-align:center;font-family:"clan-web-1","clan-web-2",Arial,Helvetica,Sans-serif;}
div.thatsme{background:url(../images/backgrounds/thatsme.png) 100% 0 no-repeat;padding-right:68px;margin-right:-68px;padding-top:54px;margin-top:-54px;}
a.banner{margin-bottom:15px;font-size:12px;}a.banner img{float:left;margin-left:0;}
a.banner span{display:block;background:url(../images/backgrounds/pattern.png) 0 0 repeat;padding:15px;}
a.banner span span{display:block;padding:0;background:none;margin-left:53px;}a.banner strong{font-size:15px;display:block;font-family:"clan-web-1","clan-web-2",Arial,Helvetica,Sans-serif;}
.banner.html5advent2011>span{background:url(../images/banners/html5advent2011.jpg) 0 -10px no-repeat;}
.banner.html5advent2011>span span{margin-left:65px;}section header{background:#3D193F;display:inline-block;padding:10px 15px;margin-bottom:13px;font-family:"clan-web-1","clan-web-2",Arial,Helvetica,Sans-serif;font-size:30px;}
section header strong,section header h2{display:inline;font-family:"clan-web-1","clan-web-2",Arial,Helvetica,Sans-serif;font-weight:bold;}
section header h2 span{font-weight:normal;}h3,section hgroup{display:block;background:#fff;color:#22002C;padding:10px 15px;margin-bottom:13px;font-size:15px;font-family:"clan-web-1","clan-web-2",Arial,Helvetica,Sans-serif;}
section hgroup h3{padding:0;margin:0;font-family:"clan-web-1","clan-web-2",Arial,Helvetica,Sans-serif;}
section hgroup h4{color:#662267;font-weight:normal;font-size:12px;}h3.regular{padding:0;margin:0 0 10px 0;background:none;color:#fff;font-size:16px;}
.text{font-size:12px;}.text ul,.text p{margin-bottom:16px;}.text li{background-position:-1370px 0;}
.boring{font-size:10px;}a{color:#fff;}.contact a,.text a,.text a:link,.text a:visited{text-decoration:underline;color:#fff;}
a em{text-decoration:underline;font-style:normal;}.cols:after,section:after,header.header nav ul:after,#footer:after{content:".";visibility:hidden;clear:both;display:block;height:0;}
section.activity{margin-bottom:0;}section.activity>.center{padding-top:60px;margin-top:-30px;background:url(../images/backgrounds/arrows.png),url(../images/backgrounds/arrows.png);background-repeat:no-repeat,no-repeat;background-position:0 -24px,-1300px -24px;}
section.activity>.center .cols{background:url(../images/backgrounds/arrows.png),url(../images/backgrounds/arrows.png);background-repeat:no-repeat,no-repeat;background-position:-3200px 100%,-2346px 30px;margin-right:-88px;padding-right:88px;margin-left:-54px;padding-left:54px;padding-bottom:80px;margin-bottom:-30px;}
section.team>.cols{background:url(../images/backgrounds/arrows.png),url(../images/backgrounds/arrows.png);background-repeat:no-repeat,no-repeat;background-position:-4138px -25px,-5020px 90px;margin-top:-50px;padding-top:50px;margin-left:-54px;padding-left:54px;}
section.team>.cols .cols:last-child{margin-right:-112px;padding-right:112px;}section.job>.cols{margin-top:-30px;padding-top:30px;margin-right:-112px;padding-right:112px;background:url(../images/backgrounds/arrows.png);background-repeat:no-repeat;background-position:-6660px -120px;}
section.contact .cols{margin-top:-40px;padding-top:40px;background:url(../images/backgrounds/arrows.png) -7764px 0 no-repeat;}
@media print{*{color:#000!important;}.col-2,.team li{float:none;width:auto;margin-left:0;}
.team li hgroup{border-bottom:1px solid #000;}section.team .vcard dt{display:block;float:left;}
section.team .vcard dd{margin-left:3cm;}.vcard a[href^=http]{text-decoration:none;}
.vcard a[href^=http]:after{text-decoration:underline;content:"(" attr(href) ")";}
nav,a.banner,a.action,section.team .job{display:none!important;}h3,section.activity section hgroup,section hgroup{padding-left:0;}
section header{padding-left:0;display:block;clear:both;}.text ul{margin-left:16px;}
.text li,.tel,.adr,.email,.twitter,.linkedin,.favorite{padding:0;margin-bottom:0;}
.text ul,.text ul li{min-height:0;list-style:disc outside!important;background:none;}
}body{-webkit-text-size-adjust:none;}@media(max-width:925px),(max-device-width:925px){section.activity>.center .cols,section.team>.cols,section.job>.cols,section.team>.cols .cols:last-child,div.thatsme{background:none;width:auto;padding:0;margin:0;padding-left:0;padding-right:0;margin-left:0;margin-right:0;margin-bottom:0;}
}@media(max-width:685px),(max-device-width:685px){section header br{display:none;}
section header{display:block;}.center{width:auto;margin:0 15px;}.activity section{float:none;width:auto;margin-left:0;}
section.activity section hgroup{padding-left:80px;padding-right:15px;background-position:10px 10px;}
section.activity section.mobile hgroup{background-position:-665px 10px;}section.activity section.web hgroup{background-position:-1360px 10px;}
.activity section h3{background:none;}.activity section .tooltip,.js .activity section .tooltip,.activity section div.text p{width:49%;float:left;position:static;}
.csstransforms section.activity .tooltip{padding:0;background:none;float:right;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
.col-3,.col-2,.team li,.clients li:nth-child(3n+1),.clients li{width:49%;float:left;margin-left:2%;}
.col-2:nth-child(2n+1),.clients li:nth-child(2n+1){margin-left:0;}.map a{display:block;text-align:center;}
section.contact .cols{background:none;}}@media(max-width:480px),(max-device-width:320px){header.header{height:auto;}
header.header nav{position:static;margin:15px 0;display:block;}section.activity{clear:both;}
section.activity header{font-size:30px;}section header{font-size:20px;}.activity section .tooltip,.js .activity section .tooltip,.csstransforms section.activity .tooltip,.activity section div.text p{float:none;width:auto;position:static;}
.col-3,.col-2,.team li,.clients li:nth-child(3n+1),.clients li{display:block;width:auto;float:none;margin-left:0;}
}