@charset "utf-8";
/*
==================================================
Farben-Info
==================================================
- Txt - Rnd - Bg
- #ffffff (weiß) - Bg: body
- #000000 (schwarz) - Txt: Inhalt

ACHTUNG!
Bei folgende CSS3-Properties sind noch keine endgültigen defaults definiert, 
sondern nur die vorläufigen Varianten mit Vendor-Prefix:
- background-image: gradient()
*/

/* ----- Reset Style ----- */
* { border:0; margin:0; padding:0; background:transparent; vertical-align:baseline; font-size:100%; }
/* inherit (z.B. font-style:inherit;) funktioniert nicht mit IE7-, daher erstmal nicht nutzen */


/*
==================================================
Grundeinstellungen
==================================================
*/
html { height:100%; min-width:960px; color:#666; background:#fff; font:62.5% Arial, Helvetica, sans-serif; text-align:left; overflow-y:scroll;}
body {position:relative; width:960px; min-height:100%; margin: 0 auto; background:url("../layout/bg_gradient_grey.jpg") repeat-x 0 0 #dedede; font-size:12px; line-height:1.5em; }
/* font-family (und ggf. font-style, font-weight) für input, select, textarea extra setzen! */

/* ----- Standardelemente ----- */
h1, h2, h3, p, table, dl, ul, ol, blockquote, form {margin-bottom:10px;}
b, strong, h1, h2, h3, h4, h5, h6, dt, th, caption {font-weight:bold;}
em, i, q, blockquote {font-style:italic;}

sup {font-size:10px; position:relative; bottom:0.5em; }
sub {font-size:10px; position:relative; top:0.25em; }

ul > li  {list-style:square outside; margin: 0 0 0 38px; padding-left:4px; }
ol > li  {list-style:decimal outside; margin:0 0 0 42px; }
li.listenpunkt-fix, .listenpunkt-fix li {list-style-position:inside;} /*Fix-Klasse falls etwas links neben einer Liste floatet. Die Listenpunkte ragen sonst in den Float hinein*/

a:link, a:visited {color:#666; text-decoration:underline;}
a:hover {}

/*Skip-Menü*/
.for-accessibility { position:absolute; left:-3000px; top:-3000px; width:1px; height:1px;}
.for-accessibility:focus {left:5px; top:0; width:auto; height:auto; padding:0; z-index:2000;}
del.schutz {text-decoration:none;} /*Für Standard E-Mail-Adressen-Spamschutz*/



/* ----- Tabellen ----- */
table { border-collapse:collapse; text-align:left;}
td, th { padding: 6px 10px 10px; border:1px solid #d7d7d7; vertical-align: top; }
table p { margin: 0 0 8px; }
table p:last-child { margin: 0;}
caption { padding:0 0 3px; color:#aaaaaa; font-size: 18px; line-height:22px;}
/*Randlose Tabellen */
table.einfach { margin-bottom:10px;}
.einfach caption {border-bottom:1px solid #d7d7d7; }
.einfach td, .einfach th {border:0; padding-top:0; padding-left:0; padding-bottom:6px;}



/* ----- Formulare ----- */
input, select, textarea {border:1px solid #ccc; color:#999; background-color:#fff; padding:1px 3px; float:left; font-family:Arial, Helvetica, sans-serif; width:200px;}
select { width:208px; padding: 0; }
textarea { width:305px; height: 10em; }
label { width:160px; float: left; margin: 1px 6px -1px 0; border-bottom: 1px dotted #ccc; }
label[for] { cursor:pointer; }

.input-text {border:1px solid #ccc; width:255px;} /*.input-text gilt für alle inputs mit Text-Eingabe, nicht nur solche mit type="text" (also auch type="password" etc.)*/
input[type="file"] {width:350px; padding:5px;}
legend {font-weight:bold; border-bottom:1px #666 dotted; width:100%; margin:0 0 10px 0;}

input.btn {height:25px; width:208px; padding: 3px 0; margin: 10px 0 0 185px; clear: both; cursor: pointer; font-weight: bold;}

form {overflow:hidden; clear: both; }
fieldset { float:left; clear: both; width:100%; margin-bottom:20px; }
form div { float:left; clear: both; width:100%; padding-bottom:5px; position:relative;}

form p { width:100%; margin-top: 12px; float:left; }
form h2 + p, form h2 + div p, form p + div p { margin-top:0; }

/*radio und checkbox 
- sollten einmal einen Gruppen-Wrap und nochmal je einen einzelnen Wrap haben (auch wenn nur ein Element!)
- Wenn aus anderen Gründen zusätzliche divs benötigt werden, auf Klassenselektoren umstellen,
oder, falls IE6 nicht wichtig erscheint: input[type="checkbox"], input[type="radio"]*/
form div div { padding-bottom: 5px; clear:left;}
form div div label { margin:0 5px 0 0; border:0; float:left; width:180px; border-bottom:1px dotted #ccc;}
form div div input { top:3px; width:13px; height:14px; border:0; background:transparent;}



/*
==================================================
Vorbereitete Klassen
==================================================
*/


/* ----- Buttons ----- */
/*
Allgemeine Klassen für Links, submits und spans, die wie Buttons aussehen sollen.
Einfach .btns an einen wrap vergeben, der mehrere Links enthält (z.B. pagebrowser),
oder .btn auf einen einzelnen Link, submit oder anderes Element.

.inact: Button ist inaktiv und kann nicht gedrückt werden (z.B. "Seite zurück" auf erster Seite im pagebrowser); alternativ einfach <span> statt <a>
.cur: Button ist momentan gedrückt (z.B. aktuelle Seite im pagebrowser)
*/
.btns { clear:both; }
.btns li {float:left; padding:0; margin:0; list-style:none;}
.btns a, .btn, .btns span {float:left; text-align: center; color: #fff; background:#bbb; text-decoration:none; text-shadow:0px 0px 4px rgba(0,0,0,0.3); padding:2px 7px; border:1px solid #999; border-bottom-color:#666; margin:0 5px 10px 0;
   -moz-border-radius: 4px; /* FF1+ */
  -webkit-border-radius: 4px; /* Saf3+, Chrome */
          border-radius: 4px; /* Opera 10.5, IE 9 */
     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE 9.0 */
      background-image: -moz-linear-gradient(top, #ddd, #aaa); /* FF3.6 */
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(1, #aaa)); /* Saf4+, Chrome */
     -moz-transition: all 0.2s ease-out;  /* FF4+ */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
        transition: all 0.2s ease-out;
}
.btns a:hover, .btn:hover {  background:#aaa; text-shadow:0px 0px 6px #fff; 
      background-image: -moz-linear-gradient(top, #ccc, #999); /* FF3.6 */
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ccc),color-stop(1, #999)); /* Saf4+, Chrome */
}
input[type="submit"]:hover {cursor:pointer;}
.btns a.inact, .btns .inact a, .btns span { color:#bbb; cursor:default; text-shadow:0px 0px 0px #222; border-color:#bbb; background-color:#e6e6e6; 
      background-image: -moz-linear-gradient(top, #ddd, #eee); /* FF3.6 */
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(1, #eee)); /* Saf4+, Chrome */ 
}
.btns a.cur, .btns span.cur, .btns .cur a, .btns .cur span { text-shadow:0px 0px 2px #fff, 0px 0px 4px #fff; color:#fff; background-color:#aaa; border:1px solid #999; border-bottom-color:#666;
      background-image: -moz-linear-gradient(top, #999, #ccc); /* FF3.6 */
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999),color-stop(1, #ccc)); /* Saf4+, Chrome */  
}


.jsreq {display:none;}
.js .jsreq {display:block;}


/*
==================================================
Hauptbereiche
==================================================
*/
#header { height:225px; }
#logo {position:absolute; right:25px; top:30px;}
#logo img {display:block;}

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

.col-nav { float:left; clear:both; width:155px; margin-right:35px; padding:0 0 0 25px;}
.col-aside { float:right; width:155px; padding:0 25px 0 0;}

.col-content { float:left; width:530px; margin:0 35px 0 0; background:url("../layout/bg_shadow_content.png") no-repeat -20px bottom transparent;}
.content {overflow:hidden; padding:15px 20px 20px 8px; margin-bottom:72px; background:#fff; min-height:370px;
     -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
}

.content-no-padding .content {padding:0;}
.content-plain .col-content { float:left; width:530px; background:url("../layout/bg_shadow_content.png") no-repeat -20px bottom transparent;}
.content-plain .content {padding:0; background:transparent; 
     -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
}


#footer {clear:both; padding:0 25px 10px 25px; font-size:11px;}
#footer a:hover {color:#666;}
.js #footer a:last-child {float:right;}
#footer p {clear:both;}


/*
==================================================
Menüs
==================================================
li.act = ist in Rootline (= aktueller Bereich)
li.cur = ist genau aktuelle Seite
*/
.menu {overflow:hidden;}
.menu li { float:left; margin:0; padding:0; list-style:none; }
.menu a {display:block; text-decoration:none; }
.cur > a {cursor:default;} 

#menu-0 {padding:150px 0 0 215px;}
#menu-0 li {border-top:4px solid rgb(188,0,84); margin:0 9px 0 0; }
#menu-0 a {font-size:14px; padding:1px 3px 8px 3px; color:#BC0054}
/* #menu-0 a:hover, #menu-0 .act a, #menu-0 .cur a {background:rgba(188,0,84,0.8); color:#fff;} */
#menu-0 a:hover, #menu-0 .act a, #menu-0 .cur a {background:transparent; color:#fff;}

#menu-1 li, #menu-2 li { float:left; margin:0; padding:0; list-style:none; width:155px; border-bottom:1px solid #ccc;}
#menu-1 li:last-child, #menu-2 li:last-child {border:0px;}
#menu-1 a, #menu-2 a { display:block; text-decoration:none; font-size:16px; line-height:35px;}
#menu-1 a:hover, #menu-2 a:hover {color:#BC0054;}
#menu-2 {margin:58px 0 25px 0;}


/*
==================================================
Inhalte .col-content
==================================================
*/

h1 {font-size:20px; font-weight:normal; line-height:24px; color:#bc0054;}
h2 {font-size:14px; line-height:24px;}
h3 {font-size:14px;}

.col-content ul + h2,
.col-content p + h2,
.col-content img + h2,
.col-content ul + h3,
.col-content p + h3,
.col-content .nur-text + .link-list,
.col-content img + h3 {margin-top:20px;}

.col-content table + h2,
.col-content table  + h3 {margin-top:10px;}

.col-content a:hover {color:#bc0054;}

.content img { border: 1px solid #CACACA; display: block; float: right; margin: 0 7px;}

.content img.align-left,
.content p.align-left img {margin-left:0px; border:0px; float:left; margin-right:10px;}

/* Linklisten / ServiceMenü */
.link-list h4 {color:#666; border-bottom:1px dotted #ccc; margin:0 0 10px 0;}
.link-list {overflow:hidden; margin-bottom:20px;}
.link-list li {color:#ca5f77; border-bottom:1px solid #ccc; list-style:square inside none; margin-left:21px; float:left; clear:left;}
.link-list li a {text-decoration:none;}


/* Info-Störer */
.info {padding:5px 10px 5px 25px; margin:5px 0 15px -8px; overflow:hidden; background:#bc0054; color:#fff;
     -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /* Opera 10.5, IE 9.0 */
}
div.info a {color:#fff;}
div.info h2, div.info h3 {margin-bottom:0px; color:#fff}



.col-content .info {width:495px;}
.col-aside .info, 
.col-nav .info {margin:58px 0 25px -25px; font-size:14px;}

.col-aside .info { width:180px; margin-left:-35px;}

.col-aside .info .nur-text, 
.col-nav .info .nur-text {position:relative; bottom:0px;}

.col-aside .info .nur-text p, 
.col-nav .info .nur-text p {margin-bottom:0px; font-size:14px; line-height:19px;}


/* Zusatzinhalte (Text); rechts und links */
  /* Social media */
  .js .menu-social {overflow:hidden; margin:0 0 0 0; position:absolute; bottom:70px;}
  .menu-social li {list-style:none; padding:0 0 0 0; margin:0 0 0 0; float:right;}
  .menu-social a {display:block; width:26px; height:26px; text-indent:-9999px; margin:0 6px 0 0;}
  .menu-social a.facebook {background:url("../layout/icon_sprite.png") no-repeat -6px -41px transparent;}
  .menu-social a.twitter {background:url("../layout/icon_sprite.png") no-repeat -6px -81px transparent;}
  .menu-social a.rss {background:url("../layout/icon_sprite.png") no-repeat -6px -121px transparent;}
  .menu-social a.email {background:url("../layout/icon_sprite.png") no-repeat -6px -161px transparent;}

  /* Text */
  .col-nav .nur-text {position:absolute; bottom:62px; font-size:11px; line-height:16px; width:180px;}
  .col-nav .info .nur-text {width:150px;}
  .col-aside .nur-text li, 
  .col-nav .nur-text li {margin-left:15px;}
  .col-aside .link-list li, .col-nav .link-list li {margin-left:0px;}
  .col-aside .nur-text, .col-aside .link-list, .col-nav .link-list {width:160px; margin-bottom:20px; font-size:11px; line-height:16px;}

  /* OH-Magazin */
  .oh-info {margin:5px 0 25px 0; color:#bc0054;}
  .oh-info a {color:#bc0054; text-decoration:none; display:block;}
  .oh-info img {
     -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */
  }
  .oh-info + #menu-2 {margin-top:0px;}
  
  /* Bild */
  .col-nav .csc-textpic {margin:5px 0 6px 0;}
  .col-nav .csc-textpic-clear + .info {margin-top:0px;}

  /* Banner */
  .banner {margin-bottom:25px;}
  div.banner h3 {color:#fff; width:150px; padding:0 25px 0 5px; background:rgba(188,0,84,0.8); line-height:24px; margin:0px;
     -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); /* Opera 10.5, IE 9.0 */  
  }
  div.banner:hover h3 {background:#bc0054;}
  

/* Suchbox */
.tx-macinasearchbox-pi1 {position:absolute; top:151px; right:25px;}
.tx-macinasearchbox-pi1 .input-text, #tx-indexedsearch-searchbox-sword {border:0px; border-bottom:1px solid #ccc; width:134px; }
.tx-macinasearchbox-pi1 .submit, #tx-indexedsearch-searchbox-button-submit {color:#fdfdfd; text-indent:-9999px; font-size:0px; padding:0; display:block; width:15px; height:20px; border:0px; background:url("../layout/icon_sprite.png") no-repeat -13px -202px transparent;}
.tx-macinasearchbox-pi1 .submit:hover, #tx-indexedsearch-searchbox-button-submit:hover {background-color:transparent;}
#tx-indexedsearch-searchbox-sword {padding-top:3px;}
#tx-indexedsearch-searchbox-button-submit {padding:0;}

/* Suche */
.tx-indexedsearch-res, .tx-indexedsearch-browsebox {clear:left; margin-bottom:30px;}
.tx-indexedsearch-sw {font-style:italic; font-weight:bold;}
.tx-indexedsearch-info {overflow:hidden;}
.tx-indexedsearch h2 {border-bottom:1px solid #ccc;}
.tx-indexedsearch h2 a {text-decoration:none; color:#bc0054;}
.tx-indexedsearch h2 span{font-size:11px; color:#666; font-weight:normal}
.tx-indexedsearch-percent {float:right;}
.tx-indexedsearch-redMarkup {color:#bc0054;}
.tx-indexedsearch-text-item-mtime {font-weight:normal; float:left; font-size:11px; margin-right:10px;}

 
/* Galerie */
.tx-chgallery-pi1 a { background-color: #EFF4F8; display: block; float: left; height: 100px; margin: 0 10px 10px 0; width: 121px; }
.tx-chgallery-pi1 img { float: none; margin: 9px auto;}

/* Ansprechpartner */
  /* Generell; Liste */
  .tx-ttaddress-pi1 .list {overflow:hidden; clear:both;}
  .tx-ttaddress-pi1 h2 {margin-bottom:0px; line-height:16px;}
  .tx-ttaddress-pi1  img {float:left; margin:20px 20px 0 0;}  
  .tx-ttaddress-pi1 .title {display:block; margin-bottom:10px;}
  
  /* Ansprechpartner - Einzel */
  .tx-ttaddress-pi1 .single div {float:left;}
  .tx-ttaddress-pi1 .single h2 {margin-top:120px;}
  .tx-ttaddress-pi1 .single img {border:0px; margin:0 20px 0 -20px;}
  .js .tx-ttaddress-pi1 .single img {margin-left:0px;}
  
  
/* Kontaktformular / Anfrage Angebot*/
#powermaildiv_uid6, #powermaildiv_uid37, #powermaildiv_uid28, #powermaildiv_uid33 {margin-bottom:10px;}
#powermaildiv_uid33 {margin-top:10px;}

.js .tx_powermail_pi1_fieldwrap_html_date input {width:238px; background:url("../layout/calendar.png") no-repeat 0 0 transparent; cursor:pointer; padding-left:20px;}

.powermail_check_inner label, .tx_powermail_pi1_fieldwrap_html_radio label {border:0px;}
.powermail_check_inner input {margin: 2px 5px 0 185px;}
.powermail_all_label {width:175px; border-bottom:1px dotted #ccc;}

.tx_powermail_pi1_fieldwrap_html_check legend {display:none;}


/* Veranstaltungen ; Bestellformular*/
.powermail_radio {width:20px;}
/* .tx-veranstaltungen-pi3 caption, .tx-veranstaltungen-pi3 h2, .tx-veranstaltungen-pi2 legend, .tx-veranstaltungen-pi1 caption, .tx-veranstaltungen-pi2 caption */
caption, legend, .tx-veranstaltungen-pi3 form h2 {padding:0 0 3px 0; line-height:22px; text-align:left; color:#bc0054; border-bottom:1px dotted #666; font-size:14px; margin:0 0 10px;}
.tx-veranstaltungen-pi1 caption b {margin:0 5px; display:none;}
.tx-veranstaltungen-pi3 caption, .tx-veranstaltungen-pi3 form h2 {margin-top:10px;}
.tx-veranstaltungen-pi1 caption a {float:right; font-size:11px; font-weight:normal; color:#aaa;}
.tx-veranstaltungen-pi1 img {border:0px; float:none; margin:0px;}

.tx-veranstaltungen-pi1 a:hover, .tx-veranstaltungen-pi2 a:hover {color:#BC0054 !important;}

.tx-veranstaltungen-pi1 .Tag {width:30px;}
.tx-veranstaltungen-pi1 .Datum {width:50px;}
.tx-veranstaltungen-pi1 .Veranstaltung {width:420px;}
#Demnaechst td {padding:5px 3px;}

.DatumUhr {font-size:11px; width:120px;}
.Titel {width:280px;}
.DirektBestell {width:130px; text-align:right; vertical-align:middle;}

.tx-veranstaltungen-pi2 .Kategorie {width:40px;}
.tx-veranstaltungen-pi2 .Preis, .tx-veranstaltungen-pi2 .Ermaessigt {width:55px;}
.tx-veranstaltungen-pi2 .Zahl {width:100px;}
.tx-veranstaltungen-pi2 .Info {width:150px;}

.Kalender tr td {padding:5px 3px;}

div.tx-veranstaltungen-pi3 div.info {background:#BC0054; padding-left:8px; width:512px; overflow:hidden:}
div.tx-veranstaltungen-pi3 div.info a:hover {color:#fff;}
div.tx-veranstaltungen-pi3 form {margin-bottom:5px; overflow:visible;}
div.tx-veranstaltungen-pi3 .Bestellbtndiv input {width:auto; border:0px; margin-left:40px;}

div.tx-veranstaltungen-pi3 div.info input {width:20px; margin-top:3px;}
div.tx-veranstaltungen-pi3 div.info label {width:400px; border:0px;}


.Kalender {margin-bottom:50px;}
.wide-label label {width:200px;}
.tx-veranstaltungen-pi2 .Preise label {width:60px;}
.tx-veranstaltungen-pi2 .Preise .input-text {width:20px; text-align:right;}
#gesamtpreis {width:80px; margin-right:10px; text-align:right;}

.tx_powermail_pi1_form select {margin-right:10px;}

.tx-veranstaltungen-pi3 td, .tx-veranstaltungen-pi3 th, .tx-veranstaltungen-pi2 th, .tx-veranstaltungen-pi2 td, .tx-veranstaltungen-pi1 td, .tx-veranstaltungen-pi1 th {border:0px; padding:3px;}
.tx-veranstaltungen-pi3 th, .tx-veranstaltungen-pi1 th, .tx-veranstaltungen-pi2 th {font-size:11px; color:#aaa; font-weight:normal; line-height:12px;}
tr.Zweite {background:#eee;}
.tx-veranstaltungen-pi1 .DatumUhr strong {font-size:12px;}

.tx_powermail_pi1_fieldwrap_html_radio input {float:left; margin:3px 5px 0 170px;}

img.Schritte {border:0px; position:relative; top:-15px; left:-15px; float:none;}
.Bestellbtndiv img {border:0px;}
.Bestellbtndiv a { float:left; margin:0 20px 0 40px;}
.Bestellbtndiv p a { float:none; margin:0;}
.Bestellbtndiv p {
    border-left: 1px dashed #CFCFCF;
    font-size: 11px;
    height: 50px;
    line-height: 13px;
    padding-left: 30px;
    padding-top: 20px;
    width: 150px;
  float:left;
  margin-top:20px;
}

.PreiseUebersicht .Kategorie {width:80px;}
.PreiseUebersicht .Zahl {width:80px; text-align:center;}
.PreiseUebersicht .Preis, .PreiseUebersicht .Summe {width:80px; text-align:right;}
.PreiseUebersicht .Summe {border-top:1px solid #666;}
.PreiseUebersicht .Info {width:180px}
.PreiseUebersicht tbody tr:last-child td {padding-bottom:20px;}
.PreiseUebersicht tfoot {color:#aaa; font-size:11px; text-align:right;}
.PreiseUebersicht tfoot td {border-top:1px solid #666;}


.bestelldaten span {float:left; width:120px;}

 
/* Top Events */
.top-event-full {position:relative; height:370px; margin-bottom:10px;}
.top-events {overflow:hidden; line-height:16px; margin:-10px 0 0 0;}
.top-events h3, .top-event-full h3 {margin:0 0 5px 0;}
.top-events div, .top-event-full div {background:rgba(188, 0, 84, 0.8); position:absolute; bottom:10px; padding:10px 5px 0 10px; width:245px}
.top-events li {float:left; position:relative; margin:10px 0 0 0; padding:0 0 0 0; list-style:none;}
.top-events li.odd {margin-left:10px;}
.top-events li a, .top-event-full a {position:relative; display:block; width:260px; height:140px; z-index:2; color:#fff; text-decoration:none;}
.top-events li a:hover, .top-event-full a:hover, .top-event-full div  {color:#fff;}
.top-events img, .top-event-full img {position:absolute; top:0px; left:0px; z-index:1; margin:0; border:0px; }
.top-events span, .top-event-full p span {display:block;}

.top-events .text, .top-events .subtitle, .top-event-full .text p {display:none; width:100% !important}
.js .top-events li a:hover .text, .js .top-events li a:hover .subtitle, .js .top-event-full:hover .text p  {display:none;}
.top-events li a:hover .text, .top-events li a:hover .subtitle, .top-event-full:hover .text p {display:block;}

.top-event-full a {width:530px; position:absolite; bottom:0px; height:370px;}
.top-event-full div {width:510px; padding-right:10px; z-index:3; cursor:pointer;}
 

 /* 
==================================================
  CD: Lila 
  rgb(123,18,114);
  #7b1272
==================================================
*/
/*
.cd-lila .link-list li {color:#a2599c;}

.cd-lila h1, 
.cd-lila h2, 
.cd-lila h3 ,
.cd-lila .oh-info a,
*/
#menu-0 #p-10 a, 
#menu-0 #p-11 a, 
#menu-0 #p-12 a, 
.cd-lila #menu-1 a:hover, 
.cd-lila #menu-2 a:hover,
.cd-lila .menu .act a, 
.cd-lila .menu .cur a,
.cd-lila .col-content a:hover, 
.cd-lila .tx-indexedsearch-redMarkup {color:#7b1272;}

.cd-lila .info, .cd-lila div.banner:hover h3 {background:#7b1272;}
#menu-0 #p-10, #menu-0 #p-11, #menu-0 #p-12 {border-top:4px solid rgb(123,18,114);}
#menu-0 #p-10 a:hover, #menu-0 #p-11 a:hover, #menu-0 #p-12 a:hover, 
#menu-0 #p-10.act a, #menu-0 #p-11.act a, #menu-0 #p-12.act a, 
#menu-0 #p-10.cur a, #menu-0 #p-11.cur a, #menu-0 #p-12.cur a, 
.cd-lila div.banner h3 {background:rgba(123,18,114,0.8); color:#fff;
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
        transition: all 0.3s ease-out;
}



/* 
==================================================
  CD: Blau 
  rgb(0,129,172);
  #0081ac
==================================================
*/
/*
.cd-blau .link-list li {color:#4ca7c5;}

.cd-blau h1, 
.cd-blau h2, 
.cd-blau h3 ,
.cd-blau .oh-info a,
*/
#menu-0 #p-13 a, 
.cd-blau #menu-1 a:hover, 
.cd-blau #menu-2 a:hover,
.cd-blau .menu .act a, 
.cd-blau .menu .cur a,
.cd-blau .col-content a:hover, 
.cd-blau .tx-indexedsearch-redMarkup {color:#0081ac;}

.cd-blau .info, .cd-blau div.banner:hover h3 {background:#0081ac;}
#menu-0 #p-13 {border-top:4px solid rgb(0,129,172);}
#menu-0 #p-13 a:hover, #menu-0 #p-13.act a, #menu-0 #p-13.cur a, .cd-blau div.banner h3 {background:rgba(0,129,172,0.8); color:#fff;
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
        transition: all 0.3s ease-out;
}



/* 
==================================================
  CD: Grün 
  rgb(131,184,23);
  #83b817
==================================================
*/
/*
.cd-gruen .link-list li {color:#a8cd5c;}

.cd-gruen h1, 
.cd-gruen h2, 
.cd-gruen h3 ,
.cd-gruen .oh-info a,
*/
#menu-0 #p-14 a, 
.cd-gruen #menu-1 a:hover, 
.cd-gruen #menu-2 a:hover,
.cd-gruen .menu .act a, 
.cd-gruen .menu .cur a,
.cd-gruen .col-content a:hover, 
.cd-gruen .tx-indexedsearch-redMarkup {color:#83b817;}

.cd-gruen .info, .cd-gruen div.banner:hover h3 {background:#83b817;}
#menu-0 #p-14 {border-top:4px solid rgb(131,184,23);}
#menu-0 #p-14 a:hover, #menu-0 #p-14.act a, #menu-0 #p-14.cur a, .cd-gruen div.banner h3 {background:rgba(131,184,23,0.8); color:#fff;
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
        transition: all 0.3s ease-out;
}
.raumtabelle td, .raumtabelle th {padding:4px 5px;}



/* JQuery DatePicker */
#calroot {
  left:50% !important;
  z-index:1;
  background-color:#eee;
  border:1px solid #ccc;
  padding-top:10px;
  width:227px;  
  display:none;
  margin:-1px 0 0 -7px;
   -moz-border-radius: 4px; /* FF1+ */
  -webkit-border-radius: 4px; /* Saf3+, Chrome */
          border-radius: 4px; /* Opera 10.5, IE 9 */
     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE 9.0 */  
  border-top:1px solid #ddd;
}

#calhead {padding:2px 0;  height:50px; overflow:hidden;} 
#calbody {clear:left;}
#caltitle {font-size:14px; color:#0150D1; float:left; text-align:center; width:160px; line-height:20px; text-shadow:0 1px 0 #ddd;}
#calnext, #calprev {display:block; width:20px; height:15px; background:url("../layout/datepicker_icons.gif") no-repeat 0 0 transparent; float:left; cursor:pointer; margin-left:9px; margin-top:13px;}
#calnext {background:url("../layout/datepicker_icons.gif") no-repeat 0 -15px transparent; float:right; margin-right:9px;}
#calprev.caldisabled, #calnext.caldisabled {visibility:hidden;}
#caltitle select {font-size:10px; width:160px;}
#caldays {height:15px;border-bottom:1px solid #ddd; margin-bottom:5px;}
#caldays span {display:block;float:left;width:32px;text-align:center;font-size:11px;}
#calweeks {margin-top:4px;}
.calweek {clear:left;height:22px;}
.calweek a {display:block;
  float:left;
  width:31px;
  height:20px;
  text-decoration:none;
  font-size:11px;
  margin-left:1px;
  text-align:center;
  line-height:20px;
  color:#666;
   -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3+, Chrome */
          border-radius: 3px; /* Opera 10.5, IE 9 */
} 
.calweek a:hover, .calfocus {background-color:#ccc;}
a.calsun {color:red;}
a.caloff {color:#ccc;}
a.caloff:hover {  background-color:rgb(245, 245, 250);}
a.caldisabled {background-color:#efefef !important; color:#ccc  !important;cursor:default;}
#calcurrent {background-color:#BC0054;color:#fff;}
#caltoday {background-color:#999;color:#fff;}


/* 
==================================================
  Fixes
==================================================
*/
/* verschobene Lightbox */
#sbCenter, #sbBottomContainer {left:50% !important;}

/* Seitenspezifisch */
#page-1 .col-nav .csc-textpic {margin: 55px 0 6px;}

/* Float Fixes */
.tx-chgallery-pi1, .link-list {overflow:hidden; width:100%;}


/* Formulare */
.error {display:none !important}


.tx-veranstaltungen-pi1 img.gastroicon {float:left; margin-top:8px;}
.tx-veranstaltungen-pi1 .DirektBestell a {float:right; padding-right:10px;}


/*
==================================================
  Partner Logos
==================================================
*/

.partner_logos { margin: 0 0 22px 148px; }
.partner_logos img { margin: 0 25px 0 0; }
.partner_logos a { display:none; }
.partner_logos li { display:inline; }
.partner_logos li:nth-child(2) img { margin: 0px 36px 0px 0px; }
.partner_logos li:nth-child(3) img { margin: 0px 14px 0px 0px; }