/* -----------------------
   -  Link Formatierung  - */

a:link{text-decoration: none;
       color:#FF0000;
       cursor: crosshair;}
a:visited{text-decoration: none;
          color:#00FF00;
          cursor: crosshair;}
a:hover{text-decoration: none;
        color:#FF0000;
        cursor: crosshair;}
a:active{text-decoration: none;
         color:#FFFF00;
         cursor: crosshair;}

/* -  Link Formatierung Ende  -
   ---------------------------- */


p {font-family: "Comic Sans MS", Arial;
   margin: 20px 20px 0px 10px;}

html {height: 100%;}

body {cursor: url("/pics/cursor/skull.cur");
      height: 100%;
      margin: 0px;
      padding: 0px;
      background-color: #000000;
      color: #ffffff;}

#hintergrund {min-height: 100%;
              margin: 0px auto;
              padding: 0px;
              background-color: #333333;
              background-image: url(pics/draht.gif);
              width: 898px;}

/* ---------------
   -  Kopfzeile  - */

#head {margin: 0px auto;
       padding: 0px;
       background-color: #000;
       width: 800px;
       height: 173px;}

#sub_head {margin: 0px auto;
           padding: 0px;
           background-color: #000;
           width: 800px;
           height: 77px;}

.index {background-image: url(pics/main_top.jpg);}

.rest {background-image: url(pics/banner_top.jpg);}

/* -  Kopfzeile ende  -
   -------------------- */


/* ----------------
   -  Sub Banner  - */

.seite1 {background-image: url(pics/main_bottom.jpg);}

.seite2 {background-image: url(pics/releases.jpg);}

.seite3 {background-image: url(pics/history.jpg);}

.seite4 {background-image: url(pics/texte.jpg);}

.seite5 {background-image: url(pics/photos.jpg);}

.seite6 {background-image: url(pics/konzert.jpg);}

.seite7 {background-image: url(pics/links.jpg);}

.seite8 {background-image: url(pics/kontakt.jpg);}

.seite9 {background-image: url(pics/download.jpg);}

/* -  Sub Banner ende  -
   --------------------- */


#wrapper {overflow: auto;
          height: 100%;
          margin: 0px auto;
          padding: 0px;
          background-color: #000;
          width: 800px;}


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

#navi {margin: 0px;
       padding: 0px;
       background-color: #000;
       width: 125px;
       float: left;}

#navi ul {margin: 0px;
          padding: 0px;
          list-style-type: none;}

#navi li {margin: 0 0 .2em 0;}

/* ---- Main Button */

.main a {display: block;
         background-image: url(pics/main.gif);
         height: 28px;}

.main a:hover {background-image: url(pics/main_pressed.gif);
              height: 28px;}

#main .main a {background-image: url(pics/main_pressed.gif);
              height: 28px;}

/* --------------------- */

/* ---- Release Button */

.releases a {display: block;
        background-image: url(pics/release.gif);
        height: 28px;}

.releases a:hover {background-image: url(pics/release_pressed.gif);}

#releases .releases a {background-image: url(pics/release_pressed.gif);
             height: 28px;}

/* --------------------- */

/* ---- History Button */

.history a {display: block;
            background-image: url(pics/history.gif);
            height: 28px;}

.history a:hover {background-image: url(pics/history_pressed.gif);}

#history .history a {background-image: url(pics/history_pressed.gif);
                 height: 28px;}

/* --------------------- */

/* ---- Songtexte Button */

.texte a {display: block;
          background-image: url(pics/texte.gif);
          height: 28px;}

.texte a:hover {background-image: url(pics/texte_pressed.gif);}

#texte .texte a {background-image: url(pics/texte_pressed.gif);
               height: 28px;}

/* --------------------- */


/* ---- Photo Button */

.photos a {display: block;
           background-image: url(pics/photo.gif);
           height: 28px;}

.photos a:hover {background-image: url(pics/photo_pressed.gif);}

#photos .photos a {background-image: url(pics/photo_pressed.gif);
                height: 28px;}

/* ----------------- */

/* ---- Konzi Button */

.konzerte a {display: block;
          background-image: url(pics/konzert.gif);
          height: 28px;}

.konzerte a:hover {background-image: url(pics/konzert_pressed.gif);}

#konzerte .konzerte a {background-image: url(pics/konzert_pressed.gif);
               height: 28px;}

/* --------------------- */

/* ---- Links Button */

.links a {display: block;
          background-image: url(pics/links.gif);
          height: 28px;}

.links a:hover {background-image: url(pics/links_pressed.gif);}

#links .links a {background-image: url(pics/links_pressed.gif);
               height: 28px;}

/* -----------------------*/

/* ---- Kontakt Button */

.kontakt a {display: block;
            background-image: url(pics/kontakt_button.gif);
            height: 28px;}

.kontakt a:hover {background-image: url(pics/kontakt_button_pressed.gif);}

#kontakt .kontakt a {background-image: url(pics/kontakt_button_pressed.gif);
                 height: 28px;}

/* --------------------- */

/* ------ Download */

.download a {display: block;
            background-image: url(pics/down_button.gif);
            height: 28px;}

.download a:hover {background-image: url(pics/down_button_pressed.gif);}

#download .download a {background-image: url(pics/down_button_pressed.gif);
                 height: 28px;}


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

#content {margin: 0px;
          background-color: #000;
          width: 656px;
          height: 100%;
          float: right;}

#content a img {margin: 10px 10px 0px auto;
                border-style: none;}

#footer {margin: 0px auto;
         padding: 0px;
         background-color: #000;
         font-weight: bold;
         width: 800px;
         clear: both;}