@charset "UTF-8";

/* 
Stylesheets for Der Kunstverein, seit 1817. 
Copyright 2009-2011 Buero Matthias Ballmann  
*/

/* @group stylereset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,ol {
	list-style: none;
}

fieldset,img {
	border: none;
}

caption,th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group basics */

body {
	color: black;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	background-color: #ededed;
}

/* @group links */

#subnavigation ul li a, a:visited, #topnavigation ul li a, a:visited, #basics a, a:visited, #language a, a:visited, #startcolumn-1ausst a {
	color: black;
	text-decoration: none;
}

#subnavigation ul li a:hover, #topnavigation ul li a:hover, #basics a:hover, #language a:hover {
	color: #9826fb;
	text-decoration: none;
}

#searchresults a, a:visited, #searchnavigation a, a:visited {
	color: #9826fb;
	text-decoration: none;
}

#searchresults a:hover, #searchnavigation a:hover {
	color: #9826fb;
	text-decoration: underline;
}

#topclaim a.claimhomelink, #topclaim a.claimhomelink:hover, #subclaim a.claimhomelink, #subclaim a.claimhomelink:hover {
	color: black;
	text-decoration: none;
}

/* @end */

/* @group headers */

h1 {
	padding: 0;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #9826fb;
	margin: 0;
	line-height: 28px;
	clear: left;
}

h2, span.h2 {
	margin: 0;
	padding: 0;
	font-size: 21px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	color: #9826fb;
	line-height: 21px;
	clear: left;
}

h3, span.h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #9826fb;
	line-height: 14px;
	clear: left;
}

/* @end */

/* @end */

/* @group homepage */

#leftstartcolumn {
	width: 763px;
	clear: right;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative;
	height: 523px;
}

#leftstartcontent {
	background: url(/images/homepage/unshamburg.jpg) no-repeat;
	height: 523px;
	width: 763px;
}

#middlestartcolumn {
	width: 371px;
	clear: right;
	float: left;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid black;
	position: relative;
	height: 603px;
}

#middlestartcontent {
	background: url(/images/homepage/Marx_Fahnen_2kl.jpg) no-repeat;
	height: 523px;
}

#middlestartcolumn div.category p.topcategory a, #middlestartcolumn div.category p.subcategory a, #leftstartcolumn div.category p.topcategory a, #leftstartcolumn div.category p.subcategory a {
	color: black;
}

#middlestartcolumn div.category p.topcategory a:hover, #middlestartcolumn div.category p.subcategory a:hover, #leftstartcolumn div.category p.topcategory a:hover, #leftstartcolumn div.category p.subcategory a:hover {
	color: black;
	text-decoration: none;
}

#eventstartcolumn {
	float: left;
	clear: left;
	width: 780px;
	visibility: hidden;
}

.startevent {
	margin: 50px 0 0;
	padding: 0;
	width: 760px;
	visibility: hidden;
}

/* @end */

/* @group homepageNEU */

/* @group 1ausst */

#startcolumn-1ausst {
	width: 763px;
	clear: right;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative;
	height: 523px;
}

#content-1ausst {
	height: 523px;
	width: 763px;
}

#hl-1ausst1text {
	width: 760px;
	margin-top: 20px;
}

#mt-1ausst1text {
	font-size: 12px;
	line-height: 140%;
	margin-top: 10px;
	width: 520px;
}



/* @end */

/* @group 2ausst */

#startcolumn-2ausst-li {
	width: 371px;
	clear: right;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative;
	height: 523px;
}

#content-2ausst-li {
	height: 250px;
}

#startcolumn-2ausst-re {
	width: 371px;
	clear: right;
	float: left;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid black;
	position: relative;
	height: 603px;
}

#content-2ausst-re {
	height: 250px;
}

#startcolumn-2ausst-re div.category p.topcategory a, #startcolumn-2ausst-re div.category p.subcategory a, #startcolumn-2ausst-li div.category p.topcategory a, #startcolumn-2ausst-li div.category p.subcategory a {
	color: black;
}

#startcolumn-2ausst-re div.category p.topcategory a:hover, #startcolumn-2ausst-re div.category p.subcategory a:hover, #startcolumn-2ausst-li div.category p.topcategory a:hover, #startcolumn-2ausst-li div.category p.subcategory a:hover {
	color: black;
	text-decoration: none;
}

#content-2ausst2txt-li {
	height: 250px;
}

#hl-2ausst2txt-li, #hl-2ausst2txt-re {
	margin-top: 20px;
}

#content-2ausst2txt-re {
	height: 250px;
}

#content-2ausst-li, #content-2ausst-re {
	height: 523px;
}




/* @end */

/* @group movie */



/* @end */



/* @end */

/* @group structure */

#container {
	margin: 50px 0 0 10px;
	padding: 0;
	width: 1000px;
}

#claim, .category {
	height: 80px;
	margin: 0;
	padding: 0;
}

#bottomspace {
	clear: left;
	height: 50px;
}

/* @group left */

#leftcolumn {
	width: 165px;
	clear: left;
	float: left;
	text-align: right;
	margin: 0;
	padding: 80px 10px 0;
	position: relative;
}

#subnavigation {
	font-size: 12px;
	line-height: 160%;
	float: right;
}

/* @end */

/* @group middle */

#middlecolumn {
	width: 567px;
	clear: right;
	float: left;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid black;
	position: relative;
}

#content {
	font-size: 12px;
	line-height: 140%;
	float: left;
	margin: 1px 0 0;
	padding: 0;
}

.topcategory {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0;
	padding: 0;
}

.subcategory {
	font-size: 14px;
	line-height: 140%;
	margin: 2px 0 0;
	padding: 0;
	font-style: italic;
}

/* @end */

/* @group right */

#rightcolumn {
	clear: right;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	border-left: 1px solid black;
	height: 603px;
	position: relative;
}

#topclaim {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	letter-spacing: 3px;
}

#subclaim {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 140%;
	letter-spacing: 3px;
	margin: 2px 0 0;
	padding: 0;
}

#topnavigation {
	font-size: 12px;
	line-height: 160%;
	float: left;
	clear: left;
	height: 437px;
}

#ilikefb {
	position: absolute;
	top: 440px;
}

#basicsnavigation {
	font-size: 11px;
	line-height: 150%;
	font-style: italic;
	vertical-align: bottom;
	display: table-cell;
	clear: left;
	float: left;
}

#basics {
	padding: 0;
	margin: 0;
}

#language {
	padding: 0;
	margin: 10px 0 0;
}

/* @end */

/*

@group navigation */

#subnavigation ul li span.navigationactivefolder a {
	color: #9826fb;
	font-weight: bold;
	text-transform: uppercase;
}

#topnavigation ul li.navigationactive a, #subnavigation ul li.navigationactive a {
	color: #9826fb;
	font-weight: bold;
	text-transform: uppercase;
}

/* @end */

/* @group search */

#basicsnavigation form input {
	background-color: #ededed;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 150%;
	font-style: italic;
	border-style: none;
	margin: 0;
	padding: 0;
	border-width: 0;
}

#basicsnavigation form input:focus {
	background-color: #9826fb;
	color: white;
}

.structural {
	position: absolute;
	left: -9999px;
}

#searchintro {
	margin-bottom: 30px;
	font-style: italic;
}

#searchresults {
	font-size: 12px;
}

p.searchresults {
	margin: 2px 0 12px;
	padding: 0;
}

#searchnavigation {
	margin-top: 20px;
	font-style: italic;
	float: left;
	clear: left;
}

/* @end */

/* @end */

/* @group content */

/* @group basics */

#titles {
	margin: 0 0 40px;
	padding: 0;
}

#maintext, #maintext2 {
	width: 382px;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}

#maintext ul {
	list-style-type: square;
	margin-left: 20px;
}

#mainimage {
	float: left;
	margin-bottom: 20px;
}

a, a:visited {
	color: #9826fb;
	text-decoration: none;
}

a:hover {
	color: #9826fb;
	text-decoration: underline;
}

#maincontent {
	float: left;
	clear: left;
}

div.eventcontainer {
	clear: left;
	float: left;
}

/* @end */

/* @group exhibition */

#artist1container, #artist2container, #artist3container {
	width: 568px;
	margin: 0 0 20px;
	padding: 0;
}

#artist1text, #artist3text {
	width: 370px;
	float: left;
	clear: left;
	margin: 0 10px 0 0;
	padding: 0;
}

#artist2text {
	width: 370px;
	float: right;
	clear: right;
	margin: 0 0 0 10px;
	padding: 0;
}

#artistteaser1, #artistteaser2, #artistteaser3 {
	margin: 10px 0 0;
	padding: 0;
}

#imageteaser1, #imageteaser3 {
	margin: 0;
	padding: 0;
	float: left;
	width: 186px;
}

/* @end */

/* @group archive */

div.aicontainer {
	margin: 0;
	padding: 0;
	float: left;
	width: 382px;
}

div.aibody {
	clear: left;
	float: left;
	margin: 0 0 5px;
	padding: 0;
}

div.aiimage {
	float: left;
	margin: 10px 0;
	padding: 0;
	clear: left;
	width: 382px;
}

div.aitext {
	margin: 0;
	padding: 0;
	position: relative;
	width: 382px;
	float: left;
}

#ailastexhibition {
	margin: 30px 0 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #9826fb;
	line-height: 14px;
	clear: left;
}

div.archivecontainer {
	clear: left;
	float: left;
	margin: 20px 0 0;
	padding: 0;
}

div.hidden {
	visibility: hidden;
	height: 0;
}

/* @end */

/* @group overview */

div.overviewcontainer {
	clear: left;
	float: left;
	margin: 0 0 5px;
	padding: 0;
}

div.overviewimage {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	clear: left;
}

div.overviewtext {
	margin: 0;
	padding: 0;
	position: relative;
	width: 174px;
	float: left;
}

/* @end */

/* @group edition */

div.editioncontainer {
	clear: left;
	float: left;
	margin: 0 0 5px;
	padding: 0;
}

div.editionimage {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	clear: left;
}

div.editiontext {
	margin: 0;
	padding: 0;
	position: relative;
	width: 370px;
	float: left;
}

p.editiondetails {
	margin: 5px 0 0;
	padding: 0;
}

/* @end */

/* @group members */

p.membersonly {
	margin: 3px 0 20px;
	padding: 1px 4px;
	color: #9826fb;
	text-transform: lowercase;
	text-decoration: none;
	float: left;
	border: 1px solid #9826fb;
	font-weight: bold;
}

/* @end */

/* @group press */

#maincontent div.pressartistblock div.pressartistthumbscontainer div.pressartistthumbs a img {
  border:0;
}

div.pressartistblock {
	margin: 0 0 30px;
	padding: 0;
	float: left;
	clear: left;
	width: 560px;
}

div.pressartistthumbscontainer {
	float: left;
	width: 560px;
}

div.pressartistthumbs {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	clear: right;
	height: 120px;
	width: 150px;
}

div.loginform {
	float: left;
	clear: left;
	margin: 20px 0 30px;
}

div.loginform form input.populate {
	background-color: #ededed;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 150%;
	font-style: italic;
	text-align: left;
	margin: 0 0 10px;
	padding: 0 0 2px;
	border-style: none;
	border-bottom: 1px solid black;
	width: 372px;
}

div.loginform form input.populate:focus {
	border-style: none;
	border-bottom: 1px solid #ededed;
	background-color: #9826fb;
	color: white;
}

div.loginform form input.submit {
	background-color: #ededed;
	color: #9826fb;
	text-align: left;
	margin: 10px 0 0;
	padding: 0;
	border-style: none;
	text-transform: uppercase;
	font: bold 14px/150% "Times New Roman", Times, serif;
}

div.loginform form input.submit:hover {
	color: #9826fb;
	text-align: left;
	margin: 10px 0 0;
	padding: 0;
	border-style: none;
	text-transform: uppercase;
	font: bold 14px/150% "Times New Roman", Times, serif;
	text-decoration: underline;
	cursor: pointer;
}

/* @end */

/* @group auction */

div.auctioncontainer {
	clear: left;
	float: left;
	margin: 20px 0 5px;
	padding: 0;
}

#auction {
	position: absolute;
	top: 291px;
	z-index: 100;
	left: 712px;
}

#auctioncatalogue {
	float: left;
	margin-top: 20px;
}


/* @end */

/* @group newsletter */

#newsletter {
	width: 372px;
	margin: 0;
	padding: 0;
}

#salutationselect {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 150%;
	font-style: italic;
	text-align: left;
	margin: 0;
	padding: 0;
}

select#salutation.populate {
	margin: 0 0 0 5px;
	padding: 0;
	border-style: none;
	border-bottom: 1px solid black;
}

select#salutation.populate:focus {
	border-style: none;
	border-bottom: 1px solid #ededed;
	background-color: #9826fb;
	color: white;
}

/* @end */

/* @group sponsors */

div.sponsorthumbs {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	clear: right;
	width: 150px;
}

/* @end */

/* @group form */

textarea#Nachricht, textarea#Message {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 150%;
	font-style: italic;
	text-align: left;
	width: 372px;
	background-color: #ededed;
	margin: 20px 0 0;
	padding: 0;
	border: 1px solid black;
}

textarea#Nachricht:focus, textarea#Message:focus {
	border-style: none;
	border-bottom: 1px solid #ededed;
	background-color: #9826fb;
	color: white;
}

div.forminclude {
	float: left;
	clear: left;
	margin-top: 30px;
	width: 372px;
}

div.formintro {
	margin: 0 0 10px;
	padding: 0;
	width: 372px;
}

#maincontent div.forminclude div.formintro p {
	padding: 0;
	margin: 5px 0 0;
}

div.forminclude form input.populate {
	background-color: #ededed;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 150%;
	font-style: italic;
	text-align: left;
	margin: 0 0 10px;
	padding: 0 0 2px;
	border-style: none;
	border-bottom: 1px solid black;
	width: 372px;
}

div.forminclude form input.populate:focus {
	border-style: none;
	border-bottom: 1px solid #ededed;
	background-color: #9826fb;
	color: white;
}

div.forminclude form input.submit {
	background-color: #ededed;
	color: #9826fb;
	text-align: left;
	margin: 10px 0 0;
	width: 372px;
	border-style: none;
	text-transform: uppercase;
	font: bold 14px/150% "Times New Roman", Times, serif;
	padding: 0;
}

div.forminclude form input.submit:hover {
	color: #9826fb;
	text-align: left;
	margin: 10px 0 0;
	padding: 0;
	width: 372px;
	border-style: none;
	text-transform: uppercase;
	text-decoration: underline;
	cursor: pointer;
	font: bold 14px/150% "Times New Roman", Times, serif;
}

/* @end */

/* @group thumbs */

#thumbs {
	width: 160px;
	float: left;
}

img.thumb40px {
	margin: 0 0 10px 10px;
	padding: 0;
	position: static;
	vertical-align: top;
}

/* @end */

/* @end */

/* @group tabs */

.tabberlive .tabbertabhide {
	display: none;
	margin: 0;
	padding: 0;
}

.tabberlive {
	margin: 0;
	padding: 0;
}

ul.tabbernav {
	padding: 0;
	float: left;
	margin: 0 0 20px;
}

ul.tabbernav li {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	color: #9826fb;
	line-height: 14px;
	list-style: none;
	display: inline;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.tabbernav li a {
	margin: 0 10px 0 0;
	padding: 0;
	color: #9826fb;
	text-transform: lowercase;
	text-decoration: none;
	float: left;
	border: 1px solid #ededed;
}

ul.tabbernav li a:link {
	
}

ul.tabbernav li a:hover {
	text-decoration: underline;
}

ul.tabbernav li a:visited {
	
}

ul.tabbernav li.tabberactive a {
	margin: 0 10px 0 0;
	padding: 0;
	color: #9826fb;
	text-transform: lowercase;
	text-decoration: underline;
	float: left;
}

ul.tabbernav li.tabberactive a:hover {
	
}

.tabberlive .tabbertab {
	border-top: 0;
}

/* @end */

/* @group editmode */

div.editmode {
	background-color: #bcff5d;
	padding: 10px;
	margin: 0 0 40px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	line-height: 120%;
	width: 547px;
	float: left;
}

div.editmodered {
	background-color: red;
	padding: 10px;
	margin: 0 0 20px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	line-height: 120%;
	width: 547px;
}

div.editmodegrey {
	background-color: silver;
	padding: 10px;
	margin: 0 0 20px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	line-height: 120%;
	width: 547px;
}

.editleft {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.editright {
	margin-bottom: 20px;
	float: left;
}

p.edithead {
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px;
	clear: left;
}

p.editsub {
	font-style: italic;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0 0 5px;
}

#content div.editmode input {
	vertical-align: middle;
}

/* @end */

/* @group slimbox */

#lbOverlay {
	background-color: #ededed;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	background-color: #ededed;
	position: absolute;
	z-index: 9999;
	overflow: hidden;
}

.lbLoading {
	background: #ededed url(loading.gif) no-repeat center;
}

#lbImage {
	background-color: #ededed;
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #ededed;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	background-color: #ededed;
	text-align: left;
	border: 10px solid #ededed;
	border-top-style: none;
	font: 11px/150% "Times New Roman", Times, serif;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption {
	margin-right: 71px;
}

#lbNumber {
	font-style: italic;
}

#lbCaption {
	color: #9826fb;
	text-transform: uppercase;
	font-weight: bold;
}

/* @end */