* {
margin: 0;
padding: 0;
}

body {font: 65% Verdana, Arial, Helvetica, sans-serif;
      color: #000000;
      background: #FFFFFF;
      text-align: center;
     }


#container {text-align: left;
            position: absolute;
            left:50%;
            width: 800px;
            margin: 0 -429px 0 -429px;
            padding: 29px 29px 29px 29px;
            background: #FFFFFF;
            overflow: hidden;
           }


#site {background: #FFFFFF;
       position: relative;
       width: 800px;
       z-index: 3;
       min-height: 430px;
      }


#header {background: #FFFFFF; 
         position: relative;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 2;
         float: left;
         display: inline;
        }


#space_6 {background: #FFFFFF;
          position: relative;
          width: 100%;
          height: 6px;
          z-index: 2;
          float: left;
         }


#logo_header {background: #FFFFFF url(gfx/logo01.jpg) center no-repeat;
              position: relative;
              width: 100%;
              height: 84px;
              float: left;
             }


#navi_header {background: transparent;
              position: relative;
              width: 64px;
              height: 93px;
              float: left;
             }


#content {background: #FFFFFF url(gfx/content_bgr01.jpg) bottom no-repeat;
          margin: 0;
          position: relative;
          width: 100%;
          min-height: 198px;
          float: left;
         }

#content_text_l {}

#content_whitespace {background: transparent;
                     position: relative;
                     width: 100%;
                     height: 125px;
                     z-index: 2;
                     float: left;
                    }


#footer_r {position: relative;
           background: transparent url(gfx/footer_bgr03.jpg) bottom no-repeat;
           top: 0px;
           left: 0px;
           width: 249px;
           height: 49px;        
           float: left;
           overflow: hidden;
          } 


#sign_music {background: transparent url(gfx/sign_music.jpg) 150px bottom no-repeat;
             position: absolute; 
             top: 0px; 
             left: 0px; 
             height: 93px; 
             width: 368px; 
             float: left; 
             z-index: 7; 
            }

#sign_mixing {background: transparent url(gfx/sign_mixing.jpg) 15px bottom no-repeat;
              position: absolute; 
              top: 0px; 
              left: 432px; 
              height: 93px; 
              width: 368px; 
              float: left; 
              z-index: 7; 
             }

#sign_links {background: transparent url(gfx/sign_links.jpg) 150px bottom no-repeat;
             position: absolute; 
             top: 0px; 
             left: 0px; 
             height: 93px; 
             width: 368px; 
             float: left; 
             z-index: 7; 
             }

#sign_contact {background: transparent url(gfx/sign_contact.jpg) 15px bottom no-repeat;
               position: absolute; 
               top: 0px; 
               left: 432px; 
               height: 93px; 
               width: 368px; 
               float: left; 
               z-index: 7; 
              }

#sign_home {background: transparent url(gfx/sign_home.jpg) 150px bottom no-repeat;
             position: absolute; 
             top: 0px; 
             left: 0px; 
             height: 93px; 
             width: 368px; 
             float: left; 
             z-index: 7; 
             }

#sign_impressum {background: transparent url(gfx/sign_impressum.jpg) 10px bottom no-repeat;
             position: absolute; 
             top: 0px; 
             left: 0px; 
             height: 93px; 
             width: 368px; 
             float: left; 
             z-index: 7; 
             }

#sign_references { background: transparent url(gfx/sign_references.jpg) 10px bottom no-repeat;
                   position: absolute; 
                   top: 0px; 
                   left: 0px; 
                   height: 93px; 
                   width: 368px; 
                   float: left; 
                   z-index: 7; 
                 }

/* ---------- FORMAT ---------- */

p {
padding: 0px 20px 20px 20px; 
text-align: justify;
line-height: 1.4em;
}

ul {
list-style-position:outside;
list-style-type:disc;
margin-left:60px;
margin-right:20px;
/* line-height: 1.75em; */
}

ol {
list-style-position:outside;
list-style-type:decimal;
margin-left:60px;
margin-right:20px;
/* line-height: 1.75em; */
}

li { line-height: 1.0em; margin-bottom: 10px; }

a {
color: #990000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0 none;
}


h1, h2, h3 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #cccccc;
background: transparent;
padding: 20px 20px 20px 10px; 
}

h1 { font-size: 16pt; }

h3 { float:left; }

hr { clear:both;
     background-color: #818181;
     color: #818181; 
     height: 3px; 
     margin: 20px; 
   }

#thumb80 { position:relative; 
           left:-4px; 
           height:80px; 
           width:80px; 
           margin:5px; 
           border-style: solid; 
           border-width: 3px; 
           border-top-color: #929292; 
           border-left-color: #AAAAAA;
           border-right-color: #CCCCCC;
           border-bottom-color: #DDDDDD;
         }

#thumb20 { position:relative; 
           height:38px; 
           width:38px; 
           margin:2px 4px 0 0; 
           float:left;
           border-style: solid; 
           border-width: 1px;
           border-color: #AAAAAA; 
         }

#cover_left { margin-left: 30px; }

#cover_right { margin-left: 30px; }

#cover_text_left { margin-left: 20px;
                   margin-right: 20px;
                   margin-bottom: 20px;
                   float: left; 
                 }

#cover_text_right { margin-left: 20px;
                    margin-right: 20px;
                    margin-bottom: 20px;
                    float: right;
                  }



table {margin-top: 10px; padding: 0px; width: 100%; height: 100%;}
td {vertical-align: top; text-align: justify;}

#table_left { width: 49%;}
#table_center { width: 2%; background: url(gfx/trenner_v.jpg) center repeat-y;}
#table_right { width: 49%;}

#table_left066 { width: 65%;}
#table_left033 { width: 33%;}
#table_right066 { width: 65%;}
#table_right033 { width: 33%;}

#table_left075 { width: 74%;}
#table_left025 { width: 24%;}
#table_right075 { width: 74%;}
#table_right025 { width: 24%;}


/* ---------- FORMAT ENDE ---------- */



/* ---------- NAVIGATION ---------- */

#navigation {background: transparent; position: absolute; top: 0px; left: 368px; height: 93px; width: 64px; float: left; z-index: 7; overflow: hidden;}

#navigation a {font-size: 5%; color: #000; text-decoration: none; float: left; text-decoration: none; text-indent: -9999px; letter-spacing: -9999px; display:block;}

#navigation a.navi_home { left:0px; width:64px; height:15px; background: url(gfx/nav_home.jpg) 0 0 no-repeat;}
#navigation a.navi_about { left:0px; width:64px; height:15px; background: url(gfx/nav_about.jpg) 0 0 no-repeat;}
#navigation a.navi_music { left:0px; width:64px; height:16px; background: url(gfx/nav_music.jpg) 0 0 no-repeat;}
#navigation a.navi_mixing { left:0px; width:64px; height:16px; background: url(gfx/nav_mixing.jpg) 0 0 no-repeat;}
#navigation a.navi_contact { left:0px; width:64px; height:16px; background: url(gfx/nav_contact.jpg) 0 0 no-repeat;}
#navigation a.navi_links { left:0px; width:64px; height:15px; background: url(gfx/nav_links.jpg) 0 0 no-repeat;}

#navigation a.navi_home:hover { background-position: 0 -15px;}
#navigation a.navi_about:hover { background-position: 0 -15px;}
#navigation a.navi_music:hover { background-position: 0 -16px;}
#navigation a.navi_mixing:hover { background-position: 0 -16px;}
#navigation a.navi_contact:hover { background-position: 0 -16px;}
#navigation a.navi_links:hover { background-position: 0 -15px;}

#footer { background: #FFFFFF; position: relative; width: 100%; height: 49px; float: left;}

#footer_l { background: #FFFFFF url(gfx/footer_bgr01.jpg) bottom no-repeat; position: relative; width: 269px; height: 49px; float: left;}
#footer_m { background: #FFFFFF url(gfx/footer_bgr02.jpg) bottom no-repeat; position: relative; width: 282px; height: 49px; float: left;}

#footer_l a { font-size: 5%; color: #000; text-decoration: none; float: left; text-decoration: none; text-indent: -9999px; letter-spacing: -9999px; float: left; display: block;}
#footer_m a { font-size: 5%; color: #000; text-decoration: none; float: left; text-decoration: none; text-indent: -9999px; letter-spacing: -9999px; float: left; display: block;}

#footer_l a.navi_impressum { left:0px; top:10px; width:269px; height:49px; background: url(gfx/footer_impressum.jpg) 0 0 no-repeat;}
#footer_m a.navi_trommelfellas { left:0px; bottom:0px; width:282px; height:49px; background: url(gfx/footer_trommelfellas.jpg) 0 0 no-repeat;}

#footer_l a.navi_impressum:hover { background-position: 0 -49px;}
#footer_m a.navi_trommelfellas:hover { background-position: 0 -49px;}

/* ---------- NAVIGATION ---------- */



/* ---------- RAHMEN ---------- */

#border01 {background: #FFFFFF url(gfx/border01.jpg) no-repeat;
           position: absolute;
           width: 29px;
           height: 29px;
           top: 0;
           left: 0; 
           z-index: 2;
          }

#border02 {background: #FFFFFF url(gfx/border02.jpg) no-repeat;
           position: absolute;
           width: 28px;
           height: 29px;
           top: 0;
           left: 29px; 
           z-index: 2; 
          }

#border03 {background: #FFFFFF url(gfx/border03.jpg) repeat-x;
           position: absolute;
           width: 10000px;
           height: 29px;
           top: 0;
           left: 0; 
           z-index: 1; 
          }

#border04 {background: #FFFFFF url(gfx/border04.jpg) no-repeat;
           position: absolute;
           width: 28px;
           height: 29px;
           top: 0;
           right: 29px; 
           z-index: 2; 
          }

#border05 {background: #FFFFFF url(gfx/border05.jpg) no-repeat;
           position: absolute;
           width: 29px;
           height: 29px;
           top: 0;
           right: 0; 
           z-index: 2; 
          }

#border06 {background: #FFFFFF url(gfx/border06.jpg) no-repeat;
           position: absolute;
           width: 29px;
           height: 28px;
           top: 29px;
           right: 0px;
           z-index: 2;
          }

#border07 {background: #FFFFFF url(gfx/border07.jpg) repeat-y;
           position: absolute;
           width: 29px;
           height: 10000px;
           top: 0px;
           right: 0px;
           z-index: 1;
          }

#border08 {background: #FFFFFF url(gfx/border08.jpg) no-repeat;
           position: absolute;
           width: 29px;
           height: 28px;
           bottom: 29px;
           right: 0px;
           z-index: 2;
          }

#border09 {background: #FFFFFF url(gfx/border09.jpg) no-repeat;
           position: absolute;
           width: 29px;
           height: 29px;
           bottom: 0;
           right: 0;
           z-index: 2;
          }

#border10 {background: #FFFFFF url(gfx/border10.jpg) no-repeat;
           position: absolute;
           width: 28px;
           height: 29px;
           bottom: 0;
           right: 29px;
           z-index: 2;
          }


#border11 {background: #FFFFFF url(gfx/border11.jpg) repeat-x;
           position: absolute;
           width: 10000px;
           height: 29px;
           bottom: 0;
           left: 0;
           z-index: 1;
          }

#border12 {background: #FFFFFF url(gfx/border12.jpg) no-repeat;
           position: absolute;
           width: 28px;
           height: 29px;
           bottom: 0;
           left: 29px;
           z-index: 2;
          }

#border13 {background: #FFFFFF url(gfx/border13.jpg) no-repeat;
           position: absolute;
           width: 29px;
           height: 29px;
           bottom: 0;
           left: 0;
           z-index: 2;
          }

#border14 {background: #FFFFFF url(gfx/border14.jpg) no-repeat;
           position: absolute;
           width: 29px;
           height: 28px;
           bottom: 29px;
           left: 0px;
           z-index: 2;
          }

#border15 {background: #FFFFFF url(gfx/border15.jpg) repeat-y;
           position: absolute;
           width: 29px;
           height: 10000px;
           top: 0pX;
           left: 0px;
           z-index: 1;
          }

#border16 {background: #FFFFFF url(gfx/border16.jpg) no-repeat;
           position: absolute;
           width: 29px;
           height: 28px;
           top: 29px;
           left: 0px;
           z-index: 2;
          }

/* ---------- ENDE RAHMEN ---------- */






/*


a {
color: #796A5C;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: 0 none;
}




ul {
list-style-type: square;
padding: 5px;
}

p {
padding: 0 210px 1.5em 10px; 
text-align: justify;
}




#header {
position: absolute;
height: 283px;
width: 100%;
background: #FFFFFF url(gfx/header.jpg) bottom center no-repeat;
float:left;
z-index: 5;
}

#footer {
position:absolute;
bottom:38px;
left:310px;
z-index: 999;
}

#content {
position:absolute;
top: 283px;
background: #FFFFFF url(gfx/footer.jpg) bottom center no-repeat;
width: 799px;
min-height: 346px;
padding: 0 0 70px 0;
z-index: 2;
}


#content img { 
position: relative;
margin: 0 10px 0 8px;
border: 7px solid;
border-color: #111111;
float: left;
}

#cplayer {
float: left;
margin: 0 10px 0 8px;
border: 7px solid;
border-color: #111111;
}

#content img.left { 
margin: 0 10px 5px 5px; 
float: left;
}

#content img.right { 
margin: 0 5px 5px 10px; 
float: right;
}

#content img.center { 
margin: 0 10px 5px 10px; 
}



#navigation {
position: absolute;
top: 239px;
height: 44px;
width: 100%;
float: left;
z-index: 7;
}

#navigation a {
font: 5%;
color: #000;
text-decoration: none;
float: left;
text-decoration: none;
text-indent: -9999px; 
letter-spacing: -9999px;
display:block;
}


#navigation a.navi_home { left:0px; width:88px; height:44px; background: url(gfx/but_01.jpg) 0 0 no-repeat;}
#navigation a.navi_angebot { left:0px; width:121px; height:44px; background: url(gfx/but_02.jpg) 0 0 no-repeat;}
#navigation a.navi_galerie { left:0px; width:110px; height:44px; background: url(gfx/but_03.jpg) 0 0 no-repeat;}
#navigation a.navi_kontakt { left:0px; width:118px; height:44px; background: url(gfx/but_04.jpg) 0 0 no-repeat;}
#navigation a.navi_impressum { left:0px; width:160px; height:44px; background: url(gfx/but_05.jpg) 0 0 no-repeat;}

#navigation a:hover { background-position: 0 -44px; }


#presenter {
position: relative;
background: transparent;
top: 150px;
left: 10px;
width: 567px;
height: 73px;
z-index: 8;
}

.nowrap {
white-space: nowrap;
}







#spalte_l40 {
position: relative;
width: 40%;
float: left;
}

#spalte_r60 {
position: relative;
width: 60%;
float: right;
}

#spalte_l40 img {
margin: 0px 20px 20px 20px; 
float: left;
}


*/