/* CSS-output: http://www.achtung.nl/.publisher/df/0vcbqwtrps-nzaoend7-lcmhddy/stylesheet.css */

@font-face {font-family: 'PFDinTextProBold';src: url('23C7DA_1_0.eot');src: url('23C7DA_1_0.eot?#iefix') format('embedded-opentype'),url('23C7DA_1_0.woff') format('woff'),url('23C7DA_1_0.ttf') format('truetype');}
/* CSS-output: http://www.achtung.nl/.publisher/df/cm3l8x87uud-8dxrsuv1mlpkays/stylesheet.css */

@font-face {font-family: 'PFDinTextProRegular';src: url('23C7DA_0_0.eot');src: url('23C7DA_0_0.eot?#iefix') format('embedded-opentype'),url('23C7DA_0_0.woff') format('woff'),url('23C7DA_0_0.ttf') format('truetype');}
/* CSS-output: http://www.achtung.nl/.publisher/df/hpf0bu1g4djot2zhyegqetwmkks/slideshow.css */

  .wh-slideshow-holder
, .-wh-slideshow-holder
{
  display:block;
  position:relative;
  overflow:hidden;
}
  .wh-slideshow-slidearea
, .-wh-slideshow-slidearea
{
  position:absolute;
}
  .wh-slideshow-holder .wh-slideshow-item
, .-wh-slideshow-holder .-wh-slideshow-item
{
  position:absolute;
  display:block;
}
  .wh-slideshow-holder .wh-slideshow-item + .wh-slideshow-item
, .-wh-slideshow-holder .-wh-slideshow-item + .-wh-slideshow-item
{
  display:none;
}
  .wh-slideshow-jumpbutton
, .-wh-slideshow-jumpbutton
{
  cursor:pointer;
}
.wh-slideshow-holder > .debugcontrols
{
  position:absolute;
  top:0;
  left:0;
}
.wh-slideshow-holder > .debugcontrols > span
{
  font:8px Verdana;
  color:#ffffff;
  background:#000000;
  padding:2px;
  margin:0;
  cursor:pointer;
}
.wh-slideshow-holder > .debugcontrols > span + span
{
  margin-left:3px;
}
/* CSS-output: http://www.achtung.nl/.publisher/df/zl1pa91wbhbthtkq444qhjas8we/formhandler.css */

.wh-form .templaterow
, .-wh-form .templaterow
{
  display:none;
}
.wh-form-disabled[data-form-disablemode="hidden"]
{
  display:none !important;
}
/* CSS-output: http://www.achtung.nl/.publisher/df/xg-mlhcag-ac5bp20rxdq3nwdn0/resizelistener.css */

div.wh-resizesensor, div.wh-resizesensor > div
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}
/* CSS-output: css/achtung.css */

/*! LOAD: achtung.fonts.pfdintextpro.bold,achtung.fonts.pfdintextpro.regular !*/

/* some basic notes:
   - site in 3 column mode requires 920px
   - some backgrounds will overlap and be outside the 920 px area, avoid scrollbars
   - smaller than 920px = 2 columns
*/
html,body
{
  margin: 0;
  padding: 0;
  width:100%;
  /*font: 14px PFDinTextProRegular;*/
  -webkit-font-smoothing: antialiased;
}

body
{
  font-family: Arial, Sans-Serif;
  font-size: 14px;
  background-color: #ffffff;
  padding-top:46px; /*fixed menu area */
  overflow-y: scroll;
  line-height: 18px;
  color: #999999;
}
template { display: none; }
a
{
  text-decoration: none;
  color: black;
}

img
{
  border:none;
}
h1,h2,h3,h4,h5,h6,p
{
  margin:0;
  font-weight:normal;
  font-style:normal;
}
h1
{
  margin-top:40px;
}
h1.bigmargintop
{
  margin-top: 300px;
}
div.rightcontentcol.nocase h1.bigmargintop.breakdown
{
  margin-top: 282px;
}
div.rightcontentcol.nocase h1.bigmargintop.awards
,div.rightcontentcol.nocase h1.bigmargintop.bloggersheading
{
  margin-top: 40px;
}

h1,h2
{
  color: #000000;
}

/*
 *
 *  BASE structure
 *
 */

div.fullwidthholder
{
  width:920px;
  margin:0 auto;
  position:relative;
}

/* Menubar */
div.menuarea
{
  width:100%;
  position:fixed;
  left:0;
  z-index:5; /* keep it above the header */
}

div.menubar
{
/*
IE will squesh the inline-blocks together unless we DON't use position: absolute; or use white-space: nowrap;
  position:absolute;
*/
  position: absolute;
  font-size: 0;
}
div.menubar .menuitemholder
{
  position:relative;
  display:inline-block;

  vertical-align:top;
}
div.menubar .menuitem
{
  position:relative;
  display:inline-block;
  height:46px;
  line-height:46px;
  padding: 0 30px;
  text-decoration:none;
  font: 18px/46px PFDinTextProBold;
  vertical-align:top;
  cursor:pointer;
}
div#subnavholder div.menubar .menuitem
{
  padding: 0 15px;
}
div.menubar .menuitem.ifselected
{
  position:absolute;
  top:0;
  left:0;
  color:#000000;
  background-color:#ffffff;
  clip:rect(46px 9999px 46px 0px);
}


div.menubar .separator
{
  display:inline-block;
  width:0px;
}

div#menuarea
{
  background:#000000;
  height:46px;
  top:0;
}
div#menuholder
{
  height:100%;
}
div#menuarea .menuitem
{
  color:#f9d400;
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
}
div#menuarea .menuitem:hover
{
  color:#ffffff;
}
div#menuarea .menuitem.ifselected
{
  color: #000000;
}
div#menuarea .menuitem.homeitem
{
  padding:0;
  height:46px;
  width:48px;
  background:url("../../../design/img/icon_home.png") no-repeat top left;
}
div#menuarea .homeitem img
{
  display:inline-block;
}
div#menuarea .homeitem img.hoveronly
{
  display:none;
}
div#menuarea .homeitem:hover img.hoveronly
{
  position:relative;
  z-index:20;
  display:inline-block;
}

/* Submenus */
div#subnavarea
{
  top:46px;
  height:0; /* hide at start, set to 43px if needed */
  overflow:hidden;
  background:#ffffff;
  text-transform: uppercase;
}
div#subnavarea.active
{
  padding-bottom: 10px;
}
div#subnavarea div.menubar .menuitem
{
  /*padding-top:7px;*/
  line-height: 35px;
  height: 35px;
}
div#subnavholder
{
  height:100%;
  top: 10px;
}
div#subnavarea .menuitem
{
  color:#000000;
  -webkit-transition: color .1s linear, background .15s linear;
  transition: color .1s linear, background .15s linear;
}
div#subnavarea .menuitem.ifselected
{
  background:#F9D400;
  color:#ffffff;
}
div#subnavarea .menuitem:hover
{
  color: #ffffff;
  background:#f9d400;
}

div#socialicons
{
  position:absolute;
  right:0px;
  top:15px;
}
div#socialicons a
{
  text-decoration:none;
  margin-right: 4px;
}

/* Page areas */

/* Footer */
div#footer
{
  border-top:50px solid #000000;
  background: #f9d400;
  width:100%;
}
div#footercontent
{
  position:relative;
  padding:20px 0 70px 0;
}
div#footercontent div.col
{
  float:left;
  min-height:135px;
  min-width: 85px;
}
div#footercontent div.col + div.col
{
  border-left:1px solid #e3c100;
  padding-left:35px;
  margin-left:30px;
}
div#footercontent div.col h1
{
  margin-top: 0;
  margin-bottom: 6px;
  font: 14px PFDinTextProBold;
  text-transform: uppercase;
}

div#footercontent div.col a, div#footercontent div.col p
{
  font: 14px PFDinTextProRegular;
  display:block;
  text-decoration: none;
  color:#000000;
}

div#footercontent div.col a:hover
{
  font-weight: bold;
}

div#footercontent div.col a img
{
  position:relative;
  top:2px;
  margin-right:4px;
}
#logotext
{
  position:absolute;
  left:0;
  bottom:20px;
}
#logolightning
{
  position:absolute;
  right:0;
  bottom:20px;
}

#backtotop
{
  position:absolute;
  top:16px;
  right:0;
  font: 14px/21px PFDinTextProBold;
  text-transform: uppercase;
  background: url("../../../design/img/icon_up.png") no-repeat scroll right 0 transparent;
  padding: 4px 35px 0 0;
  color: black;
  text-decoration: none;
}

#backtotop:hover
{
  background-image: url("../../../design/img/icon_up_hover.png");
}


/*
 *
 *  HOMEPAGE
 *
 */

div#homepageholder
{
  width:100%;
  position:relative;
  overflow:hidden;
}
/* the banners */
div.banner
{
  height:444px;
  width:100%;
  background: no-repeat top center;
  position:relative;
}
div#achtungintrocontainer
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 444px;
  background-color: #f9d400;
}
div#achtungintrocontainer #achtungintro
{
  /* margintop: 444/2 - 167/2 */
  margin: 139px auto 0 auto;
  width: 516px;
  height: 167px;
  background: #f9d400 no-repeat scroll top left;

  /* because of the delivered PNGs, we need to move it a bit (to be able to center the last frame) */
  position: relative;
  left: -12px;
  top: -45px;
}
div#homepagebanner
{
  background-position: center center;
}

/* repeatleft and repeatright cover the area behind the banner */
/*
div.bannerrepeatleft, div.bannerrepeatright
{
  position:absolute;
  top:0;
  bottom:0;
  background: repeat-x top left;
  z-index:-1;
}
div.bannerrepeatleft
{
  left:0;
  right:50%;
}
div.bannerrepeatright
{
  left:50%;
  right:0;
}
*/
#homepageholder div.banner div.bannerarea
{
  height:444px;
  font: 14px/444px PFDinTextProBold;
  text-transform: uppercase;
}
#homepageholder div.banner span.bannertext
{
  display:inline-block;
  color:#ffffff;
  line-height:normal;
  vertical-align:middle;
  /*width:388px;*/
}
#homepageholder div.banner span.bannertext span.title
{
  display:block;
  font-size: 14px;
  font-family: PFDinTextProBold;
}
#homepageholder div.banner span.bannertext span.whiteline
{
  display:block;
  margin:8px 0 8px -10px;
  border-top:1px solid #ffffff;
  height:1px;
  width:315px;
}
#homepageholder div.banner span.bannertext span.slogan
{
  font: 72px/60px PFDinTextProBold;
  display:block;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  margin: 5px 0 10px 0;
  padding: 19px 0 4px 0;
}
#homepageholder div.banner span.bannertext span.launched
{
  margin: 0 0 0 6px;
  font-size: 13px;
}
#homepageholder div.banner span.bannertext a.caselink
{
  background:#000000;
  color:#ffffff;
  text-decoration:none;
  padding: 4px 4px 2px 4px;
  font-size: 13px;
}

#homepageholder div.banner span.bannertext a.caselink:hover
{
  background:#f9d400;
  color: black;
}

#homepageholder div.banner span.bannertext span.unit
{
  font-family: PFDinTextProRegular;
  font-weight: normal;
}
#homepageholder div.banner + div.banner
{
  display:none;
}

/* news column */
div#newsslides .readmore
{
  padding: 15px 0 0 0;
}
div#newsslides .readmore a
{
  font-weight: bold;
  text-decoration: underline;
  font-size: 90%;
}
div#newsslides .readmore a:hover
{
  text-decoration: none;
}
div#homepagecolumns div.homepagecol div#newsslides p
,div#homepagecolumns div.homepagecol div#tweetslides-home p
{
  line-height: 24px;
}
 a.twitter-url
,a.twitter-media
{
  font-weight: bold;
  text-decoration: underline;
  color: #999999;
}
 a.twitter-url:hover
,a.twitter-media:hover
{
  text-decoration: none;
}
.twitter-user
{
  font-weight: bold;
}

div#homepagecolumns
{
  margin-top:40px;
}
div#homepagecolumns div.homepagecol
{
  float:left;
  width:295px;
}
div#homepagecolumns div.homepagecol.wide
{
  width:610px;
}
div#homepagecolumns div.homepagecol + div.homepagecol
{
  margin-left:15px;
}
div#homepagecolumns div.homepagecol h1
{
  font: 14px PFDinTextProBold;
  color:#b1b1b1;
  text-transform: uppercase;

  /* set a border a bit wider than our text */
  margin:0 0 10px -5px;
  padding-left:5px;
  width:290px;
  border-bottom:1px solid #b1b1b1;
}
div#homepagecolumns div.homepagecol.wide h1
{
  width: 610px;
}
div#homepagecolumns div.homepagecol .achtungmotto
{
  color: #000000;
  padding: 6px 0 0 0;
  font: 34px/40px PFDinTextProRegular;
  width: 560px;
}
div#homepagecolumns div.homepagecol .readmorebutton
{
  padding: 7px 0 0 0;
}

div#homepagecolumns div.homepagecol div.when,
div#tweetslides-unwork div.when
{
  font: 12px PFDinTextProRegular;
  color:#b1b1b1;
}
div#homepagecolumns div.homepagecol h2
{
  font: 16px PFDinTextProBold;
  color:#000000;
  text-transform: uppercase;
}
div#homepagecolumns div.homepagecol p,
div#tweetslides-unwork p
{
  font: 16px PFDinTextProRegular;
  color:#999999;
}
div#tweetslides-unwork a.tweettext
{
  /*color: #999999;*/
  min-height: 140px;
  border-bottom: 1px solid #C1C1C1;
}
div#homepagecolumns .-wh-slideshow-holder,
div#homepagecolumns .-wh-slideshow-item
{
  width:290px;
  height:130px;
}
.-wh-slideshow-slidearea.tweets .-wh-slideshow-item a.tweettext
{
  display: block;
  font: 16px PFDinTextProRegular;
  text-decoration: none;
  line-height: 24px;
  color: #999999;
}
.-wh-slideshow-slidearea.tweets .-wh-slideshow-item a:hover
{
  color: #000000;
}
div#unworkpage .-wh-slideshow-holder,
div#tweetslides-unwork .-wh-slideshow-item
{
  width:220px;
  min-height:180px;
  /*border-bottom: 1px solid #C1C1C1;*/
}
div#tweetslides-unwork div.tweetfrom
{
  padding: 8px 0 0 0;
  margin: 0 0 0 4px;
  text-transform: uppercase;
  font: 12px PFDinTextProBold;
  color: #b6b6b6;
}
div#tweetslides-unwork div.tweetfrom a
{
  color: #000000;
  text-decoration: none;
}
div#tweetslides-unwork div.tweetfrom a:hover
{
  text-decoration: underline;
}
#fbphotoslides img
{
  cursor: pointer;
  display:block;
}

div#unworkpage .unworktweetfrom
{
  position: relative;
}
/*
 div#unworkpage .unworktweetfrom #prevunworktweetfrom
,div#unworkpage .unworktweetfrom #curunworktweetfrom
{

}
*/
#unworkpage .blogitems
{
  margin: 0 0 150px 0;
}
#unworkpage .blogitems .blogitem
{
  margin: 50px 0 0 0;
}
#unworkpage .blogitems .blogitem.notfirst
{
  margin: 62px 0 0 0;
}
#unworkpage .blogitems .blogitem .image
{
  padding: 0 0 12px 0;
  border-bottom: 1px solid #C1C1C1;
}
#unworkpage .blogitems .blogitem .title
{
  font: 30px/26px PFDinTextProBold;
  margin: 18px 0 8px 0;
  text-transform: uppercase;
  color: #000000;
}
#unworkpage .blogitems .blogitem .title a
{
  text-decoration: none;
  color: #000000;
}
#unworkpage .blogitems .blogitem .title a:hover
{
  text-decoration: underline;
}
#unworkpage .blogitems .blogitem .date
{
  font: 30px PFDinTextProRegular;
  color: #000000;
  text-transform: uppercase;
}
#unworkpage .blogitems .blogitem .content
{
  font-size: 14px;
  margin: 30px 0 22px 0;
}
#unworkpage .blogitems .blogitem .viewbutton
{
  border-top: 1px solid #C1C1C1;
  padding: 10px 0 0 0;
}
#unworkpage .bloggers
{
  margin: 18px 0 0 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #C1C1C1;
}
#unworkpage .bloggers .blogger
{
  margin: 0 0 8px 0;
  text-transform: uppercase;
}
#unworkpage .bloggers .blogger .link
{
}
#unworkpage .bloggers .blogger .link a
{
  color: #000000;
  font: 14px/15px PFDinTextProBold;
}
#unworkpage .bloggers .blogger .name
{
  font: 14px/15px PFDinTextProRegular;
}

#unworkpage .shares
{
  margin: 60px 0 0 0;
}
#unworkpage .shares > div
{
  margin: 0 0 80px 0;
}
#unworkpage .shares .title
{
  font: 30px/30px PFDinTextProBold;
  color: #000000;
  margin: 0 0 22px 0;
  text-transform: uppercase;
}
#unworkpage .shares .title .num
{
  font-family: PFDinTextProRegular;
}
#unworkpage .shares .image
{
  margin: 0 0 23px 0;
}
#unworkpage .shares .description
{
  margin: 0 0 32px 0;
}
#unworkpage .shares .viewbutton
{
  padding: 10px 0 0 0;
  border-top: 1px solid #c1c1c1;
}
#unworkpage .shares .viewbutton > a
{
  margin-left: 4px;
}




/* work items */
div#workholder
{
  overflow:hidden;
}
div#recentwork
{
  margin-top:75px;
}
div.workitems div.sorter
{
  position:absolute;
  top:0;
  right:0;

  font: 11px PFDinTextProBold;
  text-transform: uppercase;
  line-height:18px;
}
div.workitems div.sorter .sortoption
{
  display:inline-block;
  width:56px;
  height:17px;
  border-top:1px solid #999999;
  background: #000000 url("../../../design/img/arrow_blackdown.png") top right no-repeat;
  color:#ffffff;
  padding: 0 0 0 9px;
  line-height:17px;
  margin-left:5px;
  cursor:pointer;

  position:relative;
}
div.workitems div.sorter .sortoption + .sortoption
{
  position:absolute;
  border-top:1px solid #fdee99;
  background:#f9d400;
  color:#000000;
  top:17px;
  right:0;
  z-index:2;
  display:none;
}

div.workitems div.sorter:hover .sortoption + .sortoption
{
  display:inline-block;
}

div.workitems div.sorter:hover .sortoption + .sortoption:hover
{
  background-color: white;
}

div.workitems div.sorter .sortoption + .sortoption + .sortoption
{
  top:34px;
}

div.workitems#oldwork
{
  margin-top:40px;
  margin-bottom:150px;
}

div.workitemarea
{
  margin-top:5px;
  position:relative;
}
.workitem
{
  display: block;
  position:absolute;
  width:300px;
  height:169px;
  overflow:hidden;
}
.workitem img.banner
{
  position:absolute;
}

.workitem div.infocard
{
  position:absolute;

  left:6px;
  top:6px;
  width:288px;
  height:157px;
  background:white;
  text-align:center;
  text-transform:uppercase;
}
.workitem div.infocard > *
{
  position:absolute;
  width:220px;
  left:34px;
  text-align:center;
}
.workitem div.description
{
  bottom:75px;
  border-bottom:1px solid #d1d1d1;
  font: 16px PFDinTextProBold;
}
.workitem h2.title
{
  top:90px;
  font: 16px PFDinTextProRegular;
}
.workitem .readmorelink
{
  top:120px;
  font: 16px PFDinTextProBold;
  text-decoration:none;
}
.workitem .readmorelink span
{
  color:#ffffff;
  background:#000000;
  padding:5px 6px 3px;
}

/* Page content */
div#homecontentseparator
{
  height:40px;
}
div#contentholder
{
  overflow:hidden;
}
/* remove items that don't wish to appear when cloned to contentarea */
div#contentholder div#contentarea .noshow-contentarea
{
  display:none;
}
div#contentholder div#contentarea
{
  padding-bottom: 40px;
}

div#contentholder div#contentarea div.footer
{
  /*padding: 20px 0 0 0;
  border-top: 1px solid #c1c1c1;*/
}

div#contentholder div#contentarea div.footer > .caselink
{
  display: inline-block;
  background-color: black;
  padding: 4px 6px 2px 6px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
}

div#contentholder div#contentarea div.footer > .morelink
{
  float: right;
}

/* Job apply form */
div#contentholder div#contentarea form label
{
  display:block;
}
div#contentholder div#contentarea form input[type="text"]
, div#contentholder div#contentarea form input[type="email"]
, div#contentholder div#contentarea form textarea
{
  border:1px solid #999999;
  width:480px;
  padding: 5px;
  color: #999999;
  font-size: 14px;
  font-family: arial, sans-serif;
}

div#contentholder div#contentarea form input[type="text"].invalid
, div#contentholder div#contentarea form input[type="email"].invalid
, div#contentholder div#contentarea form textarea.invalid
{
  border:1px solid #ff0000;
}

.error-holder
{
  display: none;
}

div#contentholder div#contentarea.hidedescription div.expandable
{
  display: none;
}


div#contentholder div#contentarea form textarea
{
  height:150px;
  resize: vertical;
}
div#contentholder div#contentarea .closeapply
{
  background:#000000;
  color:#ffffff;
  text-transform:uppercase;
  text-decoration:none;
  float:right;
  margin-right:8px;
  padding: 2px 5px 0px 5px;
  font-size: 11px;
}

div#contentholder div#contentarea div.fieldholder
{
  margin: 20px 0;
}

div.leftcontentcol
{
  width:670px;
  float:left;
}
div.leftcontentcol.bigmarginbottom
{
  margin-bottom: 300px;
}


div.rightcontentcol
{
  margin-left:30px;
  width:220px;
  float:left;
}
div.rightcontentcol.internstats
{
  margin-top: 168px;
}
div.toplinebelow
{
  border-bottom: 1px solid #c1c1c1;
  padding: 18px 0 8px 0;
}
div.toplinebelow.nopaddingtop
{
  xpadding-top: 0;
}
div#unworkpage div.toplinebelow.achtungram
{
  padding-bottom: 0;
  border-bottom: 0;
  padding-top: 80px;
}
div.caseheader
{
  padding-top: 75px;
  padding-bottom: 8px;
  font: 14px PFDinTextProBold;
  text-transform: uppercase;
}
div.caseheader span.casedate
{
  color:#b1b1b1;
}
div.caseheader h1
{
  display:inline;
  font: 14px PFDinTextProBold;
}
div.caseheader .caseclosed
{
  background:#000000;
  color:#ffffff;
  text-transform:uppercase;
  text-decoration:none;
  float:right;
  margin-right:8px;
  padding: 2px 5px 0px 5px;
  font-size: 11px;
}
.toplinebelow.caseslogan
{
  padding-top: 18px;
  padding-bottom: 7px;
}
.caseslogan
{
  font:60px/50px PFDinTextProBold;
  text-transform: uppercase;
  /*border-bottom: 1px solid #c1c1c1;*/
  margin-top: 18px;
  padding-bottom: 0;
  margin-bottom: 18px;
  color: #000000;
}
.caseslogan.nomargintop
{
  margin-top: 0;
}
div.contentitem
{
  margin: 10px 0 18px 0;
  position:relative;
  /*border-bottom: 1px solid #c1c1c1;*/
  /*padding-bottom: 23px;*/
  /*line-height: 20px;*/
}
div.leftcontentcol.casecontainer div.contentitem.notfirst
{
  margin-bottom: 100px;
}
div.graylinetop
{
  border-top: 1px solid #c1c1c1;
}
div.fullwidthholder div.leftcontentcol div.graylinetop
{
  padding: 8px 0 0 0;
}
div.contentitem h2
{
  font: 20px PFDinTextProBold;
  text-transform: uppercase;
}
div.contentitem.noheading
{
  margin: 20px 0px 20px 0px;
}
div.contentitem div.content.sectioncontent
{
  padding-bottom: 10px;
}

div.contentitem div.itemslider
{
  position:absolute;
  top:0;
  right:0;
}
span.-wh-slideshow-jumpbutton
{
  display:inline-block;
  padding: 4px 8px 2px 8px;
  font: 14px PFDinTextProBold;
  background: #000000;
  color: #ffffff;
}
span.-wh-slideshow-jumpbutton.-wh-slideshow-selected
,span.-wh-slideshow-jumpbutton:hover
{
  font: 14px PFDinTextProBold;
  background: #f9d400;
  color: #000000;
}
div.contentitem div.-wh-slideshow-holder
{
  margin-top:10px;
}

div.contentitem div.-wh-slideshow-holder, div.contentitem div.-wh-slideshow-item img
{
  width:670px;
  /*
  height:409px;
  */
}
 div.-wh-slideshow-holder a.navleft
,div.-wh-slideshow-holder a.navright
{
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 335px;
  cursor: pointer;
}
div.-wh-slideshow-holder a.navleft
{
  left: 0;
}
div.-wh-slideshow-holder a.navright
{
  right: 0;
}
 div.-wh-slideshow-holder a.navleft > img
,div.-wh-slideshow-holder a.navright  > img
{
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -12px;
}
 div.-wh-slideshow-holder a.navleft:hover > img
,div.-wh-slideshow-holder a.navright:hover > img
{
  display: block;
}
div.-wh-slideshow-holder a.navleft > img
{
  left: 10px;
}
div.-wh-slideshow-holder a.navright > img
{
  right: 10px;
}
div.contentitem div.contentintro
{
  font:20px PFDinTextProRegular;
  /*padding-top: 10px;*/
  margin-bottom: 18px;
  color: #000000;
}

div.contentitem div.gallery > img.first
{
  /*height: 409px;*/
}
div.contentitem div.gallery div.galleryitem
{
  display: inline-block;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f4f5f7;
  -moz-box-shadow: 0px 0px 5px #c1c1c1;
  -webkit-box-shadow: 0px 0px 5px #c1c1c1;
  box-shadow: 0px 0px 5px #c1c1c1;
  padding: 10px;
  margin: 8px 0px;
}

div.contentitem div.gallery div.galleryitem img
{
  width: 305px;
  /*
  height: 202px;
  */
}

div.contentitem div.gallery div.galleryitem.even
{
  margin-left: 10px;
}
div.contentitem .itemdescription
{
  margin: 18px 0 0 0;
}
div.contentitem .animatedgif
{
  margin: 0;
}


div.grayheadings h1, h1.grayheadings
{
  font: 14px PFDinTextProBold;
  color:#b1b1b1;
  text-transform: uppercase;
}
div.grayheadings h2, h2.grayheadings
{
  font: 12px PFDinTextProBold;
  text-transform: uppercase;
  color:#b1b1b1;
  padding: 8px 0;
}
div.rightcontentcol div.toplinebelow h2
,div.rightcontentcol div.toplinebelow h2.grayheadings
{
  font: 12px PFDinTextProRegular;
  padding: 0;
}

div.grayheadings h2.details
{
  margin-top: 60px;
  font-size: 14px;
  padding: 0;
}
div.rightcontentcol .toplinebelow
{
  padding-top: 18px;
  padding-bottom: 18px;
}
div.rightcontentcol.internstats .toplinebelow
{
  padding-top: 0;
}
div.rightcontentcol.nocase div.toplinebelow
{
  padding-bottom: 8px;
}
div.rightcontentcol .toplinebelow.projectdetails
{
  padding-bottom: 8px;
}

div.rightcontentcol div.clients
{
  width: 220px;
}

div.rightcontentcol div.clients .client
{
  float: left;
  width: 110px;
  height: 100px;
  text-align: center;
}
div.rightcontentcol div.clients .client img
{
  padding: 20px 0;
}
div.rightcontentcol .toplinebelow.client h2
{
  padding-bottom: 2px;
}
div.rightcontentcol .bigclientlogocontainer
{
  display: block;
  position: relative;
}
div.rightcontentcol .bigclientlogocontainer .plussign
{
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 20px;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
div.rightcontentcol .bigclientlogocontainer:hover .plussign
{
  filter: alpha(opacity=100);
  opacity: 1;
}

div.rightcontentcol a.clientlink
{
  text-decoration:none;
  vertical-align:middle;
  color: #9E9E9E;
  font: 30px/24px  PFDinTextProBold;
  padding: 0;
  text-transform: uppercase;
}
div.rightcontentcol a.clientlink:hover
{
  color: #000000;
}

 div.rightcontentcol .clientlink > *
,div.rightcontentcol .sectionlink
{
  vertical-align:middle;
  font: 14px PFDinTextProRegular;
  color:#000000;
  cursor: pointer;
}
div.rightcontentcol div.toplinebelow.contentitems div.sectionlink
{
  color: #B1B1B1;
  font: 12px/14px PFDinTextProBold;
  text-transform: uppercase;
}
div.rightcontentcol div.toplinebelow.contentitems div.sectionlink:hover
{
  color: #000000;
}

 div.rightcontentcol .clientlink > *
,div.rightcontentcol .sectionlink
,div#contentholder div#contentarea div.footer > .morelink
,div.rightcontentcol a.clientlink
{
  -webkit-transition: color .1s linear;
  transition: color .1s linear;
}
 div.rightcontentcol .clientlink > *:hover
,div.rightcontentcol .sectionlink:hover
,div#contentholder div#contentarea div.footer > .morelink:hover
{
  color: #9d9d9d;
}

div.rightcontentcol .clientlink
{
  text-decoration:none;
  vertical-align:middle;
}

div.rightcontentcol h2.factheader
{
  padding: 5px 0 0 0;
}
div.rightcontentcol h2.awards
{
  padding-top: 5px;
}
div.rightcontentcol h2.googlewords
{
  padding-top: 18px;
  padding-bottom: 2px;
}
div.rightcontentcol h2.caselink
{
  padding-top: 16px;
  padding-bottom: 2px;
}
div.rightcontentcol .projectinfocolumn
{
  /*
  position: fixed;
  top: 41px;
  */
}


div.rightcontentcol .factamount
{
  font: 30px/23px PFDinTextProBold;
  color: #9e9e9e;
  padding: 15px 0 0;
}
div.rightcontentcol .factamount.first
{
  padding-top: 2px;
}

 div.rightcontentcol .factunit
,div.rightcontentcol .peoplesaid
{
  font: 14px PFDinTextProRegular;
  color: #9e9e9e;
}
div.rightcontentcol .peoplesaid
{
  line-height: 20px;
}

div.rightcontentcol div.award.first
{
  border-top: 1px solid #dedddd;
}
div.rightcontentcol div.award
{
  color: #999999;
  /*cursor: pointer;*/
  border-bottom: 1px solid #dedddd;
  padding: 7px 0 4px 0;
  font: 14px PFDinTextProBold;
}
div.rightcontentcol div.toplinebelow.awards
{
  padding-bottom: 20px;
}
div.rightcontentcol div.toplinebelow.peoplesay
{
  padding-bottom: 15px;
}


div.rightcontentcol a.googlewords
{
  background: #999999;
  color: white;
  text-transform: uppercase;
  font: 11px PFDinTextProRegular;
  text-decoration: none;
  padding: 4px 6px 2px 6px;
  display: inline-block;
}

div.rightcontentcol a.caselink
{
  background: black;
  color: white;
  text-transform: uppercase;
  font: 11px PFDinTextProRegular;
  text-decoration: none;
  padding: 4px 6px 2px 6px;
  display: inline-block;
}
.applyhoveryellow
{
  transition: background-color 0.2s, color 0.2s;
}
#aboutpage .awardsection .awardbuttons .morebutton.applyhoveryellow
{
  transition: none;
}
.applyhoveryellow:hover
{
  /* !importants are needed because some classes are more deeply CSS'ed, CSS-path-wise*/
  background-color: #ffdd0a !important;
  color: black !important;
}

/* Jobs specific */
div#jobspage
{
  display:none;
  overflow:hidden;
}

div.jobtitle
{
  margin-top:18px;
  margin-bottom: 18px;
  font:30px PFDinTextProBold;
  text-transform: uppercase;
  color: #000000;
}

div.job.notlast
{
  margin: 0 0 100px 0;
}

div.jobtitle span.jobdate
{
  font:30px PFDinTextProRegular;
  /*color:#b1b1b1;*/
}
div.expandable
{
  /*
  height:0;
  overflow:hidden;
  */
}
div.jobdescription h2
{
  font:14px PFDinTextProBold;
  color:#000000;
  padding:0;
  text-transform: none;
}
div.jobdescription p
{
  margin:3px 0 10px 0;
}
.blacktextbutton
{
  border:none;
  display:inline-block;
  /* height:15px; */
  background:#000000 no-repeat center right;
  color:#ffffff;
  font:11px PFDinTextProBold;
  text-transform: uppercase;
  line-height:16px;
  padding: 2px 5px 0px 5px;
  cursor:pointer;
  -webkit-font-smoothing: antialiased; /*prevents webkit 'extra bold' effect on button/input*/
}
.morebutton
{
  width:68px;
  background-image: url("../../../design/img/bg_openbutton.png");
}
.morebutton.closebutton
{
  background-image: url("../../../design/img/bg_closebutton.png");
}
.morebutton:hover
{
  color: #000000;
  background-color: #ffdd0a;
  background-image: url("../../../design/img/bg_openbutton_hover.png");
}
.morebutton.closebutton:hover
{
  color: #000000;
  background-color: #ffdd0a;
  background-image: url("../../../design/img/bg_closebutton_hover.png");
}

div.jobbuttons .sharebutton, div.jobbuttons .applybutton
{
  /*visibility:hidden;*/
  /*float:left;*/
  /*margin-left:10px;*/
}

div.employeebars
{
  margin: 10px 0 20px 0;
}
div.employeebars > div
{
  background: #F9D400 none no-repeat scroll top left;
  height:25px;
  margin-bottom: 10px;
}
div.employeebars > div.barfemme
{
  background-position: 4px 3px;
  background-image: url("../../../design/img/femme_bg.png");
}
div.employeebars > div.barmale
{
  background-position: 5px 3px;
  background-image: url("../../../design/img/male_bg.png");
}
div.employeebars > div.barswede
{
  background-position: 4px 7px;
  background-image: url("../../../design/img/swede_bg.png");
}

div.employeelegend
{
  font-size:13px;
  color:#b8b8b8;
}
div.employeelegend > div
{
  padding: 0 0 5px 0;
}
div.employeelegend span.imgholder
{
  display:inline-block;
  padding: 0 3px 0 5px;
  width:20px;
  vertical-align:middle;
}
div.lightningseparator
{
  width:50px;
  height:34px;
  margin:200px auto;
  background: url("../../../design/img/lightningseparator.png") top center no-repeat;
}

div#internshipbuttons
{
  margin: 0px 0 100px 0;
}
div#internshipbuttons #internshipshare
{
  /*margin-left:10px;*/
}
#numinterns
{
  font: 65px PFDinTextProBold;
  color:#bbbbbb;
}
div#jobspage #officeslideshow
{
  margin: 100px 0;
}
div#jobspage #officeslideshow h2
{
  font-size: 14px;
}
div#jobspage #officeslideshow .copyright
{
  margin: 8px 0 0 0;
}
div#jobspage #officeslideshow .copyright a
{
  color: #999999;
}
div#jobspage #officeslideshow .copyright a:hover
{
  text-decoration: underline;
}


/* About */
div#aboutpage
{
  display:none;
  overflow:hidden;
}
img#doggieimage
{
  display: block;
  margin: 0 auto -280px auto; /*negative margin, because the dog has a large shadow which we don't want to take up all the vspace */
  width: 446px;
  height: 714px;
}
div.leftcontentcol.stuffwevewon
{
  position: relative;
}

div#faceholder
{
  position:relative;
  width:579px;
  height:705px;
  overflow:hidden;
  margin:0 auto 0 auto;
}
div#faceholder div.facegroup img
{
  display:block;
  position:absolute;
  top:0;
  left:0;
}
div#faceholder div.facegroup img + img
{
  display:none;
}

div.awardsection
{
  margin:60px 0 30px 0;
}
div.awardyear
{
  font:14px PFDinTextProBold;
  color:#b1b1b1;
}
div.awardtableholder
{
  overflow:hidden;
}
div.awardtableholder table
{
  border-collapse: collapse;
  border:none;
}
div.awardtableholder table th
,div.awardtableholder table td
{
  width:50%;
  padding:7px 10px 6px 10px;
  border-bottom:1px solid #b1b1b1;
  text-align: left;
  vertical-align: top;
}
div.awardtableholder table tr:first-child th, div.awardtableholder table tr:first-child td
{
  border-top:1px solid #b1b1b1;
}
div.awardtableholder table th
{
  font: normal 14px PFDinTextProBold;
}
div.awardtableholder a
{
  font: normal 14px PFDinTextProRegular;
  color: #999999;
  text-decoration: none;
}
div.awardtableholder a:hover
{
  text-decoration: underline;
}
div.awardtableholder table td
{
  font: normal 14px PFDinTextProRegular;
  padding-bottom: 4px;
}
div.awardtableholder table .totalawards
{
  color: #000000;
  text-transform: uppercase;
}
div.awardbuttons
{
  padding: 6px 10px 5px 10px;
}

div.amountoverviewsummaryrow
{
  position:relative;
  color:#bbbbbb;
  margin-top: -12px;
}
div.amountoverviewsummaryrow.first
{
  margin-top: 0;
}
div.rightcontentcol.internstats div.amountoverviewsummaryrow.first
{
  margin-top: 20px;
}

div.amountoverviewsummaryrow .amountoverviewnum
{
  width: 60px;
  text-align:right;
  padding: 0 25px 0 0;
  font: 64px/80px PFDinTextProBold;
}
 div.amountoverviewsummaryrow.awardspage.first .amountoverviewnum
,div.amountoverviewsummaryrow.awardspage.first .amountoverviewname
{
  color: #000000;
}

div.amountoverviewsummaryrow .amountoverviewname
{
  /*
  position:absolute;
  top:10px;
  left:80px;*/

  width:140px;
  font: 14px/100% PFDinTextProBold;
  text-transform: uppercase;
}
div.rightcontentcol.internstats div.amountoverviewsummaryrow .amountoverviewname
{
  /*line-height: 18px;*/
}
div.amountoverviewsummaryrow + div.amountoverviewsummaryrow .amountoverviewname
{
  /*font-size: 14px;*/
  /*border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;*/
  /*display: block;*/
  /*line-height: 90px;*/
  /*line-height: 45px;*/
}

/* Unwork specific */
div#unworkpage
{
  display:none;
  overflow:hidden;
}

div#unworkpage #achtungram
{
  height: 510px;
  min-height: 510px;
  width: 930px;
  overflow: hidden;
  margin-left: -10px;
}
div#unworkpage #achtungram .photo
{
  display: block;
  float: left;
  width: 300px;
  height: 250px;
  margin: 0 0 10px 10px;
}
div#unworkpage #achtungram-viewmore
{
  padding: 10px 0 0 5px;
}
div#unworkpage .audiofeed
{
  color: #B1B1B1;
}
div#unworkpage .audiofeed h1.recent
{
  padding: 15px 0 0 0;
}
div#unworkpage .audiofeed .recenttrack
{
  padding: 5px 0 1px 0;
}

div#unworkpage div#tweetslides-unwork
{
  padding: 15px 0 0 0;
}
div#unworkpage div#unworklinks
{
}
div#unworkpage div#unworklinks .linkitem
{
  padding: 15px 0;
}
div#unworkpage div#unworklinks .description
{
  font-size: 12px;
}
div#unworkpage div#unworklinks .link
{
  font: 14px PFDinTextProBold;
}
div#unworkpage div#unworklinks .link a:hover
{
  text-decoration: underline;
}

/* contact page*/
div#contactpage
{
  display:none;
  overflow:hidden;
}
div#contactpage div#gmapcontainer
{
  width: 100%;
  height: 455px;
  margin: 0 0 22px 0;
}
div#contactpage div#gmapcontainer div#gmap
{
  width: 100%;
  height: 455px;
}
div#contactpage div#gmapcontainer div#routeplannerholder
{
  height: 90px;
  left: 50%;
  margin-left: -460px;
  position: absolute;
  top: 45px;
  width: 920px;
  z-index: 4;
}
div#contactpage div#gmapcontainer div#routeplannerholder div.routeplanner
{
  padding: 20px 10px 0 10px;
  width: 280px;
  height: 70px;
  position: relative;
  background-color: #ffffff;
}
div#contactpage div#gmapcontainer div#routeplannerholder div.routeplanner .header
{
  color: #b1b1b1;
  font: 14px PFDinTextProBold;
  text-transform: uppercase;
}
div#contactpage div#gmapcontainer div#routeplannerholder div.routeplanner .textinput
{
  float: left;
  width: 231px;
  height: 32px;
  line-height: 32px;
  padding: 0 5px;
  border: 1px solid #dadada;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font: 17px PFDinTextProBold;
  color: #000000;
}
div#contactpage div#gmapcontainer div#routeplannerholder div.routeplanner .textinput.error
{
  border: 1px solid #ff0000;
}
div#contactpage div#gmapcontainer div#routeplannerholder div.routeplanner .searchbutton
{
  float: left;
  margin: 0 0 0 4px;
}
div#contactpage div#gmapcontainer .gmapnavigation
{
  position: absolute;
  top: 10px !important;
  left: 10px !important;
  width: 52px;
  height: 152px;
}
div#contactpage div#gmapcontainer .gmapnavigation > img
{
  cursor: pointer;
  position: absolute;
}
div#contactpage div#gmapcontainer .gmapnavigation > img.pan-up
{
  top: 0;
  left: 14px;
}
div#contactpage div#gmapcontainer .gmapnavigation > img.pan-left
{
  top: 28px;
  left: 0;
}
div#contactpage div#gmapcontainer .gmapnavigation > img.pan-right
{
  top: 28px;
  right: 0;
}
div#contactpage div#gmapcontainer .gmapnavigation > img.pan-down
{
  top: 56px;
  left: 14px;
}
div#contactpage div#gmapcontainer .gmapnavigation > img.zoom-in
{
  bottom: 28px;
  left: 14px;
}
div#contactpage div#gmapcontainer .gmapnavigation > img.zoom-out
{
  bottom: 0;
  left: 14px;
}




div#contactpage div.leftcol
{
  width:300px;
  float:left;
  margin: 0 0 200px 0;
}
div#contactpage div.middlecol
{
  margin-left:10px;
  width:300px;
  float:left;
}
div#contactpage div.rightcol
{
  margin-left:10px;
  width:300px;
  float:left;
}
div#contactpage div.rightcol div.nearitem
{
  position:relative;
  color:#bbbbbb;
}
div#contactpage div.rightcol div.nearitem span.num
{
  display:inline-block;
  width: 60px;
  text-align:right;
  padding: 5px 20px 0 0;
  font: 50px/50px PFDinTextProBold;
  margin-top: 7px;
}
div#contactpage div.rightcol div.nearitem span.title
{
  position:absolute;
  top:10px;
  left:80px;
  width:220px;
  font: 14px/35px PFDinTextProBold;
  text-transform: uppercase;
  line-height: 45px;
  /*border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;*/
}
div#contactpage div.fullwidthholder .content
{
  padding: 15px 0 0 0;
  color: #000000;
  font-family: PFDinTextProRegular;
  height: 50px;
}
div#contactpage div.fullwidthholder .content.bold
{
  font-family: PFDinTextProBold;
}
div#contactpage div.fullwidthholder .content a:hover
{
  text-decoration: underline;
}

 #face_left
,#face_mid
,#face_right
{
  position: absolute;
  left: 0;
  top: 0;
}

#section-internships
{
  margin: 150px 0 0 0;
}
#section-internships > .toplinebelow
{
  /*padding: 0;*/
}

/* Media queries */

@media screen and (max-width: 920px)
{
  div#socialicons
  {
    display:none;
  }
  div.fullwidthholder
  {
    width:610px;
  }
  div.menubar .separator
  {
    display:none;
  }
  div.menubar .item
  {
    font-size:14px;
    padding-top:14px;
  }
  .min920
  {
    display:none;
  }
  div.banner div.bannerarea
  {
    font-size:11px;
  }
  div.banner span.bannertext
  {
    width:250px;
  }
  div.banner span.bannertext span.whiteline
  {
    width:250px;
  }
  div.banner span.bannertext span.slogan
  {
    font-size:40px;
  }

  #backtotop
  {
    display:none;
  }
}