html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
  }
  body * {
    padding: 0px;
    margin: 0px;
    border: none;
  }
  body {
    background: #f2f2f2;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #222;
  }
  body a {
    outline: 0;
  }
  
  div.clear{
	clear: both;
  }


  /* ### STRUKTUR ### */
  #wrapper-0 {
    width: 854px;
    margin: 0px auto;
  }
  #header {
    width: 852px;
    height: 112px;
    margin: 0px auto;
    position: relative;
  }

  #container {
    width: 852px;
    min-height: 500px;
    margin: 0px auto;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #ddd;
    float: left;
  }
  #content {
    float: left;
  }
  #sidebar {
    float: left;
  }

  .col3 {
    float: none;
    clear: both;
  }

  .col1 {
    width: 252px;
    margin: 20px 0px 20px 24px;
  }
  .col2 {
    width: 528px;
   }
  #content.col2 {
    margin: 20px 0px 20px 24px;
  }
  #sidebar.col2 {
    margin: 20px 0px 20px 24px;
  }


  #footer {
    width: 852px;
    height: 30px;
    margin: 10px auto;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #ddd;
    clear: both;
  }
  /* ### HEADER ### */

  h1 {
    display: block;
    position: absolute;
    top: 22px;
    left: 52px;
    text-indent: -9999px;
  }
  h1 a {
    display: block;
    width: 530px;
    height: 60px;
    background: url('img/logo.png') no-repeat top left;
  }
  #form-search {
    display: block;
    position: absolute;
    right: 0px;
    top: 50px;
  }
  #form-search input {
    background: none;
    border: none;
    color: #aaa;
    font-family: Arial, sans-seif;
  }


  #form-search .text {
    font-size: 1.1em;
    letter-spacing: 2px;
    text-align: right;
  }
  #form-search .text:hover,   #form-search .text:focus {
    color: #222;
  }

  #form-search .submit {
    font-size: 1.4em;
    line-height: 1.1em;
    cursor: pointer;
  }
  #form-search .submit:hover {
    color: #222;
  }


  /* ### NAVIGATION ### */

  ul#menu {
      list-style-type: none;
      display: block;
      width: 804px;
      margin: 0px 24px;
      font-size: 110%;
      background: url('img/line.gif') repeat-x bottom left;
      float: left;
      position: relative;
      height: auto;
      z-index: 29; /*  for IE... */
  }
  ul#menu li {
    display: block;
    width: 20%;
    float: left;
    text-transform: uppercase;
    letter-spacing: 2px;
    height: auto;
  }
  *:first-child+html ul#menu li {
    width: 19.95%;
  }

  ul#menu li a {
    display: block;
    text-align: center;
    text-decoration: none;
    height: 48px;
    line-height: 52px;
    color: #444;
    margin-bottom: 1px;   /* LINIE AM UNTEREN RAND */
  }
  ul#menu li a.current {
    background: url('img/bar_orange.png') no-repeat bottom left;
  }
  ul#menu:hover li a.current {
    background: none;
  }
   ul#menu li:hover a, ul#menu li:hover a.current, ul#menu:hover li a.current:hover {
    background: url('img/bar_orange.png') no-repeat bottom left;
  }

  ul#menu div {
    position: absolute;
    top: 49px;
    left: 0px;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 45px;
    background: url('img/submenu_bg.gif') repeat-x top left;
  }
  ul#menu ul {
    background: url('img/bar_grey.png') no-repeat bottom left;
  }


  li.media ul {
    margin-left: 400px;
  }


  ul#menu li:hover div {
    display: block;
  }
  ul#menu ul li {
    text-transform: none;
    letter-spacing: 0px;
    width: 100px;
    float: left;
  }
  ul#menu ul a {
    height: 45px;
    margin: 0px !important;
  }

  ul#menu ul a:hover {
    text-decoration: underline;
  }
  .artist_nav, .corporate_nav {
    background: url('img/artistnav_bg.png') repeat-x bottom left !important;
    height: auto !important;
  }
  .artist_nav {
  }

  .artist_nav ul {
    width: 20%;
    margin: 2% 0px 2% 4%;
    float: left;
    background: none !important;
  }
*:first-child+html .artist_nav ul {             /* for IE 7 */
      padding-bottom: 20px;
}
*:first-child+html .corporate_nav ul {          /* for IE 7 */
      padding-bottom: 20px;
}

  .artist_nav ul.r {
    padding-top: 26px;
  }

  .artist_nav ul li {
    float: left;
    display: block;
    text-align: left !important;
    background: none !important;
    width: 100% !important;
  }
  .artist_nav ul:last-child {
    border: none !important;
  }

  .artist_nav ul li a {
    display: block;
    height: 20px !important;
    line-height: 20px !important;
    text-align: left !important;
    background: none !important;
    color: #444 !important;
  }
  .artist_nav ul li.genre {
    font-style: italic;
    font-weight: bold;
    border: none !important;
    width: 200% !important;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 4px 0px;
    border-bottom: 1px dotted #ccc !important;
  }

  .corporate_nav ul {
    width: 95%;
    margin: 2% 0px 2% 4%;
    float: left;
    background: none !important;
   }
  .corporate_nav ul li {
    float: left;
    display: block;
    width: 49% !important;
    text-align: left !important;
    background: none !important;
  }
  .corporate_nav ul li a {
    display: block;
    height: 20px !important;
    line-height: 20px !important;
    text-align: left !important;
    background: none !important;
    color: #444 !important;
  }
  /* ### TEASER ### */

  #teaser {
    width: 804px;
    height: 330px;
    overflow: hidden;
    margin: 0px auto;
	clear:left;
  }

  #teaser ul {
    width: 804px;
    height: 330px;
    list-style-type: none;
    position: relative;
  }
  #teaser ul li {
    display: block;
    width: 804px;
    height: 330px;
  }
  #teaser ul li img {

  }


  #teaser .overlay {
    display: block;
    width: 804px;
    height: 160px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 50;
    background: url('img/overlay.png') repeat-x bottom left;
  }


  #teaser ul li h3 {
    font-size: 220%;
    font-weight: bold;
    font-style: italic;
    font-family: Helvetica, HelveticaNeue, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 10px;
    left: 16px;
    z-index: 56;
    opacity: 0.95;
    /* filter: alpha(opacity=90); */  /* Why o why are you so stupid, IE ? */
  }
 .t_menu {
   list-style-type: none;
   position: absolute !important;
   z-index: 58;
   display: block;
   top: 0px;
   left: 0px;
  }

 .t_menu li {
   position: static;
 }

 .t_menu a {
   display: block;
   height: 100%;
   line-height: 100%;
   text-decoration: none;
   text-indent: -9000px;
 }
 .t_menu a:hover {

 }


 /* ### CONTENT ### */

 h2 {
    font-size: 110%;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #ddd;
    margin: 0px 0px 10px 0px;
    clear: left;
 }
 h2 span {
   display: inline-block;
   padding: 0px 14px 8px;
   background: url('img/bar_orange.png') no-repeat bottom left;
 }

 h2 a {
   border: none !important; /* falsches markup ausgleichen */
 }


 h3 {
   font-weight: bold;
   font-size: 110%;
   font-style: italic;
   margin: 0px 0px 5px 0px;
 }
 h3 a {
   color: #222;
   text-decoration: none;
   border: none !important;
 }
 h3 a:hover, h3 a:active, h3 a:focus {
   border-bottom: 1px solid #ff4200 !important; /* former #aaa */
 }


 .entry {
   margin: 0px 0px 16px 0px;
   padding: 0px 0px 0px 14px;
   line-height: 150%;
 }

 .entry .entry {
   padding: 0px;  /* doppeltes markup ausgleichen */
 }

 
#sidebar .entry {
line-height: inherit;
margin:0px;
padding:0px;
}

.teaser-item {

  margin-bottom: 10px;

}

.teaser-item img {

  float: left;
  margin: 5px 10px 5px 0px; 

}

div.img-left {

  float: left;
  margin: 5px 10px 5px 0px; 

}
 
 
 .col2 .newslist {
   border-bottom: 1px dotted #ccc;
   display: block;
   width: auto;
 }

 .entry p {
   margin: 0px 0px 15px 0px;
 }
 .entry a, #sidebar a {
   color: #222;
   text-decoration: none;
   border-bottom: 1px solid #ddd;
 }
 .entry a:hover, .entry a:active, .entry a:focus, #sidebar a:hover, #sidebar a:active, #sidebar a:focus {
   border-color: #222;
 }
 .entry .abstract {
   border-bottom: 1px dotted #ccc;
 }

 .entry ul {
   list-style-type: disc;
   list-style-position: inside;
 }


 a.more {
   color: #aaa;
   font-style: italic;
   text-decoration: none;
   border: none;
   padding-left: 1em;
 }
 a.more:hover {
   color: #222;
 }

 a.bandlink {
   display: block;
   margin: 0em 1em 1em;
   font-size: 1.4em;
   color: #aaa;
   border: none;
   text-decoration: underline;
 }
 a.bandlink:hover {
   color: #444;
 }

 .gridview .entry {
   width: 252px;
   float: left;
   height: 50px;
   line-height: 50px;
   padding: 0px;
   margin: 0px 0px 8px 12px;
   position: relative;
   border-bottom: 1px dotted #ccc;
 }
 .gridthumb {
   margin: 0px 0px 0px 0px;
   opacity: 0.7;
   height: 40px;
 }
 .gridview .entry:hover .gridthumb {
   opacity: 1;
 }

 .gridview h3, .gridview h3 a {
   border: none !important;
   display: block;
   height: 40px;
   width: 100%;
 }
 .gridview h3 {
   position: absolute;
   display: block;
   line-height: 40px;
   top: 0px;
   left: 0px;

 }
 .gridview h3 a {
   padding-left: 90px;
 }

 /* ### SIDEBAR ### */
 .sb-item {
   width: 100%;
   /* float: left; */
   clear: left;
   margin: 0px 0px 30px 0px;
 }
 /*#sidebar h2 span {
   background: url('img/bar_grey.png') no-repeat bottom left;
 }
 */

 .sb-item ul {
   list-style-type: none;
   list-style-position: outside;
 }
 .sb-item ul li {
   display: block;
   border-bottom: 1px dotted #ccc;
   height: 30px;
   line-height: 30px;
 }
.sb-item ul li a {
  border: none !important;
}

 .tourlist, .newslist, .teamlist {
   display: block;
   width: 100%;
   border-collapse: collapse;
   list-style-type: none;
   list-style-position: outside;
 }
 .tourlist li, .newslist li, .teamlist li {
   display: block;
   clear: left;
   border-bottom: 1px dotted #ccc;
 }
 .tourlist li span, .newslist li span {
   display: block;
   float: left;
   margin: 0px 5px 0px 0px;
 }
 .tourlist .date {
   font-weight: bold;
   font-style: italic;
   letter-spacing: 1px;
 }
 .tourlist .band {
   font-weight: bold;
 }

 .col1 .tourlist li, .col1 .newslist li {
   display: block !important;
   height: auto !important;
   float: left;
   width: 100%;
   line-height: 120% !important;
   padding: 4px 0px;
 }
 .col1 .tourlist li:last-child, .col1 .newslist li:last-child {
   border: none;
 }

 .col1 .tourlist, .col1 .newslist {
   display: block !important;
   float: left;
   border-bottom: 1px solid #ddd;
 }
 .col1 .tourlist span {
   display: block !important;
   width: 46% !important;
   margin: 0px 1% 0px 0px;
   float: left;
   padding: 3px 0px;
 }
 .col1 .city {
   clear: left;
 }


 .col2 .tourlist {
   list-style-type: none;
   list-style-position: outside;
 }

 .col2 .tourlist span {
   padding: 6px 0px;
 }


 .col2 .tourlist span.artist {
   width: 187px;
   font-style: italic;
 }

 .col2 .tourlist span.city {
   width: 200px;
 }

 .col2 .tourlist span.date {
   width: 90px;
 }

 .col2 .tourlist span.venue {
   width: 20px;
   margin-right: 0px !important;
   overflow: hidden;
 }
 .col2 span.venue a {
   display: block;
   width: 20px;
   text-indent:-9999px;
   overflow: hidden;
   background: url(img/icon_ticket.gif) no-repeat left center;
   text-decoration: none !important;
   border: none !important;
 }
 .col2 span.venue a:hover {
   background-position: right center;
 }

 .col2 span.venue u {
   text-decoration: none !important;
 }

 .col2 .tourlist li:first-child {
   border: none;
 }

 .artists .col2 .tourlist span.city {
   width: 382px;
 }


 .newslist .title {
   width: 100% !important;
   display: block;
 }
 .newslist .title a {
   border: none !important;
 }
 .newslist .title:hover a:after {
   content: ' →';
 }

 .gal-item {
   width: 120px;
   height: 120px;
   overflow: hidden;
   float: left;
   margin: 0px 6px 6px 0px;
   position: relative;
 }
 .gal-item img {
   width: 180px;
   height: auto;
 }
 .zoom {
   display: none;
   width: 16px;
   height: 16px;
   position: absolute;
   left: 3px;
   bottom: 3px;
   z-index: 89;
   background: url('img/zoom.png') no-repeat bottom left;
 }
 .gal-item a:hover .zoom {
   display: block;
 }
 .teamlist li {
   display: block;
   height: 46px;
   line-height: 40px;
   margin: 6px 0px 0px 0px !important;
   clear: left;
 }

 .teamlist li img {
   height: 40px;
   float: left;
   margin: 0px 0px 6px 0px;
 }
 .teamlist .name {
   display: block;
   float: left;
   margin: 0px 0px 6px 12px;
 }
 .teamlist .job {
   color: #aaa;
   font-style: italic;
   margin: 0px 0px 0px 6px;
 }

   #form-newsletter {
    display: block;
  }
  #form-newsletter input {
    background: none;
    border: none;
    color: #aaa;
    font-family: Arial, sans-seif;
  }


  #form-newsletter .text {
    font-size: 1.1em;
    letter-spacing: 2px;
    text-align: right;
    width: 216px;
  }
  #form-newsletter .submit {
    font-size: 1.4em;
    line-height: 1.1em;
    cursor: pointer;
  }
  #form-newsletter .submit:hover {
    color: #222;
  }

 /* ### FOOTER ### */
 .f-left, .f-right {
   height: 30px;
   line-height: 30px;
   float: left;
   width: 46%;
   margin: 0px 2%;
   color: #aaa;
   font-size: 90%;
   text-transform: uppercase;
   letter-spacing: 1px;
 }
 .f-right {
   text-align: right;
 }
 #footer a {
   color: #aaa;
   text-decoration: none;
   margin-left: 10px;
 }
 #footer a:hover, #footer a:active, #footer a:focus {
   text-decoration: underline;
 }
 /* ### LINK BUTTONS ### */

 a.linkbutton {
   font-size: 120%;
   font-weight: normal;
   color: #444;
   display: inline-block;
   height: 30px;
   line-height: 30px;
   letter-spacing: 1px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-bottom: 1px solid rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
   box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
   text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
   padding: 0px 12px;
   margin: 16px 12px 16px 0px;
   background: url('img/gradient.gif') repeat-x bottom left;
 }
 a.linkbutton:hover {
  color: #999;
  border: none !important;
   -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
   margin-bottom: 3px;
 }

 /* ### FORMS ### */

 #mailform label {
   display: block;
   height: 30px;
   width: 100px;
   line-height: 30px;
   float: left;
   clear: left;
   margin: 0px 0px 0px 0px;
   border-bottom: 1px dotted #ccc;
   cursor: pointer;
 }
 #mailform input.text {
   margin: 0px 0px 0px 0px;
   padding: 8px 0px 7px 0px;
   float: left;
   width: 400px;
   border-bottom: 1px dotted #ccc;
   font-family: sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #222;
 }
 #mailform textarea {
   font-family: sans-serif;
   font-weight: bold;
   font-size: 1em;
   line-height: 31px;
   width: 400px;
   height: 300px;
   background: url('img/textarea_bg.gif') ;
   color: #222;
   float: left;
 }
 #mailform .button {
    font-size: 1.1em;
    letter-spacing: 1px;
    cursor: pointer;
    background: none;
    color: #aaa;
    text-transform: uppercase;
    float: right;
  }
  #mailform .button:hover {
    color: #222;
  }
/* ### PAGING ### */

.paging {
  border-bottom: 1px solid #ddd;
}

.paging span, .paging a {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 1px 10px;
  border-bottom: 4px solid #fff;
}
.paging span {
  border-bottom: 4px solid #ff4200;
}
.paging:hover span {
  border-bottom: none;
}
.paging span.next, .paging span.prev {
  border-bottom: 4px solid #fff;
}
.paging span.next a, .paging span.prev a {
  border-bottom: 4px solid #fff;
}
.paging a {
  color: #222;
  text-decoration: none;
  margin: 0px 0px;
}
.paging a:hover, .paging:hover span:hover  {
  border-bottom: 4px solid #ff4200 !important;
}
.paging:hover span.next:hover, .paging:hover span.prev:hover {
  border-bottom: 4px solid #fff !important;
}