body {
  width: 100%;
  *zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

.row.top {
  background-color: #fff;
  padding-top: 2em;
  background-image: url(../img/back_red.gif);
  background-repeat: repeat-x;
  position: fixed;
  z-index: 999;
  height: 130px;
  width: 100%; }

.row.top .gridBox {
  margin-bottom: 0; }

.blueBackground {
  background-color: #39F;
  -webkit-box-shadow: 0px 1px 5px 0px #cccccc;
  -moz-box-shadow: 0px 1px 5px 0px #cccccc;
  box-shadow: 0px 1px 5px 0px #cccccc; }

.row.picWeLoveRow {
  z-index: 10; }

.row.wordCloud {
  background-color: #f9f9f9;
  padding-top: 0em; }

.row.filter {
  background-color: #A09595; }

.row.projects {
  background-color: #eeeeee;
  padding-top: 2em; }

.row.footer {
  background-color: #fff;
  padding: 1em 0;
  text-align: right; }

.row.map {
  padding: 0em 2.85714em 0em 2.85714em;
  background-color: #dfdbd3; }

.row.second {
  margin-top: 20px;
  padding-top: 170px; }

.wrapper {
  max-width: 1152px;
  margin: 0 auto;
  padding: 0 20px; }

.grid_1 {
  display: inline;
  float: left;
  width: 3.78125%;
  margin: 0 0.85938%; }

.grid_2 {
  display: inline;
  float: left;
  width: 9.28125%;
  margin: 0 0.85938%; }

.grid_3 {
  display: inline;
  float: left;
  width: 14.78125%;
  margin: 0 0.85938%; }

.grid_4 {
  display: inline;
  float: left;
  width: 20.28125%;
  margin: 0 0.85938%; }

.grid_5 {
  display: inline;
  float: left;
  width: 25.78125%;
  margin: 0 0.85938%; }

.grid_6 {
  display: inline;
  float: left;
  width: 31.28125%;
  margin: 0 0.85938%; }

.grid_7 {
  display: inline;
  float: left;
  width: 36.78125%;
  margin: 0 0.85938%; }

.grid_8 {
  display: inline;
  float: left;
  width: 42.28125%;
  margin: 0 0.85938%; }

.grid_9 {
  display: inline;
  float: left;
  width: 47.78125%;
  margin: 0 0.85938%; }

.grid_10 {
  display: inline;
  float: left;
  width: 53.28125%;
  margin: 0 0.85938%; }

.grid_11 {
  display: inline;
  float: left;
  width: 58.78125%;
  margin: 0 0.85938%; }

.grid_12 {
  display: inline;
  float: left;
  width: 64.28125%;
  margin: 0 0.85938%; }

.grid_13 {
  display: inline;
  float: left;
  width: 69.78125%;
  margin: 0 0.85938%; }

.grid_14 {
  display: inline;
  float: left;
  width: 75.28125%;
  margin: 0 0.85938%; }

.grid_15 {
  display: inline;
  float: left;
  width: 80.78125%;
  margin: 0 0.85938%; }

.grid_16 {
  display: inline;
  float: left;
  width: 86.28125%;
  margin: 0 0.85938%; }

.grid_17 {
  display: inline;
  float: left;
  width: 91.78125%;
  margin: 0 0.85938%; }

.grid_18 {
  display: inline;
  float: left;
  width: 97.28125%;
  margin: 0 0.85938%; }

.gridBox {
  margin-bottom: 0em;
  overflow: hidden; }

.clear {
  *zoom: 1; }
  .clear:before, .clear:after {
    content: "";
    display: table; }
  .clear:after {
    clear: both; }

.item {
  /*float: left;*/ }

/* navigation*/
.mainNavigation {
  list-style: none;
  display: block;
  float: right;
  font-size: 1.28571em;
  height: 3em;
  margin-top: 1.5em; }

.mainNavigation li {
  display: inline-block;
  float: left;
  margin-left: 0.64286em; }

.mainNavigation li a.mainNavLink {
  text-decoration: none;
  background-image: url(../img/navi_trenner.png);
  background-position: right 0.35714em;
  background-repeat: no-repeat;
  padding: 0em 1.5em 2em 0em;
  line-height: 1em; }

/* -- */
.gridFilter {
  list-style: none;
  margin: 0em 0em 0em 0.35714em;
  font-size: 1.28571em;
  font-weight: 200; }

.gridFilter li {
  display: inline-block;
  float: left;
  margin-right: 1.5em;
  color: #e3dfdf;
  padding: 1.78571em 0em 0em 0em; }

.gridFilter li.filterHead {
  font-weight: 700;
  margin-right: 2.92857em;
  background-image: url(../img/navi_arrow_top.png);
  background-repeat: no-repeat;
  background-position: center top; }

.gridFilter li.filterHead span {
  display: inline-block;
  padding: 0em 0em 1.78571em 0em;
  background-image: url(../img/navi_arrow_bottom.png);
  background-repeat: no-repeat;
  background-position: center bottom; }

.gridFilter li a {
  color: #e3dfdf;
  text-decoration: none; }

.gridFilter li a:hover {
  color: #cc0000;
  text-decoration: none; }

.gridFilter.project li {
  margin-right: 2em; }

.gridFilter.project li.filterHead {
  margin-right: 0.5em; }

.projectPics {
  margin: 1.78571em 0em 1.78571em 0em;
  -webkit-box-shadow: 0px 1px 3px 0px #bbbbbb;
  -moz-box-shadow: 0px 1px 3px 0px #bbbbbb;
  box-shadow: 0px 1px 3px 0px #bbbbbb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.projectPics--non-shadow {
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent; }

.gridFilter li.projectNavi {
  font-weight: 100;
  font-size: 3.33333em;
  padding: 0.41667em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
  float: right; }

.gridFilter li.projectNavi .projectNaviLeft {
  margin: 0em 0.23333em 0em 0em; }

.gridFilter li.projectNavi .projectNaviRight {
  margin: 0em 0em 0em 0.23333em; }

.navSpalte {
  width: 100%;
  background: #fff;
  z-index: 999; }

.shadowBox {
  -webkit-box-shadow: 0px 1px 2px 0px #cccccc;
  -moz-box-shadow: 0px 1px 2px 0px #cccccc;
  box-shadow: 0px 1px 2px 0px #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #f9f9f9;
  margin: 0em 0.14286em;
  font-weight: 300; }

.twitterBox iframe {
  margin: 0 !important; }

.twitterBox {
  -webkit-box-shadow: 0px 0px 0px 0px #999999;
  -moz-box-shadow: 0px 0px 0px 0px #999999;
  box-shadow: 0px 0px 0px 0px #999999; }

.standalone-tweet {
  background-color: #FFF2F2 !important; }

.twitterBox blockquote {
  margin-top: 0em;
  margin-left: 0em;
  margin-right: 0em; }

.projectPicSmall {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 100%; }

.shadowBox a {
  text-decoration: none; }

.shadowBox h3 {
  padding: 0em 0.875em; }

.shadowBox p {
  padding: 0em 1em; }

.shadowBox h3 {
  text-transform: uppercase;
  font-weight: 300; }

.shadowBox p.clientInfo {
  margin-top: 3em;
  padding-bottom: 1em; }

.picWeLoveBox {
  width: 7%;
  margin: 0 auto;
  padding: 0.5em 1em;
  background-color: #f9f9f9;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0; }

.picWeLoveRow .gridBox {
  margin-top: 0;
  margin-bottom: 0; }

.wordCloud {
  text-align: center;
  color: #444444; }

.wordCloud span {
  padding: 0.35714em; }

.wordCloud span {
  display: inline-block;
  line-height: 1em;
  margin: 0em 0em; }

.wordCloud .xs {
  font-size: 1em; }

.wordCloud .s {
  font-size: 1.5em; }

.wordCloud .m {
  font-size: 2.35714em; }

.wordCloud .l {
  font-size: 2.85714em; }

.wordCloud .xl {
  font-size: 3.78571em; }

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }