/* CSS Document by Robert Weber Copyright 2008 */

html {
height: 100%;
}

body {
background-color: #000000;
color: #ffffff;
height: 100%;
margin: 0px;
font-family: arial light, helvetica, sans-serif;
line-height: 25px;
font-size: 20px;
font-weight: light;
width: 1025px;
margin: 0 auto;
position: relative;
}

p,
div {
margin: 0px;
padding: 0px;
}

#meta {
position: absolute;
top: 34px;
right: 0;
width: 328px;
height: 23px;
text-align: right;
}

#meta a:visited, #meta a:link, #meta a {
font-family: "Barbedor W01 Regular";
color: #ffffff;
line-height: 23px;
font-size: 17px;
text-decoration: none;
font-weight: normal;
margin: 0px 0px 0px 16px;
}

#meta a:active, #meta a:hover {
text-decoration: underline;
}

#title {
position: absolute;
top: 88px;
left: 0px;
height: 122px;
width: 1215px;
background-image: url(../img/header.png);
background-repeat: no-repeat;
background-position: 0px 0px;
z-index: 2000;
}

#title a {
display: block;
height: 122px;
width: 1025px;
text-decoration: none;
text-indent: -1025px;
}


#main {
position: absolute;
top: 378px;
left: 37px;
width: 980px;
min-height: 227px;
z-index: 1000;
}

#body #main a {
display: none;
float: left;
height: 227px;
background-repeat: no-repeat;
background-position: left bottom;
}

#body #main a.portrait4,
#body #main a.portrait3,
#body #main a.portrait2,
#body #main a.portrait1,
#body #main a.portrait0 {
width: 179px;
margin: 0px 13px 91px 0px;
}

#body #main a.landscape4,
#body #main a.landscape3,
#body #main a.landscape2,
#body #main a.landscape1,
#body #main a.landscape0 {
width: 235px;
margin: 0px 13px 91px 0px;
}

#body #main a.landscape1,
#body #main a.portrait1 {
margin: 0px 32px 91px 0px;
}

#body #main a.landscape2,
#body #main a.portrait2 {
margin: 0px 50px 91px 0px;
}

#body #main a.landscape3,
#body #main a.portrait3 {
margin: 0px 69px 91px 0px;
}

#body #main a.landscape4,
#body #main a.portrait4 {
margin: 0px 88px 91px 0px;
}

#body #main a.right {
margin: 0px 0px 91px 0px;
}

#contact #main,
#clients #main {
top: 289px;
}

#contact #main h1,  
#clients #main h1 {
font-size: 20px;
line-height: 25px;
margin: 0px 0px 25px 0px;
padding: 0px;
text-decoration: underline;
font-weight: normal;
}

#contact #main h1 {
margin: 0px;
cursor: pointer;
}

#contact #main p {
margin: 0px 0px 25px 0px;
}

#body #main a img {
border: 0px solid white;
}

#main a:focus,
#main a:hover,
#main a:visited,
#main a:link {
text-decoration: none;
border: 0px;
}

#image {
display: none;
position: absolute;
left: 37px;
top: 52px;
width: 996px;
height: 770px;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
}

#data {
position: absolute;
left: 37px;
top: 847px;
width: 996px;
height: 75px;
font-size: 20px;
line-height: 25px;
text-align: center;
z-index: 5;
}

#body.loading #image, #body.loading #data {
display: none !important;
}

#contact #main a:visited,
#contact #main a:link,
#contact #main a,           
#data a:visited,
#data a:link,
#data a {
color: #ffffff;
}

#contact #main a:active,
#contact #main a:hover {
text-decoration: underline;
}

#layer {
position: absolute;
left: 37px;
top: 52px;
width: 996px;
height: 770px;
z-index: 2;
}

#layer a {
display: block;
float: left;
width: 498px;
height: 770px;
background-repeat: no-repeat;
text-decoration: none;
cursor: pointer;
}

#layer a.next {
float: right;
}

#layer a.next:hover {
background-image: url(../img/right.png);
background-position: top right;
}

#layer a.previous:hover {
background-image: url(../img/left.png);
background-position: top left;
}

#div1,
#div2,
#div3,
#div4,
#div5 {
margin: 25px 0px 25px 0px;
}

#div5,
#div4,
#div2,
#div3 {
display: none;
}

#body.loading {
height: 100%;
width: 100%;
background-image: url(../img/loading.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: #000000;
}

#body .banner {
position: absolute;
width: 100%;
height: 100%;
left: 0;
z-index: 1000;
background-repeat: no-repeat;
}

#body #banner0.banner, #body #banner1.banner {
position: fixed;
}

#body #banner2 {
height: 1030px;
background-color: transparent;
top: 0;
padding-left: 0;
z-index: 2000;
}

#body #banner2 img, #body #banner img {
display: block;
float: left;
border: none;
}

#body #back {
text-align: center;
margin-bottom: 81px;
line-height: 17px;
font-size: 17px;
}

#body #back a:link, #body #back a:visited, #body #back a {
color: #fff;
font-size: 17px;
line-height: 17px;
font-family: "Barbedor W01 Regular";
text-decoration: none;
}

#body #back a:active, #body #back a:hover {
text-decoration: underline;
}

#body.text, #body.exhibitions, #body.text-detail {
padding-top: 116px;
font-family: "Times New Roman", sans-serif;
font-size: 45px;
line-height: 54px;
width: 748px;
margin: 0 auto;
overflow: visible;
}

#body.contact-menu ul, #body.text ul, #body.exhibitions ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#body.exhibitions ul li {
padding-bottom: 54px;
}

#body.exhibitions ul li a:link, #body.exhibitions ul li a:visited, #body.exhibitions ul li a {
color: #14a714;
text-decoration: none;
}

#body.exhibitions ul li a.picturelink {
font-family: Arial, Verdana, sans-serif;
color: #219eff;
font-size: 15px;
line-height: 35px;
display: block;
}

#body.exhibitions ul li h3 {
display: inline;
font-size: 45px;
line-height: 54px;
}

#body.exhibitions ul li img {
display: block;
margin-bottom: 15px;
padding-top: 8px;
}

#body.video {
padding-bottom: 130px;
}

#body.exhibitions p.video-caption {
font-size: 24px;
line-height: 29px;
padding-bottom: 29px;
}

#body.text ul li {
text-align: center;
font-size: 60px;
line-height: 73px;
padding-bottom: 73px;
}

#body.text ul li h3 {
margin: 0;
font-size: 1em;
}

#body.collections ul li h3 {
font-weight: normal;
}

#body.collections ul li {
padding-bottom: 0;
}

#body.text ul li h3 a:link, #body.text ul li h3 a:visited, #body.text ul li h3 a {
color: #fff;
text-decoration: none;
font-size: 60px;
line-height: 73px;
}

#body.text ul li h3 a:active, #body.text ul li h3 a:hover {
text-decoration: underline;
}

#body.text-detail {
width: 810px;
font-size: 24px;
line-height: 29px;
}

#body.contact-detail {
width: 750px;
}

#body.imprint {
font-family: 'Courier New', Monaco, monospace;
font-size: 16px;
line-height: 22px;
}

#body.text-detail #back {
font-family: "Times New Roman", sans-serif;
font-size: 17px;
line-height: 17px;
margin-bottom: 57px;
}

#body.imprint #back, #body.contact-detail #back {
margin-bottom: 74px;
}

#body.text-detail #back a.enlink {
display: block;
font-style: italic;
padding-top: 2px;
}

#body.text-detail .group {
float: left;
width: 385px;
padding-right: 40px;
margin-bottom: 90px;
}

#body.text-detail .group p {
padding-bottom: 29px;
}

#body.imprint .group p {
padding-bottom: 22px;
}

#body.text-detail .en {
clear: both;
border-top: 1px solid #fff;
padding-top: 45px;
}

#body.text-detail .group + .group {
padding-right: 0;
}

#body.text-detail .group h3 {
margin: 0 0 58px;
font-weight: normal;
text-transform: uppercase;
}

#body.text-detail .group h4 {
margin: 0 0 29px 0;
font-weight: normal;
}

#body.contact-detail .group {
width: 240px;
font-family: "Courier New", Monaco, monospace;
font-size: 16px;
line-height: 22px;
padding-right: 10px;
}

#body.contact-detail .group + .group {
padding-right: 10px;
}

#body.contact-detail .group h4 {
margin-bottom: 22px;
}

#body.contact-detail .group p {
letter-spacing: -1px;
}

#body.text-detail .group p strong {
display: block;
}

#body.imprint .group p strong {
font-weight: normal;
}

#body.text-detail .group a:link, #body.text-detail .group a:visited, #body.text-detail .group a {
color: #fff;
text-decoration: none;
}

#body.text-detail .group a:hover {
text-decoration: underline;
}

#body.contact-menu {
width: 748px;
font-family: "Times New Roman", sans-serif;
padding-top: 116px;
font-size: 60px;
line-height: 73px;
text-align: center;
}

#body.contact-menu a:link, #body.contact-menu a:visited, #body.contact-menu a, #body.contact-menu a:visited {
text-decoration: none;
color: #fff;
}

#body.contact-menu a:hover {
text-decoration: underline;
}

#body.contact-menu h3 {
font-weight: normal;
margin: 0;
}

#body.contact-menu p {
padding-bottom: 73px;
}

#body.contact-menu p#back {
padding-bottom: 0;
}

#body.exhibitions h2 {
font-size: 45px;
line-height: 54px;
text-transform: uppercase;
font-weight: normal;
margin: 54px 0 0;
}

#body.publications {
padding-top: 116px;
width: 870px;
}

#body.publications ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: times, serif;
}

#body.publications ul li {
position: relative;
padding-left: 461px;
min-height: 600px;
font-size: 45px;
line-height: 54px;
}

#body.publications ul li p {
padding-bottom: 54px;
}

#body.publications ul li h3 {
font-size: 45px;
line-height: 54px;
padding: 0;
margin: 0 0 54px 0;
}

#body.publications ul li img {
display: block;
position: absolute;
top: 0;
left: 0;
}

#body.publications ul li a:link, #body.publications ul li a:visited, #body.publications ul li:active {
color: #fff;
text-decoration: underline;
}

#body.publications ul li a:hover {
text-decoration: none;
}