/* Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1em;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/*Ende Reset*/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
html,body{
         font:100.01% arial,sans-serif;
         text-align:center;
         background-color:#000000;
         background-image:url(../images/spotre.jpg);
         background-position:40% 10%;
         background-attachment:fixed;
         background-repeat:repeat-x;
         }
a:link {text-decoration:none; font-weight:normal; color:#00E0FF}
a:visited { text-decoration:none; font-weight:normal; color:#00E0FF}
a:hover { text-decoration:none; font-weight:normal; color:#FF0000}
/*Grafik preload*/
.hidepics {
  width:0px;
  height:0px;
  visibility:hidden;
}
div#container{
         position:relative;
         margin-left:auto;
         margin-right:auto;
         width:900px;
         height:100%;
         padding:20px 5px 5px 5px;

                  }
div#header {
           position:relative;
           margin-left:auto;
         margin-right:auto;
           height:93px;
           width:100%;
           padding:0;
                 }
div#navigation{position:relative;float:left;width:180px; margin-left:0px; margin-top:-93px;}
div#content{
           position:relative;
         float:left;
         width:540px;
         height:100%;
         min-height:630px;
         text-align:justify;
         font-size:95%;
         line-height:150%;
         margin: 10px 0px 0px 180px;
         }
div#startoben {width: 100%; height: 275px;padding: 0px 10px 0px 0px;}
div#startimg {float:left;margin:10px 15px 5px 10px;}
div#starttermin {float:right;width: 220px; height:269px;border:solid 1px #2F2F2F;margin:10px 10px 10px 5px;}
div#extra{position:relative;float:right; width:130px;overflow:visible;margin-right:20px; margin-top:-93px;padding:5px;background-color:#0050A0;}
div#bilder  { margin-left:5px}
div#hoch {position:absolute;
         position:fixed;
         margin-top:400px;
         margin-left:85px;
         font-size:65%;
         }
div#runter {position:absolute;
         position:fixed;
         margin-top:420px;
         margin-left:85px;
         font-size:65%;
         }
          #runter img{display:inline;float:left;padding:5px 2px 0 0;}
div#runterb {position:absolute;
         position:fixed;
         margin-top:450px;
         margin-left:90px;
          }
div#fblike  {position:absolute;float:left;width:180px; margin-top:680px;}
div#strat {position:absolute;
         position:fixed;
         margin-top:470px;
         margin-left:-20px;
          }
div#footer{      position:relative;
                 clear:both;
                 text-align:center;
                 width:100%;
                 padding:0px;
                 }
div#vorschau {
           position:absolute;
            margin-left:15px;
            width:550px;
            height:950px;
            margin-top:15px;
                            }


div#picts   {
            width:500px;
            margin-top:10px;
            margin-left:15px;
            }


div#vcard   {
            position:relative;
         position:relative;
         margin-left:auto;
         margin-right:auto;
            width:200px;
            height:200px;

            }
          .org {font-weight:bold; font-size:90%;color:#DFDFDF;}
          .fn,.adr ,.street-address,.locality,.region,.postal-code,.country-name,.email ,.tel ,.fax {width:300px;font-style:italic; font-size:80%; color:#DFDFDF;}
p      {
         font-size:90%;
         color: #FFFFFF;
         text-align:justify;
         margin:0;
        }
div#content p{line-height:170%;padding:20px 10px 10px 10px;}
div#bandkompl {position:absolute;margin-left:0px;}

p.center  {text-align:center; margin:5px 5px 5px 0; color:#FFFFFF; font-size:90%;}

p.bild {text-align:center;}
p.hcard {text-align:center;margin:-17px 2px 2px 0px;color:#C00040;font-size:75%;}
p.hcard:first-letter {font-style:normal;font-weight:normal;font-size:100%}
p.footer  {text-align:center;font-weight: normal; font-size:70%; color:#FFFFFF;}
p.footer:first-letter {font-weight:normal; font-size:100%;}
p.flyer  {text-align:justify; padding:5px 5px 60px 0px; color:#FFFFFF;font-size:90%;}
p.news  {text-align:justify; padding:5px 5px 60px 0px; color:#FFFFFF;font-size:90%;}
p.news:first-letter {font-style:italic;font-weight: normal; font-size:100%}
p.kontakt {text-align:center;margin:5px 5px 5px 0;color:#FFFFFF;font-size:100%}
p.kontakt:first-letter {font-style:normal;font-weight:normal;font-size:100%}
p:first-letter {font: bold 110% Arial, "Times New Roman"; }
p.cool  {padding:0px 10px 0px 10px; font:normal 80% arial; color:#FFFFFF;}
p.cool:first-letter {font: bold 100% Arial, "Times New Roman";color:#C00040}
p.red {text-align:center; font-size:80%; font-weight: bold;font-style:italic; color:#C00040;}
p.red:first-letter {font-size:100%; font-weight: bold; font-style:italic; color:#C00040;}
p.cod {padding:0px;line-height:85%;text-align:center;width:500px;font-size:70%;font-weight:normal;font-style:normal;color:#C00040;background-color:#8F8F8F;}
p.cod:first-letter {font-style:normal;font-weight:normal;font-size:100%;}
li.sto  {text-align:justify; width:520px;margin:20px 5px 10px 5px; font-size:85%; color:#FFFFFF;}

img.rechts   {     margin:5px 0px 5px -25px; }
/* Bilder für news*/
img.sto   { float:left;
            margin:0px 25px 5px 0px;
            padding:0;
            border: 2px solid #800000;
            }
img.stor   { float:right;
            margin:0px 0px 5px 25px;
            padding:0;
            border: 2px solid #800000;
            }
img.bitext {display:inline;
          vertical-align:top;}
img.inl {        display: inline;
                 vertical-align:middle;
                               }
img.in {         display: block;
                 margin-left:auto;
                 margin-right:auto;
                               }
img.intitel {    display: block;
                 margin-left:auto;
                 margin-right:auto;
                 }
ul#stolen   {    line-height:100%;
                 padding:0px;
         }

img.musiker {
            float:left;
            margin:5px 15px 5px 0px;
            border: 1px solid #DF0000;
            }
img.musikerre{
                 float:right;
                 display:inline;
                 margin:5px 0px 5px 15px;
                 }

h2          {
            text-align:center;
            padding: 0px 0px 0px 0px;
            color:#0090E0;
            font:bold 105% Arial, Tahoma;
                            }
h3          {
            text-align:center;
            padding: 0px 0px 0px 0px;
            color:#FFFFFF;
            font:bold 85% Arial, Tahoma;
                            }
h3.rb {
            text-align:center;
            margin-top:10px;
            font-size:115%;
            font-weight: bold;
            color:#FFFFFF;
                 }
h4 {        text-align:center;
            padding:10px;
            color:#FFFFFF;
            font:normal 90% Arial, Tahoma;
         }
h5 {
   text-align:center;
   padding:15px 10px 13px 10px;
   color:#FFFFFF;
   font:normal 80% Arial, Tahoma;
            }
h6   {
   text-align:center;
   padding:5px;
   color:#FFFFFF;
   font:bold 90% Arial, Tahoma;
            }
.oldterm  {  color:#7F7F7F; }
.aktterm  {  font-weight:bold;font-size:120%;color:#C00040;}
         ul#mainNavi {
                position:absolute;
                margin-top:0px;
                margin-left:0px;
                padding:0px;
                width:180px;
                height: 750px;
                border-style: none;
                list-style:none;
              }
                ul#mainNavi li.start,
                ul#mainNavi li.flyer,
                ul#mainNavi li.ohr,
                ul#mainNavi li.titel,
                ul#mainNavi li.pics,
                ul#mainNavi li.cool,
                ul#mainNavi li.kontakt,
                ul#mainNavi li.balance,
                ul#mainNavi li.loud,
                ul#mainNavi a.start,
                ul#mainNavi a.flyer,
                ul#mainNavi a.ohr,
                ul#mainNavi a.titel,
                ul#mainNavi a.pics,
                ul#mainNavi a.cool,
                ul#mainNavi a.kontakt,
                ul#mainNavi a.balance,
                ul#mainNavi a.loud{
                         display:block;
                         text-indent:85px;
                         text-decoration:none;
                         font: bold 90%  arial, sans-serif;
                         color:#7F7F7F;
                         padding:0;
                         }
                ul#mainNavi li.start,
                ul#mainNavi li.flyer,
                ul#mainNavi li.ohr,
                ul#mainNavi li.titel,
                ul#mainNavi li.pics,
                ul#mainNavi li.cool,
                ul#mainNavi li.kontakt,
                ul#mainNavi li.balance,
                ul#mainNavi li.loud  {
                }
                ul#mainNavi a.start    { background: url(../images/home.gif);height:71px; background-repeat:no-repeat;}
                ul#mainNavi a.flyer    { background: url(../images/band.gif);height:44px; background-repeat:no-repeat;}
                ul#mainNavi a.ohr      { background: url(../images/ohr.gif);height:44px; background-repeat:no-repeat;}
                ul#mainNavi a.titel    { background: url(../images/titel.gif);height:65px; background-repeat:no-repeat;}
                ul#mainNavi a.pics     { background: url(../images/pics.gif);height:58px; background-repeat:no-repeat;}
                ul#mainNavi a.cool     { background: url(../images/cool.gif);height:42px; background-repeat:no-repeat;}
                ul#mainNavi a.kontakt  { background: url(../images/kontakt.gif);height:59px; background-repeat:no-repeat;}
                ul#mainNavi a.balance  { background: url(../images/balance.gif);height:67px; background-repeat:no-repeat;}
                ul#mainNavi a.loud  { background: url(../images/loud.gif);height:299px; background-repeat:no-repeat;}

                ul#mainNavi a.start:hover { background: url(../images/homehover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                ul#mainNavi a.flyer:hover { background: url(../images/bandhover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                ul#mainNavi a.ohr:hover { background: url(../images/ohrhover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                ul#mainNavi a.titel:hover { background: url(../images/titelhover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                ul#mainNavi a.pics:hover { background: url(../images/picshover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                ul#mainNavi a.cool:hover { background: url(../images/coolhover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                ul#mainNavi a.kontakt:hover { background: url(../images/kontakthover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                ul#mainNavi a.balance:hover { background: url(../images/balancehover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                ul#mainNavi a.loud:hover { background: url(../images/loudhover.gif);color:#FFFFFF; background-repeat:no-repeat;}
                /* Bild für aktive Seite*/
                ul#mainNavi a.start:active {background: url(../images/homeactive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}
                ul#mainNavi a.flyer:active {background: url(../images/bandactive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}
                ul#mainNavi a.ohr:active {background: url(../images/ohractive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}
                ul#mainNavi a.titel:active {background: url(../images/titelactive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}
                ul#mainNavi a.pics:active {background: url(../images/picsactive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}
                ul#mainNavi a.cool:active {background: url(../images/coolactive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}
                ul#mainNavi a.kontakt:active {background: url(../images/kontaktactive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}
                ul#mainNavi a.balance:active {background: url(../images/balanceactive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}
                ul#mainNavi a.loud:active {background: url(../images/loudactive.gif);color:#8F8F8F; background-repeat:no-repeat;border:none}

#start1 #mainNavi a.start {background: url(../images/homeactive.gif);color:#00AFFF; background-repeat:no-repeat;border:none;cursor: default;}
#flyer1 #mainNavi a.flyer {background: url(../images/bandactive.gif);color:#C04040; background-repeat:no-repeat;border:none;cursor: default;}
#ohr1 #mainNavi a.ohr {background: url(../images/ohractive.gif);color:#009090; background-repeat:no-repeat;border:none;cursor: default;}
#titel1 #mainNavi a.titel {background: url(../images/titelactive.gif);color:#9F0000; background-repeat:no-repeat;border:none;cursor: default;}
#pics1 #mainNavi a.pics {background: url(../images/picsactive.gif);color:#009090; background-repeat:no-repeat;border:none;cursor: default;}
#cool1 #mainNavi a.cool {background: url(../images/coolactive.gif);color:#E00060; background-repeat:no-repeat;border:none;cursor: default;}
#kontakt1 #mainNavi a.kontakt {background: url(../images/kontaktactive.gif);color:#009090; background-repeat:no-repeat;border:none;cursor: default;}
#balance1 #mainNavi a.balance {background: url(../images/balanceactive.gif);color:#00AFFF; background-repeat:no-repeat;border:none;cursor: default;}
#loud1 #mainNavi a.loud {background: url(../images/loudactive.gif);color:#0090E0; background-repeat:no-repeat;border:none;cursor: default;}
/*Tabellenüberschrift*/
  caption {
          font-style: italic;
          line-height: 150%;
          text-align: center;
          color: #C04040;
          padding:0;
          margin:0;
          border-collapse: collapse;
       }
 /*Tabellenbeschriftung*/
thead th.col {
               letter-spacing:0px;
               text-align: center;
               color: #00E0FF;
               padding: 3px 5px 3px 3px;
               border:1px solid #0090E0;
        }
div#mp3player {
         position:absolute;
         width: 480px;
         margin-left:20px;
                         }
.tableohr {
      padding:5px;
      font-weight: normal; font-size:90%;
      border:none;
         }

.tableohr td {
          line-height:250%;
          text-align: left;
          padding:0px 5px 3px 3px;
          border:1px solid;
          border-color:#BFBFBF;
          }
.tableohr tr {
         padding:0px 5px 3px 3px;
         }
div#tabletitel {
         position:absolute;
         width: 450px;
         left: 50%;
         margin-left: -235px;
         padding:10px 5px 5px 5px;
                         }
table.tabletitel {
         width:450px;
         padding:5px;
         }
table.tabletitel td  {
         vertical-align:middle; }
table.tabletitel th {
              font-weight: bold;
              font-size:100%;
              text-align: center;
              color: #AFAFAF;
              padding: 3px 5px 3px 3px;
              border-bottom:1px solid #BFBFBF;
               }

     tbody tr:hover td {
          cursor:default;
          background-color:#2F2F2F;
       }


div#tabletermine {
         position:relative;
         margin-left:auto;
         margin-right:auto;
         width: 520px;
                         }
table.termine {
         margin: 0px 10px 0px 10px;
         }
table.termine caption {
          font-style: italic;
          font-weight: bold;
          line-height: 200%;
          text-align: center;
          color: #00AFFF;
          background:none;
          padding:5px;
          margin:15px;
          }
table.termine td {
          text-align: center;
          padding:3px 5px 3px 3px;
          color:#FFFFFF;
          }
table.termine tr {
         text-align: center;
         font-weight:normal;
         font-size: 80%;
         padding:3px 5px 3px 3px;
           }
table.termine th {
              font-weight: bold;
              font-size:100%;
              text-align: center;
              color: #00AFFF;
              padding: 3px 5px 3px 3px;
              border-bottom:1px solid #BFBFBF;
               }
div#tablecool {
         position:absolute;
         width: 520px;
                         }
table.tablecool {
         text-align:center;
      border:none;
         }
table.tablecool td.coolleft{
          vertical-align:middle;
          text-align: center;
          padding:10px 0px 10px 0px;
          }
table.tablecool td.coolright{
          vertical-align:middle;
          text-align: center;
          padding:0px 0px 0px 0px;
          }
div#footer p{margin:0;padding:10px 5px 10px 5px;}