/*
   styles.css
   Raumkunst.at
   
   Created by Andrey Okonetchnikov on 2010-01-26.
   Copyright 2010 wollzelle GmbH. All rights reserved.
     
     
   Colors:
     
   Logo: #878977
   Page title: #b7af83
   Main text: #878977
   
   Block empty: #dbd7c1
   
   Navigation links:
   Normal for subnavigation: #aaac94
   Normal and Active: #878977
   Hover and active state: #575947
*/

body {
  text-align: center;
  color: #878977;
  font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

a:link,
a:visited {
  color: #878977;
}
a:hover {
  color: #575947;
}

h3 {
  padding: 2em 0 .5em 0;
  color: #575947;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
}

img {
  display: block;
}
address {
  font-style: normal;
}

.b-wrapper {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 950px;
}

div.clear {
  clear: both;
  font-size: 1px;
  line-height: 1;
  height: 9px;
}

/* ================== */
/* = Header section = */
/* ================== */
.b-page-header {
  position: absolute;
  left: 0;
  /*  float: left;*/
  margin-right: 20px;
  margin-bottom: 100px;
  width: 220px;
}
.b-logo {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 9px;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
  width: 185px;
  background-color: #878977;
  color: #fff;
  text-shadow: 0 -1px 0 #665;
}
.b-logo span,
.b-logo a {
  display: block;
  padding: 150px 0 4px;
  text-decoration: none;
  color: #fff !important;
}
.b-logo a:hover {
  background-color: #979987;
}
.b-logo__subheading {
  font: 10px/16px Arial;
  text-transform: uppercase;
  color: #878977;
}

.b-slogan {
  position: absolute;
  top: 54px;
  left: 240px;
  margin-bottom: .5em;
  padding-bottom: 14px;
  color: #b7af83;
  font-size: 30px;
  line-height: 34px;
  font-weight: normal;
  width: 711px;
  border-bottom: 1px solid #ddd;
}

/* Main navigation */
.b-mainnav {
  clear: both;
  float: none;
  margin-top: 60px;
}
.b-mainnav ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  text-transform: uppercase;
  overflow: hidden;
  zoom: 1;
}
.b-mainnav ul li {
  margin: 0;
  padding: 6px 0;
}
.b-mainnav ul li ul {
  display: none;
  margin: 0;
  padding: 0;
  text-transform: none;
  font-size: 12px;
  background: none;
  width: 100%;
}
.b-mainnav ul li.active ul {
  display: block;
}
.b-mainnav ul li ul li a {
  color: #aaac94;
}
.b-mainnav ul li ul li a:hover {
  color: #575947;
}

.b-mainnav a {
  text-decoration: none;
}
.b-mainnav a.active {
  color: #575947 !important;
}


/* =================== */
/* = Content section = */
/* =================== */
.b-content-area {
  position: relative;
  margin-left: 240px;
  padding-top: 140px;
  zoom: 1;
}
/* Header */
.b-content-header {
  padding: 4px 0;
  height: 24px;
  overflow: hidden;
  zoom: 1;
}

.b-page-title,
.b-tags {
  float: left;
}

.b-page-title {
  margin-top: 2px;
  text-transform: uppercase;
}

.b-content-header a {
  float: left;
  padding: 1px 7px;
  margin-right: 4px;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  outline: none;
}
.b-content-header a:hover {
  background-color: #eee;
}
.b-content-header a.active {
  font-weight: normal;
  color: #fff !important;
  text-shadow: 0 1px 0 #333;
  background-color: #888A77;
}

.b-paginator__prev,
.b-paginator__next {
  padding: 1px 4px!important;
  font-size: 12px;
  line-height: 18px;
  vertical-align: -2px;
  font-family: Webdings;
}

.b-paginate__index {
  text-indent: -9999px;
  width: 9px;
  background: url(/images/index.gif) 4px 4px no-repeat;
}

.b-paginate {
  float: right;
}

/* Contents */

.b-content {
  position: relative;
  width: 711px;
  height: 551px;
  overflow: hidden;
  zoom: 1;
}
.b-content__i {
  width: 10000px;
  height: 531px;
  overflow: hidden;
  zoom: 1;
}

.b-slide {
  float: left;
  width: 721px;
  height: 531px;
}

.b-slide-map {
  height: 340px;
}

.b-grid-item {
  position: relative;
  float: left;
  margin: 0 9px 9px 0;
  width: 171px;
  height: 171px;
  overflow: hidden;
}
.b-grid-item__empty {
  background-color: #dbd7c1;
}

.b-grid-item__project {
}
.b-grid-item__project a {
  position: relative;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .125em;
  color: #fff !important;
  text-shadow: 0 1px 0 #676957;
  width: 171px;
  height: 280px;
  overflow: hidden;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.b-grid-item__project a:hover {
  height: 171px;
}
.b-grid-item__project a span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  background-color: #979987;
  background-color: rgba(151,153,135,0.65);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=linear, StartColorstr=#99979987, EndColorstr=#99979987);
}
.b-grid-item__project a span strong {
  display: block;
  padding: 10px;
  font-weight: normal;
}

/* Slide navigation */
.b-slide-navigation {
  position: absolute;
  top: 172px;
  left: 0;
  width: 712px;
  height: 531px;
}
#content_prev,
#content_next {
  display: block;
  text-align: center;
  /*          text-indent: -9999px;*/
  text-decoration: none;
  font-size: 81px;
  line-height: 6.5;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  font-family: Webdings;
  width: 25%;
  height: 531px;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  outline:none !important;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
#content_prev:hover,
#content_next:hover {
  opacity: .75;
  -moz-opacity: .75;
  filter:alpha(opacity=75);
}
#content_prev:active,
#content_next:active {
  opacity: 1;
  -moz-opacity: 1;
}
#content_prev {
  float: left;
  /*          background-image: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.75)));*/
  /*          background-image: -moz-linear-gradient(top, #000000, #32302E);*/
  /*          filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=linear, StartColorstr=#000000, EndColorstr=#32302E);*/
}
#content_next {
  float: right;
  /*          background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.75)));*/
  /*          background-image: -moz-linear-gradient(top, #000000, #32302E);*/
  /*          filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=linear, StartColorstr=#000000, EndColorstr=#32302E);*/
}
#content_prev.disabled,
#content_next.disabled {
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  cursor: default;
}

.b-slide-text {
}
.b-slide-text h2,
.b-slide-text h3,
.b-slide-text h4 {
  text-transform: uppercase;
  font-weight: normal;
}
.b-slide-text h2 { font-size: 1.5em; }
.b-slide-text h3 { font-size: 1.25em; }
.b-slide-text h4 { font-size: 1em; }

/* Info overlay */
.b-info-overlay {
  position: absolute;
  top: 162px;
  left: -9px;
  padding: 9px;
  width: 0px;
  height: 0px;
  border: 9px solid #fff;
  background-color: #dbd7c1;
  overflow: hidden;
  opacity: 0;
  z-index: 9999;
}
.b-info-overlay p {
  width: 153px;
  margin: 0 0 1em 0;
}
.overlay-short {
  width: 153px;
  height: 153px;
  opacity: 1;
}
.overlay-long {
  width: 153px;
  height: 514px;
  opacity: 1;
}
.overlay-long-wide {
  width: 334px;
  height: 514px;
  background-color: #FFF;
  opacity: 1;
}
.overlay-long-wide p {
  width: 306px;
  margin: 1em 0;
}

/* Text pages layout */
.l-col {
  float: left;
  margin-right: 9px;
}
.l-col3 {
  width: 171px;
}
.l-col6 {
  width: 351px;
}
.l-last {
  margin-right: 0;
}
.l-col h1, .l-col h2, .l-col h3,
.l-col h4, .l-col p, .l-col ul,
.l-col ol, .l-col blockquote, .l-col dl {
  margin: 0 0 .5em 4px;
}

.l-col ul,
.l-col ol {
  margin-left: 2em;
  margin-bottom: 1em;
}

.l-col dt {
  margin-left: 4px;
}

/* Publications */
.b-publications dt {
  margin-top: 1em;
  margin-bottom: .5em;
  font: italic bold  1em Georgia,serif;
}
.b-publications dt,
.b-publications dt a {
  color: #575947;
}
.b-publications dd {
  margin-bottom: 2.5em;
}

/* References */
.b-links dt {
  margin-top: 1em;
  margin-bottom: .5em;
  margin-right: 4em;
  font-size: 15px;
  line-height: 1.3;
  color: #575947;
}
.b-links dt a {
  color: #575947;
  text-decoration: none;
}
.b-links dt a:hover {
  text-decoration: underline;
}
.b-links dd {
  margin-bottom: 2.5em;
  overflow: hidden;
  zoom: 1;
}
.b-links dd ul {
  margin: 0 0 0 4px;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
.b-links dd ul li {
  float: left;
  margin-right: 1.5em;
}

/* Vcards */
.vcard .honorific-prefix {
  margin-bottom: 0;
}
.vcard .name {
  margin-top: 0;
  font-size: 15px;
  color: #575947;
}

.vcard .org,
.vcard .adr,
.vcard .tel,
.vcard .geo {
  display: none;
}

.office-adr .vcard .adr,
.office-adr .vcard .tel {
  display: block;
}

/* ================== */
/* = Footer section = */
/* ================== */
footer {
  clear: both;
  position: absolute;
  margin-top: -140px;
  padding-top: 25px;
  width: 220px;
  background: url(/images/logo-footer.gif) 0 0 no-repeat;
}
footer address .space1 {
  padding: 0 2px;
}
footer address .space2 {
  padding: 0 5px;
}

/* Language switcher */
.language-switcher {
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  zoom: 1;
}
.language-switcher li {
  float: left;
  margin: 0 .75em 0 0;
  padding: 0;

}

/* =========== */
/* = Helpers = */
/* =========== */
.hidden {
  display: none;
}