/* ARTCLUB-GALERIE.DE design & development by portnull.de
--------------------------------------------------------------------- */
logo

/* $RESET
--------------------------------------------------------------------- */
body {
	margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal; margin:0; padding:0;}

a:link, a:visited, a:hover, a:active {
	color:#666;
	text-decoration: none;}
a:hover {color:#e15f00;}
a img {border: none;}

a.pdf:before {content: url("gfx/mini.gif");}

p, q, ul, li {margin: 0; padding: 0;}
address {font-style: normal;}
	

/* $BASIC
--------------------------------------------------------------------- */	
body {
	font-family: "Helvetica Neue", Helvetica , Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#333;
	background: #c8c8c8 url("gfx/bg_body.jpg") top center repeat;}

div#wrapper {
	margin:0 auto;
	width:894px;
	padding: 0 10px;
	background: url("gfx/bg_wrapper.png") top left repeat-y;}
	
div#wrapper:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

	
/* $TYPO
--------------------------------------------------------------------- */	
p {
	background: #fff;
	padding: 6px 8px;}
p.nopadding {
	padding: 6px 8px 0;}	
div#banner p {
	background: none;}

p.info {
	color: #666;
	font-style: italic;}
p.accordion_toggle {
	padding: 2px 8px;}



q {
	display: block;
	font-style: italic;
	color: #666;
	padding: 6px;
	background: #fff;}
q span {
	font-style: normal;}
	
blockquote {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 1.2em;
	line-height: 1.6em;
	font-style: italic;
	padding: 12px 24px;
	margin: 6px 6px 12px;
	background: #fffae5;}	



h1,h2, h3, h4 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, ;}
	
div#head h1 {
	font-size: 32px;}
div#head a h1 {
	color: #000;}	


h2 {
	font-size: 21px;
	color:#333;
	padding:0 0 6px 0;}
div#banner h2, div#twitter_div h2 {
	font-size: 18px;
	margin: 0 0 0 6px;}

h3 {
	font-size: 14px;
	color:#333;
	padding:6px 0 6px 8px;}

	
h4 {
	font-size: 12px;
	font-weight: bold;
	color:#666;
	padding:0 0 0 8px;
	margin: 0;}

h6 {
	font-size: 10px;
	padding:4px 0 7px 8px;
	background: #fff;}
	
	
h3 a:link, h3 a:hover, h3 a:visited, h3 a:active {
	color: #e15f00;}
	
	
a.totop {
	padding: 1px 6px;}
a.totop:hover {
	color:#e15f00;
	background: #fff;}
	
a.designby {
	font-family: Baskerville, Georgia, "Times New Roman", serif;
	font-style: italic;
	padding: 1px 6px;
	background: #fff4c7 url("gfx/bg_classic.jpg") top left repeat-x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
	

hr {
	clear: both;
	height: 1px;
	border: none;
	border-top: 1px dotted #c8c8c8;
	background: none;}
hr.blind {
	border: none;
	visibility: hidden;}

/* -- links */
div.topic ul a:link,
div.topic ul a:visited,
div.topic ul a:hover,
div#banner a:link,
div#banner a:visited,
div.mbox li a:link,
div.mbox li a:visited {
	color:#333;
	padding: 1px 4px 0;
	background: #FFF4C7;}

div.topic ul a:hover,
div#banner a:hover,
div#banner a:active,
div.mbox li a:hover,
div.mbox li a:active {
	color:#e15f00;
	background: #FFF4C7;}

div.topic ul a:link,
div.topic ul a:visited {
	background: none;}
	
a.marked {color:#000;}
a.bookmark {float: left;}
#banner a.nobackground {background: #fff !important;}
	
span.date,
span.marked {
	color:#666;
	font-style: italic;}
span.markred {
	font-size: .9em;
	color: #fff;
	padding: 2px 2px 0;
	border-bottom:1px solid #ce5700;
	background: #e15f00;}

span.amp, em.amp {
	font-family: Baskerville, "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;}

em.marked {
	color:#333;
	background: #f7f4c1;}


sup {
	font-size: 1em;
	padding: 6px 0 0;
	margin: 0;}


div.mbox strong {
	color:#303030;}
	
.sleft {
	float: left;
	width: 48%;}
.sright {
	float: right;
	text-align: right;
	width: 48%;}

/* $LIST
--------------------------------------------------------------------- */
ul {}

li {
	color:#333;
	list-style-type: square;}

.deci li {
	color:#333;
	list-style-type:decimal;
}

ul.floating_list {
	float: left;
	width: 250px;
	margin: 0 16px 0 0;}	
	
	
/* $TWITTER
--------------------------------------------------------------------- */
a#followartclub {
	background: none !important;}

ul#twitter_update_list {
	padding: 8px 0 0 0;
	margin: 0 8px 8px 22px;}

ul#twitter_update_list li {
	padding: 0;}

ul#twitter_update_list li a {
	display: block;
	padding: 0 !important;
	background: none !important;}

ul#twitter_update_list li span a {
	display: inline !important;
	background: #fff4c7 !important;}

	
div#twitter_div {padding: 10px 6px 18px;}


/* $HEAD & $NAVIGATION
--------------------------------------------------------------------- */
div#head {
	height:68px;
	margin: 0;
	padding:30px 18px 0 18px;
	background: #fff;
	border-bottom:1px solid #e3e1cc;}
	
ul.menu {
	margin: 18px 0 0 0;}
ul.menu li {
	float: left;
	list-style-type: none;}
ul.menu a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial;
	font-size: 18px;
	text-shadow: 1px 1px 1px #d4d4d4;
	color: #6a6a6a;
	outline: none;}
ul.menu a:hover {
	color:#e15f00;}

a.aktiv {color:#e15f00;}

/* NEUES LOGO -------------------------------- */
div#headlogo {
	height:188px;
	margin: 0;
	padding:18px 18px 0 18px;
	background: #fff;
	border-bottom:1px solid #e3e1cc;}

ul.menulogo {
	margin: 9px 0 0 0;}
ul.menulogo li {
	float: left;
	list-style-type: none;}
ul.menulogo a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial;
	font-size: 18px;
	text-shadow: 1px 1px 1px #d4d4d4;
	color: #6a6a6a;
	outline: none;}
ul.menulogo a:hover {
	color:#e15f00;}

/* ---------------------------------------------------------------- */

#zumstart{
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial;
	font-size:11px;
	padding-top:3px;
	float:right;
}

/* ACTIVE MAIN NAVIGATION */
body#index a#galerie, body#galerie a#galerie,
body#termine a#galerie, body#eausstellungen a#galerie,
body#gausstellungen a#galerie, body#grundrisse a#galerie,
body#kontakt a#galerie, body#impressum a#galerie, body#presse a#galerie,
body#archivaktiv a#archivaktiv, body#kuenstlerclub a#kuenstlerclub,
body#veranstaltungsraum a#veranstaltungsraum {color:#e15f00;}


/* $SUBMENU
--------------------------------------------------------------------- */
ul#submenu {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial;
	font-size: 12px;
	color:#666;
	height: 30px;
	padding: 0 0 0 12px;
	background: #e3e1cc;
	border-top:1px solid #fff;
	border-bottom:1px solid #cccbb8;}

ul#submenu li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;}
	
ul#submenu li:after {
	content: url("gfx/submenu_line.gif")}
ul#submenu li:last-child:after {
	content:"";}
	

ul#submenu li a {
	float: left;
	display: block;
	padding: 6px 8px 6px 8px;
	outline: none;}
ul#submenu a.aktiv {
	color:#e15f00;}


/* ACTIVE SUB NAVIGATION */
body#index a#subgal_kverzeichnis,
body#galerie a#subgal_galerie,
body#termine a#subgal_termine,
body#eausstellungen a#subgal_eausstellungen,
body#gausstellungen a#subgal_gausstellungen,
body#grundrisse a#subgal_grundrisse,
body#kontakt a#subgal_kontakt,
body#impressum a#subgal_impressum ,
body#presse a#subgal_presse{
	color:#e15f00;
	background: url("gfx/submenu_active.gif") bottom center no-repeat;}


/* FUNKY "NEW" SIGN */
ul#submenu li {position: relative;}

span.neu {
	position: absolute;
	top: -4px;
	left: 0;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	padding: 1px 2px 0;
	color: #fff;
	background: #e15f00;
	border-bottom: 1px solid #b34c00;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;}

a#subgal_eausstellungen {
	padding: 0 10px 0 0;}	
a#subgal_eausstellungen span.neu {
	left: 10.3em;}

	

/* $NAV_JAHRE
--------------------------------------------------------------------- */
ul#nav_jahre {
	float: left;
	margin: 1px 0 0;}

ul#nav_jahre li {
	float: left;
	font-size: 1.1em;
	margin: 0 1px 0 0;
	list-style-type: none;}

ul#nav_jahre li a {
	padding: 5px 6px 3px;
	background: #fff url(gfx/bg_navjahre.jpg) top left repeat-x;}
	
/* $NAV_ALPHABET
--------------------------------------------------------------------- */
ul#nav_alphabet {
	float: left;
	margin: 1px 0 0;}

ul#nav_alphabet li {
	float: left;
	font-size: 1.1em;
	margin: 0 3px 0 0;
	list-style-type: none;}

ul#nav_alphabet li a {
	padding: 4px 6px 3px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
ul#nav_alphabet li a:hover {
	color: #333;
	background: #fff4c7;}
	
ul#nav_alphabet li a.none, ul#nav_alphabet li a.none:hover {
	color: #999;
	background: #e3e1cc;}
	

/* $CONTENT
--------------------------------------------------------------------- */
#content {
	float: left;
	width: 876px;
	padding:18px 0 18px 18px;
	background: #d3d1b7;
	border-top:1px solid #efede0;
	border-bottom:1px solid #b6b495;}
	
.accordion_content {
	overflow: hidden;
	background: #fff;}	


/* $COLSPAN
--------------------------------------------------------------------- */
div.colspan {
	float: left;
	width: 857px;
	padding: 0 0 0 1px;
	margin: 4px 0 8px;}
body#index div.colspan,
div.colspan.autowidth {width: auto !important;}
	
h3.toggler span,
div.colspan h3 span {
	margin: 0 0 0 -27px;
	padding: 4px 6px 4px 8px;;
	background: #fff;}



/* $BANNER
--------------------------------------------------------------------- */
#banner {
	float: left;
	width: 876px;
	padding:18px 0 18px 18px;
	border-top:1px solid #efede0;
	border-bottom:1px solid #b6b495;
	background: #e3e1cc;}

.bannertxt {
	float:left;
	width: 544px;
	padding: 16px 12px 6px;
	border-bottom: 1px solid #c8c8c8;
	background: #fff;}
.bannertxt.wide {
	width: 834px;}	
.bannertxt.only {
	padding-bottom:16px;}

.bannerinfo {
	float:right;
	width:278px;
	padding: 4px 0;
	margin: 0 18px 0 0;
	border-bottom: 1px solid #c8c8c8;
	background: #fff;}
.bannerinfo img {margin: 8px 0 0 8px;}
.bannerinfo h3 {
	margin: 10px 0 0 0;}

.portraitfoto{
	float:right;
	width:278px;
	padding: 16px 0;
	margin: 0 18px 0 0;
	border-bottom: 1px solid #c8c8c8;
	background: #fff;
	text-align:center;
}
	
#banner ul {
	margin: 0 0 0 21px;}

/* $WECHSELFELD
--------------------------------------------------------------------- */
.wechselfeld {
	float:right;
	width:254px;
	padding:6px 12px 9px 12px;
	margin: 0 18px 0 0;
	border-bottom: 1px solid #c8c8c8;
	background:#fff;}
}

#banner.wechselfeld h2 {
	margin:0;
}

.bannerfoto{
	float:right;
	width:278px;
	height:325px;
	margin:0 18px 0 0;
	background:none;
	border-bottom: 1px solid #c8c8c8;
}

#wrapper #banner .bannerfoto a:link{
	background-color:#ffffff;
	padding:0px;
}
#wrapper #banner .bannerfoto a:visited{
	background-color:#ffffff;
	padding:0px;
}
#wrapper #banner .bannerfoto a:hover{
	background-color:#FFF4C7;
	padding:0px;
}
#wrapper #banner .bannerfoto a:active{
	background-color:#ffffff;
	padding:0px;
}

/* $MBOX
--------------------------------------------------------------------- */
div.bigcolumn {
	float: left;
	width: 580px;}
div.smallcolumn {
	float: left;
	width: 278px;
	margin: 0 12px 0 0;}

	
div.mbox {
	float: left;
	width: 278px;
	background: #c8c8c8;
	border-bottom:1px solid #fff;
	margin: 0 12px 12px 0;}	
div#banner div.mbox {
	margin: 0 0 0 12px;}
.mbox-row {
	clear: both;
	width: 870px;}


div.mbox img {
	float: left;}
div.mbox h3 {
	background: #fff;
	padding:5px 0 5px 8px;
	border-bottom:1px solid #c8c8c8;}
div.mbox h3 span.subtitle {
	font-size: .8em !important;
	color: #666;}	
div.mbox.noprofile h3 {
	background: #f2f2f2;}
div.mbox.noprofile h3 {
	color: #666;}

div.txt,
div.links {
	clear: left;
	background: #fff;
	border-bottom: 1px solid #c8c8c8;}
	
div.txt ul {
	padding: 4px 0 0 0;
	margin: 0 8px 8px 22px;}
div.txt li {padding: 0;}
	
div.links ul {
	padding: 6px 0 0 0;
	margin: 0 8px 8px 22px;}
div.links li {
	color: #333;
	padding: 0 0 0 0;}


/* $GALERIE
--------------------------------------------------------------------- */
div.showbig {
	padding: 0 0 0 8px;}

div.showbig img {
	border-bottom: 1px solid #fff;}

div.hidden {display: none;}
	

/* $TERMINE
--------------------------------------------------------------------- */
.oneday {
	float: left;
	width: 858px;
	margin: 0 0 6px 0;}
	
div.date {
	float: left;
	text-align: center;
	color: #303030;
	width: 41px;
	padding: 6px 0 6px 0;
	margin: 10px 0 0 0;
	background: #e15f00 url("gfx/bg_date.jpg") top left repeat-x;
	border-right: 1px solid #b74d00;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;}
.date.elsewhere {
	background: #6adad1 url("gfx/bg_elsewhere.jpg") top left repeat-x;
	border-right: 1px solid #60bdb6;}
	
span.day {
	font-size: 1em;
	color: #fff;
	font-style: italic;}
span.month {
	font-size: 1em;
	font-weight: bold;}
span.item {
	padding: 1px 4px 0;
	background: #FFF4C7;}


.datepack {
	float: left;
	width: 816px;
	background: #fff;
	border-bottom:1px solid #b6b495;}
.datepack.cancel {}


.topic {
	float: left;
	padding: 10px;
	width: 388px;}


div.datepack ul {
	margin: 4px 0 0 14px;}
div.datepack li {
	list-style: square;}

	
div.topic h3 {
	color: #333;
	font-weight: bold;
	padding: 0;
	margin: 0;}
div.topic h4 {
	padding: 0;
	margin: 0 0 4px 0;}
div.topic p {
	padding: 0;
	margin: 8px 0 8px 0;}
div.topic a {
	text-decoration: underline;}
div.topic a:hover {color: #e15f00;}	


/*    ----    ----    ----    ----    ----    ----    ----    ----    */
/* BACKGROUND-LINK */
.topic2 {
	float: left;
	padding: 10px;
	width: 388px;}

div.topic2 h3 {
	color: #333;
	font-weight: bold;
	padding: 0;
	margin: 0;}
div.topic2 h4 {
	padding: 0;
	margin: 0 0 4px 0;}
div.topic2 p {
	padding: 0;
	margin: 8px 0 8px 0;}

div.topic2 a {
	color:#333333;
	text-decoration: none;
	background:#FFF4C7;}
div.topic2 a:hover {color: #e15f00;}


/* $PRESSE
--------------------------------------------------------------------- */
div.presspack {
	float: left;
	width: 816px;
	background: #fff;}

div.presspack ul {
	margin: 8px;
	background: #fff;}

div.presspack ul li {
	list-style: none;
	list-style-type: none;}


div.presspack li a {
	color: #333;
	background: }
div.presspack li a:hover {
	color: #e15f00;}

div.presspack em {
	color: #666;}

	

/* $SPONSOREN
--------------------------------------------------------------------- */
a.sponsor {
	display: block;
	width:278px;
	height: 154px;}
	
a#koenig {background: #fff url("gfx/sponsor_koenig_0.png") top left no-repeat;}
a#leitz {background: #fff url("gfx/sponsor_leitz_0.png") top left no-repeat;}
a#toshiba {background: #fff url("gfx/sponsor_toshiba_0.png") top left no-repeat;}
a#sion {background: #fff url("gfx/sponsor_sion_0.png") top left no-repeat;}
a#kontrast {background: #fff url("gfx/sponsor_kontrast_0.png") top left no-repeat;}

a#koenig:hover {background: #fff url("gfx/sponsor_koenig_1.png") top left no-repeat;}
a#leitz:hover {background: #fff url("gfx/sponsor_leitz_1.png") top left no-repeat;}
a#toshiba:hover {background: #fff url("gfx/sponsor_toshiba_1.png") top left no-repeat;}
a#sion:hover {background: #fff url("gfx/sponsor_sion_1.png") top left no-repeat;}
a#kontrast:hover {background: #fff url("gfx/sponsor_kontrast_1.png") top left no-repeat;}
	

/* $EXTRAS
--------------------------------------------------------------------- */
.group:after, .xclear:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}


/* $FOOTER
--------------------------------------------------------------------- */
#footer {
	float: left;
	height:30px;
	width: 858px;
	color:#666;
	padding: 0 18px;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #9f9d7e;
	background: #b6b495;}

#footer p {
	color:#303030;
	background: none;}
#footer a {
	color:#303030;}


/* $ACCORDION
--------------------------------------------------------------------- */
#accordion {
 	float: left;
	width: 876px;
	padding:18px 0 18px 18px;
	background: #d3d1b7;
	border-top:1px solid #efede0;
	border-bottom:1px solid #b6b495;}

h3.atStart {
	cursor: pointer;}
h3.atStrat:hover {
	color:#f3f3f3;}

.toggler {
	margin: 0;}
 
.element {}

div.element.atStart {
	float: left;}
 

/* $SLIMBOX
--------------------------------------------------------------------- */
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;}

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

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;}

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

#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(gfx/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(gfx/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;}

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

#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}



/* $MULTIBOX
--------------------------------------------------------------------- */
.MultiBoxContainer {
	position: absolute;
	border: 20px solid #fff;
	background-color: #fff;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/}

.MultiBoxLoading {
	background: url(gfx/loader.gif) no-repeat center;}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(gfx/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;}


.MultiBoxPrevious {
	position: absolute;
	background: url(gfx/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;}

.MultiBoxNext {
	position: absolute;
	background: url(gfx/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(gfx/rightDisabled.png) no-repeat;}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(gfx/leftDisabled.png) no-repeat;}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align: left;}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: right;}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;}


/* -- FACELIFT
body {
	background: #c8c8c8 url("gfx/bg_bigbody.jpg") top center fixed;}

div#head {
	border-bottom:1px solid #f2f2f2;}

ul#submenu {
	background: #f2f2f2;
	border-top:1px solid #fff;
	border-bottom:1px solid #c8c8c8;}

ul#nav_alphabet li a {
	padding: 3px 8px 3px;
	background: #fff;}
ul#nav_alphabet li a:hover {
	color: #333;
	background: #fff4c7;}	
ul#nav_alphabet li a.none, ul#nav_alphabet li a.none:hover {
	color: #999;
	background: #f2f2f2;}

#banner {
	background: #f2f2f2;
	border-top:1px solid #fff;
	border-bottom:1px solid #c8c8c8;}
.bannertxt, .bannerinfo {
	border-bottom: 1px solid #e7e7e7;}

#content, #accordion {	
	background: #e7e7e7;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c8c8c8;}

.datepack {
	border-bottom: 1px solid #c8c8c8;}
	
#footer {
	background: #c8c8c8;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #b7b7b7;}

#footer p {
	color:#303030;
	background: #c8c8c8;}
	
*/