@charset "utf-8";

@import 'reset.css';

body {
	padding-top:3em;
}
body * {
	font-size:100.001%;font-family: Helvetica, Geneva, Arial, 'Trebuchet MS', Lucida, Verdana, sans-serif;
	
}
h1 {
	display:block;
	/*margin-top:0.3em;
	margin-bottom:0.3em;*/
	text-transform:uppercase;
	font-size:250%;
	font-weight:900;
}
h1 a {
	display:block;
	width:117px;
	height:38px;
	color:#000;
	background: url(../images/logo.jpg) transparent 0 0 no-repeat;
	text-indent:-999em;
	overflow:hidden;
}
h1 a:hover {
	background-position: 0 -38px;
}
h2 {
	overflow:hidden;
	padding-top:-4px;
	height:auto;
	width:591px;
	height:17px;
	text-align:right;
}
h2 span {
	display:inline;
	margin-left:1em;
	width:auto;
	background-color:#000;
	color:#fff;
	text-transform:uppercase;
}
h2 span.important {
	margin-left:0;	
}
h2.home {
	margin-top:-2px;
	/*border-bottom:1px dotted #000;*/
}
h2 a {
	display:block;
	width:100%;
}
* a {
	color:#000;
	background-color:transparent;
}
a {
	text-decoration:none;
}
a:hover {
	color:#fff;
	background-color:#000;
}
a.active_link, a.active {
	color:#fff;
	background-color:#000;
}
hr.seperator {
	clear:both;
	margin: 0;
	width:591px;
	height:0;
	border-top:1px dotted #000;
}
em {
	font-style:italic;
}
strong {
	font-weight:900;
}
span.important {
	font-weight:900;
	color:#000;
	background-color:transparent;
}
span.title {
	font-style:italic;
	font-weight:900; 
}
a:hover span.important {
	color:#fff;
	background-color:#000;
}
.left {
	text-align:left;
}
.fleft {
	float:left;
}
/******
	GENERAL
*******/

#container {
	position:relative;
	margin:0 auto;
	border-right:14em solid #fff;	
	width:591px;
}

/******
	NAVIGATION
*******/
#mainnavi {
	margin-left:130px;
	margin-top:1em;
	margin-bottom:1em;
	width:461px;
	overflow:hidden;
}

#mainnavi li {
	float:left;
	/*width:25%;*/
	text-align:center;
}
#mainnavi li a {
	/*padding-right:1em;*/
	display:block;
	width:100%;
	height:20px;
	font-size:130%;
	font-weight:500;
	text-transform:uppercase;
}
#mainnavi li a:hover {
	background-color:#000;
	color:#fff;
}/*
#mainnavi li#mainfirst a {
	padding-left:0;
	text-align:left;
}
#mainnavi li#mainlast a {
	padding-right:0;
	text-align:right;	
}*/
#mainnavi #nav1, #mainnavi #nav2,
#mainnavi #nav3, #mainnavi #nav4 {
	text-indent:-999em;
	overflow:hidden;
}
#mainnavi #nav1:hover, #mainnavi #nav2:hover,
#mainnavi #nav3:hover, #mainnavi #nav4:hover,
#mainnavi a.active_link {
	background-position: 0 -20px; 	
}
/*** GERMAN **/
.german #nav1 {
	width:154px;
	background: url(../images/nav_exhib.png) transparent 0 0 no-repeat;
}
.german #nav2 {
	width:119px;
	background: url(../images/nav_art.png) transparent 0 0 no-repeat;
}
.german #nav3 {
	width:100px;
	background: url(../images/nav_gal.png) transparent 0 0 no-repeat;
}
.german #nav4 {
	width:88px;
	background: url(../images/nav_con.png) transparent 0 0 no-repeat;
}
/*** ENGLISH **/
.english #nav1 {
	width:130px;
	background: url(../images/nav_exhib_e.png) transparent 0 0 no-repeat;
}
.english #nav2 {
	width:114px;
	background: url(../images/nav_art_e.png) transparent 0 0 no-repeat;
}
.english #nav3 {
	width:120px;
	background: url(../images/nav_gal_e.png) transparent 0 0 no-repeat;
}
.english #nav4 {
	width:97px;
	background: url(../images/nav_con_e.png) transparent 0 0 no-repeat;
}
#pic {
	overflow:hidden;
	height:303px;
}
#pic a {
	display:block;
}
#pic a:hover {
	color:#000;
	background-color:transparent;	
}
#metanavi {
	margin-top:6em;
	border-top: 1px solid #ccc;
	width:591px;
	overflow:hidden;	
}
#metanavi li {
	float:right;
}
#metanavi li a {


}
.metatext li a {
	color:#333;
	background-color:transparent;	
	font-size:90%;
	text-transform:uppercase;
}
.metatext li a:hover, .metatext li a.active_link {
	color:#fff;
	background-color:#000;	
}
#sidenav {
	display:block;
	position:absolute;
	margin-left:1em;
	border-left:1px solid #ccc;
	padding-left:1em;
	left:591px;
	top:97px;
	width:12em;
	text-align:left;
}
#sidenav li {
	padding:0 0 1em;
}
#sidenav li a {
	display:block;
	height:100%;
	vertical-align:middle;
}
#sidenav li a:hover {

}
#sidenav li a:active {
	color:#fff;
	background-color:#000;
}
#sidenav li h2 {
	width:auto;
	text-align:left;	
	text-transform:uppercase;
	font-weight:900;	
}
/******
	FORMULAR
*******/
form {
	width:591px;
	text-align:right;
}

form input, form textarea {
	border:1px solid #000;
	margin-right:2em;
}
form label {
	float:right;
	width:5em;
}
form #submit {
	margin-right:0;
	cursor:auto;	
}
form #submit:hover, form input:focus, form textarea:focus {
	background-color:#000;
	color:#fff;	
}
/******
	EXHIBITON
*******/
.exover {
	padding:2em 0;
	width:591px;
	overflow:hidden;
}
.exover h2 {
	height:110px;
	width:auto;
}
.exover h2 a {
	display:block;
	height:100%;
}
.exover h2 a:hover {
	color:#fff;
	background-color:#000;
}
.exover img {
	float:left;
}
.event_set {
	margin-top:2em;
	width:591px;
	overflow:hidden;
	text-align:right;
}
.event_set * {
	text-align:right;
}
.event_set p {
	margin-bottom:3em;
}
.event_set p.entrytext {
	text-align:left;
}
.event_set h2 {
	margin-bottom:2em;
	text-transform:uppercase;
}
.event_set h3 {
	margin-bottom:1em;
}
.event_set ul {
	margin-bottom:3em;
}
.event_set table {
	float:right;
}
.event_set table td {
	padding-left:2em;
	vertical-align:top;	
}
.event_set .vita td {
	/*width:40%;*/
	min-width:150px;
}
.event_set .vita h3 {
	margin-top:3em;
	font-size:14px;
	font-weight:900;
}
.event_set .text {
	text-align:left;
}
.event_set .preimg {
	cursor:pointer;
}
.event_set .origimg {
	position:absolute;
	left:0;
	top:193px;
	width:591px;
}
.event_set .origimg img {
	
}
.event_set.detail h2 {
	position:relative;
	height:auto;
	min-height:20px;
	vertical-align:bottom;
}
.event_set.detail h2 span {
	position:absolute;
	display:block;
	right:215px;
	bottom:0;
	width:376px;	
	background:transparent;
	color:#000;
	text-transform:none;
}
.event_set.detail h2 img {
	margin-left:1em;
}
.event_set.detail p {
	text-align:left;
}
.event_set a.selworks {
	display:block;	
}

/******
	ARTISTS
*******/
#artistroster {
	margin-top:2em;
	width:591px;
	text-align:right;	
}
#artistroster * {
	text-align:right;		
}
#artistroster h3 {
	height:100%;
	overflow:hidden;	
}
#artistroster a {
	display:block;
	padding:2em 0;
}
#artistroster h3 a {
	font-size:13px;
	font-weight:500;
}
/******
	NEWS
*******/
#news {
	margin-top:3em;
	width:591px;
}
#news * {
	text-align:right;
}
#news h6 {
	font-size:80%;
}
#news .news_elem h3 {
	font-size:14px;
	font-weight:900;
}
#news .teaser * {
	text-align:left;
}
.additional_content {
	margin-top:3em;
}

/******
	SPEECHES
*******/
#speech_choice {
	margin-top:-1.5em;
}
#speech_choice li {
	float:left;
}

/******
	GALLERY
*******/
#gallerycontainer {
}
#artistgallery {
	position:relative;
	overflow:hidden;
	width:591px;
}
#gallery {
	position:relative;
	overflow:hidden;
	margin-right:11px;
	left:0;
	width:auto;
	height:50px;
	z-index:10;
}
#gallery li {
	display:block;
	float:left;
	margin-left:10px;
}
.btn {
	display:block;
	position:absolute;
	overflow:hidden;
	border-left:6px solid #fff;
	border-right:6px solid #fff;
	top:0;
	height:50px;
	width:11px;
	text-indent:999em;
	cursor:pointer;
	z-index:15;
	background: url(../images/pfeile.png) #fff center center no-repeat;
}
.btn.disabled {
	display:none;
	background:none;	
}
#forward {
	right:0;
		
	background-position:-11px center;
}
#backward {
	left:0;	
	background-position:left center;
}