.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: 90px;
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{
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;
}

table.grid th.title {
background-image:url("imgs/bg_th_list_title.png");
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:140px;
}

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 {
}
		
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:16px;
font-weight:bold;
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:14px;
font-weight:bold;
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:140px;
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;
}
