﻿
* {
	margin: 0;
	padding: 0;
	text-align: left;
}

/* -- HTML -- */
html {
	height: 100.1%;
}

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif; /*0.65em*/
	color: #505050;
	height: 100.1%;
}

h1 {
	margin: 0 0 1em;
	padding-right: 20px;
	font-size: 1.3em;
	/*font-weight: bold;
	position: absolute;
	right: 20px;
	width: 188px;*/
	width: 187px;
	float: right;
}

.sinceBox {
	position: absolute;
	padding: 2em 0 0;
	right: 20px;
	width: 187px;
}

h2 {
	margin: 0 0 0.5em 0;
	font-size: 1em;
	font-weight: bold;	
}

h3, h4 {
	margin: 2em 0 1em  0;
	font-size: 1em;
	font-weight: normal;
	line-height:1.7em;	
}

h4 {
	margin: 1em 0 0 0;	
}

p {
	margin: 0 0 1.3em 0;
	text-align: justify;
}

ul {
	list-style-type: none;
}

img {
	border: none;
}

a {
	color: #969696;
	text-decoration: none;
}

a:hover {
	color: #505050;
}

table {
	border-collapse: collapse;	
	font-size: 1em;
}

td, th {
	vertical-align: top;
	text-align: left;
}

hr {
	margin: 0 0 1.3em;
	border: 1px dotted #C8D0C8;
	border-top-style: none;
	height: 0px;
}

iframe {
	width: 746px;
	height: 440px; /*477px;*/
}

/* alles umgebende Box (zentriert) */
#box4all {
	position: relative;
	width: 998px;
	margin: 0 auto 2px; /*40px auto 2px;*/
	background: #fff url(../images/layout/border.gif) top right repeat-y;
	white-space: normal;
}


/* -- TOP -- */
#topBox {
	background: url(../images/layout/border.gif) top left repeat-x;
	border-left: 1px solid #b5b5b5;
	height: 115px;
}

#logoBox {
	height: 115px;
	width: 485px;
	background: url(../images/layout/border.gif) top right repeat-y;
	float: right;
}


/* -- NAVIGATION -- */
#navi {
	clear: right;
}

#navii ul {
	/* padding: 0 0 0 20px; linker Abstand bei 6 links: 50px */
	/*fuer margin-right beim letzten link*/ 
	overflow: hidden;
	white-space: nowrap;
	/* um Leerzeichen vor und hinter den lis zu unterbinden 
	font-size: 0em;*/
}

#navi li {
	float: left;
	padding: 5px 20px;
	border: 1px solid #b5b5b5;
	border-width: 1px 0;
}
#navi li.last {
	border-right-width: 1px;
}

li#lang {
	border-right: 1px solid #b5b5b5;
	padding-left: 40px;
	background: url(../images/layout/border_lang.gif) 20px .5em no-repeat;
}
/*
#navi li#tmp {
	border-bottom: none;
	border-top: none;
	padding: 6px 20px;
	border-left: 1px solid #b5b5b5;
}
*/

#navi a  {	
	text-decoration: none;
}


#navi ul ul {
	position: absolute;
	left: 0;
	top: 219px;
	padding: 0 20px;
	white-space: normal;
	/* 0em-workaround von Ebene 1 wieder aufheben */
	font-size: 1em;
}

#navi li li {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	height: auto;
	width: 165px;
	float: none;
	border: none;
}

#navi ul ul ul {
	position: static;
	padding-top: 1em;
}

#navi ul ul ul li {
	margin-bottom: 0;
	line-height: 1.7em;
}

#navi ul ul ul ul {
	padding: .7em 20px .9em;
}

.curr, 
a.curr:hover,
a.loaded,
a.loaded:hover {
	color: #505050;
}

li li .curr, 
li li a.curr:hover {
	color:#505050;
}

/* -- CONTENT -- */
#content {
	clear: left;
	min-height: 526px;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
}

/* -- MainBox -- */
#main {
	padding: 75px 0 0 250px;
}

#main p, #imprint h2, #main ul {
	line-height: 1.7em;
}

#main .scroll,
#main .start {
		height: 440px;
		width: 500px;
		padding-right: 20px;
		overflow: auto;
		float: left;
}

.start p {
	padding-top: 16px;
	width: 250px;
	float: left;
}
p.right {
	text-align: right;
}

/* */
.showBox {
	width: 522px !important;
	padding-right: 0 !important;
}

/* CURRENT */
.current {
	text-align: center;
}

/* NEWS */
.news li {
	margin-bottom: 1.7em;
}

/* -- KONTAKT / IMPRESSUM -- */
a.mkMl img{
	background-color: #969696;
	vertical-align: top;
	height: 1.17em;
	margin-top: .35em;
}

a.mkMl:hover img{
	background-color: #505050;
}

.disclaimer {
	font-size: 0.8em;
}

.showList li {
	margin-bottom: 1em;
}

a.pdf {
	padding-left: 16px;
	background: url(../images/layout/acrobat12.gif) 0 1px no-repeat;
	color: #505050;
}

/* shows */
ul.imgList li {
	height: 440px;
	font-size: 0.8em;
	line-height: 1.5em;
}

ul.imgList li img {
	display: block;
	margin-bottom: 5px;
}

.backLink {
	position: absolute;
	top: 24.6em;
	left: 790px;
	width: 187px;
}

/* Künstlerportraits */
.imgBox {
	width: 500px;
	height: 400px;
	float: left;
	text-align: center;
}

.textBox {
	width: 180px;
}

.textBox h1 {
	font-size: 16px;
}

/* Künstlerbio */
li.birth {
	margin-bottom: 1em;
}

ul.exhibitions li {
	padding-bottom: 1em;
}

.exhibitions li.lastItem,
ul.exhibitions li li {
	padding-bottom: 0 !important;
}

ul.performance li {
	margin-bottom: 1em;
}

table.kollegger {
	line-height: 1.7em;
}

.kollegger td,
.kollegger th {
	padding: 0 10px 0 0;
}

td.last,
th.last {
	padding-right: 0;
}

th.tableH3 {
	padding: 1em 10px 1em 0;
}

/* -- F O O T E R -- */
#footer {
	height: 30px;
	border: 1px solid #b5b5b5;
	border-top-width: 0;
}

#footer ul {
	padding: 0 20px;
}

/*-- generelles --*/
.ci{
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	color: #2F854D; /*123D12;*/
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
}

a.external {
	padding-right: 20px;
	background: url(../images/layout/external.gif) top right no-repeat;
}

#cr {
	position: absolute;
	bottom: 0px;
	left: 65px;
	color: #999;
	font-size: 10px;
}

.clearB {
	clear: both;
	line-height: 0px;
	font-size: 1px;
	height: 0;
	width: 0;
}

noscript {
	position: absolute;
	top: 175px;
	left: 20px;
	font-weight: bold;
	color: #900;
}


/* vertikal Zentrieren */
	html, body, .cBox0, .cBox1 {
		height: 100%;
	}
	.cBox0 {
		margin: 0 auto;
		display: table;
	}
	.cBox1 {
		display: table-cell;
		vertical-align: middle;
	}
	/**/
	div[class=cBox1] {
		white-space: nowrap;
	}
	
	/* in IEM solo shrink-wrap, no vert.center \*//*/
	.cBox1 {
		text-align: center;
	}
	.cBox2 {
		display: inline-block;
		text-align: left;
	}
	/**/
/* vertikal Zentrieren */