/*
* Common Stuff
*/


html, body {
	font: normal 11px/14px arial, helvetica, verdana, sans-serif;
	color: #A0A0A0;
	margin: 0;
	padding: 0;	
}
body {
	padding-left: 27px;	
	background-color: #000;
	background-repeat: no-repeat;
	padding-bottom: 10px;	
	
}

p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 15px;

}
h1 a { 
	display: block; 
	width: 760px;
	height: 120px;
}

h1 a span { display: none; }
h2, h3 { font-size: 14px; }
a {
	color: #A0A0A0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
.c { 
	clear: both;
}

.header,
.content,
.footer {
	width: 740px;
}

.header { border-bottom: 1px solid #A0A0A0; height: 255px; position: relative; }
.footer { border-top: 1px solid #A0A0A0; padding: 10px 0; font-size: 10px; }
.content { margin: 10px 0; }

.more {
	padding: 0 0 0 13px;
	background: url(../img/more_current.gif) 0 2px no-repeat;
	font-size: 12px;
}

/*
* Navigation
*/


.nav, .subnav {
	position: absolute;
	top: 200px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.subnav {
	top: 235px;
	text-align: center;
}

.subnav-left {
	float: left;
	width: 250px;
	text-align: left;
}
.subnav-right {
	float: right;
	width: 250px;
	text-align: right;
}

.nav li {
	display: inline;
}
.nav li a { 
	float: left;
	padding: 0 66px 0 16px;
	background-image: url(../img/box_current.gif);
	background-position: 0 -20px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #999;
	text-decoration: none;
}

.nav-lastchild {
	padding: 0 0 0 16px !important;
}

.nav #current			{ background-image: url(../img/box_current.gif); }
.nav #exhibition			{ background-image: url(../img/box_exhibition.gif); }
.nav #photography		{ background-image: url(../img/box_photography.gif); }
.nav #video				{ background-image: url(../img/box_video.gif); }
.nav #works				{ background-image: url(../img/box_works.gif); }
.nav #info				{ background-image: url(../img/box_info.gif); }

.nav #current:hover,		
.nav #exhibition:hover,	
.nav #photography:hover,
.nav #video:hover,
.nav #works:hover,
.nav #info:hover			{ background-position: 0 1px !important; }

#page-current #current	{ color:#FF0000; background-position: 0 1px !important; }
#page-exhibition  #exhibition	{ color:#00FFFF; background-position: 0 1px !important; }
#page-photography  #photography	{ color:#00FF00; background-position: 0 1px !important; }
#page-video  #video		{ color:#FF00FF; background-position: 0 1px !important; }
#page-works  #works		{ color:#0000FF; background-position: 0 1px !important; }
#page-info  #info		{ color:#999;  background-position: 0 1px !important; }


#page-current	 	{ background-image: url(../img/logo_current.gif); }
#page-exhibition 	{ background-image: url(../img/logo_exhibition.gif); }
#page-photography 	{ background-image: url(../img/logo_photography.gif); }
#page-video 			{ background-image: url(../img/logo_video.gif); }
#page-works 			{ background-image: url(../img/logo_works.gif); }
#page-info 			{ background-image: url(../img/logo_info.gif); }





/*
* Content Stuff
*/


.content-extrawidth {
	width: 750px !important;

}
.teaser {
	float: left;
	width: 240px;
	height: 265px;
	margin: 0 10px 15px 0;
	position: relative;
}

.teaser h3 {
	background: url(../img/box_current.gif) 0 1px no-repeat;
	padding: 0 0 0 18px;
	margin: 8px 0 5px 0;
}
.teaser h3 a {
	color: #fff;
}

.teaser-more {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}
.teaser-date {
	position: absolute;
	bottom: 0;
	left: 0;
}

.detail h2 {
	color: #fff;
	margin: 0 0 20px 0;
	padding: 0;
}
.detail img {
	margin: 0 0 10px 0;

}

.detail .image-title {
	padding: 0 0 20px 0;
	font-size: 10px;
	line-height: 10px;
}

.detail-left {
	width: 240px;
	float: left;
}
.detail-right {
	width: 490px;
	float: right;
	text-align: right;
}

.content-text {
	width: 420px;

}

/* ******************** */

.teaser  .h-exhibition {	background: url(../img/box_exhibition.gif) 0 1px no-repeat; }
.teaser  .h-photography {	background: url(../img/box_photography.gif) 0 1px no-repeat; }
.teaser  .h-video {	background: url(../img/box_video.gif) 0 1px no-repeat; }
.teaser  .h-works {	background: url(../img/box_works.gif) 0 1px no-repeat; }

.detail-left  .h-exhibition {	background: url(../img/box_exhibition.gif) 0 1px no-repeat; }
.detail-left  .h-photography {	background: url(../img/box_photography.gif) 0 1px no-repeat; }
.detail-left  .h-video {	background: url(../img/box_video.gif) 0 1px no-repeat; }
.detail-left  .h-works {	background: url(../img/box_works.gif) 0 1px no-repeat; }
.detail-left h2 { padding-left: 18px; }

.lang_version {
	position: absolute;
	top: 2px;
	right: 0px;
	height: 11px;
	width: 100px;
	display: block;
	font-size: 11px;
	text-align: right;
	padding: 0 22px 0 0;
	line-height: 12px;
}
.lang_version_en {
	background: url(/img/flag_en.gif) top right no-repeat;
}
.lang_version_de {
	background: url(/img/flag_de.gif) top right no-repeat;
}
.lang_version span {
	display: none;
}