/* CSS Document BARBARA GROSS GALERIE */

body {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:#f6f6f6;
	padding:0px;
	margin:0px;
}
/************ Positioning of Content: Center /Middle or Center/Top *************/
#centeredframe {
	position:absolute;
	top: 50%;
	left: 50%;
	width:600px;
	height:626px;
	margin-top: -313px; /*set to a negative number 1/2 of height*/
	margin-left: -300px; /*set to a negative number 1/2 of width*/
	background-color: #F6F6F6;
}
#frame {
	width:602px;
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	padding:0px;
	text-align:left;
	background-color: #F6F6F6;
	height: 625px;
}

/****************** 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 {
	background: #e8e8e8 url(images/pic_homepage.jpg) no-repeat left top;
}
#contentgallery {
	background: #e8e8e8 url(images/pic_gallery.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: 0px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}
.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{
	margin: 10px 0 6px 0;
}
#textgallery p{
	line-height: 14px;
	margin: 6px 0 6px 0;
}
#textgallery a.languagelink {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow_off.png) no-repeat left center;
	padding: 0 15px 0 6px;
	outline: none;
}
#textgallery a.languagelink:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow_on.png) no-repeat left center;
	padding: 0 15px 0 6px;
	align: right;
}
/****************** 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 {
	position: absolute;
	width:600px;
	background:#f6f6f6;
	margin: 5px 0 0 0;
	padding:0;
	z-index: 10;
}
#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; background: url(images/gnav_artists5.gif) no-repeat 0px -23px; }
ul#global li#exhibitions a {  position: absolute; top: 0px; left: 120px; width: 144px; height: 25px; background: url(images/gnav_exhibitions5.gif) no-repeat 0px -23px; }
ul#global li#gallery a {  position: absolute; top: 0px; left: 287px; width: 101px; height: 25px; background: url(images/gnav_gallery5.gif) no-repeat 0px -23px; }
ul#global li#news a {  position: absolute; top: 0px; left: 411px; width: 68px; height: 25px; background: url(images/gnav_news5.gif) no-repeat 0px -23px;  }
ul#global li#contact a { position: absolute; top: 0px; left: 501px; width: 99px; height: 25px; background: url(images/gnav_contact5.gif) no-repeat 0px -23px; }
ul#global li a span { display: 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; }
/****************** News Popup ******************/
#popframe {
	width:610px;
	margin-left:10px;
	margin-top:10px;
	padding:0px;
	text-align:left;
	background-color: #F6F6F6;
}
#newsheader {
	margin:0 0 0 24px;
	padding:0px;
	text-align:left;
}
#newstext {
	position: absolute;
	width:590px;
	margin: 20px 0 0 10px;
	padding:10px;
	background:#fff;
	z-index: 10;
	vertical-align:top;
}
#newstext p {
	padding: 0;
	margin:0px;
}
#newstext h1 {
	font: 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bolder;
	padding: 0 0 10px 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: right;
	padding: 0 0 5px 0;
	margin: 10px 0 10px 0;
	background: #fff url(images/bgdot.gif) bottom left repeat-x;
}
.newstextlinkall a {
	text-decoration:none;
	color:#858585;
	background: url(images/arrow-r_off.png) no-repeat right center;
	padding: 0 15px 0 0;
	outline: none;
}
.newstextlinkall a:hover {
	text-decoration:none;
	color:#333;
	background: url(images/arrow-r_on.png) no-repeat right center;
	padding: 0 15px 0 0;
}
#newstext #titlebar {
	position: relative;
	width:590px;
	margin: 5px 0 5px 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 #links {
	font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:right;
	float: right;
}
#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 0 0 6px;
}
/*Hintergrundbild für die Druckversion (soll hier nicht angezeigt werden*/

#background_image{
	display: none;
}
/****************** Newsletter-Formular auf Contact ******************/
#mailinglist {
  /*display:none;*/
  display:block;
}
#mailinglist input.txt {
  color: #858585;
  background-color: #f2f2f2;
  border: 1px inset #858585;
  width: 100px;
  font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;

}
#mailinglist input.btn {
  border: none;
  outline: none;
  text-align: right;

}
#mailinglist form p {
 /* clear: left;*/
  margin: 0;
  padding: 0;
  padding-top: 5px;

}
#mailinglist form p label {
  float: left;
  width: 80px;
  font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;

}