@charset "utf-8";
/*
 * TOWER Musikclub
 * @media		screen, projection, print
 * @author		TOWER
 * @lastmodified	2010-02-08
 * @valid		false
*/

@media screen,projection {

/* Globals and some Reset */

html {
background : #000;
}
body {
position : relative;
margin : 0;
padding : 0;
color : #eee;
font : x-small/20px sans-serif;
text-shadow : 1px 1px 1px rgba(0,0,0,0.6);
-webkit-text-stroke : 1px transparent;
background : #111;
border-top : 10px solid #fff;
border-bottom: 180px solid #fff;
}
h1, h2, h3, h4, h5, h6 {
margin : 0;
padding : 0;
}
h2, h3, h4, h5, h6 {
font-size : 100%;
}
h1 {
padding : 0;
height : 40px;
font-size : 130%;
font-family : 'HelveticaNeue-Light',sans-serif;
font-weight : normal;
letter-spacing : 1x;
text-transform : uppercase;
}
h1 span {
text-transform : none;
}
h2 {
}
h4,h5,h6 {
font-weight : normal;
}
p, ul, ol, dl {
padding : 0;
margin : 0 0 20px 0;
}
ul ul, ol ol {
margin : 0;
}
li {
margin : 0 0 0 16px;
padding : 0 0 0 6px;
}
hr {
height : 1px;
color : #333;
margin : 20px 0 19px 0;
padding : 0;
border : 0;
border-top : 1px solid #000;
border-bottom : 1px solid #151515;
}

/* Links */

a {
color : #eee;
text-decoration : none;
border-bottom : 1px solid #999;
outline : none;
}
a:hover {
color : #fff;
border-color : #0cf;
}
a img {
border : none;
}
.txt h2, h2 a, .day em, #cal #today a {
color : #d5edfa;
}
h2 a:hover {
color : #fff;
}

/* Forms */

form, fieldset  {
margin : 0;
padding : 0;
border : 0;
}
label {
display : block;
}
input, textarea, select, button {
position : relative;
margin : 0;
padding : 2px 0;
color : #eee;
font-size : 100%;
font-family : inherit;
line-height : 18px;
text-shadow : rgba(0,0,0,1) 0px 1px 1px;
background : #333;
border : 1px solid #ababab;
}
input, textarea {
border-top-color : #707070;
border-bottom-color : #cecece;
}
.focus {
color : #fff;
background : #444;
}
input[type=text] {
height : 18px;
}
button {
padding : 2px 1em;
_padding : 0 1em;
_height : 22px;
margin : 0;
cursor : pointer;
font-size : 100%;
font-weight : normal;
border-radius : 10px
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
}
* > button {
background : url(/assets/sprites/buttons.png) repeat-x center center #333;
}

/* General Classes */

* .tower {
text-transform : uppercase;
}
* .tower strong {
margin : 0 -2px;
}
.hidden {
display : none;
}
.indicator  {
display : none;
position : relative;
top : -1px;
vertical-align : middle;
}
.error-explanation {
color : #0cf;
}
.clicked {
text-shadow : 0px 1px 1px #fff;
color : #444;
background-color : #ccc;
}

/* Backgrounds */

body, h1, #news, #margin, .teaser, .timeline, .left {
/* background : url(/assets/bg/bg.png)  top left fixed #000; */
background : url(/assets/bg/bg.png) top left fixed #111;
background-color : #111;
}

/* Layout */

html body * .clear {
display : block;
width : 0;
height : 0;
clear : both;
overflow : hidden;
visibility : hidden;
float : none;
margin : 0;
padding : 0;
font-size : 0;
line-height : 0;
list-style : none;
background : none;
border : 0;
}
#container {
position : relative;
width : 960px;
padding-left : 20px;
margin : 0 auto;
font-size : 130%;
background : transparent;
}
#top {
float : left;
display : inline;
width: 620px;
height : 160px;
margin : 0;
padding : 0;
text-indent : -1000em;
background : url(/assets/images/tower.png) no-repeat 110px 55px transparent;
_background-image : url(/assets/images/tower.gif);
border : none;
}
#menu {
display : inline;
float : left;
width : 300px;
margin : 36px 0 0 20px;
padding : 0;
list-style : none;
}
#header {
width : 940px;
padding-bottom : 20px;
height : 200px;
margin-right : 20px;
position : relative;
overflow : hidden;
}
#prog {
display : inline;
float : left;
width: 940px;
margin: 0 20px 0 0;
padding-top : 20px;
background : url(/assets/bg/dots.gif) transparent;
}
#content {
display : inline;
float : left;
width : 500px;
min-height : 200px;
padding : 0 140px 40px 0;
}
#prog #content {
width: 640px;
padding-right : 0;
}
#margin {
display : inline;
float : left;
width : 280px;
margin-right: 0;
padding : 0 0 0 20px;
font-size : 92%;
}
.one, .two, .box {
display : inline;
float : left;
margin-left : 0px;
margin-right : 20px;
}
.one {
width : 60px;
}
.two {
width : 140px;
}
.box {
width : 300px;
}
.last {
margin-right: 0;
}
#far_out {
float : left;
position : absolute;
top : -1000em;
left : -1000em;
}
#tooltip {
position : absolute;
z-index : 100;
overflow : hidden;
display : none;
padding : 0 2px;
color : #000;
text-shadow : none;
font-size : 120%;
line-height : 1.5;
background : #f7f5d1;
border : 1px solid #000;
}

/* Logo and Menu */

#top a {
display : block;
width : 220px;
height : 64px;
margin : 55px 0 0 112px;
border-bottom : none;
background : transparent;
}
#menu li {
margin : 0;
padding : 0;
display : inline;
}
#menu a , #menu em {
display : block;
padding : 0 0 0 20px;
margin : 0;
font-size : 100%;
font-style : normal;
letter-spacing : 1px;
background : url(/assets/images/slash.png) no-repeat 3px 3px #000;
border-bottom : 1px solid #202020;
}
#menu .current a {
background-color : #111;
}
#menu em, #menu a:hover {
color : #fff;
background-color : #151515;
}
#menu em {
color : #ccc;
cursor : default;
}

/* Highlights */

#banner {
height : 200px;
width : 6000px;
position : relative;
white-space : nowrap;
}
#header #loader {
position : absolute;
top : 0;
left : 0;
right : 0;
height : 100%;
opacity : 0;
background : url(/assets/images/loader.gif) no-repeat center 70px #000;
}
#header #scroll_left, #header #scroll_right {
position : absolute;
z-index : 80;
top : 70px;
left : 0;
width : 20px;
height : 40px;
font-weight : bold;
font-size : 123%;
text-align : center;
background : url(/assets/sprites/arrows.gif) no-repeat 0 -70px transparent;
background-color : rgba(0,0,0,.2);
border : none;
}
#scroll_left {
-moz-border-radius-topright : 4px;
-moz-border-radius-bottomright : 4px;
-webkit-border-top-right-radius : 4px;
-webkit-border-bottom-right-radius : 4px;
}
#scroll_right {
-moz-border-radius-topleft : 4px;
-moz-border-radius-bottomleft : 4px;
-webkit-border-top-left-radius : 4px;
-webkit-border-bottom-left-radius : 4px;
}
#header #scroll_right {
right : 0;
left : auto;
background-position : -20px -30px;
}
#header #scroll_left:hover, #highlights #scroll_right:hover {
background-color : rgba(0,0,0,.7);
}
#highlights dl {
display: inline;
float: left;
height : 200px;
width : 300px;
margin: 0px 20px 0 0;
}
#highlights dt, #highlights dd {
margin : 0;
padding : 0;
}
#highlights dt {
position : relative;
height : 180px;
overflow : hidden;
}
#highlights dd {
padding : 0;
margin : 0;
height : 20px;
font-size : 12px;
overflow : hidden;
}
#highlights img {
position : absolute;
clip : rect(0 300px 180px 0);
}
#highlights dl.featured dt {
height : 160px;
border-bottom : 10px solid transparent;
_border-bottom-color : #000;
}
#highlights dl.featured dd {
border-top-width : 10px;
border-top-style: solid;
border-top-color : #0cf
}
#highlights dd em {
font-style : normal;
}

/* Ticker */

#news {
height : 38px;
line-height : 40px;
margin : 0 20px 0px 0;
border-top : 1px solid #151515;
border-bottom : 1px solid #151515;
}
#news h2 {
display: inline;
float: left;
width: 140px;
overflow : hidden;
margin : 0;
padding-left : 20px;
font-size : 123%;
font-weight : normal;
background : url(/assets/sprites/arrows.gif) no-repeat -34px -31px transparent;
}
#news a, #news a:hover {
border : none;
background : none;
}
#headlines {
display : none;
}
#ticker {
display: inline;
float: left;
margin : 0;
width: 780px;
overflow : hidden;
}
#news #ticker a {
display : block;
width : 100%;
background : url(/assets/sprites/arrows.gif) no-repeat 100% -31px transparent;
}
.news h2 em {
font-style : normal;
font-weight : normal;
}
.news .published {
text-align : right;
color : #ddd;
}
.news hr {

}

/* Program */

#prog h1 {
margin : 0 20px 0 0;
padding-left : 160px;
line-height : 40px;
border-top : 1px solid #222;
border-bottom : 1px solid #222;
}
#prog h2 {
margin : 0;
}
.timeline {
display: inline;
overflow : hidden;
float: left;
width: 300px;
height : 20px;
margin-right: 20px;
}
.day strong {
color : #fff;
}
.day em {
font-style : normal;
font-weight : bold;
display : inline-block;
width : 18px;
}
.teaser {
display : inline;
float : left;
width : 280px;
margin : 0 0 0 -20px;
padding : 0 20px 0 20px;
}
.teaser .image {
position : relative;
float : left;
width : 280px;
padding-right : 20px;
margin-left : -320px;
_margin-left : -300px;
margin-top : 20px;
}
.teaser .image img {
display : block;
-webkit-box-reflect : below 1px -webkit-gradient(linear, left top, left 140%, from(transparent), color-stop(0.6, transparent), to(#000));
}
.subtitle {
font-style : italic;
margin-bottom : 20px;
}
.teaser .xtras {
}
span.order {
font-size : 13px;
font-weight : bold;
}
.box p img {
display : block;
}

/* Sidebar */

#margin .section {
margin-bottom : 20px;
}
.section p, .section ul {
margin-bottom : 0;
}
#margin h3 {
position : relative;
margin : -1px 0 0 -20px;
padding : 0 0 0 20px;
height : 20px;
letter-spacing : 1px;
font-size : 108%;
background : url(/assets/images/slash.png) no-repeat 3px 3px transparent;
border-top : 1px solid #151515;
}
#margin h3 a,#margin h3 a:hover {
color : #eee;
background : transparent;
border : none;
}
#margin h3:hover {
background-color : #000;
}
#margin li {
padding : 0;
margin : 0;
list-style : none;
/*
background : url(/assets/images/slash.png) no-repeat 20px 4px transparent;
*/
}

/* Sidebar@Homepage */

#cal {
width : 280px;
height : 160px;
overflow : hidden;
position : relative;
}
#cal-container {
height : 160px;
width : 6000px;
position : relative;
white-space : nowrap;
background-color : #111;
}
#cal table {
float : left;
width : 280px;
margin : 0;
border-collapse : collapse;
}
#cal caption {
text-align : center;
}
#cal .cal-button {
width : 20px;
height : 20px;
font-size : 123%;
font-weight : bold;
text-decoration : none;
}
#cal a.cal-button {
background : url(/assets/sprites/arrows.gif) no-repeat 14px 4px transparent;
}
#cal a.cal-button.previous_month, #cal span.cal-button.previous_month {
float : left;
background-position : -18px 4px;
}
#cal .next_month {
float : right;
}
#cal td, #cal th {
padding : 0;
text-align : center;
line-height : 19px;
background : #111;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
}
#cal a {
display : block;
text-decoration : none;
border : none;
}
#cal td a {
cursor : default;
background : #181818;
}
#cal #today, #cal #today a {
font-weight : bold;
background : #333;
}
#cal td a:hover {
background : #333;
}

#margin .special {
position : absolute;
top : -4px;
right : -20px;
z-index : 99;
}

#raffle ul {
margin : 10px 0;
}

#newsletter form {
padding : 0;
margin : 20px 0 0 0;
}
#newsletter fieldset {
_position : relative; /* IE6 */
}
#newsletter button {
_display : none; /* IE6 */
}
#newsletter input {
width : 218px;
}
#newsletter .more {
display : block;
width : 218px;
text-align : right;
font-size : 92%;
}

#add_me {
margin-top : 20px;
padding : 19px 0 20px 0;
border-top : 1px solid #222;
border-bottom : 1px solid #222;
}
#add_me button {
margin-left : 1em;
}

#regulars dt, #regulars dd {
margin : 0;
padding : 0;
}

/* Events */

#header .box {
height : 178px;
overflow : hidden;
border-top : 1px solid #202020;
border-bottom : 1px solid #202020;
}
#header .box.txt {
height : 138px;
overflow : hidden;
padding : 20px 0;
color : #ccc;
font-size : 12px;
}
#header .box.side {
margin : 0;
}
.txt h2 {
margin : 0;
padding : 0;
font-size : 133%;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 2px;
}
#evt .subtitle {
font-weight : normal;
margin : -20px 0 20px 0;
}
#attachments {
overflow : hidden;
margin-left : -20px;
}
#attachments .two {
position : relative;
width : 149px;
height : 99px;
overflow : hidden;
margin : 0 1px 1px 0;
}
.thumb img {
display : block;
cursor : pointer;
width : 150px;
}
#extra {
margin-left : -20px;
}
#extra ul {
margin : 0;
padding : 0;
}
#extra li {
list-style : none;
margin : 0;
padding : 0;
height : 40px;
line-height : 60px;
}
#extra li:hover {
}

/* Infos */

#map {
width : 280px;
height : 200px;
overflow : hidden;
}
iframe {
padding : 0;
margin : 0;
}
#history h4 {
margin-bottom : 20px;
}

/* Contact */

#faq dt {
margin : 20px 0 0 0;
padding : 0 20px;
font-weight : bold;
background : url(/assets/images/slash.png) no-repeat 3px 3px transparent;
}
#faq dl {
margin-top : -20px;
}
#faq dd {
padding : 0 20px;
margin : 0;
}

#mail p+p {
text-indent : 0;
}
#mail textarea, #mail input {
width : 100%;
}
.buttons {
margin : 20px 0 0 0;
text-align : right;
}
#mail button {
padding-left : 2em;
padding-right : 2em;
font-weight : bold;
}

#imprint li {
list-style : none;
padding : 0;
margin : 0;
}

/* Other Forms */

input.textfield {
width : 300px;
}
#lottery, #reservation {
margin : 20px 0;
padding : 19px 0 20px 0;
border-top : 1px solid #111;
border-bottom : 1px solid #111;
}

/* Pictures */

#galleries {
}
#galleries li {
margin : 0 0 10px 0;
padding-left : 20px;
list-style : none;
background : url(/assets/images/slash.png) no-repeat 3px 3px transparent;
}
#gallery-loader {
position : relative;
}
#gallery-loader img {
position : absolute;
top : -5px;
left : 254px;
}

#pix {
width : 640px;
margin : 0 -100px 0 0;
}
#pix div a, #pix div a:hover {
background : none;
border : none;
}
#pix img {
border : 2px solid #000;
}
#pix img:hover {
border : 2px solid #0cf;
}
#pix div.thumbnail {
float : left;
width : 140px;
height : 100px;
overflow : hidden;
margin : 0 20px 10px 0;
}

#guestbook {
width : 640px;
list-style : none;
}
#guestbook li {
margin : 0;
padding : 0;
float : left;
list-style : none;
}
#guestbook li div {
width : 140px;
margin : 0 20px 20px 0;
}
#guestbook img {
display : block;
width : 140px;
height : auto;
}
#guestbook span {
font-style : italic;
}


/* Footer */

address {
display : inline;
float : left;
width : 640px;
margin : 0;
padding : 0;
color : #444;
font-size : 84%;
text-shadow : 0px -1px 0px 000;
font-style : normal;
}
ul#meta {
position : relative;
display : inline;
float : left;
width : 300px;
list-style : none;
padding : 0;
margin : 0;
font-size : 84%;
text-shadow : 0px -1px 0px 000;
}
ul#meta li {
display : inline;
padding : 0;
margin : 0;
}
#meta li a, #meta li em {
float : left;
width : 33%;
color : #444;
font-style : normal;
border : none;
}
#meta a:hover {
color : #666;
background-color : transparent;
border : none;
}
#meta #to_top {
display : none;
position : absolute;
top : 0;
right : 0;
width : 20px;
height : 20px;
text-indent : -1000em;
background : url(/assets/sprites/arrows.gif) no-repeat 8px -120px;
}
#footer {
position : relative;
top : 180px;
margin : -180px auto 0 auto;
width : 940px;
height : 180px;
color : #999;
background : url(/assets/bg/footer.gif) transparent;
}
#footer div {
width : 940px;
height : 180px;
background : url(/assets/images/logo.gif) no-repeat 110px 60px transparent;
}

/* http://girliemac.com/sandbox/snow.html */

#snow div {
position: absolute;
top: -40px;
-webkit-animation-name: fall, fade, spin;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease-in;
}
.flake {
color: #fff;
font-size: 32px;
position: absolute;	
text-shadow : 2px 2px 2px rgba(0,0,0,.8);
}
.flake.f1 {
left: 10%;
-webkit-animation-duration: 5s;
}
.flake.f2 {
font-size: 1.8em;
left: 20%;
-webkit-animation-duration: 7s;	
}
.flake.f3 {
left: 25%;
-webkit-animation-duration: 8s;	
}
.flake.f4 {
font-size: 1.5em;
left: 33%;
-webkit-animation-duration: 6s;	
}
.flake.f5 {
left: 48%;
-webkit-animation-duration: 4s;	
}
.flake.f6 {
font-size: 2.2em;
left: 62%;
-webkit-animation-duration: 7s;	
}
.flake.f7 {
font-size: 1.6em;
left: 76%;
-webkit-animation-duration: 9s;	
}
.flake.f8 {
left: 90%;
-webkit-animation-duration: 12s;	
}
@-webkit-keyframes fade {
0%   { opacity: 0; }
10%  { opacity: 0.8; }
100% { opacity: 0; }
}
@-webkit-keyframes fall {
from { top: 10px;}
to { top: 600px;}
}
@-webkit-keyframes spin {
0%   { -webkit-transform: rotate(-180deg) translate(0px, 0px);}
100% { -webkit-transform: rotate(180deg) translate(10px, 75px);}
}


/* Ads */

#ads {
display : none;
position : absolute;
z-index : 90;
top : 1px;
left : 30px;
right : 30px;
_right : 10px;
}
#ad-content {
padding : 10px 0 4px 0;
color : #000;
text-align : center;
background : url(/assets/bg/footer.gif) repeat-x left top white;
-moz-border-radius-bottomleft : 6px;
-moz-border-radius-bottomright : 6px;
-webkit-border-bottom-left-radius : 6px;
-webkit-border-bottom-right-radius : 6px;
box-shadow : 4px 4px 4px rgba(255,255,255,.2);
-moz-box-shadow : 4px 4px 4px rgba(0,0,0,.6);
-webkit-box-shadow : 4px 4px 4px rgba(0,0,0,.6);
}
#ad-content img {
display : block;
}
#ad-content .box {
width : 280px;
margin-left : 20px;
margin-right : 0;
}
#ad-content * {
color : #000;
text-shadow : 0px 1px 1px rgba(255,255,255,1);
background : transparent;
}
#ad-content h1 {
font-weight : bold;
}
#ads-toggler {
height : 20px;
position : relative;
}
#ads-toggler span {
cursor : pointer;
display : block;
position : absolute;
right : 40px;
width : 20px;
height : 20px;
font-size : 20px;
line-height : 20px;
text-align : center;
background : white;
-moz-border-radius-bottomleft : 6px;
-moz-border-radius-bottomright : 6px;
-webkit-border-bottom-left-radius : 6px;
-webkit-border-bottom-right-radius : 6px;
box-shadow : 4px 4px 4px rgba(255,255,255,.2);
-moz-box-shadow : 4px 4px 4px rgba(0,0,0,.6);
-webkit-box-shadow : 4px 4px 4px rgba(0,0,0,.6);
}

/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 10px;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img {
border: none;
}
#lightbox-container-image-box {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image {
padding: 0;
}
#lightbox-image {
border : 1px solid #999;
-webkit-box-reflect : below 1px -webkit-gradient(linear, left top, left 130%, from(transparent), color-stop(0.6, transparent), to(#000));
}
#lightbox-loading {
position: absolute;
top: 100px;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev { 
left: 0; 
float: left;
}
#lightbox-nav-btnNext { 
right: 0; 
float: right;
}
#lightbox-container-image-data-box {
margin: 0 auto;
line-height: 20px;
overflow: auto;
width: 100%;
padding: 0;
}
#lightbox-container-image-data {
padding: 0;
overflow: hidden;
font-size : 130%;
}
#lightbox-container-image-data #lightbox-image-details { 
width: 70%; 
float: left;
text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block; 
clear: left; 
padding:0;
}			
#lightbox-secNav-btnClose {
width: 16px;
float: right;
}
#lightbox-secNav-btnClose img {
padding-top : 2px;
}

#jquery-lightbox a, #jquery-lightbox a:hover {
background : transparent;
border : none;
}

}

/**
 * end media screen,projection
 *
 */
 
@media only screen and (max-device-width:480px) {

body {
-webkit-text-stroke:0 black;
}

}


/**
 * @media print
 *
 */
 
@media print {

body {
color : #000;
font : 8pt/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.clear, #menu, #header, #news, #prog img, .xtras, #margin, #footer ul, #far_out {
display : none
}
#prog #content .clear {
display : block;
margin : 0;
}
h1 {
font-size : 140%;
}
h2, h3, h4, h5, h6 {
font-size : 100%;
margin : 0;
}
p {
margin : 0 0 1em 0;
}
a {
color : #000;
text-decoration : none;
}
#content a {
border-bottom : 1px solid #999;
}
hr {
border : none;
border-bottom : 1px solid #ddd;
}
address {
border-top : 1px solid #ccc;
}
.timeline em {
font-style : normal;
}

}

/**
 * end media print
 *
 */