html { height:     100.1%;    
/*
   background: url(../pics/Hintergrund.jpg) center no-repeat;
   background-position:   center;
   background-margin:     0px;
   background-attachment: fixed;
   background-size:       1200px; 
*/   
   background-color:      #c2b89f;
  }

  a:link, a:visited, a:focus, a:hover, a:active  {
    text-decoration: none;
    outline:         none;
    color:           #eeeeee;
/*    color:           #8f8778;*/ 
  }
 
  a:hover {
    color:           #ba0000; 
  }



  body {
    color:               #8f8778; 
    font-family:         Helvetica,Arial,sans-serif;
    width:               800px;
    margin:              auto;
    text-align:          center;
    overflow:            visible;
    } 

  #body_wrap {
    position:            relative;
    width:               800px;   
    overflow:            visible;
    background-color:    white;
  }
  #area-body {
    position:            relative;
    text-align:          left;
    font-size:           1em;
    width:               800px;   
    height:              443px;
    border:              0px;
    overflow:            visible;
    background-color:    white;
  }

  div#Bandlogo {
    position:            relative; 
    left:                10px;
    top:                 20px;
    z-index:             80;
    float:               left;
  }

  .container {
    position:            relative; 
    left:                0px;
    margin-top:          10px;
    width:               800px;
/*    border:              2px solid black;*/
    z-index:             80;
    float:               left;
  }

  .newline {
    clear:               left;
  }

  .button_links  {
    position:            relative; 
    margin:              0px 10px 0px 0px; 
    left:                20px;
    top:                 10px;
    font-size:           1em;
    box-shadow:          4px 4px 2px #c2b89f;
    clear:               left;
    overflow:            display;
    float:               left;
    background:          rgba(250,250,250,0.9);
  }

  .button_next  {
    position:            relative;
    margin:              0px 20px 0px 0px; 
    left:                30px;
    top:                 10px;
    font-size:           1em;
    box-shadow:          4px 4px 2px #c2b89f;
    height:              100%;
    overflow:            display;
    float:               left;
    background:          rgba(250,250,250,0.9);
  }
  .button_likeit  {
    position:            relative;
    margin:              0px 0px 0px 0px; 
    top:                 55px;
    left:                500px;
    height:              10px;
    overflow:            display;
    float:               left;
  }

  div#musiker_area {
    position:            relative;
    width:               230px;
    color:               white; 
    float:               left;
  }

  div#musiker_box {
    position:            relative;
    color:               white; 
    left:                20px;
    width:               230px;
    height:              200px;
    margin:              0px 30px 10px 0px;
    background-color:    #c3b9a0;
    border:              1px solid #white;
    box-shadow:          4px 4px #928c7c;
    float:               left;
  }

  div#musiker_box_img  {
    position:            relative;
    text-align:          center;
    font-size:           1em;
    width:               130px;
    height:              200px;
    overflow:            display;
    float:               left;
  }
  
  div#musiker_box_txt  {
    position:            relative;
    text-align:          center;
    font-size:           1em;
    margin:              30px 0px 0px 0px;
    width:               100px;
    height:              200px;
    overflow:            display;
    float:               left;
  }

  div#download_box {
    position:            relative;
    color:               white; 
    left:                20px;
    width:               230px;
    margin:              0px 30px 10px 0px;
    background-color:    #c3b9a0;
    border:              1px solid #white;
    box-shadow:          4px 4px #928c7c;
    float:               left;
  }

  div#download_box_txt  {
    position:            relative;
    text-align:          center;
    font-size:           1em;
    margin:              10px 0px 0px 0px;
    width:               230px;
    overflow:            display;
    float:               left;
  }

  div#info_area {
    position:            relative;
    left:                40px;
    width:               230px;
    color:               black; 
    float:               left;
  }

  div#bandinfo  {
    position:            relative;
    color:               black;
    left:                20px;
    width:               490px;
    background-color:    #d7ccb5;
    box-shadow:          4px 4px #928c7c;
    overflow:            display;
    float:               left;
  }

  div#bandinfo_txt  {
    position:            relative;
    text-align:          left;
    font-size:           .9em;
    margin:              10px;
    overflow:            hidden;
    float:               left;
  }

  div#bandfoto {
    position:            relative; 
    width:               490px;
    height:              315px;
    margin:              20px 20px 20px 20px;
    box-shadow:          4px 4px #928c7c;
    float:               left;
    overflow:            hidden;
    background:          #f1eada;  
  }

  div#diskograf_area {
    position:            relative; 
/*    color:               #aca48d; */
    left:                20px;
    color:               #eeeeee;
    text-align:          center;
    font-size:           .9em;
    width:               490px;
    box-shadow:          4px 4px #928c7c;
    float:               left;
    background:          #121028;  
  }

  div#diskoheader {
    position:            relative; 
    margin:              23px 10px 20px 0px;
    width:               100%;
    text-align:          center;
    font-size:           1.3em;
    float:               center;
    overflow:            display;    
  }
  div#diskograf  {
    position:            relativ; 
    margin:              0px 0px 0px 14px;
    text-align:          center;
    font-size:           .8em;
    width:               100px;
    height:              200px;
    float:               left;
    overflow:            display;
  }

  div#diskoaudio {
    position:            absolute; 
    bottom:              20px;
    text-align:          center;
    z-index:             60;
    float:               auto;
  }

  div#tourdaten_area  {
    position:            relative; 
    color:               #eeeeee;
    margin:              10px 0px 5px 20px;
    text-align:          center;
    font-size:           0.8em;
    width:               760px;
    box-shadow:          4px 4px #928c7c;
    float:               left;
    overflow:            display;
    background-image:    url(../pics/bg_live.jpg);
  }

  div#tourheader {
    position:            relative;
    left:                20px; 
    margin:              10px 40px 5px 0px;
    text-align:          left;
    width:               100%;
    font-size:           2em;
    float:               left;
    overflow:            hidden;    
  }

  div#tourdaten_wrap {
    position:            relative; 
    width:               760px;
    height:              240px;
    overflow-x:          scroll;
    overflow-y:          hidden;
  }

  div#tourdaten_scroll {
    position:            relative; 
    width:               2750px;        /* 190 je Eintrag*/
    height:              240px;
    float:               left; 
    white-space:         nowrap;
  }

  .tourdaten {
    position:            relative; 
    margin:              5px 0px 10px 40px;
    text-align:          center;
    font-size:           1em;
    width:               140px;
    height:              200px;
    float:               left;
    overflow:            visible;
    background-color:    rgba(100,100,100,0.7);
  }


  div#impressum {
    position:            absolute; 
    left:                240px;
    top:                 0px;
    color:               #000000;
    text-align:          justify;
    font-size:           0.8em;
    box-shadow:          4px 4px 2px #c2b89f;
    width:               520px;
    height:              400px;
    margin:              10px;
    padding:             10px;
    border:              1px solid #c2b89f;
    border-radius:       3px;
    clear:               left;
    overflow:            auto;
    background:          rgba(250,250,250,0.9);
  }

  

  div#nextlive_area  {
    position:            relative; 
    color:               #a0a663;
    text-align:          center;
    font-size:           0.8em;
    width:               160px;
    box-shadow:          4px 4px #928c7c;
    float:               left;
  }





  .leerzeile {
    position:            relative; 
    left:                0px;
    width:               1200px;
    font-size:           5px;
    text-align:          center;
  }

/*     Footer-Bereich                            */

  div#footer_area {
          position:            relative; 
          left:                0px;
          color:               #c2b89f;
          background-color:    #8f0000;/* #aa0000;   #c2b89f;*/
          width:               800px;
          height:              20px;
          font-size:           14px;
          text-align:          right;
          z-index:             99;           
          float:               left;
          overflow:            visible;
         }
       
  div#footer_content_l {
          position:            relative;
          float:               left;
          text-align:          left;
          width:               45%;
          padding:             0px 10px 0px 10px;
         }
       
  div#footer_content_r {
          position:            relative;
          float:               right;
          text-align:          right;
          width:               45%;
          padding:             0px 10px 0px 10px;
         }

  div#footer_area a:link    { text-decoration:underline; color: #c2b89f; }
  div#footer_area a:focus   { text-decoration:none;      color: #c2b89f; }
  div#footer_area a:visited { text-decoration:underline; color: #c2b89f; }
  div#footer_area a:hover	  { text-decoration:underline; color: #ffffff; }
  div#footer_area a:active  { text-decoration:none;      color: #ffffff; }

-->

  div#musikbox  {
    position:            absolute;
    right:               360px;
    bottom:              20px;
    text-align:          center;
    font-size:           1em;
    box-shadow:          4px 4px 2px #c2b89f;
    width:               320px;
    height:              250px;
    border:              1px solid #c2b89f;
    float:               left;
    overflow:            auto;
    background:          rgba(250,250,250,0.9);
  }

  

  #area-content {
    position:                absolute; 
    left:                    50px;
    top:                     100px;
    text-align:              left;
    font-size:               1em;
    margin:                  30px 0em;
    width:                   1200px;
    height:                  570px;
    border:                  0px;
    z-index:                 1;
    overflow:                visible;
/*    background-color:        rgba(250, 250, 220, 0.80);
    background:              transparent;*/ 
   } 

  div#menu-zeile {
    position:            absolute; 
    right:               20px;
    top:                 106px;
    width:               340px;
    color:               #000000;
    background-color:    #fefefe;
    padding:             1em;
    font-size:           16px;
    text-align:          center;
    z-index:             52;
    border-radius:       3px;
    overflow:            visible;
  }
  
  div#menu-zeile a:link    { color: #000000;} 
  div#menu-zeile a:active  { color: #000000;} 
  div#menu-zeile a:visited { color: #000000;} 
  div#menu-zeile a:hover   { color: #000000;} 

  div#menu-uzeile {
    position:            absolute; 
    left:                0px;
    top:                 150px;
    color:               #ffffff;
/*    background-color:    #cc0000;*/
    background-color:    red;
    padding:             1em;
    width:               880px;
    height:              10px;
    font-size:           10px;
    text-align:          right;
    float:               right;
  }


  #area-contentheader {
    position:            relative; 
    left:                0px;
    top:                 0px;
    text-align:          left;
    font-size:           1em;
    margin:              0em 0em;
    width:               auto;
    height:              190px;
    border:              0px;
    overflow:            auto;
    background-color:    transparent;
  }
   
  a img {
    border:0px none; 
    text-decoration: none; 
  }

  div#Bandfoto {
    position:            absolute; 
    left:                0px;
    top:                 50px;
    width:               300px;
    z-index:             99;
    float:               left;
  }

  div#Bandfoto2 {
    position:            absolute; 
    left:                0px;
    top:                 80px;
    width:               300px;
    z-index:             99;
    background-color:    transparent;
    float:               left;
  }


  div#kalender_oben {
    position:            absolute; 
    left:                10px;
    top:                 125px;
    z-index:             80;
    float:               left;
  }

  div#Single {
    position:            absolute; 
    left:                0px;
    top:                 82px;
    z-index:             99;
    float:               left;
  }

  div#Gitarre {
    position:            absolute; 
    left:                870px;
    top:                 450px;
    z-index:             99;
    float:               left;
  }

  div#video {
    position:            absolute; 
    left:                100px;
    top:                 220px;
    z-index:             60;
    float:               right;
  }
  div#audio {
    position:            absolute; 
    left:                550px;
    top:                 250px;
    z-index:             60;
    float:               auto;
  }

  div#mitte {
    align:               center;
  }

  audio {
    width:  250px;
  }

    .justleft  {text-align: left}
  .justright {text-align: right}

  div#Bandlogo2 {
    position:            relative; 
    left:                30px;
    top:                 40px;
    z-index:             80;
    float:               left;
  }

  div#comingsoon {
    position:            absolute; 
    left:                10px;
    top:                 140px;
    z-index:             80;
    float:               left;
  }

  div#plakat {
    position:            relative; 
    left:                20px;
    top:                 90px;
    text-align:          center;
    font-size:           1em;
    box-shadow:          4px 4px 2px #c2b89f;
    width:               320px;
    margin:              10px;
    border:              1px solid #c2b89f;
    border-radius:       3px;
    clear:               left;
    overflow:            auto;
    background:          rgba(250,250,250,0.9);
  }




/*   text-decoration: none;  


                             */