h1, h2, h3, p, div, span , fieldset, input, body {padding: 0; margin: 0;}

body {
	color:#fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	background: #000 url(../images/KH_bgSLICE.png) repeat-x;
	/* overflow-y: scroll;  /* FIX !! IE SHOULD GET visible */
}

h1 {font-size: 30px; text-transform:uppercase; margin-top:15px;margin-bottom:23px;margin-left:10px;}

h2, .cufon-alt {font-size: 30px; text-transform:uppercase;margin-top:15px;margin-left:10px;}

h3 {font-size: 18px; text-transform:uppercase; margin-left:10px;}

p {margin-left:10px;}

.ko {text-transform:none;}

h1>span {height: 50px !important;}   /* force height on cufon'ed H1 , as line-height does not work... */

/* 1 column */
.col1 h2 {margin-bottom:18px;margin-top:0px;}


/* 2 columns */
.col2_left {float:left; width: 48%;}
.col2_right  {float:right; width: 48%;}
.col2_left h2 {margin-bottom:18px;margin-top:0px;}
.event h2 {margin-bottom:18px;margin-top:0px;}
.col2_right h2 {margin-bottom:18px;margin-top:0px;}

/* 3 columns - two variations */
.col3_left_wide {float:left; width: 66.7%}
.col3_left_narrow {float:left; width: 33%}
.col3_right_wide {float:right; width: 66.7%; margin-top:5px;}
.col3_right_narrow {float:right; width: 33%;}


#wrapper {
			margin: 0px auto;
			width: 866px;
}

#content {	
			margin: 0 auto;
			padding: 12px 0; 
			width: 833px;
}


img { border: 0; }

/* Links */
a {   outline: none; }
a:link {  color: #fff; text-decoration:none;}
a:visited {  color: #fff; text-decoration:none;}
a:hover {  color: #666; text-decoration:none; 
	opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	}
a.noOpacity:hover {
	color: inherit;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.active a {color: #666666;}

p>a:link {  color: #666; text-decoration:none;}
p>a:visited {  color: #666; text-decoration:none;}
p>a:hover {  color: #fff; text-decoration:none; }





/* top image */
.pageImage {
	width: 833px;
	height: 306px;
	margin-bottom: 15px;
}

/* read more... */
.more {
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left:10px;
}

.clearit {
	clear: both;
	font-size: px; /*for IE*/
	display:block;
	font-size:0 !important;
	height:0px !important;
	line-height:0 !important;
	max-height:0 !important;
}





/* FOOTER */
#footer {margin:30px auto;width:833px;white-space:nowrap;font-size:12px; }
#footer img {vertical-align:bottom;padding-bottom:1px;}
#footer span {vertical-align:bottom;}



/* HEADER */
#header { width: 100%; margin: 0 auto; }
#header #logo {
	margin-top: 22px;
	margin-left:256px;
	float: left;
	width: 326px;
	height: 90px;
	position: relative;  /* IE6 fix */
	margin-bottom: 15px;
}

#headerline {position: absolute; margin-left: -40px;}

/* NAVIGATION TOP VERTICAL MENU */
#topMenu {float: right; margin: 19px 0 15px 0; padding: 0;}
#topMenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;  /* pre-Cufon */
	font-weight:bold;
	text-transform:uppercase;
}
#topMenu ul li { line-height:24px; }
#topMenu ul li.active a {color: #F88017}



/* NAVIGATION HORIZONTAL MENU */
#navi {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;  /* pre-Cufon */
	/* background: #000 url(../images/kh_headerline.png) repeat-x; */
	width: 100%; /* 866px;*/
	margin-bottom:11px;
	padding-top:7px;
	height: 29px;
	position: relative;
}

#navi ul {
margin: 0;
white-space: nowrap;
padding-left: 0px;
}

#navi li
{
display: inline;
list-style-type: none;
padding-right: 18px;
}

#navi #menu {
line-height:20px;
float:left;
padding-left: 30px;
padding-top: 12px;
}

#platoonFlag {
/*float:left;*/
left: 796px;
position: absolute;
margin-top:14px;
}















/* small TEASER */
.teaser, .foodTeaser {
float:left;
width:253px;
margin:15px 35px 20px 0;
}
.teaser.last, .foodTeaser.last { margin-right: 0px;}

.teaser a img { width: 253px; height: 100px;}

.teaser .title, .foodTeaser .title {
	background: transparent url(../images/transBG.png) repeat scroll 0 0;
	padding:7px 0 7px 16px;
	width: 237px; /* IE6 bg trans must have this --> (img-width - padding) */
	display:block;
}
.teaser .title h2 {margin:0;}
.teaser a:hover, .teaser a:hover .title {opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);}




/* food teaser */

.foodTeaser .title {height:80px; padding-top:20px;}
.foodTeaser img { width: 253px; height: 145px;}
.foodTeaser p {margin-left:0; margin-right:10px; line-height: 120%;}
.foodTeaser h3 {margin:10px 10px 10px 0;}


/* food */

.food.pageImage {position:relative;}
.food.pageImage .textOverlay {
	background: transparent url(../images/textBG_slice.png) repeat scroll 0 0;
	position:absolute;
	width:830px;
	_width:820px;
	bottom:0;
}

.food.pageImage .textOverlay h1 {margin-bottom:9px;}

.food.pageImage .textOverlay .col2_left {margin-left:7px;}
.food.pageImage .textOverlay .col2_left h2 {margin-bottom:15px;}
.food.pageImage .textOverlay .col2_right {margin-top:15px;margin-right:15px;line-height: 130%;}


/* HOMEPAGE */

/* SLIDER */
.stripViewer ,#eventTeaserWrapper{ /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0 none; /* this is the border. should have the same value for the links */
	/*margin: auto;*/
	width: 833px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 306px;
	clear: both;
	margin-bottom: 15px;
	/*background: #fff;*/
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 833px; /* Also specified in  .stripViewer  above */
}





/* Event Teaser */

.eventTeaser h1 {
	/*color:#000000;*/
	/*height:120px;*/
	/*margin-top:198px; */
	overflow:hidden;
	position:absolute;
	width:810px;   /* define max width for text */

	z-index: 100;
	margin-bottom: 0;
	bottom: 0;

	opacity: 0.7;/*opacity: 1;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.black, .black a {color: #000000;}
.white, .white a {color: #FFFFFF !important;}
.grey, .grey a {color: #333333;}


/* NUMBERING (home-eventTeaser + about-imageslider) */
.eventTeaser .ditto_pages, .imageSlider .links {
	position: absolute;
	margin-top: 15px;
	margin-left: 15px;
	font-size: 45px;
	font-weight:bold;
	z-index: 100;
}

.eventTeaser .ditto_pages a,.eventTeaser .ditto_pages>span, .imageSlider .links a{
	margin-right: 1px; 
	color: #000; 
	opacity: 0.8;/*opacity: 1;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

/*.eventTeaser .ditto_pages a:hover, .imageSlider .links a:hover {color:#333;opacity:0.3;} */

.eventTeaser .ditto_pages span.ditto_currentpage, .imageSlider .links a.selected {
	color: #999; 
	opacity: 0.7;/*opacity: 1;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.eventTeaser {position:relative; height: 306px;}
/* .eventTeaser .date 		{margin-left:575px;margin-top:-290px;position:absolute;} */
.eventTeaser .date 		{
margin-left:0px; 
margin-right:10px; 
margin-top:15px; 
position:absolute; 
right: 0; 
z-index: 100;}

.eventTeaser .date .month, .eventTeaser .date .day 	{
	/*color: #000; */
	font-weight: bold;display:block; text-align:center; 
	opacity: 0.7;/*opacity: 1;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);}
.eventTeaser .date  .month {font-size:45px;text-transform:uppercase;}
.eventTeaser .date  .day	 {font-size:320px;margin-top:-23px;}


.eventTeaser img {width: 830px; height: 306px; position: absolute; z-index: 1;}  /* fix image dimentions */

.eventTeaser .overlayWrapper {
position:absolute;
bottom:0;
padding:0px;
margin:0px;
margin-left: 10px;
left:0;
width: 500px;
z-index: 50;
	opacity: 0.7;/*opacity: 1;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.eventTeaser .overlayWrapper h1 {
	/*color:#000000;*/
	/*height:120px;*/
	/*margin-top:198px; */
	overflow:hidden;
	position:relative;
	width:810px;   /* define max width for text */
	margin: 0px;
	z-index: 100;
	margin-bottom: 0;
	/*bottom: 0;*/
	opacity: 1;/*opacity: 1;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);


}

.eventTeaser .overlayWrapper .date 		{
font-size: 30px;
margin:0px;
margin-bottom: 5px; 
position:relative; 
z-index: 100;
font-weight: bold;
text-transform: uppercase;
}


.eventTeaser .overlayWrapper .date .month, .overlayWrapper .eventTeaser .date .day 	{
	/*color: #000; */
	
	display:block; 
	text-align:left;

}
/*

.eventTeaser .overlayWrapper h1.cufoned {
line-height: 0.8;
margin-top:5px;
}

.eventTeaser .overlay {
position:absolute;
bottom:0;
padding:20px;
}*/


/* EVENT PAGE */

.event {	margin-bottom: 75px;}

/* doclink = event top navigation */
.doclink {margin:0 auto;width:833px;}
.doclink ul {list-style:none;padding:0;margin:0;/*position:absolute;*/}
.doclink ul li {
background-color:#333333;
float:left;
margin:10px 36px 2px 0;
padding:6px 23px 4px;
width:206px;
text-align: center;
}

.doclink li.previous {
background-image:url(../images/left_arrow.png);
background-position:5% center;
background-repeat:no-repeat;
}
.doclink li.next {
margin-right:0;
float:right;
background-image:url(../images/right_arrow.png);
background-position:95% center;
background-repeat:no-repeat;
}
.doclink li.disabled {color: #111; background-image:url();}
.doclink  h2 {margin:0;}







/* SHOWCASES and RESIDENCIES */

.col3_right_wide.content{margin-top:18px;margin-left:10px; width: 64%;}
.studioTeasers{margin-left:10px;}
.studio h1, .studio p {margin-left: 0;}

.teaserChar {
	float:right;
	margin-right:15px;
	margin-top:-110px;
	color: #000;
	line-height:100%;
	font-size:120px;
	font-weight:bold;
	text-transform:uppercase;
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}

/* CHARACTER NAVIGATION  (showcases+residencies main pages) */
ul.charNavi { position: absolute; list-style: none; padding-left:10px;}
ul.charNavi li {display:inline;
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
 }
ul.charNavi li a {text-transform:uppercase;color: #000; font-size: 120px;font-weight:bold;}
ul.charNavi li a:visited  {color: #000;}
ul.charNavi li a:hover {opacity: 0.3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
}
ul.charNavi li.active a  {color: #ccc;}






/* RSS FEEDS (Kunsthalle.report) */
ul.feed {list-style: none; margin:0 0 24px 0; padding: 0;}
ul.feed h1, ul.feed h2, ul.feed h3 {margin-left: 0;margin-top:10px;}
ul.feed li {color:#000000; margin:0 0 45px;clear:both; float:left;width:100%;}

/* top bar */
ul.feed .infoWrapper {height:47px;padding:0 15px; background: transparent url(../images/transBG.png) repeat scroll 0 0;}
ul.feed .infoWrapper .info  {color: #fff;float:left;}
ul.feed .infoWrapper .comments {float:right;}
ul.feed .infoWrapper .comments a {color: #fff;}


/* Style the feed itself */
ul.feed .feedContent {padding: 12px 30px 30px; font-size: 13px; font-weight: normal; text-transform:none; background-color: #fff; float:left;width:773px;}
/* ul.feed .feedContent h1 {margin-bottom:11px;width:410px;} */
/*ul.feed .feedContent img {display:block;float:right; clear: right; margin-left:25px;}*/
ul.feed .feedContent h2 {margin-bottom:50px;} 
ul.feed .feedContent img {display:block;float:right; clear: right; margin-bottom:14px; margin-top:14px;}
ul.feed .feedContent object {display:block;}

ul.feed .feedContent .left {float:left;width:350px;}
ul.feed .feedContent .right {float:right;width:350px;}


ul.feed .feedContent a, ul.feed .feedContent a:visited, ul.feed .feedContent a:active {color: #666;font-weight:bold; text-decoration:none;}
ul.feed a:hover {color: #666;}
ul.feed .feedContent h1 a, ul.feed .feedContent h1 a:visited {color:#000;}












/* SIMILAR ARCHIVED */
div.similarArchived {clear:both; float:left; margin-top:20px;}
.similarArchived h2 {margin-left: 17px;}


/* ARCHIVE  */
.archive_summery h2 {margin-top:0;}
/*.archive_summery {margin-left:10px;}*/

/* ARCHIVE FORM */

/* post-form ul based generated by js */
.jqTransformSelectWrapper {float: left; margin-bottom:15px;padding-right: 55px;}
.jqTransformSelectWrapper+.jqTransformSelectWrapper+.jqTransformSelectWrapper { padding-right:0px;}
.jqTransformSelectWrapper ul{
	position:absolute; 
	z-index:10;
	list-style-type:none;
	margin: 0;
	padding:0;
	width:253px;
}

.jqTransformSelectWrapper>div:first-child, .jqTransformSelectWrapper ul li , form#filterMenu select
{font-size: 30px; font-weight:bold; text-transform:uppercase;
padding: 7px 0 7px 16px;
background-color: #fff; 
margin:0; 
width:237px;
height:30px;
}

form#filterMenu select {
/* width: 261px; */
text-align:center;
height:45px;
}

.jqTransformSelectWrapper ul li { margin-top:3px}
.jqTransformSelectWrapper ul li.hover {background-color: #999; cursor:pointer;}
.jqTransformSelectWrapper ul li a {color: #000; vertical-align:super;}
.jqTransformSelectWrapper>div:first-child, .jqTransformSelectWrapper ul li:first-child , form#filterMenu select option.header
{background: transparent url(../images/transBG.png) repeat scroll 0 0; color: #fff;}
.jqTransformSelectWrapper > div:first-child.selected {
	background: #fff; color: #000;
}


.jqTransformSelectWrapper>div:first-child>div.icon {
	background-image:url(../images/down_arrow.png);
	background-position:center center; background-repeat:no-repeat;
	height:30px;
	width:30px;
	margin: -33px 0 0 204px;	
	padding: 2px 0;
	cursor: pointer;
	z-index: 100;
}
.jqTransformSelectWrapper>div:first-child>div.icon.open {
	background-image:url(../images/up_arrow.png);
}
.jqTransformSelectWrapper>div:first-child>div.icon.close {
	background-image:url(../images/down_arrow.png);
}
.jqTransformSelectWrapper>div:first-child>div.icon.remove {
	background-image:url(../images/remove.png);
}

.jqTransformSelectWrapper ul li:first-child {display:none;}

.jqTransformSelectWrapper ul li.month {
	display:none;
	height:20px;
	font-size: 20px;
	padding-bottom:3px;
	padding-top:3px;
}

.jqTransformHidden {display:none;}
.jqTransformButton {display:none;}





/* SEARCH */


#ajaxSearch_form input, #ajaxSearch_form fieldset{border:0 none; float:left; height:45px; }
#ajaxSearch_form fieldset {margin-top:20px;}
.ajaxSearch_highlight {background-color:white;color:black;font-weight:bold;}
.ajaxSearch_resultsInfo, .ajaxSearch_resultsInfos {margin-bottom:30px;}
#ajaxSearch_form input#ajaxSearch_input {
font-size:36px;
font-weight:bold;
margin:0 5px 0 10px;
width:620px;
opacity: 0.2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
}
.ajaxSearch_intro, .ajaxSearch_grpResultsDisplayed {display:none;}
.ajaxSearch_grpResult {margin-left: 10px;}

/* PAGING   (for search and archive) */
.paging, .paging .currentPage, .paging .ditto_currentpage, .paging a {
font-size: 18px;
font-weight: bold;
color: #666;
padding:0 4px 0 0;
margin:0;
text-transform:uppercase;
}
.paging span.currentPage, .paging span.ditto_currentpage {color: #fff;}
.paging a:hover { color: #999;}


.searchResultTeaser .col3_right_wide {margin-top:20px;}








/* SUBSCRIBE */

.subscribe_left {
margin-right:50px;
width:55%;
float:left;
}

#subscribeResponse {
clear:left;
color:#339900;
font-size:20px;
font-weight:bold;
margin-bottom:20px;
margin-left:10px;
}

.subscribe_right {float:left;}
.subscribe_right span {float:left;}
.subscribe_right > p {clear:both;}
img.rss_logo  {margin-top:4px;}


#subscribeForm .input {margin-bottom:15px}
#subscribeForm .input input {
font-size:36px;
font-weight:bold;
margin-bottom:10px;
width:100%;
margin-left:10px;
opacity: 0.2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
}
#subscribeForm {margin-top: 10px;}
#subscribeForm  .send { position: relative; } /* IE6 fix */
#subscribeForm  .send * { cursor: pointer; }
#subscribeForm  .send h1 {float:left; margin-top: -7px; position:relative;}