* {
padding: 0;
margin: 0;
}
html {
overflow-y: scroll; /*erzwingt Scrollbars im FF*/
}
html, body {
height: 100%;
}
body {
font-size: 100%;
line-height: 1em;
/*line-height: 1em;*/
color: #151515;
background-color: #fff;
font-family: Verdana, sans-serif;
text-align: center;
min-width: 980px;
}
p {
font-size: .75em;
margin-bottom: .75em;
}
a {
text-decoration: none;
outline: none;
}
a:link, a:visited {
color: #151515;
}
a:hover, a:active, a.active {
color: #dc3a34;
}
a.ext:link, a.ext:visited,
#content a:link, #content a:visited {
color: #257fb2;
}
a.ext:hover, a.ext:active,
#content a:hover, #content a:active {
color: #dc3a34;
}
ul {
list-style: none;
}
img {
border: none;
}
#wrapper {
position: relative;
margin: 0 auto;
text-align: left;
width: 980px;
}
#header {
height: 3.875em;
}
#header h1 {
position: relative;
float: left;
width: 15.5em;
min-width: 375px;
font-size: 1.5em;
font-weight: normal;
margin: 25px 0 5px -15px;
padding: 0 20px 10px 14px;
border-bottom: 3px dotted #dc3a34;
}
#header h1 span {
padding-left: .5em;
color: #dc3a34;
}
#crumb {
float: right;
min-width: 200px;
text-align: right;
height: 1.125em;
margin: 31px 0 5px 0;
padding: 0 20px 2px 20px;
border-bottom: 3px dotted #dc3a34;
}
#home #crumb {
width: 200px;
}
#crumb span {
font-size: .75em;
}
#sidebar {
position: relative;
float: left;
width: 280px;
margin-top: .125em;
margin-bottom: 100px;
min-height: 400px;
height: auto !important; /* und folgende Zeile: min-height-hack für IE6 */
height: 400px;
}
#sidebar #slogan {
margin-top: 7.5em;
font-size: 1.125em;
}
#content {
position: relative;
float: right;
width: 680px;
min-height: 450px;
height: auto !important; /* und folgende Zeile: min-height-hack für IE6 */
height: 450px;
margin-top: .125em;
padding: .875em 0;
}
#ausstellungen #content .exib {
margin-bottom: 1.75em;
}
#ausstellungen #content .current-exib  {
padding-top: .3em;
margin-bottom: 1.5em;
}
#ausstellungen #content .current-exib * {
margin-top: 0;
margin-bottom: 0;
}
#ausstellungen #content .exib li {
margin-bottom: .25em;
}
#content h2, #content h3, #content p, #content span, #content ul, #content ol {
margin-right: 50px;
margin-left: 100px;
}
#ausstellungen .current-exib h2 {
font-size: .75em;
font-weight: bold;
}
#ausstellungen p.legende {
font-size: .75em;
}
#content span.caps {
margin: 0;
font-size: .875em;
letter-spacing: 0.1em;
}
#content h2 {
font-size: .875em;
font-weight: normal;
margin-top: .5em;
margin-bottom: 1.125em;
}
#content h3 {
font-size: .75em;
font-weight: normal;
margin-top: -1.125em;
margin-bottom: 1.125em;
}
#content h3.opinion {
margin-top: 0;
}
#content p, #content span {
font-size: .75em;
margin-bottom: .75em;
}
#content p.author {
font-style: italic;
}
#content ul, #content ol {
font-size: .75em;
margin-bottom: .75em;
}
#content ul li.ext a:link,
#content ul li.ext a:visited {
color: #257fb2;
}
#content ul li.ext a:hover,
#content ul li.ext a:active {
color: #dc3a34;
}
#content ul.linklist li {
margin-bottom: .5em;
}
#content ol {
list-style-position: inside;
padding: 0 1em;
}
#content ol li, #content ol li br {
margin-bottom: .75em;
}
#content .article-image {
position: absolute;
bottom: 0;
right: 22px;
text-align: right;
}
table#gallery {
display: block;
position: absolute;
right: 0;
bottom: 20px;
margin-right: 20px;
border-collapse: collapse;
}
td#caption {
vertical-align: bottom;
font-size: .625em;
line-height: 1.125em;
text-align: right;
padding-right: .875em;
padding-bottom: 2px;
}
span.image-wrapper {
display: block;
}
dl {
margin-right: 50px;
margin-left: 100px;
font-size: .75em;
}
dt {
width: 7em;
float: left;
clear: left;
padding: .25em 0;
}
dd {
margin-left: 7.5em;
padding: .25em 0;
}
* html dd {
height: 1px;
}
ul.section-list {
margin-top: .125em;
width: 966px;
float: left;
padding-left: 12px;
}
ul.section-list li {
float: left;
font-size: .875em;
margin-right: 20px;
padding-bottom: .375em;
border-bottom: 3px dotted #fff;
}
ul.section-list li.active {
border-bottom: 3px dotted #dc3a34;
}
ul.section-list li.active a,
ul.works li.active a,
ul.essay li.active a,
ul.press-years li.active a {
color: #dc3a34;
}
ul.section-list a {
float: left;
position: relative;
left: -.75em;
}
ul.thumbs li.active a,
ul.thumbs a.active {
color: #dc3a34;
}
#werk .section-list .werk {
border-bottom: 3px dotted #dc3a34;
}
#sub-nav {
clear: both; /* Der IE6 braucht diese Angabe, weil er sonst mit der verschachtelten Liste .press-years nicht zurecht kommt. */
position: absolute;
left: 0;
bottom: 20px;
}
ul.sub-section-list,
ul.lang {
font-size: .75em;
}
ul.sub-section-list li.active a {
color: #dc3a34;
}
ul.lang {
margin-top: .75em;
}
#gallery-nav ul {
position: absolute;
bottom: 0;
right: 20px;
float: left;
}
#gallery-nav ul li {
float: left;
font-size: .875em;
}
#gallery-nav ul li.selected a {
color: #dc3a34;
}
#gallery-nav ul a {
float: left;
}
ul.works {
float: left;
width: 160px;
margin-top: 1.5em;
padding-left: .75em;
}
ul.works li {
float: left;
font-size: .875em;
}
ul.exibit-current, ul.vita {
margin-top: 1.5em;
padding-left: .75em;
font-size: .875em;
}
ul.exibit {
float: left;
width: 160px;
margin-top: 1.5em;
padding-left: .75em;
font-size: .875em;
}
ul.exibit li {
float: left;
}
ul.opinion {
margin-top: 1.5em;
margin-bottom: 1.5em;
padding-left: .75em;
font-size: .875em;
}
ul.opinion li.active a,
ul.vita li.active a,
ul.exibit-current li.active a {
color: #dc3a34;
}
ul.exibit li.active a {
color: #dc3a34;
}
ul.essay {
clear: left;
float:left;
margin-bottom: .75em;
padding-left: 2.25em;
font-size: .75em;
}
ul.press-years {
float: left;
width: 160px;
padding-left: 1.125em;
}
ul.press-years li {
float: left;
font-size: .875em;
}
#footer {
clear: both;
}
.clear {
clear: both;
}