/* CSS Hautpseite */

body { font-family:lucidana sans unicode, verdana, sans-sarif; 
       background-position:right center; 
       background-repeat:no-repeat; 
       background-attachment:fixed; 
       margin:0 0 0 5%; padding:5px; }

div { border:2px solid #8B0000; }

.coverl { float:left; 
          padding:0 0.5em 0.5em 0.5em; }

.coverr { float:right; 
          padding:0 0.5em 0.5em 0.5em; }

.zwei { float:left; width:47%; 
        list-style-type:none; 
        padding:0.5em; margin:0; }

.drei { float:left; width:30%; 
        list-style-type:none; 
        text-align:center; 
        background-color:#999; border:2px solid#000; 
        padding:0; margin:2.5em 0.5em 0.5em; }

a { font-size:12px; }

h1 { text-align:center; 
     font-size:1.3em; 
     padding:2em 0 0.5em; 
     margin-top:-1.5em; }

h2 { font-size:1.1em; padding:1em 0 0 0.5em; }

h3 { font-size:0.9em; padding:0 0 0 0.5em; }

p { font-size:14px; }



/* Eingangsseite */


#eingangsseite { font-family:tahoma, verdana, sans-sarif; 
                 text-align:center; 
                 border:none; }

#eingangsseite a { color:#FF4500; 
                   font-size:1em; 
                   text-decoration:none; 
                   text-align:center; }

#eingangsseite a:hover { color:#8B0000; 
                         text-decoration:none; }

#eingangsseite img { width:65%; }


#eingangsseite ul { float:left; 
                    width:25%; 
                    height:19em; 
                    border:3px double#8B0000; 
                    background-color:#000; 
                    opacity:0.80; 
                    margin:0.75% 2.5% 1.5% 2.5%; 
                    padding:0.5em; }

#eingangsseite ul h1 { color:#FF4500; 
                       font-size:1.2em; 
                       margin-top:-2em; }

#eingangsseite ul h1+img { margin-top:-0.2em; }

#eingangsseite ul img { width:80%; 
                        border:2px solid#8B0000; 
                        margin-top:16%; }

#eingangsseite ul p { font-size:0.8em; 
                      font-weight:bold; 
                      color:#8B0000; }

#eingangsseite ul p span { color:#FF4500; }

#eingangsseite ul.intro  { clear:left; 
                           float:left;
                           color:#FF4500; 
                           font-size:1.5em; 
                           font-weight:bold; 
                           border:3px double#8B0000; 
                           width:90%; 
                           height:1.3em; 
                           background-color:#000; 
                           opacity:0.80; 
                           margin:0 2.5% 0 2.5%; 
                           padding:0.2em; }

#eingangsseite ul.intro li { float:left;                            
                             list-style-type:none; 
                             text-align:center; 
                             margin-left:3.5em; }

#eingangsseite ul.intro li a { text-align:center; }

.logo { width:90%; }





/* Werbung */


#werbung { padding:5px 0 2px 0; 
           border:none; 
           width:85%; 
           text-align:center; 
           background:url(grafik/bm-werbungbg.gif) no-repeat center; }

#werbung img { border:1px solid#000; }




/* Sprunglink */


#sprunglinks { margin:0; 
               padding:5px; 
               font-weight:bold; }

#sprunglinks a { color:#999; 
                 text-decoration:none; 
                 padding-left:5px }

#sprunglinks a.aktuell { color:#fff; }

#sprunglinks a:hover { color:#555; }
                       



/* Kopfbereich */


#kopfbereich { width:90%; 
               border:2px solid#8B0000; 
               background-color:#8B0000; }

#kopfbereich img { width:100%; 
                   margin-bottom:0px; }



/* Hauptnavigation */


#navigation { float:left; 
              width:99.8%; 
              height:2.5em; 
              padding:0; 
              background-color:#8B0000; }

#navigation img { margin-top:8px; 
                  border:1px solid#8B0000; }

ul#hauptnavi { float:left; 
               list-style-type:none;
               position:relative; 
               padding-left:0.2em; 
               margin-top:8px; 
               margin-bottom:0px; }

ul#hauptnavi li { float:left; 
                  background:#ddd; 
                  margin-right:2px; 
                  height:1.5em; 
                  border:1px solid#000; }

ul#hauptnavi li a { float:left; 
                    width:7.3em; 
                    padding:0.3em 1em 0.2em 1em; 
                    font-size:0.6em; 
                    color:#555; 
                    font-weight:bold; 
                    text-align:center; 
                    text-decoration:none; }

ul#hauptnavi li a:hover { color:#000; 
                          background:#fff; }

ul#hauptnavi li.aktuell { border:1px solid#000; 
                          background:#fff; }

ul#hauptnavi li.aktuell a { color:#000;
                            border-bottom:1px solid#fff; 
                            background:#fff; 
                            height:1.4em; }
                            
                            
                            
/* Untermenue */


#untermenue { width:100%; 
              line-height:1.5em; 
              text-align:center; 
              background:#fff; 
              border:1px solid#000; 
              padding:0; 
              margin:0; }

#untermenue p { text-align:center; 
                padding:0 0.5em; 
                margin:0; }

#untermenue p a { color:#555; 
                  text-decoration:none; 
                  font-weight:bold; }

#untermenue p a:hover { color:#000; }

#untermenue a.aktuell { color:#000; }



/* Hilfsnavigation */


#hilfsnavigation { color:#000; 
                   font-size:1em; 
                   border:none; 
                   padding:0.5em; 
                   margin-top:1.5em; }
                   
#hilfsnavigation a { color:#000; 
                     font-size: 1em; 
                     text-decoration:none; }
                     
#hilfsnavigation a:hover { text-decoration:underline; }




#inhalt { width:90%;  
          border:2px solid#8B0000; }

#inhalt1 { position:absolute; 
           top:5px; left:5px; 
           width:70%; border:2px solid#8B0000; 
           text-align:center; }

#inhalt2 { position:absolute; 
           top:5px; left:5px; 
           width:45%; border:none; }

#inhalt3 { width:45%; border:none; }

#inhalt a { font-size:14px; }

#inhalt p { margin:0.8em 0.8em 0.8em 0.8em; padding:0; }

#inhalt links { float:left; width:20%; 
                border:none; }

#inhalt rechts { width:40%; 
                 border:none; }

#inhalt img { width:200px; border:none; }

.date { color:#8B0000; font-style:italic; 
        font-size:80%; }

.hauptseite { float:left; width:61%; 
              list-style-type:none; 
              padding:0.5em; margin:0; }

.logo img { width:20%; }

.neu { float:right; 
       width:28%; 
       list-style-type:none; 
       text-align:center; 
       background-color:#999; 
       border:2px solid#000; 
       padding:0; 
       margin:2.5em 0.5em 0.5em; }

.neu h1, h2 { padding:0.5em; margin:0; }

.neu a img { width:85%; }
            


/* Bandpool */


#bandpool { width:90%; 
            min-height:100em; }

#bandpool h1+p { text-align:center; 
                 font-weight:bold; 
                 margin-top:-1em; }
            
#bandpool h2 { text-align:center; }

#bandpool p { margin-left:2em; }

#bands { border:none; }

#bands p { text-align:center; }

#bands p a { color:#555; 
             font-weight:bold; 
             text-decoration:none; }

#bands h1 img { width:75%; }

#bands h1+p { margin-top:-1em; }

#bands ul { list-style-type:none; }

#bands ul li { float:left; 
               font-size:0.9em; 
               text-align:center; 
               height:8em; 
               width:23%; 
               list-style-type:none; 
               padding:0.2em; 
               margin:0.2em;  }
                  
#bands ul li img { height:6.5em; 
                   width:9em; 
                   border:3px double#000; }
                   
#bandpool1 { width:98%; 
             float:left; 
             border:none; 
             margin:2em 0; }

#bandpool1 a { color:#000; 
               text-decoration:none; }

#bandpool1 a:hover { text-decoration:underline; }

#bandpool1 span { font-style:italic; 
                  color:#8B0000; }
                  
#bandpool1 span a { color:#8B0000; }

#bandpool1 ul { width:99%; 
                list-style-type:none; }
                
#bandpool1 ul li { float:left; 
                   width:47.5%;
                   min-height:20em; }


.band li { width:100%; 
           text-align:center; 
           margin:1em; padding:0.5em; }

.bio { margin:1em; padding:0.5em; }

#disko { width:98%; 
         border:none; 
         font-size:0.8em; 
         text-align:center; 
         margin:0 0.5em 0 -2em; 
         padding:0; }
         
#disko img { width:100%; 
             border:3px double#000; }

#disko ul li { float:left; 
               width:16.5%; 
               height:16em; 
               list-style-type:none; }
         
.disko { font-size:0.9em; 
         text-align:center; 
         margin:1em; 
         padding:0.5em; }
         
.disko img { width:35%; 
             border:3px double#000; }

.disko ul li { float:left; 
               width:15%; 
               list-style-type:none; }
         
.logo { width:20em; }

.bandfoto { width:95%; 
            border:3px double#000; }
            
.banner img { text-align:center; }
            
.cover { width:75%; }



/* Diskotheken */

#diskotheken { width:90%; }
               
#clubkalender { width:99.8%; 
                border:none; 
                font-size:0.7em; }
               
#clubkalender ul { list-style-type:none; }

#clubkalender ul li { float:left; 
                      width:8em; 
                      height:3em; 
                      color:#FF4500; 
                      background-color:#000; 
                      opacity:0.85; 
                      padding:0.2em; 
                      margin:0.2em; }
               
#clubkalender ul li a { color:#FF4500; 
                        text-decoration:none; }

#clubkalender li span { font-weight:bold; }       

.headline { font-weight:bold; }

         

/* Interviews */

#interviews { width:90%; }

#interviews a { color:#000; 
                text-decoration:none; }

#interviews a:hover { text-decoration:underline; }

#interviews h1+p { text-align:center; 
                   margin-top:-1.5em; }
                   
#interviews img { border:3px double#000; }
                   
#interviews ol li { font-size:0.8em; 
                    font-weight:bold; 
                    margin-right:1em; }

#interviews ol p { margin-right:1em; }

#interviews ul li { list-style-type:none; }

#interviews ul li a { margin-left:0.7em; }



/* Links */

.links li { float:left; 
            width:28.3%; 
            list-style-type:none; 
            font-size:0.8em; 
            color:#8B0000; 
            border:3px double#FF4500; 
            background-color:#000; 
            opacity:0.85; 
            padding:1em; 
            margin:0.3em; }
            
.links li a { color:#8B0000; 
              text-decoration:none; }
              
.links li a:hover { text-decoration:underline; }
            
.links li h2 { color:#FF4500; 
               margin-left:-0.7em; }
               



/* Musikerbörse */

#musikerborse { width:90%; 
                height:70em; }

#musikerborse h2 { font-size:1em; 
                   color:#FF4500; }
                   
#gesuch { border:none; }
                   
#gesuch a { color:#FF4500; 
            text-decoration:none; }
            
#gesuch a:hover { text-decoration:underline; }

#gesuch ul { width:98%; 
             margin-left:-2em; }

#gesuch ul li { float:left; 
                width:23%; 
                height:11em; 
                list-style-type:none; 
                border:3px double#FF4500; 
                background-color:#000; 
                opacity:0.85; 
                margin:0.2em; }
                              
#gesuch ul li p { color:#8B0000; 
                  margin-left:0.7em; }





/* Review */

#reviews { width:90%; 
           height:72em; 
           font-size:0.9em; }

#reviews a { color:#000; 
             text-decoration:none; }

#thumbs { border:none; }

#thumbs h2 { font-size:1.2em; 
             margin:2.5em 0 0 -0.7em; }

#thumbs li { float:left; 
              width:13.5%; 
              height:14em; 
              border:3px double#000; 
              text-align:center; 
              list-style-type:none; 
              padding:0.3em; 
              margin:0.3em; }
              
#thumbs li img { width:8em; 
                 height:8em; 
                 border:1px solid#000; }
              
#thumbs span { font-weight:bold; }

#thumbs ul { margin-left:-1.5em; }

#review { width:95%; 
          border:none; 
          margin-left:2em; }

#review span { font-weight:bold; }

#review ul { margin-left:-2.5em; }

#review ul li { float:left; 
                list-style-type:none; 
                width:33%; 
                height:15em; 
                margin-bottom:2.5em; }
                
#review ul li img { width:15em; 
                    border:3px double#000; }

   
            
/* Termine */


#termine { width:90%; }
           
#termine h2 { font-size:0.8em; 
              color:#000; 
              line-height:0.9em; 
              background-color:#8B0000; 
              border:3px double#000; 
              margin-top:-1.8em; }
              
#termine ul { list-style-type:none; }

#termine li { width:92%; 
              color:#FF4500; 
              text-align:left; 
              background-color:#000; 
              opacity:0.85; 
              border:3px double#8B0000; 
              padding:0.5em; 
              margin:1.5em 0; }

#termine li a { color:#FF4500; 
                text-decoration:none; }

#termine li a:hover { text-decoration:underline; }

#termine img { float:right; 
               width:6.5em; 
               border:3px double#8B0000; 
               margin-top:1em; }
               
#termine p { margin-left:1em; }
               


/* Formular */

#formular { clear:left; 
            border:none; 
            margin:3em 0.5em 0; 
            padding:0.5em;  }

#formular form { clear:both; width:80%; 
               text-align:center; margin:auto; }

#formular form fieldset { margin-bottom:10px; }

#formular form fieldset input { border:1px solid#000; background-color:#eee; }

#formular form fieldset textarea { border:1px solid#555; background-color:#eee; }

#formular form fieldset label { display:block; text-align:right; 
                              margin:5px 20px 10px 0; }

#formular form fieldset.submitgroup input { border:1px solid#999; 
                                          background-color:#ddd; }

#formular form legend { color:#8B0000; font-weight:bold; }

#formular h2 { font-size:1.1em; 
               border:none; 
               background-color:transparent; }
               
#formular p { margin-left:1em; }

.form { clear:both; 
        list-style-type:none; 
        text-align:center; 
        padding-top:2em; 
        margin:0; }
        






/* Seitenfuss */


#seitenfuss { clear:left; 
              width:90%; 
              color:#000; 
              text-align:center; 
              border:none; }
              
#seitenfuss p { margin-top:2em; }


#fussnavigation { width:100%; 
                  color:#000; 
                  text-align:center; 
                  border:none; 
                  margin:0em; 
                  padding:0.5em; }

#fussnavigation a { color:#000; 
                    text-decoration:none; 
                    padding:0 0.5em; }

#fussnavigation a.aktuell { font-weight:bold; }

#fussnavigation a:hover { color:#000; 
                          text-decoration:underline; }