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

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

.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 {
height: 55px;
    left: 269px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 387px;
}

.homepageteaseritem .links {
	/*diesen DIV komplett löschen und alle Buttons absolut positionieren*/
}

.homepageteaseritem .linkbuchen {
position:absolute;
left:269px;
bottom:0;
}

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

.homepageteaseritem .linkangebot {
position:absolute;
right:0;
bottom:0;
}

.homepageteaseritem .link3{
position:absolute;
right:0;
bottom:19px;
}

.homepageteaseritem .link4{
position:absolute;
right:0;
bottom:38px;
}

.homepageteaseritem .linkangebot a,
.homepageteaseritem .link3 a,
.homepageteaseritem .link4 a,
table.grid tr.expand-child .links a,
.bundleitem  a, .bookingForm 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:0;
        padding:4px 5px 4px 18px;
        text-align:left;
        text-transform:uppercase;
}

.homepageteaseritem .linkangebot a,
.homepageteaseritem .link3 a,
.homepageteaseritem .link4 a {
padding:3px 5px 3px 18px;
}


/*
.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%;
        position:relative;
}

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 {
        height:35px;
        line-height:30px;
}

table.grid th {
    background: url("imgs/bg_event-list-th-no_2014.png") no-repeat 100% 0 transparent !important;
    color: #FFFFFF;
    cursor: pointer;
    font-style: italic;
    font-weight: bold;
    height: 25px !important;
    line-height: 25px !important;
    margin: 0;
    padding: 5px 0 0 10px;
    text-transform: uppercase;
    border-bottom:5px solid #c10e0d !important;
position:absolute;
display:block;
top:0;
}

table.grid th.headerSortDown,
table.grid th.headerSortUp {
    background-image: url("../../../typo3conf/ext/nbevents/imgs/bg_event-list-th-act_2014.png")!important;
    z-index:4;
}

table.grid th.date {
left:0;
        width:285px;
        z-index: 3;
}

table.grid th.title {
left: 295px;
    margin-left: -25px;
    padding-left: 35px;
    width: 323px;
z-index: 2;
}

table.grid th.place {
left:628px;
        width:140px;
         margin-left: -25px;
    padding-left: 35px;
    z-index: 1;
}

table.grid th.booking {
left:778px;
width:142px;
background-image:none !important;
cursor: default;
}

table.grid th.booking span{
display:none;
}

table.grid th.collapsible {
left:930px;
width:30px;
        padding:5px 0 0 0;
        background-image:none  !important;
}

table.grid th.collapsible  span {
display:none;
}

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

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

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


/*tbody eingeklappt*/

table.grid td {
background: url("imgs/bg_event-list-td_2014.png") repeat-x scroll 100% 0 transparent;
    color: #000000;
    margin: 0;
    padding: 4px 0 10px 10px;
    vertical-align: middle;
    border-bottom: 2px solid #C00A15;
}

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

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

table.grid tr.odd td.date {
}

table.grid tr.even td.date {
        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:323px;
        /*width:430px;*/
}

table.grid tr.odd td.title {
}

table.grid tr.even td.title {
        padding:7px 0 10px 10px;
}

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

table.grid tr.odd td.place {
}

table.grid tr.even td.place {
        padding:7px 0 10px 10px;
}

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

table.grid tr.odd td.booking {
}

table.grid tr.even td.booking {
        padding:15px 0 15px 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:30px;
        vertical-align:bottom;
        padding:0;
        margin:0;
        height:51px;
}

table.grid tr td.collapsible a.collapsed {
        background-image:url("imgs/event-list-trigger-down.png");
        background-position:right bottom;
        background-repeat:no-repeat;
        width:30px;
        height:51px;
        vertical-align:bottom;
        display:block;
        outline: 0;
}

table.grid tr td.collapsible a.expanded {
        background-image:url("imgs/event-list-trigger-up.png");
        background-position:right bottom;
        background-repeat:no-repeat;
        width:30px;
        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;
        background-image: none;
}

table.grid tr.expand-child.odd td {
}

table.grid tr.expand-child.even td {
}

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

table.grid tr.expand-child td .wrapper{
background-color: #FFFFFF;
    float: left;
    margin-top: -2px;
    padding: 0 0 15px;
    width: 960px;
}

table.grid tr.expand-child.even td .wrapper{
}

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

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

table.grid tr.expand-child .c3 .links {
margin-top:20px;
}

table.grid tr.expand-child .c3 .links a {
width:152px;
}

.tablesorter .c2 ul, .tablesorter .c2 ol,
.tablesorter .c3 ul, .tablesorter .c3 ol {
    margin: 0;
}

.tablesorter .c2 ul li,
.tablesorter .c3 ul li {
    background: url("../../../fileadmin/templates_2010/main/imgs/li_2014.gif") no-repeat scroll 0 6px transparent;
    list-style-type: none;
    padding: 0 0 0 12px;
}

.tablesorter .c3 .bookingOnlineLeft {
float:left;
}

.tablesorter .bookingOnlineLeft a{
border:none;
}

.tablesorter .c3 .bookingOnlineLeft a {
display: block;
    height: 21px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    background-color: transparent;
    background-image: none;
    margin-top: 20px;
    width: auto;
}

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

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


table.grid tr.expand-child .bilder img{
        border:1px 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.title, .tablesorter td.place, .tablesorter td.booking {
        cursor: pointer;
}

.tablesorter .bookingForm 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{
        text-decoration: underline;
        color: #FFFFFF;
}
/*
.tx-nbevents-pi1 .hide-show-child {
    display: none;
}*/

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

.triggerICal{
  padding: 4px;
}




/* Top 3 teaser 2013 -begin */
/* -------------------------------------------------------------------------- */

.top3eventteaser{
	background: url("imgs/top3teaserheader2.png") no-repeat scroll 0 0 transparent;
	margin-top: 10px;
	width: 234px;
	font-size: 11px;
	line-height: 14px;
	color: black;
	padding-bottom: 20px;
min-height: 305px;
}

td.col2 .top3eventteaser{
	margin-top: -95px;
	}

.top3eventteaser .header{
	border-bottom: 5px solid #BD0416;
	color: #FFFFFF;
	font-size: 14px;
	font-style: italic;
    font-weight: bold;
	height: 23px;
	padding-left: 50px;
	padding-top: 27px;
	margin-bottom: 10px;
}

.top3eventteaser .teaseritem .datetime{
	
	color: #BD0416;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	
}


.top3eventteaser .teaseritem .title{
	
	color: #000000;
	font-size: 11px;
	
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	margin: 5px 0 5px 0;
	
}

.top3eventteaser .teaseritem{
	padding-bottom: 7px;
	padding-top: 10px;
	border-bottom:  1px solid #eeeeee;	
	width:100%;
}

.top3eventteaser .last{
	padding-bottom: 7px;
	padding-top: 7px;

	border-bottom: none !important;	
}

.top3eventteaser .teaseritem a {
        color: #000000;
}
.top3eventteaser .teaseritem a:hover {
        color: #e60000;
}

.top3eventteaser .showall{
	margin: 10px 0 20px;
}

.top3eventteaser .showall a, .top3eventteaser .showall a:visited {
	padding: 4px; 
	margin-bottom: 10px;
	border: 1px solid #bbbbbb;
	color: #cccccc !important;
}

.top3eventteaser .showall a:hover {
color:#bd0416 !important;
border: 1px solid #bd0416;
}

.top3eventteaser .als-container {
	position: relative;
	width: 100%;
	margin: 30px auto;
	z-index: 0;
	border-bottom: 2px solid #D9D9D9;
    border-top: 2px solid #D9D9D9;
}

/****************************************
 * viewport styling
 ***************************************/

.top3eventteaser .als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

/***************************************************
 * wrapper styling
 **************************************************/

.top3eventteaser .als-wrapper {
	position: relative;
	/* if you are using a list with <ul> <li> */
	list-style: none;
	margin:0;
	padding:0;
}

/*************************************
 * item: single list element
 ************************************/

.top3eventteaser .als-item {
	position: relative;
	display: block;
	text-align: left;
	float: left;
	width:100%;
}

/***********************************************
 * prev, next: buttons styling
 **********************************************/
 
.top3eventteaser .als-prev, .top3eventteaser  .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
	top:0;
	left:0;
	height:15px;
	top:-15px;
}
.top3eventteaser  .als-next {
top:auto;
bottom:-15px;
}