.debugmessage{
        border: 1px solid red;
        font-size: 9px;
        margin: 20px;
}

.homepageteaseritem {
        width: 648px;
        position: relative;
        margin-bottom:20px;
}

.tx-nbevents-pi1 .teasers{
        width: 648px;
}

.homepageteaseritem h3 {
        position: absolute;
        left: 269px;
        top: 0px;
        width: 387px;
        height: 20px;
        overflow: hidden;
        background:none repeat scroll 0 0 transparent;
        color:#000000;
        font-size:17px;
        font-style:italic;
        font-weight:bold;
        height:20px;
        text-transform:uppercase;
}

.homepageteaseritem .txtkurz {
        position: absolute;
        left: 269px;
        top: 20px;
        width: 255px;
        height: 90px;
        overflow: hidden;
}

.homepageteaseritem .links {
        position: absolute;
        right: 0px;
        top: 20px;
        width: 120px;
        height: 110px;
        overflow: hidden;
        padding:0 0 0 8px;
}

.homepageteaseritem .bild {
        background-color:#858585;
        height:124px;
        margin:0;
        padding:3px;
        width:253px;
}

.homepageteaseritem .links a,
table.grid td.booking a,
table.grid tr.expand-child .links a,
.bundleitem  a, .bookingForm a, .bookingOnlineLeft a{
        background-image:url("imgs/themen_text_arrow.gif");
        background-position:3px 50%;
        background-repeat:no-repeat;
        clear:right;
        display:inline;
        float:right;
        font-size:11px;
        font-style:italic;
        font-weight:bold;
        line-height:13px;
        margin:1px 0;
        padding:4px 5px 4px 18px;
        text-align:left;
        text-transform:uppercase;
}

.homepageteaseritem .links .linkbuchen a,
table.grid td.booking a{
        background-image:url("imgs/themen_text_arrow_black.gif");
        color:#ffffff;
        background-color:#000000;
}

.homepageteaseritem .moretext{
        margin:8px 0 0 0;
}

.homepageteaseritem .moretext p{
        margin-bottom: 5px;
}

.homepageteaseritem .lesstexttrigger{
        background-image:url("imgs/teaserlesstext.png");
        background-position:right center;
        background-repeat:no-repeat;
        clear:left;
        cursor:pointer;
        display:block;
        font-size:10px;
        font-weight:bold;
        height:18px;
        line-height:18px;
        padding-right:6px;
        text-align:right;
}

.homepageteaseritem .moretexttrigger{
        position: absolute;
        left: 260px;
        bottom: -4px;
        width: 387px;
        height: 15px;
        background-image:url("imgs/teasermoretext.png");
        background-position:left center;
        background-repeat:no-repeat;
        cursor:pointer;
        font-size:10px;
        font-weight:bold;
        height:10px;
        line-height:10px;
        padding-right:3px;
        text-align:right;
}

.tx-nbevents-pi1 .teasermore{
        background-image:url("imgs/teasermore.png");
        background-position:left center;
        background-repeat:no-repeat;
        color:white;
        cursor:pointer;
        font-style:italic;
        font-weight:bold;
        height:20px;
        line-height:20px;
        padding:3px 10px 3px 3px;
        text-align:right;
        text-transform:uppercase;
        width:637px;
}


.tx-nbevents-pi1 .teaserhide{
        background-image:url("imgs/teasermore.png");
        background-position:left center;
        background-repeat:no-repeat;
        color:white;
        cursor:pointer;
        font-style:italic;
        font-weight:bold;
        height:20px;
        padding:3px;
        text-align:right;
        text-transform:uppercase;
        width:644px;
}

/*Listenansicht
------------------------------*/

/*thead*/

table.grid {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
}

table.grid * {
        vertical-align: top;
        text-align: left;
}

table.grid tr,
table.grid td{
        margin:0;
        padding:0;
}

/* use the below style below to hide the collapsed rows via CSS, you must also set the showCollapsed setting to true */		
/*
table.grid tr.expand-child td {
display: none;
}
*/

table.grid thead tr {
        background-image:url("imgs/bg_th_list.png");
        background-position:left 50%;
        background-repeat:no-repeat;
        height:19px;
        line-height:19px;
}

table.grid th {
        background-color:transparent;
        background-position:left 50%;
        background-repeat:no-repeat;
        height:19px;
        line-height:19px;
        color: #ffffff;
        padding: 0 0 0 10px;
        margin:0;
        cursor: pointer;
        text-transform:uppercase;
        font-style:italic;
        font-weight: bold;
}

table.grid th.date {
        background-image:url("imgs/bg_th_list_date.png");
        /*width:170px;*/
        width:255px;
}

table.grid th.title {
        background-image:url("imgs/bg_th_list_title.png");
        width:365px;
        /*width:430px;*/
}

table.grid th.place {
        background-image:url("imgs/bg_th_list_place.png");
        width:140px;
}

table.grid th.booking {
        background-image:url("imgs/bg_th_list_booking.png");
        width:120px;
}

table.grid th.collapsible {
        background-image:url("imgs/bg_th_list_collapsible.png");
        width:40px;
        padding:0;
}

table.grid th span {
        background: transparent url(imgs/sorting.gif) no-repeat 100% 50%;
        padding:0 20px 0 0;
}

table.grid th.headerSortUp span {
        background:url("imgs/sorting_up.gif") no-repeat scroll 100% 50% transparent;
        padding:0 20px 0 0;
}

table.grid th.headerSortDown span {
        background:url("imgs/sorting.gif") no-repeat scroll 100% 50% transparent;
        padding:0 20px 0 0;
}


/*tbody eingeklappt*/

table.grid td {
        color: #000000;
        padding: 4px 0 10px 10px;
        margin:0;
        vertical-align:middle;
}

table.grid tr td.time {
        line-height:20px;
        font-size:16px;
        font-weight:bold;
}

table.grid td.date {
        line-height:20px;
        font-size:11px;
        font-weight:bold;
        width:255px;
        /*width:170px;*/
}

table.grid tr.odd td.date {
        background-image:url("imgs/bg_td_odd_date.png");
        background-position:left bottom;
        background-repeat:no-repeat;
}

table.grid tr.even td.date {
        background-image:url("imgs/bg_td_even_date.png");
        background-position:left bottom;
        background-repeat:no-repeat;
        padding:7px 0 10px 10px;
}

table.grid tr td.date span.time{
        line-height:16px;
        font-size:12px;
        font-weight:normal;
}

table.grid tr td.title {
        line-height:18px;
        font-size:13px;
        font-weight:bold;
        width:365px;
        /*width:430px;*/
}

table.grid tr.odd td.title {
        background-image:url("imgs/bg_td_odd_title.png");
        background-position:left bottom;
        background-repeat:no-repeat;
}

table.grid tr.even td.title {
        background-image:url("imgs/bg_td_even_title.png");
        background-position:left bottom;
        background-repeat:no-repeat;
        padding:7px 0 10px 10px;
}

table.grid tr td.place {
        width:140px;
        overflow:hidden;
}

table.grid tr.odd td.place {
        background-image:url("imgs/bg_td_odd_place.png");
        background-position:left bottom;
        background-repeat:no-repeat;
}

table.grid tr.even td.place {
        background-image:url("imgs/bg_td_even_place.png");
        background-position:left bottom;
        background-repeat:no-repeat;
        padding:7px 0 10px 10px;
}

table.grid tr td.booking {
        width:120px;
        overflow:hidden;
}

table.grid tr.odd td.booking {
        background-image:url("imgs/bg_td_odd_booking.png");
        background-position:left bottom;
        background-repeat:no-repeat;
}

table.grid tr.even td.booking {
        background-image:url("imgs/bg_td_even_booking.png");
        background-position:left bottom;
        background-repeat:no-repeat;
        padding:7px 0 10px 10px;
}

table.grid tr td.booking a {
        text-decoration:none;
        display:inline;
}

table.grid tr td.booking a:hover {
        text-decoration:underline;
}

table.grid tr td.collapsible {
        width:40px;
        vertical-align:bottom;
        padding:0;
        margin:0;
}

table.grid tr td.collapsible a.collapsed {
        background-image:url("imgs/teasermoretext_list.gif");
        background-position:right bottom;
        background-repeat:no-repeat;
        width:40px;
        height:40px;
        vertical-align:bottom;
        display:block;
        outline: 0;
}

table.grid tr td.collapsible a.expanded {
        background-image:url("imgs/teaserlesstext_list.gif");
        background-position:right bottom;
        background-repeat:no-repeat;
        width:40px;
        height:40px;
        vertical-align:bottom;
        display:block;
        outline: 0;
}

table.grid tr td.collapsible {
}

table.grid th.headerSortUp {
}




/*ausgeklappt*/

table.grid tr.expand-child td {
        padding:0;
        position:relative;
}

table.grid tr.expand-child.odd td {
        background-color:#FFFFFF;
}

table.grid tr.expand-child.even td {
        background-image:url("imgs/bg_td_expand_even.png");
        background-position:0% 0%;
        background-repeat:repeat-y;
}

table.grid tr.expand-child td div.subtitle {
        font-size:15px;
        font-weight:bold;
        line-height:18px;
        position:relative;
        width:730px;
        margin:0;
        top:-5px;
        padding:3px 0 2px 190px;
        text-transform:uppercase;
}

table.grid tr.expand-child.odd td div.subtitle {
        background-color:#FFFFFF;
}

table.grid tr.expand-child.even td div.subtitle {
        background-image:url("imgs/bg_td_expand_even.png");
        background-position:0% 0%;
        background-repeat:repeat-y;
}

table.grid tr.expand-child.odd td .wrapper{
        background-image:url("imgs/bg_expand_odd_wrapper.png");
        background-position:0% 100%;
        background-repeat:no-repeat;
        float:left;
        padding: 0 0 15px 0;
}

table.grid tr.expand-child.even td .wrapper{
        background-image:url("imgs/bg_expand_even_wrapper.png");
        background-position:0% 100%;
        background-repeat:no-repeat;
        float:left;
        padding: 0 0 15px 0;
}

div.clearl{
        padding:0;
        margin:0;
        font-size:0;
        line-height:0;
        height:0;
        clear:left;
}

table.grid .c1{
        float: left;
        width: 170px;
        padding: 10px 0 0 10px;
        margin: 0;
        overflow:hidden;
}

table.grid .c2{
        float: left;
        width: 310px;
        padding: 10px 0 0 10px;
        margin: 0;
        overflow:hidden;
}

table.grid .c3{
        float: left;
        width: 260px;
        padding: 10px 0 0 10px;
        margin: 0;
        overflow:hidden;
}

table.grid .c4{
        float: left;
        width: 140px;
        padding: 10px 0 0 10px;
        margin: 0;
        overflow:hidden;
}

table.grid tr.expand-child .bilder img{
        border:3px solid #979797;
        margin:5px 0 0;
        padding:0;
}

/* Bundles */

.bundleleft{
        float:left;
        overflow:hidden;
        width:310px;
}
.bundleright{
        float:left;
        overflow:hidden;
        width:310px;
        margin-left:30px;
}		
.bundlefooter{
        clear: left;
        height: 20px;
        border-top: 1px solid #cccccc;
        padding: 10px 0px 10px 0px;
        margin-top: 10px;
}		


.bundleitem table.facts  {
        width: 310px;
        margin-top: 10px;
        margin-bottom: 10px;
}

.bundleitem table.facts td, .bundleitem table.facts th {
        padding: 3px 3px 3px 10px;
}

.bundleitem table.facts td.label{
        text-transform: uppercase;
        font-weight: bold;
        font-style: italic;
}

.bundleitem table.facts tr td{
        background-color: #c4c4c4;
        border-bottom: 1px solid white;
        color: black;
}

.bundleitem table.facts th.header {
        background-color: #333333;
        color: white;
        text-transform: uppercase;
        font-style: italic;
}


.bundleitemfooter{
        clear: both;
}


.bundletext{
        margin-bottom: 30px;

}


.bundleitem  {
        margin-top: 20px;

}

.bundleitem  h3{
        font-size: 18px;
        padding-bottom: 10px;
        text-transform: uppercase;
}

div.cols2 div.col1 .bundleitem h3{
        width:310px;
}


h2.bundlename {
        color:#000000;
        font-size:26px;
        font-style:italic;
        font-weight:bold;
        line-height:32px;
        margin:0;
        padding:0;
}

.bundleitem .bundleimage img {
        border: 3px solid #979797;
}


.bundleitem .bundletxtkurz, .bundleitem .bundlemoretext {
        margin-top: 10px;
}



.bundleitem .bundlebooking{
        margin:10px 0 10px 0;

}


.bundleitem  a{
}


.bundleitem .bundlebooking a {
        float: right;
        background-color:#000000;
        background-image:url("imgs/themen_text_arrow_black.gif");
        color:#FFFFFF;
        background-position:3px 50%;
        background-repeat:no-repeat;

        font-size:11px;
        font-style:italic;
        font-weight:bold;
        line-height:13px;

        padding:4px 5px 4px 18px;
        text-align:left;
        text-transform:uppercase;

}



.bundlemoretexttrigger {
        clear: both;
        background-image:url("imgs/teasermoretext.png");
        background-position:left bottom;
        background-repeat:no-repeat;
        bottom:-4px;
        cursor:pointer;
        font-size:10px;
        font-weight:bold;
        height:10px;
        line-height:10px;
        padding-right:3px;
        padding-top: 8px;
}

.bundlelesstexttrigger {
        clear: both;
        background-image:url("imgs/teaserlesstext.png");
        background-position: -410px;
        background-repeat:no-repeat;
        bottom:-4px;
        cursor:pointer;
        font-size:10px;
        font-weight:bold;
        height:10px;
        line-height:10px;
        padding-right:3px;
        padding-top: 15px;
}



.tx-nbeventstermine-pi3 {
        float:left;
        padding:0;
        margin:0;
}

/** changed by David Will**/
.tablesorter  .expand-child  .wrapper .links div{
        float: left;
        clear: left;
}
.tablesorter  .expand-child  .wrapper .links div a{
        float: right;
}

.tablesorter td.date,.tablesorter td.title, .tablesorter td.place, .tablesorter td.booking {
        cursor: pointer;
}

.tablesorter .bookingForm a, .tablesorter .bookingOnlineLeft a{
        background-color: #000000;
        background-image: url("imgs/themen_text_arrow_black.gif");
        color: #FFFFFF;
        float: left;
        margin: 8px 0 1px;
        width: 120px;

}
tablesorter .bookingForm a:hover, .tablesorter .bookingOnlineLeft a:hover{
        text-decoration: underline;
        color: #FFFFFF;
}
/*
.tx-nbevents-pi1 .hide-show-child {
    display: none;
}*/

.teaserkurz p {
        padding-bottom: 10px;
}

