/***************************************
              **        CSS Stylesheet 2.0         **
              **              Layout               **
              **      für Bildschirmanzeige        **
              ***************************************
              **          Music-Sternchen          **
              **  http://www.music-sternchen.de    **
              ***************************************
              **     Author: Nebojsa Racanin       **
              ***************************************
              **      Last Update: 02.06.2005      **
              ***************************************/





body { background-color: #ffffff;
       text-align: center;
       margin:0;
       padding: 0;
       padding-top: 10px;
       padding-bottom: 10px;
       }


#haupt { width: 760px;
         height: 400px;
         text-align: left;
         margin: 0 auto;
         }



/* Header */


#header-oben-links { background-image: URL(gfx/header-ol.gif);
                     background-repeat: no-repeat;
                     height: 9px;
                     width: 12px;
                     }

#header-oben-rechts { background-image: URL(gfx/header-or.gif);
                      background-repeat: no-repeat;
                      height: 9px;
                      width: 12px;
                      }

#header-links { background-color: #E0E0E0;
                border-left: 2px solid #B2B2B2;
                height: 80px;

                }

#header-rechts { background-color: #E0E0E0;
                 border-right: 2px solid #B2B2B2;
                 height: 80px;

                 }

#header { background-color: #E0E0E0;
          border-top: 2px solid #B2B2B2;
          width: 730px;
          padding-top: 7px;
          padding-bottom: 8px;
          }

#logo { width: 422px;
        height: 82px;
        float:left;
        background-image: url(/gfx/music-sternchen.gif);
        background-repeat: norepeat;
        }

#logo:hover { width: 422px;
        height: 82px;
        float:left;
        background-image: url(/gfx/music-sternchen.gif);
        background-repeat: norepeat;
        text-decoration: none
        }

#logo span { text-indent: -5000px;
           display: block; }


.roter-balken { background-color: #A11132;
                height: 7px;
                /* border-left: 2px solid #B2B2B2;
                border-right: 2px solid #B2B2B2; */
                }



/* Navigation */


#navigation { background-image: URL(gfx/navi-background.gif);
              height: 25px;
              border-left: 2px solid #B2B2B2;
              border-right: 2px solid #B2B2B2;
              padding-left: 10px;
              vertical-align: middle;
              padding-top: 0;
              padding-bottom: 0;
              padding-right: 0;
              }


#navigation a:link { color: #000000;
                     font-size: 14px;
                     height: 20px;
                     font-weight: bold;
                     padding-left: 33px;
                     padding-right: 20px;
                     padding-top: 2px;
                     text-decoration: none;
                     background-image: URL(gfx/roter-stern.gif);
                     background-repeat: no-repeat;
                     }

#navigation a:visited { color: #000000;
                       font-size: 14px;
                       height: 20px;
                       font-weight: bold;
                       padding-left: 33px;
                       padding-right: 20px;
                       padding-top: 2px;
                       text-decoration: none;
                       background-image: URL(gfx/roter-stern.gif);
                       background-repeat: no-repeat;
                       }

#navigation a:hover { color: #EA1E23;
                      font-size: 14px;
                      height: 20px;
                      font-weight: bold;
                      padding-left: 33px;
                      padding-right: 20px;
                      padding-top: 2px;
                      text-decoration: none;
                      background-image: URL(gfx/leuchtender-stern.gif);
                      background-repeat: no-repeat;
                      }

#navigation a:active { color: #000000;
                       font-size: 14px;
                       height: 20px;
                       font-weight: bold;
                       padding-left: 33px;
                       padding-right: 20px;
                       padding-top: 2px;
                       text-decoration: none;
                       background-image: URL(gfx/roter-stern.gif);
                       background-repeat: no-repeat;
                       }






/* Mittelteil */


#mitte { vertical-align: top;
         height: 350px;
         background-color: #E0E0E0;
         border-left: 2px solid #B2B2B2;
         border-right: 2px solid #B2B2B2;
         padding: 10px;
         }



#innen { width: 100%;
         height: 100%;
         }


#innen-content { background-color: #ffffff;
                 border-left: solid 1px #C6C6C6;
                 border-right: solid 1px #C6C6C6;
                 padding-left: 30px;
                 padding-right: 30px;
                 padding-bottom: 20px;
                 vertical-align: top;
                 width: 100%;
                 }


#innen-oben-links { width: 16px;
                    height: 19px;
                    background-image: URL(gfx/innen-oben-links.gif);
                    background-repeat: no-repeat;
                    }

#innen-oben { height: 17px;
              width: 700px;
              background-color: #ffffff;
              border-top: solid 1px #C6C6C6;
              }

#innen-oben-rechts { width: 16px;
                     height: 19px;
                     background-image: URL(gfx/innen-oben-rechts.gif);
                     background-repeat: no-repeat;
                     }



#innen-unten-links { width: 16px;
                     height: 19px;
                     background-image: URL(gfx/innen-unten-links.gif);
                     background-repeat: no-repeat;
                     }

#innen-unten { height: 17px;
               width: 100%;
               background-color: #ffffff;
               border-bottom: solid 1px #C6C6C6;
               }

#innen-unten-rechts { width: 16px;
                      height: 19px;
                      background-image: URL(gfx/innen-unten-rechts.gif);
                      background-repeat: no-repeat;
                      padding:0;
                      margin:0;
                      }








/* Abschluss */


#abschluss { text-align: center;
             font-size: 11px;
             background-image: URL(gfx/abschluss-m.gif);
             height: 24px
             }

#abschluss-links { background-image: URL(gfx/abschluss-ul.gif);
                   background-repeat: no-repeat;
                   height: 24px;
                   width: 12px;
                   }

#abschluss-rechts { background-image: URL(gfx/abschluss-ur.gif);
                    background-repeat: no-repeat;
                    height: 24px;
                    width: 12px;
                    }




/* Content Bausteine */


#subnavi { margin-bottom: 40px; }


#baustelle { width: 200px;
             font-style: italic;
             font-size: 13px;
             color: #505050;
             text-align: center;
             margin: 0 auto;
             }

.zentriert { text-align: center;
             padding-top: 70px;
             }

.abstand-gross { margin-left: 100px; }





.box-1  { background-image: URL(/gfx/box-1.gif);
          background-repeat: no-repeat;
          width:9px;
          height:9px
          }

.box-2  { background-color: #f2f2f2;
          border-top: solid 1px #bebebe
          }

.box-3  { background-image: URL(/gfx/box-3.gif);
          background-repeat: no-repeat;
          width:9px;
          height:9px
          }

.box-4  { background-color: #f2f2f2;
          border-left: solid 1px #bebebe
          }

.box-5  { background-color: #f2f2f2;
          }

.box-6  { background-color: #f2f2f2;
          border-right: solid 1px #bebebe
          }

.box-7  { background-image: URL(/gfx/box-7.gif);
          background-repeat: no-repeat;
          width:9px;
          height:9px
          }

.box-8  { background-color: #f2f2f2;
          border-bottom: solid 1px #bebebe
          }

.box-9  { background-image: URL(/gfx/box-9.gif);
          background-repeat: no-repeat;
          width:9px;
          height:9px
          }




/* Allgemeine Formatierungen */


body,table { font-family: arial;
             font-size: 12px;
             }


a:link { color: #A11132; }

a:visited { color: #A11132; }

a:hover { color: #979596; text-decoration: none }

a:active { color: #A11132; }



h1 { font-size: 15px; color: #A11132;
     }

h2 { font-size: 13px; color: #A11132; margin-bottom: 13px; }

h3 { font-size: 12px; color: #A11132; }

h4 { font-size: 11px; color: #A11132; }

h5 { font-size: 10px; color: #A11132; }

h6 { font-size: 9px; color: #A11132; }


h1.stern { font-size: 15px;
     color: #A11132;
     background-image: URL(/gfx/grauer-stern.gif);
     background-repeat: no-repeat;
     padding-left: 24px;
     padding-top: 1px;
     }

h2.stern { font-size: 13px;
     color: #A11132;
     background-image: URL(/gfx/grauer-stern.gif);
     background-repeat: no-repeat;
     padding-left: 22px;
     padding-top: 1px;
     }



img { border-color: #A11132; }


#news { width:480px; float:left }