/* ===================================================
Stylesheet
Datei: screen.css
Datum  15/04/09
Autor: wquadrat medien gmbH
=================================================== */


html {height:101%;}

/*
body {width:857px;margin:0 auto 10px auto;padding-left:70px;position:relative;color:#333;line-height:1.2em;background:#f0f0f0 url(../../media/bilder/_layout/bg_body.gif) repeat-x;}
*/
body {color:#333;line-height:1.2em;background:#f0f0f0 url(../../media/bilder/_layout/bg_body.gif) repeat-x;}
#container {width:857px;margin:0 auto 10px auto;padding-left:70px;position:relative;color:#333;line-height:1.2em;background:#f0f0f0 url(../../media/bilder/_layout/bg_body.gif) repeat-x;}

/****************** allgemeine deklarationen ***************************/

a:hover {color:#888;}

/******************************* logo, branding (flash-slideshow) **************************************/

h1#logo {background: url("../../media/bilder/_layout/logo.jpg") no-repeat;text-indent: -9999px; position:absolute;right:20px;top:100px;}
h1#logo img { display: none; }
h1#logo a { display: block; width: 202px; height: 143px;}

#branding {}
#flash {width:630px;height:250px;}
#flash img {display:block;}
#flash .noscript {position:absolute;color:#fff;top:180px;left:130px;}

/******************************* navigation **************************************/

ul.navi {width:67em;min-width:860px;}
ul.navi, ul.navi ul {margin:3px 0 0 0;list-style-type: none; z-index:10;}
ul.navi li {margin:0 0 0 25px;float: left;}
ul.navi li.first {margin:0;width:auto;}
ul.navi li.first a {}

/* navi links */
ul.navi li a { display: block; padding:10px 6px 11px 6px;text-decoration:none;}
ul.navi li a {color: #fff;}
ul.navi li a:link , ul.navi li a:visited { }
ul.navi li a:hover,
ul.navi li a.selected, 
ul.navi li a.hover {color: #4a6c75;background:#f0f0f0;border:1px solid #b0b0b0;border-top:none;border-bottom:none;padding:10px 5px 11px 5px;}

/* subnavi */
ul.navi ul {display:none; position: absolute; background-color: #f0f0f0; width: 150px;z-index: 333;border-left:1px solid #b0b0b0;border-right:1px solid #b0b0b0;margin:0;}
ul.navi li ul li {background:none; float: none; margin: 0;font-size: 1em;border-bottom: 1px solid #b0b0b0;white-space:nowrap;}
ul.navi li ul li.first {border-top: 1px solid #b0b0b0;}

/* subnavi links */
ul.navi li ul li a {color:#333;padding: 8px; text-decoration: none;}
ul.navi li ul li a:link, ul.navi li li a:visited { }
ul.navi li ul li a:hover {background:#fff;padding:8px;border:none;}
ul.navi li ul li a.hover {background:#fff;padding:8px;border:none;}
ul.navi li ul li a.selected {background:#fff;padding:8px;border:none;}

/* subnavi 2.Level links */
ul.navi ul ul {display:block;margin-left:-1px;border-top:1px solid #b0b0b0;}
ul.navi ul ul li.first {border-top:none;}
ul.navi ul ul li a {padding-left:20px;}
ul.navi ul ul li a:hover {padding-left:20px;}
ul.navi ul ul li a.hover {padding-left:20px;}
ul.navi ul ul li a.selected {padding-left:20px;}


/******************************* toolx (breadcrumb, suche) **************************************/

#tools {color:#888;font-size:0.85em;}


ol#breadcrumb {height:50px;width:auto;color:#888;font-size:0.85em;float:left;margin:0 0 0 10px;list-style-type:none;display:inline;}
ol#breadcrumb li {line-height:5.9em;float:left;margin:0;}
ol#breadcrumb li.first {padding-right:5px;width:auto;}
ol#breadcrumb li a {color:#888;text-decoration:underline;padding:0 5px;} 

form#search {width:227px;padding-top:15px;float:right;}
form#search label {float:left;padding:5px 0;}
form#search input#searchsuggest  {width:125px;border:1px solid #b0b0b0;padding:2px;margin:0 10px 0 5px;float:left;color:#888;}
form#search input.submit  {width:33px;background:#333333;color:#fff;border:1px solid #222;padding:1px 0;float:left;}

/******************************* content **************************************/

#content {background:#fff;padding:20px 0px 0px 20px;}

#content p.intro {font-style:italic;font-size:0.9em;}
#content dl.bildKlein {width:auto;}
#content dl.bildKlein {margin:0 20px 10px 0;}
#content dl.bildMedium {width:auto;}
#content dl.bildMedium {margin:0 0 10px 20px;}
#content dl.bildGruppe {width:145px;float:left;margin:0 2px 0 0;}
#content p.bildGruppe {padding:3px 0 0 0;clear:left;font-style:italic;font-size:0.85em;font-weight:bold;}
#content dl.bild dt img {padding:1px;border:1px solid #c9c9c9;}
#content dl.bild dd {font-style:italic;padding:4px 0;font-size:0.85em;}
#content h1 {line-height:1em;margin-bottom:20px;font-size:1.9em;}
#content h3 {font-weight:normal;font-size:1.3em;margin:15px 0 10px 0;}

/* für die HTML-Galerie */
.HTMLGalerie {
margin-bottom: 10px;
}

#content_main {width:593px;float:left;border-right:2px solid #f0f0f0;padding:0 15px 10px 0;}
#content_main p {}
/* .content_main_block {margin:0 0 10px 0;} */
/* content margin neu */
.content_main_block {margin:0 0 16px 0;}

table.mitarbeiter {width:100%;}
.mitarbeitercol1 {width:48%;}
.mitarbeitercol2 {width:48%;}

#teaser {width:207px;float:left;padding:0 0 0 20px;}
#teaser h2 {color:#888;border-bottom:2px solid #f0f0f0;font-size:1em;padding:0 0 3px 0;}
#teaser h3 {color:#4a6c75;font-size:1.2em;margin:5px 0 10px 0;}
#teaser h3 a {color:#4a6c75;}
#teaser h3 span {display:block;margin-bottom:5px;font-size:0.8em;text-decoration:none;}
.teaser_holder {padding-right:20px;}
.teaser {padding:0 0 20px 0;}
.teaser p {margin:0 0 5px 0;}

/******************************* site_info **************************************/
#site_info {padding:20px 0px 50px 20px;color:#888;font-size:0.85em;}
#site_info a {color:#888;}
#site_info span.trenner {padding:0 5px;}
p.helpers, p.helpers2, p.address {float:left;width:300px;}
p.address {width:330px;}
p.helpers2 {width:200px;}

/******************************* anfahrt google-maps **************************************/

.google_maps_container {font-family:arial,tahoma,verdana,sans-serif;background:#efefef;padding:10px;margin-bottom:20px;border:1px solid #C9C9C9;}
.google_maps_container a {color:#4a6c75;}
.google_maps_container form {margin:0px;padding:0px;}
#google_maps {width:auto;height:350px;border:1px solid #333;}
.google_maps_container p.google-maps-link {padding:10px 0;}
.gmhintergrund {padding:25px;background-color:#4a6c75;color:#fff;}
.gmhintergrund strong {color:#fff;}
.gmhintergrund img {border:4px solid #fff;}
#google_maps div.input input {margin-top:5px;background:#4a6c75;border:3px double #4a6c75;color:#fff;}
#google_maps div.text input {border:1px solid #4a6c75;margin-top:3px;}
.anfahrttext {padding:20px 0px;}


/*************************** suchergebnis *******************************************/

.search_results ul {list-style-type:none;margin:10px 0 0px 0;padding:0;border-bottom:1px solid #aaa;}
.search_results ul li {margin:0;border-top:1px solid #aaa;padding:0 0 10px 0;}
.search_results ul li:hover {background:#f0f0f0;}
.search_results h3 {margin:0 0 5px 0;}
.search_results h3 a {margin:0 0 5px 0;color:#4A6C75;text-decoration:none;}
.search_results p {margin:0 0 10px 0;}
.search_results a {color:#333;margin:0 0 5px 0;}

.control_top ul, .control_bottom ul  {list-style-type:none;margin:10px 0 0 0;}
.control_top ul li, .control_bottom ul li {float:left; margin:0;}
.control_bottom ul li.linkzurueck a {padding-right:10px;}
.control_bottom ul li.linkweiter a {padding-left:10px;}
.control_top {}
.control_bottom {padding-top:10px;}


/********** termintool-teaser ********************/

ul.kalenderHighlights {list-style-type:none;margin:10px 0 0 0;}
ul.kalenderHighlights li {margin:0;}
ul.kalenderHighlights li a {padding:3px 0;display:block;font-size:0.9em;text-decoration:none;font-style:italic;}
/*ul.kalenderHighlights li a:before { content:"> "; }*/

/****************** künstler-styles **********************/
#eventBox col.col1 { width: 45%; }
#eventBox col.col2 { width: 35%; }
#eventBox col.col3 { width: 18%; }

.jsEnabled #eventBox td.itemDescription div, .jsEnabled #faqBox td.itemDescription div, .jsEnabled #downloadBox td.itemDescription div {
display:none;
padding:0 14px 14px;
}

#eventBox p.linkEventDetails a {
  background:transparent url(/media/bilder/_layout/weiter.png) no-repeat scroll left 2px;
  padding-left:20px;
  display:block;
  color:#888;
}

#eventBox p.linkEventDetails.active a {
  background-image:url(/media/bilder/_layout/klappen.png);
}

#eventBox p.linkEventDetails.active a, #faqBox p.linkFaqDetails.active a, #downloadBox p.linkDetails.active a {
  overflow:hidden;
  text-indent:-9999px;
  width:0;
}

#eventBox table {
margin:0;
width:100%;
border-collapse:collapse;
}

#eventBox {padding:5px 0 0 0;}
#eventBox p {margin:0;}
#eventBox .inhalt {background:#fff;}
#eventBox .inhalt td.itemDescription div {padding:30px 10px;}
#eventBox .inhalt tbody.odd tr.eventDetails {}
#eventBox .inhalt tbody.odd tr.eventDetails td {border-bottom:1px solid #f0f0f0;background:#f0f0f0;padding:15px 0;color:#888;}
#eventBox .inhalt tbody.even tr.eventDetails td {border-bottom:1px solid #f0f0f0;background:#e0e0e0;padding:15px 0;color:#888;}
#eventBox .inhalt table h3 {margin:0px;padding:0 0 0 10px;font-size:1em;}
#eventBox .inhalt tbody.even tr.eventDetails {}
#eventBox td {vertical-align:top;}


/****************** shop-template *********************/

.content_shop {background:#eaeaea;border:1px solid #c6c6c6;}
.content_shop div.padding {padding:5px 0px 5px 10px;border:1px solid #fff;}
#content .content_shop div.holder {float:right;width:420px;padding-right:5px;}
#content .content_shop div.holder form {padding:24px 10px 0 0;float:right;}
#content .content_shop div.holder p.versandkosten {clear:both;font-style:italic;margin-bottom:0;}
#content .content_shop div.holder input {display:inline;vertical-align:middle;text-align:center;}
#content .content_shop div.holder label {vertical-align:middle;padding:0 3px 0 10px;}
#content .content_shop div.holder input.menge {width:20px;border:1px solid #aaa;width:20px;}
#content .content_shop div.holder p.fields {padding:26px 10px 0 0;float:right;}
#content .content_shop div.holder p.preis {width:200px;float:left;padding-top:20px;line-height:2em;}
#content .content_shop div.holder span.preis {font-size:1.4em;color:#4a6c75;}
#content form#shop button#absenden {background:#333;color:#fff;border:1px solid #212121;float:right;padding:1px 5px;overflow:visible;}
*html #content form#shop button#absenden {width:auto;overflow:visible;padding:0 5px;}

#content .content_shop h3 {margin:2px 0 15px;color:#4A6C75;}
#content dl.bildKlein {margin:0 20px 0 0;}

#content form#shop select#zahlungsart {width:267px;}
#content form#shop input#check_agb {}

#content div.zusammenfassung table {line-height:1.5em;width:99%;margin-bottom:0;}
#content div.zusammenfassung table td.last {border-bottom:1px solid #999;padding-bottom:5px;}
#content div.zusammenfassung table tr.summe td {font-weight:bold;}

#content ul.shop-error {list-style:none;padding:10px;color:red;margin-left:0;background:#EAEAEA;border:1px solid #C6C6C6;}
#content ul.shop-error li {line-height:1.3em;}

/****************** sprachauswahl wquadrat-ff 20200308 *********************/

#sprachauswahl {position:absolute; width:150px;height:100px;z-index:10000;top:0;right:0;}