/* ----- BODY ----- */
body {
background: #231f20;
background-image:url(../images/soundframe_hintergrund.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}

/* ----- KOPFBALKEN ----- */
#kopfbalken {
width:930px;
height:180px;
}
#kopfelement {
width:930px;
height:180px;
position:absolute;
top:0px;
left:0px;
z-index:1;
}
a.sprachauswahl_deutsch {
position: absolute;
top:0px;
left:910px;
z-index:2;
display: block;
width: 20px;
height: 20px;
background-image: url(../images/soundframe_deutsch.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}
a.sprachauswahl_deutsch:hover, a.sprachauswahl_deutsch:active {
background-position: 0 -20px;
}
a.sprachauswahl_deutsch_current {
position: absolute;
top:0px;
left:910px;
z-index:2;
display: block;
width: 20px;
height: 20px;
background-image: url(../images/soundframe_deutsch.jpg);
background-position: 0 -20px;
background-repeat: no-repeat;
cursor: default;
}

a.sprachauswahl_englisch {
position: absolute;
top:0px;
left:889px;
z-index:2;
display: block;
width: 20px;
height: 20px;
background-image: url(../images/soundframe_englisch.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}
a.sprachauswahl_englisch:hover, a.sprachauswahl_englisch:active {
background-position: 0 -20px;
}
a.sprachauswahl_englisch_current {
position: absolute;
top:0px;
left:889px;
z-index:2;
display: block;
width: 20px;
height: 20px;
background-image: url(../images/soundframe_englisch.jpg);
background-position: 0 -20px;
background-repeat: no-repeat;
cursor: default;
}

/* ----- NAVIGATION ALLGEMEIN ----- */
#navigation {
width:930px;
height:60px;
}

/* ----- NAVIGATION REITER ----- */
ul.reiter {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

a.navigation_festival {
position:absolute;
top:180px;
left:160px;
z-index:5;
display:block;
width:129px;
height:35px;
float:left;
background-image: url(../images/soundframe_festival.gif);
background-position:0 0px;
background-repeat: no-repeat;
}
a.navigation_festival:hover, a.navigation_festival:active, a.navigation_festival_current {
position: absolute;
top:180px;
left:160px;
z-index: 5;
display: block;
width: 129px;
height: 35px;
background-image: url(../images/soundframe_festival.gif);
background-position: 0 -35px;
background-repeat: no-repeat;
}

a.navigation_program {
position:absolute;
top:180px;
left:290px;
z-index:5;
display:block;
width:129px;
height:35px;
float:left;
background-image: url(../images/soundframe_program.gif);
background-position:0 0px;
background-repeat: no-repeat;
}
a.navigation_program:hover, a.navigation_program:active, a.navigation_program_current {
position: absolute;
top:180px;
left:290px;
z-index: 5;
display: block;
width: 129px;
height: 35px;
background-image: url(../images/soundframe_program.gif);
background-position: 0 -35px;
background-repeat: no-repeat;
}

a.navigation_artists {
position:absolute;
top:180px;
left:420px;
z-index:5;
display:block;
width:129px;
height:35px;
float:left;
background-image: url(../images/soundframe_artists.gif);
background-position:0 0px;
background-repeat: no-repeat;
}
a.navigation_artists:hover, a.navigation_artists:active, a.navigation_artists_current {
position: absolute;
top:180px;
left:420px;
z-index: 5;
display: block;
width: 129px;
height: 35px;
background-image: url(../images/soundframe_artists.gif);
background-position: 0 -35px;
background-repeat: no-repeat;
}

/* ----- NAVIGATION PILLEN HAUPT ----- */
ul.pillen_haupt {
padding: 0;
margin: 0;
list-style: none;
float: right;
}

ul.pillen_haupt li {
float: right;
display: inline; /*For ignore double margin in IE6*/
margin: 0 4px;
}

ul.pillen_haupt li a {
text-decoration: none;
float:right;
cursor: pointer;
color: #ebebe9;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top right;
}

ul.pillen_haupt li a span {
margin: 0 6px 0 -6px;
padding: 2px 0 2px 6px;
position: relative; /*To fix IE6 problem (not displaying)*/
float:left;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top left;
}

ul.pillen_haupt li a.current, ul.pillen_haupt li a:hover {
background: url(../images/pille_allgemein_aktiv.gif) no-repeat top right;
color: #282425;
}

ul.pillen_haupt li a.current span, ul.pillen_haupt li a:hover span {
background: url(../images/pille_allgemein_aktiv.gif) no-repeat top left;
}

/* ----- SUBNAVIGATION ALLGEMEIN ----- */
#subnavigation {
width:930px;
height:30px;
margin-left: 164px;
}

/* ----- SUBNAVIGATION PILLEN ALLGEMEIN ----- */
ul.pillen_sub_allgemein {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.pillen_sub_allgemein li {
float: left;
display: inline; /*For ignore double margin in IE6*/
margin: 0 4px;
}

ul.pillen_sub_allgemein li a {
text-decoration: none;
float:left;
cursor: pointer;
color: #ebebe9;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top right;
}

ul.pillen_sub_allgemein li a span {
margin: 0 6px 0 -6px;
padding: 2px 0 2px 6px;
position: relative; /*To fix IE6 problem (not displaying)*/
float:right;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top left;
}

ul.pillen_sub_allgemein li a.current, ul.pillen_sub_allgemein li a:hover {
background: url(../images/pille_allgemein_aktiv.gif) no-repeat top right;
color: #282425;
}

ul.pillen_sub_allgemein li a.current span, ul.pillen_sub_allgemein li a:hover span {
background: url(../images/pille_allgemein_aktiv.gif) no-repeat top left;
}

/* ----- SUBNAVIGATION PILLEN LIVE ----- */
ul.pillen_sub_live {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.pillen_sub_live li {
float: left;
display: inline; /*For ignore double margin in IE6*/
margin: 0 4px;
}

ul.pillen_sub_live li a {
text-decoration: none;
float:left;
cursor: pointer;
color: #92cfc0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top right;
}

ul.pillen_sub_live li a span {
margin: 0 6px 0 -6px;
padding: 2px 0 2px 6px;
position: relative; /*To fix IE6 problem (not displaying)*/
float:right;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top left;
}

ul.pillen_sub_live li a.current, ul.pillen_sub_live li a:hover {
background: url(../images/pille_live_aktiv.gif) no-repeat top right;
color: #282425;
}

ul.pillen_sub_live li a.current span, ul.pillen_sub_live li a:hover span {
background: url(../images/pille_live_aktiv.gif) no-repeat top left;
}

/* ----- SUBNAVIGATION PILLEN EXHIBITION ----- */
ul.pillen_sub_exhibition {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.pillen_sub_exhibition li {
float: left;
display: inline; /*For ignore double margin in IE6*/
margin: 0 4px;
}

ul.pillen_sub_exhibition li a {
text-decoration: none;
float:left;
cursor: pointer;
color: #bf67a4;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top right;
}

ul.pillen_sub_exhibition li a span {
margin: 0 6px 0 -6px;
padding: 2px 0 2px 6px;
position: relative; /*To fix IE6 problem (not displaying)*/
float:right;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top left;
}

ul.pillen_sub_exhibition li a.current, ul.pillen_sub_exhibition li a:hover {
background: url(../images/pille_exhibition_aktiv.gif) no-repeat top right;
color: #282425;
}

ul.pillen_sub_exhibition li a.current span, ul.pillen_sub_exhibition li a:hover span {
background: url(../images/pille_exhibition_aktiv.gif) no-repeat top left;
}

/* ----- SUBNAVIGATION PILLEN THEORY ----- */
ul.pillen_sub_theory {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.pillen_sub_theory li {
float: left;
display: inline; /*For ignore double margin in IE6*/
margin: 0 4px;
}

ul.pillen_sub_theory li a {
text-decoration: none;
float:left;
cursor: pointer;
color: #ffea94;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top right;
}

ul.pillen_sub_theory li a span {
margin: 0 6px 0 -6px;
padding: 2px 0 2px 6px;
position: relative; /*To fix IE6 problem (not displaying)*/
float:right;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top left;
}

ul.pillen_sub_theory li a.current, ul.pillen_sub_theory li a:hover {
background: url(../images/pille_theory_aktiv.gif) no-repeat top right;
color: #282425;
}

ul.pillen_sub_theory li a.current span, ul.pillen_sub_theory li a:hover span {
background: url(../images/pille_theory_aktiv.gif) no-repeat top left;
}

/* ----- SUBNAVIGATION PILLEN COOPERATION ----- */
ul.pillen_sub_cooperation {
padding: 0;
margin: 0;
list-style: none;
float: left;
}

ul.pillen_sub_cooperation li {
float: left;
display: inline; /*For ignore double margin in IE6*/
margin: 0 4px;
}

ul.pillen_sub_cooperation li a {
text-decoration: none;
float:left;
cursor: pointer;
color: #ececec;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top right;
}

ul.pillen_sub_cooperation li a span {
margin: 0 6px 0 -6px;
padding: 2px 0 2px 6px;
position: relative; /*To fix IE6 problem (not displaying)*/
float:right;
background: url(../images/pille_allgemein_passiv.gif) no-repeat top left;
}

ul.pillen_sub_cooperation li a.current, ul.pillen_sub_cooperation li a:hover {
background: url(../images/pille_cooperation_aktiv.gif) no-repeat top right;
color: #282425;
}

ul.pillen_sub_cooperation li a.current span, ul.pillen_sub_cooperation li a:hover span {
background: url(../images/pille_cooperation_aktiv.gif) no-repeat top left;
}


/* ----- CONTENT ----- */
#content {
width: 770px;
margin-bottom: 30px;
margin-left: 160px;
float: left;
}

/* ----- SCHRIFTDEFINITIONEN ----- */
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #999999;
margin: 0 0 5px 10px;
}

/* ----- LISTEN ----- */
ul {
list-style-type: disc;
padding: 0 35px 0 35px;
}

/* ----- SPALTEN  ----- */
#spalte770 {
width:770px;
height:auto;
float:left;
}

#spalte520 {
width:520px;
height:auto;
float:left;
}

#spalte250 {
width:250px;
height:auto;
float:left;
}

#spalte_artist_beschreibung {
width:390px;
height:auto;
float:left;
}

#spalte_artist_zusatz {
width:380px;
height:auto;
float:left;
}

/* ----- MODUL 770  ----- */
.modul770_dark {
width:769px;
height:auto;
float:left;
background: #292425;
padding: 20px 0 20px 0;
margin-bottom: 10px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.modul770_dark h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
color: #ebebe9;
margin: 0 20px 12px 20px;
}

.modul770_dark h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
margin: 10px 20px 12px 20px;
}

.modul770_dark h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-transform: none;
color: #666666;
margin: 15px 20px 0 20px;
}

.modul770_dark a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
color: #bf67a4;
}

.modul770_dark a:hover, .modul770_dark a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
color: #ebebe9;
}

/* ----- MODUL 770 PARTNER ----- */
.modul770_dark_logo {
width:769px;
height:auto;
float:left;
background: #292425;
padding: 20px 0 20px 0;
margin-bottom: 10px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.modul770_dark_logo h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
color: #ebebe9;
margin: 0 20px 12px 20px;
}

.modul770_dark_logo h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
margin: 10px 20px 12px 20px;
}

.modul770_dark_logo p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: normal;
text-transform: none;
color: #666666;
margin: 0 20px 12px 20px;
}

.modul770_dark_logo_image {
float:left;
margin: 0 20px 12px 20px;
}

.modul770_dark_logo_partner {
float:left;
margin: 0 0 5px 0;
}

.modul770_dark_logo_spalte {
float:left;
}

/* ----- MODUL 510  ----- */
.modul510_dark {
width:509px;
height:auto;
float:left;
background: #292425;
padding: 20px 0 20px 0;
margin-bottom: 10px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

ul, .modul510_dark p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-transform: none;
color: #666666;
margin: 15px 20px 0 20px;
}

.modul510_dark h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
color: #ebebe9;
margin: 0 20px 12px 20px;
}

.modul510_dark h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
color: #999999;
margin: 10px 20px 12px 20px;
}

.modul510_dark h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
font-weight: normal;
text-transform: uppercase;
color: #999999;
margin: 10px 20px 12px 20px;
}

.modul510_dark h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-transform: none;
color: #666666;
margin: 15px 20px 0 20px;
}

.modul510_dark a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-decoration: none;
color: #92cfc0;
}

.modul510_dark a:hover, .modul510_dark a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-decoration: none;
color: #ebebe9;
}

/* ----- MODUL 380 DARK  ----- */
.modul380_dark {
width:379px;
height:auto;
float:left;
background: #292425;
padding: 10px 0 10px 0;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.modul380_dark h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-transform: uppercase;
color: #ebebe9;
margin: 0 20px 10px 20px;
}

.modul380_dark h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
font-weight: normal;
text-transform: uppercase;
color: #ebebe9;
margin: 15px 20px 10px 20px;
}

.modul380_dark p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #666666;
margin: 10px 20px 10px 20px;
}

a.artist_link {
color: #00ffb3;
text-decoration: none;
}

a.artist_link:hover, a.artist_link:active {
color: #ebebe9;
text-decoration: underline;
}

.artist_inside {
margin: 0 20px 0 20px;
}

/* ----- MODUL 380 PLAIN  ----- */
.modul380_plain {
width:379px;
height:auto;
float:left;
margin: 0 0 20px 0;
}

.modul380_plain img {
float:left;
margin: 0;
padding: 0;
}

/* ----- MODUL 770 PLAIN  ----- */
.modul770_plain {
width:769px;
height:auto;
float:left;
margin: 0 0 20px 0;
}

.modul770_plain img {
float:left;
margin: 0;
padding: 0;
}

/* ----- MODUL 120  ----- */
.modul120_dark {
width:119px;
height:auto;
float:left;
background: #292425;
margin: 0;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.modul120_dark h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-transform: uppercase;
color: #ebebe9;
margin: 10px 5px 5px 5px;
float: left;
}

.modul120_dark h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
font-weight: normal;
text-transform: uppercase;
color: #666666;
float: left;
margin: 5px 5px 10px 5px;
}

.modul120_plain img {
float:left;
margin: 0;
padding: 0;
}

/* ----- MODUL 250 DARK ----- */
.modul250_dark {
width:249px;
height:auto;
float:left;
background: #292425;
padding: 10px 0 10px 0;
margin-bottom: 10px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.modul250_dark p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: normal;
text-transform: none;
color: #666666;
margin: 0 10px 6px 10px;
}

.modul250_dark h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-transform: uppercase;
color: #ebebe9;
margin: 0 10px 6px 10px;
}

.modul250_dark h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-transform: uppercase;
color: #999999;
margin: 0 10px 6px 10px;
}

.modul250_grau_p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
line-height:14px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
}

.modul250_dark a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
color: #92cfc0;
}

.modul250_dark a:hover, .modul250_dark a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
color: #ebebe9;
}

/* ----- MODUL 250 LIGHT ----- */
.modul250_light {
width:249px;
height:auto;
float:left;
background: #e6e4e4;
padding: 10px 0 10px 0;
margin-bottom: 10px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.modul250_light p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-transform: none;
color: #666666;
margin: 0 10px 6px 10px;
}

.modul250_light h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 19px;
font-weight: normal;
text-transform: uppercase;
color: #221f1f;
margin: 0 10px 6px 10px;
}

.modul250_light_img {
margin: 0 10px 10px 10px;
}

.modul250_light a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
color: #C162A6;
}

.modul250_light a:hover, .modul250_light a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-decoration: none;
color: #221f1f;
}

/* ----- KALENDER ----- */
p.monat {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-transform: uppercase;
color: #999999;
padding: 10px 10px 5px 10px;
}

p.datum {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-transform: none;
text-align: center;
color: #111111;
padding: 4px 0 0 0;
}

a.kalenderlink {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-transform: none;
text-align: center;
text-decoration: none;
color: #111111;
padding: 4px 0 0 0;
}

a.kalenderlink:hover, a.kalenderlink:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-transform: none;
text-align: center;
text-decoration: underline;
color: #999999;
padding: 4px 0 0 0;
}

.kalender {
margin: 0 0 10px 10px;
padding: 0;
float: left;
}

.wochentag {
float:left;
width: 33px;
height: 23px;
}

.neutral {
background-image: url(../images/neutral.jpg);
background-repeat: no-repeat;
width: 30px;
height: 20px;
padding: 0;
}

.exhibit {
background-image: url(../images/exhibition.jpg);
background-repeat: no-repeat;
width: 30px;
height: 20px;
padding: 0;
}

.live {
background-image: url(../images/live.jpg);
background-repeat: no-repeat;
width: 30px;
height: 20px;
padding: 0;
}

.theory {
background-image: url(../images/theory.jpg);
background-repeat: no-repeat;
width: 30px;
height: 20px;
padding: 0;
}

.cooperation {
background-image: url(../images/cooperation.jpg);
background-repeat: no-repeat;
width: 30px;
height: 20px;
padding: 0;
}

.kombi1 {
background-image: url(../images/kombi1.jpg);
background-repeat: no-repeat;
width: 30px;
height: 20px;
padding: 0;
}

.kombi2 {
background-image: url(../images/kombi2.jpg);
background-repeat: no-repeat;
width: 30px;
height: 20px;
padding: 0;
}

.legend {
margin: 0;
padding: 10px 0 0 0;
float: left;
}

p.legend_part {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #999999;
padding: 0 0 0 10px;
float: left;
width: 109px;
}

/* ----- BUBBLE TOOLTIP  ----- */
a.tt{
position:relative;
z-index:24;
color:#ffffff;
text-decoration:none;
cursor: default;
}
a.tt span{ 
display: none; 
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
z-index:25; 
color: #ffffff; 
background:;
}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:-80px; 
left:-40px;
padding: 0;
width:118px;
color: #000000;
font-size: 10px;
line-height: 12px;
}
a.tt:hover span.top{
display: block;
padding: 6px 0 0 0;
background: url(../images/sf_bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 6px 0 6px; 
background: url(../images/sf_bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
display: block;
padding:12px 0 0 0;
background: url(../images/sf_bubble.gif) no-repeat bottom;
}

/* ----- 5 SPALTEN ----- */

.spalte5_0 {
float: left;
width: 100px;
margin: 0;
padding: 2px 0 2px 20px;
}

.spalte5_0zusatz1 {
float: left;
width: 600px;
margin: 0;
padding: 2px 0 2px 5px;
}

.spalte5_0zusatz2 {
float: left;
width: 29px;
margin: 0;
padding: 2px 0 2px 5px;
}

.spalte5_1 {
width: 18px;
float: left;
margin: 0;
padding: 2px 0 2px 5px;
}

.spalte5_2 {
width: 237px;
float: left;
margin: 0;
padding: 2px 0 2px 0;
}

.spalte5_3 {
width: 18px;
float: left;
margin: 0;
padding: 2px 0 2px 5px;
}

.spalte5_4 {
width: 237px;
float: left;
margin: 0;
padding: 2px 0 2px 0;
}

.spalte5_5 {
width: 109px;
float: left;
margin: 0;
padding: 2px 0 2px 0;
}

/* ----- 3 SPALTEN ----- */

.spalte3_0 {
float: left;
width: 100px;
margin: 0;
padding: 2px 0 2px 20px;
}

.spalte3_0zusatz1 {
float: left;
width: 450px;
margin: 0;
padding: 2px 0 2px 5px;
}

.spalte3_1 {
width: 320px;
float: left;
margin: 0;
padding: 2px 0 2px 0;
}

.spalte3_2 {
width: 200px;
float: left;
margin: 0;
padding: 2px 0 2px 0;
}

.spalte3_3 {
width: 109px;
float: left;
margin: 0;
padding: 2px 0 2px 0;
}

p.spalte_exhibition {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: normal;
text-transform: uppercase;
color: #bf67a4;
}

p.spalte_live {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: normal;
text-transform: uppercase;
color: #92cfc0;
}

p.spalte_theory {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: normal;
text-transform: uppercase;
color: #ffea94;
}

p.spalte_cooperation {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: normal;
text-transform: uppercase;
color: #5a5a5a;
}

p.spalte_content {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: normal;
color: #ebebe9;
padding: 0 15px 0 5px;
}

p.spalte_content_grau {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: normal;
color: #666666;
padding: 0 15px 0 5px;
}

.split_top {
margin: 5px 0 0 0;
}

.split_bottom {
margin: 0 0 15px 0;
}

.zusatz_grau {
color: #666666;
}

/* ----- FORMULAR ----- */

td, input, select, textarea {
font-family:Verdana,sans-serif; 
font-size:10px;
background-color: #211d1e;
border:0px;
margin-top: 5px;
}

input, select, textarea {
color: #999999;
}

.contact_bereich {
float:left;
margin-left: 5px;
margin-right: 10px;
margin-bottom: 5px;
}

.contact_name, .contact_email {
width:161px;
height: 20px;
}

.contact_subject {
width:348px;
height: 20px;
}

.contact_message {
width:350px;
}

.contact_button {
width:auto;
height: 21px;
float:right;
color:#000000;
background: #00ffb4;
padding: 2px 6px 2px 6px;
margin-right: 15px;
}

/* ----- FOOTER ----- */

#footer {
width: 770px;
height: 120px;
background: #1e1b1c;
clear: both;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 160px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

#footer_links {
width: 120px;
padding-top: 10px;
float: left;
}

a.footer_links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #999999;
margin-bottom: 0px;
}

a.footer_links:hover, a.footer_links:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #00ffb4;
}

#footer_sponsor {
width: 640px;
padding-top: 10px;
float: left;
}

.footer_trennung {
width: 1px;
height: 120px;
background-image: url(../images/soundframe_trennung.jpg);
background-repeat: repeat-y;
float: left;
}

/* ------ ADDITIONAL SHIT ----- */
#spalte_260 {
float:left;
width:260px;
height:auto;
/*background: fuchsia;*/
}

.box250_grau {
width: 100%;
max-width: 250px;
height: auto;
background: #292425;
float: left;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.box250_grau_h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: none;
color: #ffffff;
margin-top: 0px;
margin-bottom: 12px;
margin-left: 10px;
margin-right: 10px;
}

.box250_grau_h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-transform: uppercase;
color: #a5a4a3;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

.box250_grau_p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
line-height:14px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
}

#spalte_390 {
width:390px;
height:auto;
float:left;
/*background: green;*/
}

.content_380 {
width: 380px;
height: auto;
background: #292425;
float: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 15px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

#spalte_130 {
float:left;
width:100px;
height:auto;
padding-left: 10px;
/*background: black;*/
}

h3.aussen {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #999999;
margin-bottom: 10px;
margin-left: 0px;
}

#spalte_520 {
width:520px;
height:auto;
float:left;
/*background: blue;*/
}

.box510_grau {
width: 100%;
max-width: 510px;
height: auto;
background: #292425;
float: left;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 5px #181818;
-moz-box-shadow: 0px 0px 5px #181818;
box-shadow: 0px 0px 5px #181818;
}

.box510_grau_h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
margin-top: 0px;
margin-bottom: 12px;
margin-left: 20px;
margin-right: 20px;
}

.box510_grau_h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
color: #999999;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
}

.box510_grau_h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
font-weight: normal;
text-transform: none;
color: #666666;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
}

.box510_grau_p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
line-height:14px;
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
margin-right:20px;
}

.box250_grau {
width: 100%;
max-width: 250px;
height: auto;
background: #292425;
float: left;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.box250_grau_h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: none;
color: #ffffff;
margin-top: 0px;
margin-bottom: 12px;
margin-left: 10px;
margin-right: 10px;
}

.box250_grau_h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
font-weight: normal;
text-transform: uppercase;
color: #a5a4a3;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}

.box250_grau_p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
line-height:14px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
}

.box250_grau_img {
float:left;
margin-left: 10px;
margin-right: 10px;
}

a.box250_grau {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #282425;
width: auto;
height: auto;
background: #00ffb4;
float: left;
padding: 0 5px 0 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 3px #181818;
-moz-box-shadow: 0px 0px 3px #181818;
box-shadow: 0px 0px 3px #181818;
}

/* ----- MEDIA ----- */
.media510_dark {
width:509px;
height:auto;
float:left;
background: #292425;
padding: 20px 0 20px 0;
margin-bottom: 10px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px #181818;
-moz-box-shadow: 0px 0px 2px #181818;
box-shadow: 0px 0px 2px #181818;
}

.preview {
float:left;
margin: 0 20px 10px 20px;
}

.veranstaltung {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
margin: 0 20px 10px 20px;
}

.beschreibung {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
text-transform: none;
color: #666666;
margin: 0 20px 0 20px;
}

a.beschreibung {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #92cfc0;
margin: 0;
}

a.beschreibung_grau {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #666666;
margin: 0;
}

a.beschreibung:hover, a.beschreibung:active, a.beschreibung_grau:hover, a.beschreibung_grau:active {
color: #ffffff;
}