/*
 * Author: Andre Mohren, Johannes Wüller
 * Last Modified: 13.08.2009
 */

html, body {
   color:       #58585A;
   font-family: Arial;
   font-size:   12px;
   margin:      0px 0px 0px 0px;
   text-align:  center; /* IE6 HACK */
}

.body {
   margin:     auto;
   padding:    20px 0px 25px 0px;
   width:      970px;
   text-align: left; /* IE6 HACK */
}

.clear {
   clear: both;
}

.header {
   height:         20px;
   line-height:    20px;
   padding:        0px 10px 7px 10px;
   text-transform: uppercase;
   vertical-align: bottom;
}

.footer {
   border-bottom: 1px solid #00B5E3;
   border-top:    1px solid #00B5E3;
   margin:        0px 0px 20px 0px;
   padding:       14px 0px 14px;
}

.footer a {
   color:           #00B5E3;
   font-size:       11px;
   margin:          0px 20px 0px 0px;
   text-decoration: none;
   text-transform:  uppercase;
}

.header select {
   background-color: #ededef;
   border:           2px solid #ededef;
   float:            right;
   font-family:      Arial;
   font-size:        11px;
   height:           19px;
   width:            100px;
}

.content .header {
   padding: 0px 0px 3px 0px;
}

.content .header a {
   color:          #58585A;
   font-size:      11px;
   letter-spacing: 1px;
}

.header div {
   float:   right;
   padding: 0px 90px 0px 0px;
}

.header span {
   color: #00B5E3;
}

.header a {
   color:           #000000;
   float:           left;
   margin:          0px 22px 0px 0px;
   text-decoration: none;
}

.banner {
   background-image: url(../jpg/banner.jpg);
   height:           300px;
   width:            970px;
}

.search {
   padding: 15px 0px 17px 0px;
}

.search input {
   background-color: #ededef;
   border:           0px;
   height:           17px;
   float:            left;
   font-family:      Arial;
   margin:           0px 3px 0px 0px;
   padding:          0px 15px 0px 15px;
   width:            150px;
}

.search img {
   cursor: pointer;
}

.menu {
   float: left;
   width: 200px;
}

.sidebar {
   float:   right;
   padding: 2px 0px 0px 0px;
   width:   185px;
}

.content {
   margin:   0px 200px 0px 220px;
   overflow: auto;
   width:    550px;
}

.pagetext {
   border-bottom:  1px solid #000000;
   color:          #000000;
   font-size:      11px;
   height:         10px;
   margin:         3px 0px 10px 0px;
   text-transform: uppercase;
}

.pagetext span {
   background-color: #ffffff;
   padding: 0px 5px 0px 0px;
}

.menu a {
   border-radius:   4px;
   color:           #000000;
   display:         block;
   line-height:     18px;
   margin:          0px 0px 3px 0px;
   padding:         0px 0px 0px 13px;
   text-transform:  uppercase;
   text-decoration: none;
   vertical-align:  middle;
}

.menu a.active, .menu a:hover {
   color:            #ffffff;
   background-color: #6b6b6b;
}

.menu .spacer {
   height: 10px;
}

.menu .submenu {
   border-bottom: 1px solid #58585a;
   border-top:    1px solid #58585a;
   margin:        7px 0px 5px 0px;
   padding:       19px 0px 20px 15px;
}

.intro {
   padding:    0px 0px 25px 0px;
}

.intro .title {
   font-size: 28px;
   padding:  0px 0px 10px 0px;
}

.intro .text {
   font-size:   13px;
   line-height: 21px;
   text-align: justify;
}

.intro a {
   color:           #00B5E3;
   font-weight:     normal;
   text-decoration: none;
   text-transform:  uppercase;
}

.intro a:hover {
   color: #58585A;
}

.menu img {
   padding: 60px 0px 0px 0px;
}

.sidebar .title {
   padding-bottom: 4px;
}

.sidebar select {
   background-color: #ededef;
   border:           2px solid #ededef;
   font-family:      Arial;
   font-size:        11px;
   height:           19px;
   margin:           0px 0px 10px 0px;
   text-transform:   uppercase;
   width:            180px;
}

.sidebar a {
   color:           #00B5E3;
   font-size:       11px;
   text-decoration: none;
   text-transform:  uppercase;
}

.sidebar .daterange {
}

.ranges {
   margin-bottom:20px;
}

.sidebar input {
   background-color: #EDEDEF;
   border:           0px;
   font-family:      Arial;
   font-size:        11px;
   height:           16px;
   padding:          2px;
   width:            75px;
}

.calendarSearch {
   width:180px;
   *width:172px;
}


.calendarSearch a {
   display:block;
   color:#FFFFFF;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background-color:#00B5E3;
   padding:2px 15px;
   margin:10px 0px 20px;
}

.calendarSearch img {
   border:0px;
   width:19px;
   height:12px;
   float:right;
}

.sidebar .calendar {
   color:      #000000;
   font-size:  10px;
   padding:    25px 0px 10px 0px;
   text-align: center;
   width:      175px;
}

.sidebar .calendar .today, .sidebar .calendar td:hover, .calendar span:hover {
   background-color: #00B5E3;
   color:            #FFFFFF;
}

.sidebar .calendar .month {
   cursor:         pointer;
   display:        block;
   font-size:      11px;
   margin:         0px auto 0px auto;
   text-transform: uppercase;
   width:          123px;
}

.sidebar .calendar div {
   border: 1px solid #000000;
   margin: 0px 0px 5px 0px;
}

.sidebar .calendar .right {
   cursor:    pointer;
   float:     right;
   font-size: 11px;
   width:     20px;
}

.sidebar .calendar .left {
   cursor:    pointer;
   float:     left;
   font-size: 11px;
   width:     20px;
}

.sidebar .calendar table {
   border-spacing: 0px;
   font-size:      10px;
}

.sidebar .calendar td {
   cursor:     pointer;
   height:     20px;
   padding:    0px 0px 0px 0px;
   text-align: center;
   width:      25px;
}

.sidebar .calendar td.nocursor {
   cursor: default;
}

.event {
   border-top: 1px solid #00B5E3;
   padding:    10px 0px 20px 0px;
}

.event .title {
   font-size: 20px;
   padding:   0px 0px 10px 0px;
}

.event .picbox {
   float:   left;
   padding: 0px 20px 0px 0px;
   width:   180px;
}

.event .picboxDetail {
   float:   left;
   padding: 0px 20px 0px 0px;
   width:   220px;
   min-height: 185px;
}

.event img {
   display: block;
   padding: 0px 0px 5px 0px;
   border:  0px;
}

.event .ticket, .event .price {
   background-color: #dddddd;
   float:            right;
   font-size:        10px;
   margin:           5px 0px 0px 0px;
   padding:          3px 3px 3px 3px;
   position:         relative;
   top:              3px;
}

.event .price {
   margin-right: 5px;
}

.event .ticket img {
   border:         0px;
   display:        inline;
   padding:        0px 0px 0px 0px;
   position:       relative;
   top:            -1px;
   vertical-align: middle;
}

.event .ticketDetail {
   background-color: #dddddd;
   display:          inline;
   font-size:        10px;
   margin:           5px 0px 5px 0px;
   padding:          3px 3px 3px 3px;
   width: 			   75px;
}

.event .ticketDetail img, .tcklnk img {
   border:         0px;
   display:        inline;
   padding:        0px 0px 0px 0px;
   position:       relative;
   top:            -1px;
   vertical-align: middle;
}

.tcklnk a {
   background-color: #DDDDDD;
   font-size:        10px;
   padding:          3px 3px 3px 3px;
}

.event .furtherEventsDetail{
   float:            left;
   margin-top:       10px;
   line-height: 22px;
   padding:          3px 3px 3px 3px;
}

.event .furtherEventsDetail img {
   border:  0px;
   display: inline;
   padding: 0px 0px 0px 0px;
}

.event .dateloc {
   font-weight: bold;
   line-height: 22px;
}

.event .text {
   font-size:   13px;
   line-height: 21px;
}

.event .dateloc span {
   font-weight: normal;
}

.event a {
   color:           #00B5E3;
   font-weight:     normal;
   text-decoration: none;
   text-transform:  uppercase;
}

.event a:hover, .event .title a {
   color: #58585A;
}

.event .furtherEvents {
   background-color: #dddddd;
   display:          block;
   float:            left;
   font-size:        11px;
   margin:           5px 0px 0px 0px;
   padding:          3px;
}

.event .hotelLink {
    color: #c80000;
}

.location, .person {
   border-top: 1px solid #00B5E3;
   padding:    0px 0px 25px 0px;
   line-height: 22px;
}

.location .title, .person .title {
   font-size: 28px;
   padding:  5px 0px 10px 0px;
}

.location a , .person a{
   color:           #00B5E3;
   font-weight:     normal;
   text-decoration: none;
   text-transform:  uppercase;
}

.location a:hover , .person a:hover{
   color: #58585A;
}

.location .picboxDetail, .person .picboxDetail {
   float:   left;
   padding: 0px 20px 10px 0px;
   width:   220px;
}

.location .furtherEventsDetail, .person .furtherEventsDetail{
   float:            left;
   margin-top:       10px;
   line-height: 	 22px;
}

.location img, .person img {
   display: block;
   padding: 0px 0px 5px 0px;
   border:  0px;
}

.person .vitaVonBis{
   font-weight: bold;
   color: #000000;
}
.rssTitle {
   color:          #00B5E3;
   font-size:      28px;
   padding:        10px 0px 0px 0px;
   text-transform: uppercase;
}

.rssEntry {
   padding-bottom: 15px;
}

.presales {
   border-top: 1px solid #00B5E3;
   padding:    0px 0px 40px 0px;
}

.presales .block {
   padding: 25px 0px 0px 0px;
}

.presales .left {
   float: left;
   width: 275px;
}

.presales .right {
   padding: 0px 0px 0px 275px;
}

.presales .city {
   font-size: 13px;
}

.presales a {
   color:           #00B5E3;
   font-size:       11px;
   line-height:     20px;
   text-decoration: none;
   text-transform:  uppercase;
}

.presales a:hover {
   color: #58585A;
}

.textHeadline {
   font-weight:    bold;
   text-transform: uppercase;
}

.cbSearchTitle a {
   color:           #000000;
   font-size:       16px;
   text-decoration: none;
}

.cbSearchTitle {
   padding: 0px 0px 5px 0px;
}

.cbSearchItem {
   border-top: 1px solid #00B5E3;
   padding:    5px 0px 10px 0px;
}

.cbSearchPager {
   border-top: 1px solid #00B5E3;
   margin:     0px 0px 5px 0px;
   padding:    10px 0px 5px 0px;
}

.cbSearchPager a {
   color:           #00B5E3;
   text-decoration: none;
}


.cbSearchSummary a {
   color:           #00B5E3;
   text-decoration: none;
   text-transform:  uppercase;
}

.cbSearchSummary {
   line-height: 20px;
}

.cbSearchStatus {
   font-weight: bold;
   padding:     20px 0px 20px 0px;
}

.ticketwindow_bottom {
   background-image: url(../png/ticketwindow_bottom.png);
}

.ticketwindow_bottom a {
   background-image: url(../png/ticketwindow_button.png);
   border:           1px solid #c8bcb8;
   border-radius:    4px;
   color:            #af2a26;
   display:          block;
   float:            right;
   font-weight:      bold;
   height:           17px;
   line-height:      17px;
   margin-top:       6px;
   padding:          0px 43px 0px 43px;
   text-decoration:  none;
}

.ticketwindow_bottom a:hover {
   background-image: url(../png/ticketwindow_button_h.png);
}

.ticketwindow_top {
   background-image: url(../png/ticketwindow_top.png);
}

.accountposition {
   float:      right;
   position:   relative;
   text-align: right;
   top:        15px;
}

.accountposition a {
   color:           #FFFFFF;
   text-decoration: none;
}

.paging {
   border-top: 1px solid #00B5E3;
   padding:    10px 5px;
}

.paging a {
   color:           #00B5E3;
   text-decoration: none;
}

/*
 * Browser Workarounds
 */

.content {
   _margin-left: 210px;
}

.menu a {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

.ticketwindow_bottom a {
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

.sidebar input {
   _width: 75px;
   _height: 20px;
}

#letterBox  {
   font-weight: bold;
   color: #00B5E3;
   padding-top: 7px;
}

#letterBox a {
   color: #00B5E3;
   font-weight: normal;
   text-decoration: none;
}

#letterBox .float_right {
   float: right;
}

#letterBox .lb_search {
   padding: 2px 0px 0px 0px;
}

#letterBox .lb_search input {
   background-color: #ededef;
   border:           0px;
   height:           17px;
   float:            left;
   font-family:      Arial;
   margin:           0px 3px 0px 0px;
   width:            140px;
   padding:          0px 0px 0px 2px;
}

#letterBox .lb_search img {
   cursor: pointer;
}