/*-----------------BROWSER STANDARTS ZURÜCKSETZEN--------------------------*/
* {
padding: 0; margin: 0; font-size: 100%; font-weight: normal; outline: none;
}

ul, ol {list-style-type: none;}

ul.eintrag    {margin: 12px 0; padding-left: 18px; list-style-type: disc; display: block; line-height: 16px; font-size: 12px; color: #ffffe9;}
ul.eintrag>li {margin: 7px 0 7px 0; padding-left: 2px;}
b,
strong {
font-weight: bold;
}

img,
a img {border: none; margin: 0; padding: 0;}

.fl {               /*-----------------floating für objekte wie bilder--------------------------*/
float: left; padding-right: 10px; padding-top: 6px;
}

.fr {
float: right; padding-right: 10px; padding-top: 6px; 
}

.clearfloat {
clear: both;
}
   
/*-----------------SCHRIFT / GRÖßE--------------------------*/
/*#background2{height: 100%; background-image: url(img/body_Background2.jpg); background-position: center top; margin: 0 auto; background-repeat: repeat-y;}*/
#background {background-image: url(img/body_Background.jpg); background-position: center top; background-repeat: repeat-y; margin: 0 auto; background-attachment: fixed;}


body        {background-color: #1d1d1d; font-family: Arial, Helvetica, sans-serif; font-size: 76%; text-align: center;}
p           {display: block; line-height: 16px; font-size: 12px; color: #ffffe9;}
span        {display: inline; line-height: 16px; font-size: 12px; color: #ffffe9; margin: 0; text-transform: none;}
#mehr span  {display: block; line-height: 16px; font-size: 9px; color: #fff; text-align: center; padding: 1px 0 0 7px;}
h1          {display: inline; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 7px; margin-top: 7px; text-transform: uppercase;}
h2          {display: block; font-family: Arial, Helvetica, sans-serif; color: #999966; font-size: 11px; font-weight: normal; margin-bottom: 8px; padding-top: 5px; text-transform: uppercase;}
h3          {display: inline; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase;}
h4 /*news 2. überschrift*/ {margin-bottom: 10px; display: block; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 15px; font-weight: bold;}
h5 /*page*/ {display: block; color: #fff; text-align: center; font-size: 24px; font-weight: bold; line-height: 40px; padding-right: 10px;}
h6          {display: block; color: #fff; text-align: left; font-size: 12px; font-weight: bold;}

a           {color: #999966; text-decoration: none; font-weight: bold; text-transform: uppercase;}
a:hover, 
a:focus, 
a:active    {text-decoration: underline;}

/*-------------------------------LAYOUT----------------------------------*/

#container  {width: 800px; /*background-color: #141414*/; margin: 0 auto; padding: 0; text-align: left;}
#overline   {position: relative; background-color: #141414; height: 30px; overflow: hidden;}
ul#navTop li {float: right; display: inline; margin-right: 20px; margin-top: 15px;}
#header     {height: 395px; background-color: #141414; background-image: url(img/band.jpg); background-repeat: no-repeat; background-position: center bottom; overflow: hidden;}
#header:hover {background-image: url(img/band.jpg); background-repeat: no-repeat; background-position: center top;}
#nav        {height: 30px; padding: 0 0 0 10px; background-image: url(img/bg_nav.gif); background-repeat: no-repeat; background-position: left top; line-height: 25px;}
#nav2       {height: 48px; background: url(img/bg_nav2.gif) no-repeat 108px top; overflow: hidden;}
#page       {height: 48px; width: 110px; background-image: url(img/bg_nav_auswahl.png); background-repeat: no-repeat; background-position: left top; float: left;}

#content    {
padding: 0; 
background-color: #242424; 
background-image: url(img/bg_con.gif); 
background-position: left top; 
border-left: 2px solid #510e2a; 
border-right: 2px solid #480e26; 
}

* html #content    { /* IE6 */
padding: 0; 
background-color: #242424; 
background-image: url(img/bg_con.gif); 
background-position: 2px top; 
border-left: 2px solid #510e2a; 
border-right: 2px solid #480e26; 
}


#contentHome {padding: 0 2px; background-color: #141414; background-image: url(img/bg_conHome.gif); background-position: left top; height: 560px; }
#contentHomeInner {background-image: url(img/bandbild.jpg); height: 531px; width: 796px; }

#conMain    {width:510px; float:left; }

.con01      {width:480px; margin: 18px 0 23px 30px;}
.con01 ul.links   {list-style-type: none; margin: 10px 0 0 0;}
.con01 ul.links li  {margin: 0 0 8px 0}
.con01Video {width: 511px; float:left; margin: 18px 0 0 30px;}
.con01Photo {width: 511px; margin: 18px 0 18px 30px;}
.con01>p>a>img {float: left; margin-right: 10px; margin-top: 5px;}
.con01Inner {width: 100%; margin-bottom: 10px;}
.gigbox     {width:480px; margin: 18px 0 10px 30px;}
.gigbox h2  {display: block; font-family: Arial, Helvetica, sans-serif; color: #999966; font-size: 11px; font-weight: normal; margin-bottom: 3px; padding-top: 0px; text-transform: uppercase;}

.conAudio   {width:480px; margin: 18px 0 23px 30px;}
#photoGallerie{background: transparent; width: 480px;}

#myGallery  {height: 250px !important; border: 8px solid #fff; width: 464px !important; margin: 0; padding: 0;}
* html #myGallery    { /* IE6 */ height: 250px !important; border: 8px solid #fff; width: 480px !important; margin: 0; padding: 0;}

#Komma      {width: 98px; float: left; height: 100px;}
  
.zitat      {width: 370px; height: 200px; margin-bottom: 40px;  background-position: left top; background-repeat: no-repeat; padding: 0 0 0 108px;}
.zitat a:hover,
.zitat a:focus,
.zitat a:active {text-decoration: none;}
    
#conSidebar {float: right; width: 220px; overflow: hidden;}
  
.conRight, .conRightFP   {margin: 20px 0 30px 0;}
.con02Head  {height:22px; padding: 4px 0 0 18px; background: url(img/bg_con02Head.gif) no-repeat left top;}
.con02      {padding: 0 0 7px 24px; margin-bottom: 5px; background-color: #0e0e0e}
.conRightFP .con02 {padding: 0 0 8px 0; text-align: center; }
.con02 h2   {text-transform: none; margin-bottom: 2px; padding-top: 8px; text-align: left;}
.con02 p    {line-height: 15px; font-size: 12px;}
.con02 a    {line-height: 15px; font-size: 12px; color: #ffffe9; font-weight: normal;}
.con02 a:hover {line-height: 15px; font-size: 12px; text-decoration: underline;}
.con02 img  {margin-left: -24px;}

.con02_fanPhoto {padding: 10px 24px 7px 24px; margin-bottom: 5px; background-color: #0e0e0e;}

#twitter    {background: #0e0e0e; padding: 0 17px 0 17px;}
#twitter span {color: #fff; display: block;}  
#twitter a  {margin-bottom: 5px;}
#twitter ul li {border-bottom: 1px solid #fff; margin: 5px 0; padding-bottom: 8px;}  
#twitter a.twitter {color: #fff; line-height: 20px; padding-bottom: 10px; margin-right: 10px;}      

.picBand1 {width: 105px; height: 158px; float: left; margin-bottom: 10px; background-image: url("img/band/01.jpg"); background-position: left top;}
.picBand2 {width: 105px; height: 158px; float: right; margin-bottom: 10px; background-image: url("img/band/02.jpg"); background-position: left top;}
.picBand3 {width: 220px; height: 145px; float: left; margin-bottom: 10px; background-image: url("img/band/05.jpg"); background-position: left top;}

#photoAlben {margin-top: 15px;} 
.album {display: inline; float: left; width: 138px; background-color: #fff; border: 2px solid #fff; margin: 0 28px 30px 0;}
.album p {font-size:11px; line-height: 11px; padding: 4px 0 5px 4px; color: #0e0e0e;}
.album2 {display: inline; float: left; width: 138px; background-color: #500e2a; border: 2px solid #fff; margin: 0 0 30px 0;}
.album2 p {font-size:11px; line-height: 14px; padding: 2px 0 5px 5px;}

#album01 {display: inline; float: left; width:140px; height: 90px; background: transparent; }


.iframe img {/*width: 94px; height: 71px; overflow: hidden; */border: none;}
.con01Video a.iframe {margin: 0px 29px 29px 0; display: block; float: left;}
  
#shopLink {height: 30px; background-color: #ebdc88; background-image: url(img/shopButton.jpg); background-position: left top; text-align: center; font-size: 16px; line-height: 30px;}
  
#shopLink:hover {background-position: left bottom;}
    
.conNewsletter {width: 195px; height: auto; float: left; background-color: #141414; margin: 40px 0 40px 0;}
  
hr {height: 1px; background: #fff; width: 480px; margin-left: 30px; padding: 0; border: none;}
hr.hr2 {height: 1px; background: #fff; width: 172px; margin: 0px 0 10px 0; padding: 0; border: none;}
#mehr       {background: url(img/mehr) no-repeat left top; float: right; margin: 5px 200px 0 0; width: 48px; height: 24px; line-height: 16px; color: #fff; text-align: right; font-size: 11px;}  
a#v_toggle  {background: url(img/mehr) no-repeat left top; font-size: 9px; line-height: 9px; padding: 2px 3px 2px 9px; color: #fff;}
a#v_toggle2 {background: url(img/mehr) no-repeat left top; font-size: 9px; line-height: 9px; padding: 2px 3px 2px 9px; color: #fff;}
a#v_toggle3 {background: url(img/mehr) no-repeat left top; font-size: 9px; line-height: 9px; padding: 2px 3px 2px 9px; color: #fff;}
a#v_toggle4 {background: url(img/mehr) no-repeat left top; font-size: 9px; line-height: 9px; padding: 2px 3px 2px 9px; color: #fff;}
a#v_toggle5 {background: url(img/mehr) no-repeat left top; font-size: 9px; line-height: 9px; padding: 2px 3px 2px 9px; color: #fff;}
#footer     {height: 30px; background: url(img/bg_footer.png) no-repeat left bottom;}

#downline   {height: 90px; margin-top: 35px; clear: both;}
.impressum  {float: right;}

.box_head {margin: 8px 0 0px 320px; width: 48px; height: 24px; display: block;}
.boxes {display: none; width: 480px;}
.boxesLeft {width: 362px; float: left;} 
.boxesRight{float: left; width: 118px; text-align: center} 
#clearer {clear: both; height:1px; margin-bottom: 6px; overflow: hidden;}
.clearer {clear: both; height:1px; margin-bottom: 6px; overflow: hidden;}

#end {height: 35px; padding: 3px 0 0 10px; background: url(img/bg_end.gif) no-repeat left top; line-height: 25px; text-align: center; color: #fff;}

/*-------------------------------FAHNE----------------------------------*/

#menu {position: relative;}
#fahne {width: 62px; height: 231px; background: url(img/fahne_bg.png); position: fixed; left: 0px; top: 50px;}

* html #fahne {width: 62px; height: 231px; background: url(img/fahne_bg.png); position: absolute; left: 0px; top: 50px;}




#fahne_myspace  {position: absolute; left: 10px; top: 22px; width: 32px; height: 32px; background: url(img/fahne_myspace.jpg) no-repeat left top;}
#fahne_myspace:hover  {background: url(img/fahne_myspace.jpg) no-repeat right top;}


#fahne_facebook {position: absolute; left: 10px; top: 72px; width: 32px; height: 32px; background: url(img/fahne_facebook.jpg) no-repeat left top;}
#fahne_facebook:hover {background: url(img/fahne_facebook.jpg) no-repeat right top;}


#fahne_twitter {position: absolute; left: 10px; top: 122px; width: 32px; height: 32px; background: url(img/fahne_twitter.jpg) no-repeat left top;}
#fahne_twitter:hover {background: url(img/fahne_twitter.jpg) no-repeat right top;}


#fahne_youtube {position: absolute; left: 10px; top: 172px; width: 32px; height: 32px; background: url(img/fahne_youtube.jpg) no-repeat left top;}
#fahne_youtube:hover {background: url(img/fahne_youtube.jpg) no-repeat right top;}

a.fahne_tooltip {position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; display: block;}

/*-------------------------------ALLGEMEIN----------------------------------*/
.merch {                                                                
width: 170px;
margin: 5px 0 0 0;
}

#preview {
background-color: #fff;
height: 98px;
width: 170px;
}

/*---------------------------------SHOWS TABELLE---------------------------------*/
.gigsTabelle {
width: 100%;
background: #000;
color: #fff;
border-collapse: collapse;
text-align: left;
}

.trhead {     /*ERSTE ZEILE*/
background: #0e0e0e;
color: #fff;
height: 30px;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica;
}
.trhead:hover {
background: #0e0e0e;
color: #fff;
}

.td01,
.th01 {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 23px;
}

.td02,
.th02 {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
}

.tr01 {
vertical-align: top;
background: #0e0e0e;
color: #dcdc9d;
height: 25px;
}

.tr02 {
vertical-align: top;
background: #0e0e0e;
color: #999966;
height: 25px;
}
                              
.gigsTabelle .tr01:hover, 
.gigsTabelle .tr02:hover {
background: #500e2a;
color: #fff;
}

.gigsTabelle tfoot {
background-image: url(img/bg_con.gif);
border-top: 2px solid #141414;
font-size: 12px;
text-align: right;
}

.gigsTabelle tfoot td {
padding-right: 8px;
}

.gigsTabelle tfoot tr:hover {
background: none;
color: #000;
}


/*----------TABELLE PAST SHOWS---------------*/

.pastShows {
width: 100%;
background: #000;
color: #fff;
border-collapse: collapse;
text-align: left;
}

.pastShows tr:hover {
background: #0e0e0e;
color: #fff;
}

.pastrow {
vertical-align: top;
background: #0e0e0e;
color: #dcdc9d;
height: 20px;
}

.pastrow_last {
vertical-align: top;
background: #0e0e0e;
color: #dcdc9d;
height: 30px;
}

.jahr
{
padding-top: 10px;
padding-bottom: 0px;
padding-left: 23px;
}


/*-------------------ACTIONS--------------------*/
/*---VORSCHAU---*/

#preview {position:absolute; border:1px solid #ccc; background:#000; padding:5px; display:none; color:#fff; width: 230px; height: 325px;}

#versteckbild {width: 230px; height: 325px; float: left; position: absolute;}


#indexVideoOuter {border: 1px solid #fff;width: 700px; height: 500px; background-color: #141414; margin: 50px auto 150px auto;}
#indexVideoOuter h1 {font-size: 15px; text-align: center; display: block; line-height: 22px;}

#indexVideo {z-index: 200;}
#indexShop {width: 142px; height: 50px; background-color: #141414; z-index: 10; position: absolute; margin-left: -1px; margin-top: -110px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}

#indexShop h1 {margin-top: 4px; color: #fff;}
#indexShop a {color: #999966;}
#indexShop a:hover {color: #fff; text-decoration:none;}

td.icon {padding-left: 20px;}

#bild_element {width: 470px; height: 250px; background: #fff;}



/*----------------------NEWSLETTER-------------------------------*/

input { 
font-family:Arial,sans-serif;
color:#fff;
font-size:12px;
border: 1px solid #6d6d6d;
line-height: 14px;
background-color: #303030;
width:170px;
padding: 1px 0 3px 3px;
margin: 3px 0 10px 0;
}

select { 
background-color: #fff;
width: 80px;
height: 20px;
margin-right: 10px; 
border: 1px solid #9e9e9e;
display: inline;
}

.send {
width: 77px;
height:20px;
background-color: #999966;
font-weight:bold;
color: #141414;
font-family: Arial;
display: inline;
margin: 3px 0 0 0;
padding: 0}

input.send:hover{
background-color: #fff8d3 ;
}
 
.Auswahl  { 
background-color: #fff;
width: 80px;
height: 20px;
margin-right; 
border: 1px solid #9e9e9e;
padding: 0;
display: inline;
}

.newsletterForm {padding-bottom: 5px;}


span.newsFoto {width: 203px; height: 143px; padding: 3px 0 0 3px; background: #fff; margin: 5px 10px 2px 0; float: left;}


/*----------------------KONTAKTFORMULAR-------------------------------*/
.formular {position: relative; height: 210px;}

.formularElement.left.vorname {position: absolute; left: 0px; top: 0px;}
.formularElement.left.handynummer {position: absolute; left: 0px; top: 50px;}
.formularElement.left.email {position: absolute; left: 0px; top: 55px;}
.formularElement.left.nachricht {position: absolute; left: 0px; top: 115px;}
.formularElement.left.submit {position: absolute; left: 0px; top: 270px;}

.formularElement.right.name {position: absolute; left: 220px; top: 0px;}
.formularElement.right.alter {position: absolute; left: 220px; top: 50px;}

.formular textarea {width: 400px; height: 120px; margin: 4px 0 0 0;}
.formular input {width: 180px;}
.formular .submitButton {background-color: #999966; color: #141414; font-weight: bold; height:25px;}
.formular .submitButton:hover {background-color: #fff8d3; cursor: pointer;}
.formular .emailInput {width: 400px;}


.warnung {font-size: 20px; color: #ff0000;}

.meldungfalse {position: absolute; left: 90px; top: -55px; padding: 10px 10px 10px 40px; background: url(img/warnung.png) no-repeat left top;}
.meldungright {position: absolute; left: 90px; top: -55px; padding: 10px 10px 10px 40px; background: url(img/arrow.png) no-repeat left top;}

.meldungfalse p {font-size: 20px; color: #ff0000;}
.meldungright p {font-size: 20px; color: #17F400;}

.con01 .spalte1 {padding: 0 15px 5px 0; z-index: 100;}
.con01 .spalte2 {padding: 0 15px 5px 0; z-index: 100;}
.con01 .spalte3 {padding: 0 15px 5px 0; z-index: 100;}
.con01 .spalte4 {padding: 0 15px 5px 0; z-index: 100;}
.con01 object.track {padding-top:2px;}

.line {width: auto; height:1px; display: block; background: #fff;margin-left: 30px;}