@charset "utf-8";
/* $Id: style.css,v 1.5 2009/07/13 23:52:57 andregriffin Exp $ */

/**
 * GLOBAL
 */
 
* {
  outline: none !important;
}

.sIFR-replaced object {
 position: relative;
}

body {
  background: #fff;
  color: #222;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 72%;
  line-height:1.33;
  padding: 0;
}

div, ul, img {
  display: block;
  float: left;
  border: none;
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}

span {
  padding: 0;
}

a {
  color: #222;
  text-decoration: none;
  border: none !important;
}

a:link, a:visited, a:focus, a:hover, a:active, li a.active {
  color: #222;
  text-decoration: none;
}

a:focus, a:hover {
  text-decoration: underline;
}

p {
  margin: 0 0 1.5em 0;
}

p:last-child {
  margin-bottom: 0; /* zieht den "more"-Link ans Absatzende */
}

.views-table p {
  margin: 0;
}

ul, li, .menu li, .tabs.secondary li {
  list-style-image: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Tabellen */
table {
  width: 100%;
}

tr.even, tr.odd {
  background: none;
  border: none;
  padding: 0;
}

thead, th, tbody {
  border: none !important;
  padding: 0px;
}

th, td, td.active {
  padding: 0;
  vertical-align: top;
  background: none;
}



/* LAYOUT */

/* Startseite */
.container.front {
  width: 900px;
  height: 480px;
  float: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -450px;
  margin-top: -240px;
}

.container.front div {
  display: block;
  float: none;
  text-align: center;
}

#front img {
  display: inline;
  float: none;
  text-align: center;
}

#front .attachment {
  padding-top: 100px;
}

/* Hauptlayout */
.container {
  margin-left: -500px;
  position: absolute;
  left: 50%;
  top: 20px;
  width: 1030px;
}


/* Kopfbereich */
#header, #nav {
  height: 79px;
}

* html #header { /* IE6 Hack */
  overflow: hidden;
}

#logo-box {
  width: 147px;
  height: 127px;
  overflow: hidden;
  float: right;
  position: relative;
  z-index: 10;
}

#logo {
  position: relative;
  top: -173px;
}

#logo:hover {
  top: 1px;
}


/* linke Spalte */
#header, ul.pager, 
#sidebar-left, 
#block-menu-secondary-links ul, 
.attachment-after, 
.attachment-after ul {
  width: 245px;
  margin-right: 35px;
  text-align: right !important;
}  

.attachment-after {
  min-height: 120px;
  margin-top: 68px;
}

#sidebar-left {
  margin-top: 72px;
  min-height: 120px;
}

/* rechte Spalte */
.node,
#nav, 
.attachment-before, 
ul.tabs.secondary,
.view-content.text-view, 
.view-content.list-view, 
.view-content.dates-view {
  width: 700px;
}

	/* Seiten ohne linke Spalte */
h3.page-title,
.node,
.view-exhibition-list .attachment-before,
.view-exhibition-list .view-content.list-view,
.view-exhibition-show .dates-view,
.view-exhibition-show.view-dom-id-2 .attachment-before,
.view-News .attachment-before,
.view-News .text-view,
.view-artists .attachment-before,
.view-artists .list-view,
.view-artists .text-view,
.view-artists .image-overview {
  margin-left: 280px;
  /*float: none;  -> IE6 */
}

.view-exhibition-show .attachment-before {
  height: 58px;
  position: relative;
  top: -40px; /* - Höhe der secondary links */
}

.view-exhibition-list .attachment-before {
  height: 122px;
}

.view-contact {
  margin-top: 11px;
}

.view-contact .attachment-after {
  margin-top: 98px;
}

.view-contact .node {
  margin-left: 0;
}

/* Content */

.views-field-body {
  width: 600px;
}

.text-view .views-row {
  width: 700px;
}

.text-view {
  margin-top: 12px;
}

.view-News .text-view {
  margin-top: 0;
}

.text-view .views-row {
  padding-bottom: 30px;
}

.view-exhibition-list .list-view {
  float: none;
  margin-top: 0;
}

.view-exhibition-list .list-view .views-row {
  height: 90px;
}

.views-field-field-download-fid {
  margin-top: 15px;
}

/* Image view */

.image-overview .item-list {
  width: 700px;
}

.image-overview .item-list li {
  float: left;
  margin: 0 20px 20px 0 !important;
}

.view-exhibition-show.view-display-id-page_1, 
.view-artists.view-display-id-page_5 {
  margin-top: -66px;
}
.view-exhibition-show.view-display-id-page_1 .attachment-before,
.view-artists.view-display-id-page_5 .attachment-before {
  top: -40px;
}

.item-list ul.pager {
  display: block !important;
  position: relative;
  top: 120px;
  height: 66px;
}

.view-artists .item-list ul.pager {
  top: 161px;
}

.image-view .views-table {
  width: 980px;
  height: 470px; /* Bildhöhe plus Grundlinienversatz */
  text-align: left;
  overflow: hidden;
}

.image-view .views-table td.views-field-title {
  vertical-align: bottom;
  text-align: right;
  width: 245px;
  padding-right: 35px;
}

td.views-field-field-exhibit-image-fid {
  width: 700px;
}

td.views-field-field-exhibit-image-fid img {
  max-width: 700px;
  height: auto;
}

.image-description {
  width: 245px;
  text-align: right;
}  

/* Node content */

.node .content  {
  width: 700px;
}

.node .content div {
  float: none;
}

.field-field-exhibit-image, .field-field-exhibit-path {
  clear: both;
  padding-top: 5px;
}


/* STYLES */


/* Diverses */
.views-field-field-invite-image-fid {
  width: 700px;
  margin-bottom: 14px;
}

.views-field-field-exhibit-begin-value,
.text-view .views-field-nothing {
  width: 700px;
}

/* Wrapper für sIFR */
.views-field-field-exhibit-begin-value span.field-content,
.views-field-field-exhibit-add-value span.field-content { 
  display: block;
  width: 690px;
}

.views-field-field-exhibit-subtitle-value h3 span {
  width: 770px; /* workaround, um zweizeilige Untertitel zu vermeiden */
}

.swftools-wrapper {
  background:url(images/loading.gif) center center no-repeat;
}  

p.loading_txt {
}


/****** H2-Elemente *****/
/* Style */
h2 {
  font-weight: bold;
  font-size: 175%;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.5px;
  line-height: 25px;
  display: inline;
}

/* Position */
h2 span {
  display: block;
  float: left;
  clear: both;
  width: 690px;
  height: 25px;
}

h2.page-title {
  display: block;
  float: none;
  clear: both;
  margin-left: 280px;
  margin-top: 21px;
}

h2 span object {
  top: -2px;
}  

.view-exhibition-show .text-view h2 span {
  margin-bottom: 0.5em;
}


/****** H3-Elemente *****/
/* Style */
h3, .node h2 {
  font-weight: bold;
  font-size: 135%;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.5px;
  display: inline;
}

/* Position */
h3 span, h3.page-title, .node h2 {
  display: block;
  float: left;
  clear: both;
  width: 690px;
  height: 21px;
  min-height: 21px;
  margin-bottom: 7px;
}

h3.page-title {
  margin-top: 25px;
  margin-bottom: 15px;
}

.node h2 {
  margin-bottom: 15px;
}


/* H4-Elemente */
/* Style */
h4,
#block-menu-primary-links li,
#block-menu-secondary-links li,
ul.pager li,
.tabs.secondary li,
.attachment-after ul.menu li {
  font-weight: bold;
  font-size: 95%;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.25px;
}

.pager-current {
  color: #666;
}

/* Position */
h4 {
  display: block;
  width: 690px;
  height: 18px;
  margin: 0 0 2px 0;
}

/* H5-Elemente (->Daten) */
h5 {
  font-weight: normal;
  font-size: 105%;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.25px;
  display: block;
  margin: 0;
  width: 690px;
}

.image-description {
  font-weight: normal;
  font-size: 90%;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0.2px;
  line-height: 1.55em;
}


/* NAVIGATION*/

/* Position */
#block-menu-primary-links li, .tabs.secondary li {
  display: block;
  float: left;
  height: 18px;
  margin-right: 13px !important;
}

ul.tabs.secondary {
  position: relative;
  top: 58px;
  left: 280px;
  height: 40px;
}

div.tabs.secondary  {
  height: 40px;
  margin-top: 5px;
}

.attachment-after ul.menu, #block-menu-primary-links ul.menu, #block-menu-secondary-links ul.menu, ul.pager li {
  position: relative;
  z-index: 100;
} 

.attachment-after ul.menu li, #block-menu-secondary-links ul.menu li, ul.pager li {
  display: block !important;
  height: 22px;
  width: 245px;
  text-align: right;
}

/* Active/Hover */
h2.linked span {
  background:transparent url(images/state1.gif) 1px -500px no-repeat !important;
}

h2.linked span:hover {
  background:transparent url(images/state1.gif) 1px 8px no-repeat !important;
}

h3.linked span {
  background:transparent url(images/state1.gif) 1px -500px no-repeat !important;
}

h3.linked span:hover {
  background:transparent url(images/state1.gif) 1px 8px no-repeat !important;
}

#block-menu-primary-links li,
.tabs.secondary li,
h4.linked {
  background:url(images/state.gif) -1px -500px no-repeat !important;
}

#block-menu-primary-links li.active-trail, #block-menu-primary-links li:hover,
.tabs.secondary li.active, .tabs.secondary li:hover,
h4.linked:hover {
  background:url(images/state.gif) -1px 2px no-repeat !important;
}

#block-menu-secondary-links li,
.attachment-after ul.menu li,
ul.pager li.pager-previous, ul.pager li.pager-next {
  background:url(images/state.gif) right -500px no-repeat !important;
}

#block-menu-secondary-links li.active-trail, #block-menu-secondary-links li:hover,
.attachment-after .active ul.menu li, .attachment-after ul.menu li:hover,
ul.pager li.pager-previous:hover, ul.pager li.pager-next:hover {
  background:url(images/state.gif) right 2px no-repeat !important;
}

/* Active state für ersten Eintrag der Übersichtsseite und Reviews setzen */
.view-exhibition-show.view-display-id-page_6 .attachment-after .view-dom-id-1 .views-row:first-child ul.menu li,
.view-exhibition-show.view-display-id-page_4 .attachment-after .view-dom-id-2 .views-row:first-child ul.menu li,
.view-exhibition-show.view-display-id-page_9 .attachment-after .view-dom-id-3 ul.menu li {
  background:url(images/state.gif) right 2px no-repeat !important;
}


/* ADMINISTRATION */

form#user-login, form#user-pass, form.confirmation {
  width: 700px;
  margin-left: 280px;
  margin-top: 150px;
}

div.profile {
  float: left;
  margin-left: 280px;
  margin-top: 100px;
}

form#user-profile-form {
  float: left;
  margin-left: 280px;
  margin-top: 100px;
}

.form-item .description {
  font-size: 1em;
  float: none;
}

input#edit-name, input#edit-pass {
  float: none;
  margin-left: 0;
  margin-top: 5px;
}

input#edit-submit {
  display: block;
  float: none;
  clear: both;
  margin-left: 0;
  margin-top: 25px;
}


ul.primary li a, ul.primary li.active a, ul.primary li a:hover {
  color: #fff;
  background: transparent;
  border: none;
  height:auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}

ul.primary li.active a {
  font-weight: bold;
}

#node-edit {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #222;
  z-index:100;
  opacity: .3;
}

#node-edit:hover {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #222;
  z-index:100;
  opacity: 1;
}

#admin-panel {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #222;
  z-index:100;
  display: none !important;
}

.block-edit-menu, .block-config {
  display: none;
}

.block-user, .edit {
  display: none !important;
}

.messages.status {
  margin: 12px 0 12px 280px !important;
  color: #0a0;
}

	/* Sort images */
.sort-link {
  color: #f00;
}

.view-id-exhibition_show.view-display-id-page_1 .attachment-after, 
.view-id-exhibition_show.view-display-id-page_2 .attachment-after {
  margin-top: 54px;
}

.view-artists.view-display-id-page_4 .attachment-after {
  float: left !important;
  display: block !important;
  margin-top: 95px;
  width: 245px;
  height: 120px;
}

.view-artists.view-display-id-page_4 .attachment-before {
  float: none !important;
  margin-top: 0px;
}

.view-artists.view-display-id-page_4 .image-overview {
  float: none !important;
  margin-top: -20px;
}