/* CSS Document BARBARA GROSS GALERIE */

body {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: transparent;
	padding:0px;
	margin:0px;
}

/****************** Content Templates with Image Background ****************
#contentcontactPrint{
	display: none;
}
#contenthome, #contentgallery, #contentexhibitions, #contentartists, #contentartistsdetail, #contentnews, #contentcontact {
	width:600px;
	padding:0px;
	border-left: 1px solid #c6c4c4;
	border-bottom: 1px solid #c6c4c4;
	border-right: 1px solid #c6c4c4;
	height: 575px;
	overflow: hidden;
	z-index: 10;
}
#contenthome p, h1, a{
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #858585;
	outline: none;
}
#contenthome, #contentgallery {
	background: #e8e8e8 url(images/pic_homepage.jpg) no-repeat left top;
}
#contentartists {
	background: #e8e8e8 url(images/pic_artists.jpg) no-repeat left top;
}
#contentartistsdetail, #contentexhibitions {
	background: #fff;
}
#contentnews {
	background: #e8e8e8 url(images/pic_news.jpg) no-repeat left top;
}
#contentcontact {
	background: #e8e8e8 url(images/pic_stadtplan_neu.gif) no-repeat left top;
}
/****************** Menu Item 4: News ******************/
#menunews {
	width:200px;
	padding:0;
	background:#fff;
	line-height: 16px;
	z-index: 10;
	right: 0px;
	float: right;
}
#newslist {
	padding:10px 5px 0 5px;
}
#newslistlink {
	text-align: right;
	background: #fff url(images/newsdots.gif) bottom left no-repeat;
	padding: 5px 10px 5px 0;
}
.newslink {
	text-align: right;
	padding: 5px 10px 5px 0;
}
#newslist .date {
	font-weight:bolder;
	color:#858585;
}
/**/
#newslistlink a {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow-r_off.png) no-repeat right center;
	padding: 0 15px 0 0;
	outline: none;
}
#newslistlink a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow-r_on.png) no-repeat right center;
	padding: 0 15px 0 0;
}
#newslist .newslistintern a {
	text-decoration:none;
	background: none;
	color:#333;
	line-height: 16px;
	outline: none;
}
#newslist .newslistintern a:hover {
	text-decoration:none;
	background: none;
	color:#858585;
	outline: none;
}
#newslist a {
	text-decoration:none;
	color:#858585;
	/*background: url(images/arrow-r_off.png) no-repeat right center;*/
	padding: 0 15px 0 0;
	outline: none;
}
#newslist a:hover {
	text-decoration:none;
	color:#333;
	/*background: url(images/arrow-r_on.png) no-repeat right center;*/
	padding: 0 15px 0 0;
}

/****************** Menu Item 4: News All ******************/
.date {
	font-weight:bolder;
	color:#858585;
}
.newslinkall {
	text-align: right;
	padding: 5px 0 5px 10px;
	margin: 0 0 15px 0;
}
.newslinkall a {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow-r_off.png) no-repeat right center;
	padding: 0 15px 0 0;
	outline: none;
}
.newslinkall a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow-r_on.png) no-repeat right center;
	padding: 0 15px 0 0;
}
#newslinkalldotbar {
	position: absolute;
	width:560px;
	margin: 0 0 0 10px;
	padding:0;
	background: #fff url(images/bgdot.gif) top left repeat-x;
	z-index: 40;
	vertical-align:top;
}
/****************** Menu Item: Artist Level 1 ******************/
#menuartists {
	position: absolute;
	width:200px;
	/*padding:10px 0 0 10px;*/
	padding:0;
	background:#fff;
	z-index: 10;
}
#artistlist {
	padding:10px 0 0 5px;
}
#stretcher{
	width:8px;
	padding:0;
	background:#fff;
	z-index: 0;
	float: left;
}
#menuartists a {
	text-decoration:none;
	color:#333;
	line-height: 16px;
	outline: none;
}
#menuartists a:hover {
	text-decoration:none;
	color:#858585;
}

.pdflink a {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow-r_off.png) no-repeat right center;
	padding: 0 15px 0 0;
	outline: none;
}
.pdflink a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow-r_on.png) no-repeat right center;
	padding: 0 15px 0 0;
}

/****************** Menu Item: Exhibitions ******************/
#exhibitionmenu {
	position: absolute;
	width:130px;
	margin: 0px 0 0px 0px;
	padding:0;
	background:#fff;
	z-index: 10;
}
#exhibitionmenu #exhibitionlist {
	padding:26px 5px 0 5px;
}
#exhibitionmenu a {
	text-decoration:none;
	color:#888;
	line-height: 16px;
	padding: 1px 5px 1px 2px;
	outline: none;
}
#exhibitionmenu a:hover {
	text-decoration:none;
	padding: 1px 5px 1px 2px;
	color:#333;
}
#exhibitionmenu a.activelink {
	color: #858585;
	display: block;
	padding: 1px 5px 1px 2px;
	text-decoration: none;
	background-color: #e8e8e8;
	font-weight: bold;
	outline: none;
}
#exhibitionmenu a.activelinkmain {
	color: #666666;
	display: block;
	padding: 1px 5px 4px 2px;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	outline: none;
}
#exhibitionmenu a.activesublink {
	color: #858585;
	display: block;
	padding: 1px 5px 4px 2px;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	outline: none;
}
/****************** Menu Item: Exhibition Data Current ******************/
#exhibitiondata {
	position: absolute;
	width:460px;
	margin: 0px 0 0px 130px;
	padding:0;
	background:#fff;
	z-index: 10;
}
#exhibitiondata #titlebar {
	position: absolute;
	width:470px;
	margin: 25px 0 25px 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align: middle;
}
#exhibitiondata #titlebar #title {
	font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #858585;
	font-weight:bolder;
	padding:0px;
	margin:0px;
	float: left;
}
#exhibitiondata #titlebar #links {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:right;
	float: right;
}
#exhibitiondata #titlebar #links a {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow_off.png) no-repeat left center;
	padding: 0 15px 0 6px;
}
#exhibitiondata #titlebar #links a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow_on.png) no-repeat left center;
	padding: 0 15px 0 6px;
}
#exhibitionpressdata {
	position: absolute;
	width:460px;
	margin: 60px 0 0px 0px;
	padding:0;
	background:#fff;
	z-index: 10;
}
#exhibitionpressdata #titlebar {
	position: absolute;
	width:470px;
	margin: 25px 0 25px 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align: middle;
}

/****************** Menu Item: Exhibition Data Past ******************/
#exhibitiondatapast {
	position: absolute;
	width:470px;
	margin: 20px 0 0px 130px;
	padding:0;
	background:#fff;
	z-index: 10;
}
#exhibitiondatapast #exhibitiondata {
	position: absolute;
	width:470px;
	margin: 20px 0 0 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
	height: 450px;
}
#exhibitiondatapast h2 {
	font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bolder;
	padding: 0 0 10px 0;
	margin:0px;
}
.exhibitionitem {
	text-align: left;
	color:#666;
	background: #fff url(images/bgdot.gif) bottom left repeat-x;
	padding: 5px 0 0 0;
	width: 450px;
}
.exhibitionitem h3 {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bolder;
	padding: 0 0 10px 0;
	margin:0px;
}
.exhibitionitem p {
	font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	margin:0px;
}
.exhibitionitem a {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow-r_off.png) no-repeat right center;
	padding: 0 15px 0 0;
	outline: none;
}
.exhibitionitem a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow-r_on.png) no-repeat right center;
	padding: 0 15px 0 0;
}
/****************** Menu Item: Artists Level 2 ******************/
#exhibitiondata #exhibitionimage {
	position: absolute;
	width:470px;
	margin: 60px 0 0 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
	height: 410px;
}
#exhibitiondata #exhibitionpress {
	position: absolute;
	width:460px;
	margin: 60px 0 0 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
	height: 410px;
}
#exhibitiondata #exhibitiontext {
	position: absolute;
	width:590px;
	margin: 60px 0 0 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
	height: 440px;
}
#exhibitiondata #exhibitiontext h3 {
	padding:0;
	margin-left: 12px;
	vertical-align:top;
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #858585;
}
#exhibitiondata #exhibitionfooterbar {
	position: absolute;
	width:470px;
	margin: 494px 0 0 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
}
#exhibitiondata #exhibitionfooterbar #description {
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	float: left;
}
#exhibitiondata #exhibitionfooterbar #slides {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin: 0 10px 0 10px;
	text-align:right;
	float: right;
	color: #858585;
}
#exhibitiondata #exhibitionfooterbar #slides .slidearrowleft{
	margin: 0 15px 0 0;
	padding:0px;
}
#exhibitiondata #exhibitionfooterbar #slides .slidearrowright{
	margin: 0 0 0 15px;
	padding:0px;
}
/****************** Menu Item: Artists Level 2 ******************/
/********************* contentartistsdetail *********************/
#contentartistsdetail #titlebar {
	position: absolute;
	width:590px;
	margin: 25px 0 25px 10px;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align: middle;
}
#contentartistsdetail #titlebar #title {
	font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #858585;
	font-weight:bolder;
	padding:0px;
	margin:0px;
	float: left;
}
#contentartistsdetail #titlebar #links {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:right;
	float: right;
}
#contentartistsdetail #titlebar #links a {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow_off.png) no-repeat left center;
	padding: 0 15px 0 6px;
	outline: none;
}
#contentartistsdetail #titlebar #links a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow_on.png) no-repeat left center;
	padding: 0 15px 0 6px;
}
/****************** Dot Lines for Press/Text/Bio ******************/
#bottomdotbar {
	position: absolute;
	width:580px;
	margin: 30px 10px 0 10px;
	padding:0;
	background: #fff url(images/bgdot.gif) top left repeat-x;
	z-index: 40;
	vertical-align:top;
}
#bottomdotbarsm {
	position: absolute;
	width:460px;
	margin: 500px 10px 0 0px;
	padding:0;
	background: #fff url(images/bgdot.gif) top left repeat-x;
	z-index: 40;
	vertical-align:top;
}
#topdotbar {
	position: absolute;
	width:580px;
	margin: 46px 10px 0 10px;
	padding:0;
	background: #fff url(images/bgdot.gif) top left repeat-x;
	z-index: 40;
	vertical-align:top;
}
#topdotbarsm {
	position: absolute;
	width:460px;
	margin: 46px 0 0 0;
	padding:0;
	background: #fff url(images/bgdot.gif) top left repeat-x;
	z-index: 40;
	vertical-align:top;
}
/****************** Menu Item: Exhibitions Press ******************/
#exhibitionsstext {
	position: absolute;
	width:430px;
	margin: 60px 0 0 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
	height: 440px;
}
/****************** Menu Item: Artists Level 2 ******************/
#artistsimage {
	position: absolute;
	width:590px;
	margin: 60px 0 0 10px;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
	height: 410px;
}
#artiststext {
	position: absolute;
	width:590px;
	margin: 60px 0 0 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
	height: 440px;
}
#artiststext h3 {
	padding:0;
	margin-left: 12px;
	vertical-align:top;
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
}
#artistfooterbar {
	position: absolute;
	width:590px;
	margin: 494px 0 0 10px;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align:top;
}
#artistfooterbar #description {
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	float: left;
}
#artistfooterbar #slides {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin: 0 10px 0 10px;
	text-align:right;
	float: right;
	color: #858585;
}
#artistfooterbar #slides .slidearrowleft{
	margin: 0 15px 0 0;
	padding:0px;
}
#artistfooterbar #slides .slidearrowright{
	margin: 0 0 0 15px;
	padding:0px;
}
/****************** Menu Item: Artists Biography Table ******************/
.datatable {
	width: 550px;
	border-collapse:collapse;
	margin-left: 10px;
}
.datatable td {
	padding: 2px;
	text-align: left;
	vertical-align: top;

}
.datatable .odd {
	/*background: #f6f6f6;*/
	background: #fff;
}
.datatable .even {
	/*background: #e8e8e8;*/
	background: #fff;
}
/****************** Menu Item: Gallery ******************/
#textgallery {
	position: absolute;
	width:400px;
	padding:0 10px 0 0;
	background:#fff;
	z-index: 10;
}
#textgallery #linkbar{
	display: none;
}
#textgallery p{
	line-height: 14px;
	margin: 6px 0 6px 0;
}
#textgallery a.languagelink {
	display:none;	
}
.languagelink {
	display:none;	
}
/****************** Menu Item: Artist Detail ******************/
#contentartistsdetail #titlebar #links a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow_on.png) no-repeat left center;
	padding: 0 15px 0 6px;
}
/********************* Footer Elements *********************/
#footerbar {
display:none;
}
#footerbar #title {
	font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding:0px;
	margin:0px;
	float: left;
}
#footerbar #metaleft {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:left;
	float: left;
}
#footerbar #metaleft a {
	text-decoration:none;
	color:#858585;
	padding: 0 15px 0 0;
	outline: none;
}
#footerbar #metaleft a:hover {
	text-decoration:none;
	color:#333;
	padding: 0 15px 0 0;
}
#footerbar #metaright {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:right;
	float: right;
}
#footerbar #metaright a {
	text-decoration:none;
	color:#858585;
	padding: 0;
	outline: none;
}
#footerbar #metaright a:hover {
	text-decoration:none;
	color:#333;
	padding: 0;
}
#imprinttext {
	position: absolute;
	width:590px;
	margin: 60px 0 0 0;
	padding:0 0 0 10px;
	background:#fff;
	z-index: 10;
	vertical-align:top;
	height: 440px;
}
/****************** Image Navigation ******************/
#mainmenu { background-color: #c6c4c4; }
ul#global { list-style-type: none; margin: 0; padding: 0; position: absolute; }
ul#global li#artists a {  position: absolute; top: 0px; left: 0px; width: 96px; height: 25px; text-decoration:none;}
ul#global li#exhibitions a {  position: absolute; top: 0px; left: 120px; width: 144px; height: 25px; text-decoration:none;}
ul#global li#gallery a {  position: absolute; top: 0px; left: 240px; width: 101px; height: 25px; text-decoration:none;}
ul#global li#news a {  position: absolute; top: 0px; left: 360px; width: 68px; height: 25px; text-decoration:none; }
ul#global li#contact a { position: absolute; top: 0px; left: 480px; width: 99px; height: 25px; text-decoration:none; }
ul#global li a span { 	
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
 }
ul#global li#contact a:hover, ul#global li#news a:hover, ul#global li#gallery a:hover, ul#global li#exhibitions a:hover, ul#global li#artists a:hover, 
ul#global li#contact.here a, ul#global li#news.here a, ul#global li#gallery.here a, ul#global li#exhibitions.here a,
ul#global li#artists.here a, ul#global li#gallery.here a { background-position: 0px 0px; 	font: 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; color:#666;
	text-decoration:underline;
}
/****************** News Popup ******************/
#popframe {

	margin-left:0px;
	margin-top:0px;
	padding:0px;
	text-align:left;

}
#newsheader {
	margin:0 0 0 24px;
	padding:0px;
	text-align:left;
}
#newstext {
	/*position: absolute;*/
	margin: 0;
	padding:0;
	z-index: 10;
}
#newstext p {
	padding: 0;
	margin:0px;
}
#newstext h1 {
	font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bolder;
	padding: 0;
	margin:0px;
}
#newslinkdotbars {
	position: absolute;
	width:590px;
	margin: 0;
	padding:0;
	background: #fff url(images/bgdot.gif) top left repeat-x;
	z-index: 40;
	vertical-align:top;
}
.newstextlinkall {
	text-align: left;
	background: #fff url(images/bgdot.gif) bottom left repeat-x;
}
.newstextlinkall a {
	color:#000000; 
	background-color:transparent;
	outline: none;
	text-decoration:none;
}
.newstextlinkall a:after {
	color:#000000; 
	margin-left:30px;
	margin-right:30px;
	background-color:transparent;
	content: "Link: '" attr(href) "'";
	text-decoration:none;
}

#newstext #titlebar {
	position: relative;
	width:590px;
	margin: 0;
	padding:0;
	background:#fff;
	z-index: 10;
	vertical-align: middle;
}
#newstext #titlebar #title {
	font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #858585;
	font-weight:bolder;
	padding:0px;
	margin:0px;
	float: left;
}
#newstext #titlebar {
		font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
		padding:0px;
		margin:0px;
		text-align:right;
		float: right;
}
#links {
		display:none;
}
#newstext #titlebar #links a {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow_off.png) no-repeat left center;
	padding: 0 0 0 6px;
}
#newstext #titlebar #links a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow_on.png) no-repeat left center;
	padding: 0;
}
/* Soll hier angezeigt werden*/
#background_image{
	float:left;
	z-index: 1;
}
