/* line 70, ../../app/stylesheets/application.sass */

/* line 1, ../../app/stylesheets/who.sass */
#teaser {
  *display: inline-block;
  width: 960px; }
  /* line 14, ../../app/stylesheets/standard.sass */
  #teaser:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  /* line 5, ../../app/stylesheets/who.sass */
  .js #teaser {
    overflow: hidden;
    position: relative;
    height: 367px; }
  /* line 10, ../../app/stylesheets/who.sass */
  #teaser li {
    *display: inline-block;
    width: 960px;
   
    margin-top: 20px;
   
    background-repeat: no-repeat; }
    /* line 14, ../../app/stylesheets/standard.sass */
    #teaser li:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    /* line 17, ../../app/stylesheets/who.sass */
    #teaser li.first {
      margin-top: 0px; }
    /* line 20, ../../app/stylesheets/who.sass */
    .js #teaser li {
      display: none;
      position: absolute;
      left: 960px;
      margin-top: 0px; }
    /* line 26, ../../app/stylesheets/who.sass */
    #teaser li.first {
      display: block;
      left: 0px;
      box-shadow: 0px 0px 0px black;
      -webkit-box-shadow: 0px 0px 0px black;
      -moz-box-shadow: 0px 0px 0px black; }
    /* line 31, ../../app/stylesheets/who.sass */
    #teaser li a.catch {
      float: left;
      width: 43px;
      height: 340px;
      color: #FFFFFF;
      font-size: 10px;
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer; }
      /* line 43, ../../app/stylesheets/who.sass */
      .rgba #teaser li a.catch:hover {
       
        transition-duration: 0.5s;
      
        -moz-transition-duration: 0.5s;
        
        -webkit-transition-duration: 0.5s; }
      /* line 53, ../../app/stylesheets/who.sass */
      #teaser li a.catch:active {
        margin-top: 0px; }
    /* line 57, ../../app/stylesheets/who.sass */
    #teaser li.first a.catch {
      
      border-left: none; }
    /* line 61, ../../app/stylesheets/who.sass */
    #teaser li span {
      display: block;
      height: 5px;
      width: 9px;
      margin-left: 10px;
      margin-top: 420px;
      text-indent: -9999px; }
    /* line 70, ../../app/stylesheets/who.sass */
    #teaser li.open span {
     }
    /* line 75, ../../app/stylesheets/who.sass */
    #teaser li.open.black span {
      }
    /* line 80, ../../app/stylesheets/who.sass */
    #teaser li.closed span {
      display: block;
      background-image: url("./images/layout/sprite.png");
      background-repeat: no-repeat;
      text-indent: -9999px;
      outline: none;
      background-position: -537px -85px; }
    /* line 85, ../../app/stylesheets/who.sass */
    #teaser li.closed.black span {
      display: block;
     }
    /* line 89, ../../app/stylesheets/who.sass */
    #teaser li .teaser {
      float: left;
      position: relative; }
      /* line 93, ../../app/stylesheets/who.sass */
      #teaser li .teaser .teaser_link {
        display: block; }
    /* line 96, ../../app/stylesheets/who.sass */
    #teaser li a.teaser {
      float: left; }
    /* line 100, ../../app/stylesheets/who.sass */
    #teaser li a.link_area {
      display: block;
     
      position: absolute;
      top: 0;
      left: 0; }
      /* line 106, ../../app/stylesheets/who.sass */
      #teaser li a.link_area.appstore {
        width: 130px;
        height: 45px; }
    /* line 112, ../../app/stylesheets/who.sass */
    #teaser li .teaser.cencurio_teaser .appstore {
      left: 642px;
      top: 360px; }
    /* line 116, ../../app/stylesheets/who.sass */
    #teaser li .teaser.zwanzigzehn_teaser .appstore {
      left: 661px;
      top: 360px; }
    /* line 120, ../../app/stylesheets/who.sass */
    #teaser li .teaser.sport1_teaser .appstore {
      left: 660px;
      top: 351px; }
    /* line 124, ../../app/stylesheets/who.sass */
    #teaser li .teaser.hiring_teaser .link_area {
      left: 503px;
      top: 346px;
      height: 55px;
      width: 225px; }



/* line 9, ../../app/stylesheets/what.sass */
#teaser_projects {
  *display: inline-block;
  padding-left: 10px;
  border-top: 1px dashed #000;
  padding-top: 30px;
  margin-bottom: -3em; }
  /* line 14, ../../app/stylesheets/standard.sass */
  #teaser_projects:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  /* line 17, ../../app/stylesheets/what.sass */
  #teaser_projects ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    width: 300px;
    position: relative;
    height: 246px; }
    /* line 20, ../../app/stylesheets/application.sass */
    #teaser_projects ul li.last_in_row {
      margin-right: 0; }
    /* line 26, ../../app/stylesheets/what.sass */
    #teaser_projects ul li .teaser {
      position: relative;
      display: block;
      text-decoration: none; }
      /* line 31, ../../app/stylesheets/what.sass */
      #teaser_projects ul li .teaser img {
        display: block;
        height: 160px;
        margin-bottom: 10px;
        position: relative;
        z-index: 1; }
      /* line 38, ../../app/stylesheets/what.sass */
      #teaser_projects ul li .teaser h1 {
        font-size: 16px;
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold; }
      /* line 45, ../../app/stylesheets/what.sass */
      #teaser_projects ul li .teaser .hover {
        background: url("./images/what/sprite.png");
        position: absolute;
        left: 0;
        top: 0;
        height: 160px;
        width: 300px;
        cursor: pointer;
        display: none;
        z-index: 3; }
      /* line 56, ../../app/stylesheets/what.sass */
      #teaser_projects ul li .teaser .category_icon {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 75px;
        height: 37px;
        background: url("./images/what/sprite.png") no-repeat;
        z-index: 5; }
        /* line 66, ../../app/stylesheets/what.sass */
        #teaser_projects ul li .teaser .category_icon.iphone {
          background-position: 52px -200px; }
        /* line 68, ../../app/stylesheets/what.sass */
        #teaser_projects ul li .teaser .category_icon.ipad {
          background-position: -107px -282px; }
        /* line 70, ../../app/stylesheets/what.sass */
        #teaser_projects ul li .teaser .category_icon.universal {
          background-position: -40px -239px; }
    /* line 74, ../../app/stylesheets/what.sass */
    #teaser_projects ul li p {
      color: #666;
      font-size: 11px;
      margin-top: 8px;
      line-height: 1.3; }

/* line 82, ../../app/stylesheets/what.sass */
#other_projects {
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px dashed #000;
  margin-top: 40px;
  padding-top: 30px; }
  /* line 89, ../../app/stylesheets/what.sass */
  #other_projects h1 {
    background-image: url("./images/what/sprite.png");
    background-repeat: no-repeat;
    background-position: 0 -160px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 10px; }
  /* line 98, ../../app/stylesheets/what.sass */
  #other_projects ul li {
    width: 99px;
    display: inline;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 5px;
    height: 48px;
    text-align: center; }
    /* line 106, ../../app/stylesheets/what.sass */
    #other_projects ul li img {
      vertical-align: middle; }