@import url("handheld.css");
@media (min-width:901px){

       body {
           position:absolute;
           background:#E23111;
           color: #FFFFFF;
           font-size: large;
       }

       html, body {
           background-image:url(../grafik/drumset.jpg);
           -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
           background-attachment:fixed;
           top:0; left:0; right:0;
           min-height:100%;
           margin:0;
           padding:0;
           width:100%;

       }

       video {
         height:auto;
         width:500px;
         max-width:100%;
         max-height:100%;
       }

       .mailimg {
         height:1em;
         width:auto;
       }

       #indexbild {
         width:600px;
         height:450px;
       }

       .black {
       background:black;
               }

       #kopf {
           position:fixed;
           top:0; left:0; right:0; bottom:0;
           height:5em;
           z-index:999;
           margin:0;
           padding:0.2em;
       }

       #menu {
           position:fixed;
           top:12%;
           left:1%;
           width:10%;
           border:0;
           z-index:1;
           }

       #inhalt {
           width:44%;
           margin-top:3.5%;
           padding-top:11%;
           padding-left:12.5%;
           padding-bottom:5%;
           z-index:2;
       }


       #inhalt2 {
           position:fixed;
           overflow:auto;
           top:30%;
           height:70%;
           right:2%;
           width:38%;
           border: 0;
           padding:1%;
           font-size:1em
       }

       #einInhalt {
           margin-top:3.5%;
           padding-top:11%;
           padding-left:12.5%;
           padding-bottom:5%;
           padding-right:2%;
           z-index:2;
       }

       #IndexInhalt {
           margin-top:3.5%;
           padding-top:11%;
           padding-left:2%;
           padding-bottom:5%;
           padding-right:2%;
           z-index:2;
       }

       /* Nur für den MSIE */

       * html, * html body {
           overflow:hidden;
           bottom:0;
           height:100%;
       }

       * html #menu {
           position:absolute;
       }

       * html #kopf {
           height:100%;
           position:static;
       }

       * html #inhalt {
           position:absolute;
           top:0; bottom:0; left:0; right:0;
           height:100%;
           width:100%;
           overflow:auto;
           margin:0;
           }

       /* Weiter mit browserübergreifenden Deklarationen */

       /*#menu li {
           list-style: none;
           margin:0;
           padding:0.3em;
       }*/
       #menu a:link, #menu a:visited{
             display:block;
             color:#CCFFCC;
             width:135px;
             padding:5px;
             font-size:14px;
             font-family:Verdana, Arial, sans-serif;
             font-weight:bold;
             text-decoration:none;
             text-align:left;
             margin:1px;
             }
       #menu a:hover{
             display:block;
             color:#000000;
             background-image:url(../grafik/logos/vlogo.gif);
             }

       .img20 {
         width:20%;
         height:auto;
         }

       img.mitte {
           display: block;
           margin-left: auto;
           margin-right: auto
       }
       img.links {
           display: block;
           margin-left: 0;
           margin-right: auto
       }
       img.rechts {
           display: block;
           margin-left: auto;
           margin-right: 0;
       }
       img.rand {
           border-width:15px;
           border-color:transparent;
           border-style:solid;
       }
       .lnkim {
           width=130px;
           vspace=0;
           hspace=20px;
           border=0;
           align="left"
       }

       .oben{vertical-align:top;}
       .mittig{vertical-align:middle;}
       .unten{vertical-align:bottom;}
       .links{text-align:left}
       .zentriert{text-align:center}
       .rechts{text-align:right; padding:10%}
       .block{text-align:justify}

       /*Schriftgrößen*/

       /*weiß*/
       .wxxs{font-size:xx-small;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;}
       .wxs{font-size:x-small;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;}
       .ws{font-size:small;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;}
       .wm{font-size:medium;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;}
       .wl{font-size:large;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;}
       .wx{font-size:x-large;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;}
       .wxx{font-size:xx-large;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;}

       /*weiß und fett*/
       .wfxxs{font-size:xx-small;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .wfxs{font-size:x-small;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .wfs{font-size:small;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .wfm{font-size:medium;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .wfl{font-size:large;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .wfx{font-size:x-large;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .wfxx{font-size:xx-large;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}

       /*schwarz*/
       .sxxs{font-size:xx-small;color:#000000;font-family:Helvetica,Arial,sans-serif;}
       .sxs{font-size:x-small;color:#000000;font-family:Helvetica,Arial,sans-serif;}
       .ss{font-size:small;color:#000000;font-family:Helvetica,Arial,sans-serif;}
       .sm{font-size:medium;color:#000000;font-family:Helvetica,Arial,sans-serif;}
       .sl{font-size:large;color:#000000;font-family:Helvetica,Arial,sans-serif;}
       .sx{font-size:x-large;color:#000000;font-family:Helvetica,Arial,sans-serif;}
       .sxx{font-size:xx-large;color:#000000;font-family:Helvetica,Arial,sans-serif;}

       /*schwarz und fett*/
       .sfxxs{font-size:xx-small;color:#000000;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .sfxs{font-size:x-small;color:#000000;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .sfs{font-size:small;color:#000000;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .sfm{font-size:medium;color:#000000;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .sfl{font-size:large;color:#000000;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .sfx{font-size:x-large;color:#000000;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .sfxx{font-size:xx-large;color:#000000;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}




       /*gelb*/
       .gxxs{font-size:xx-small;color:#FFFF99;font-family:Helvetica,Arial,sans-serif;}
       .gxs{font-size:x-small;color:#FFFF99;font-family:Helvetica,Arial,sans-serif;}
       .gs{font-size:small;color:#FFFF99;font-family:Helvetica,Arial,sans-serif;}
       .gm{font-size:medium;color:#FFFF99;font-family:Helvetica,Arial,sans-serif;}
       .gl{font-size:large;color:#FFFF99;font-family:Helvetica,Arial,sans-serif;}
       .gx{font-size:x-large;color:#FFFF99;font-family:Helvetica,Arial,sans-serif;}
       .gxx{font-size:xx-large;color:#FFFF99;font-family:Helvetica,Arial,sans-serif;}


       /*gelb und fett*/
       .gfxxs{font-size:xx-small;color:#FFFF99;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .gfxs{font-size:x-small;color:#FFFF99;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .gfs{font-size:small;color:#FFFF99;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .gfm{font-size:medium;color:#FFFF99;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .gfl{font-size:large;color:#FFFF99;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .gfx{font-size:x-large;color:#FFFF99;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .gfxx{font-size:xx-large;color:#FFFF99;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}


       /*blau*/
       .bxxs{font-size:xx-small;color:;font-family:Helvetica,Arial,sans-serif;}
       .bxs{font-size:x-small;color:#F4848FF;font-family:Helvetica,Arial,sans-serif;}
       .bs{font-size:small;color:#4848FF;font-family:Helvetica,Arial,sans-serif;}
       .bm{font-size:medium;color:#4848FF;font-family:Helvetica,Arial,sans-serif;}
       .bl{font-size:large;color:#4848FF;font-family:Helvetica,Arial,sans-serif;}
       .bx{font-size:x-large;color:#4848FF;font-family:Helvetica,Arial,sans-serif;}
       .bxx{font-size:xx-large;color:#4848FF;font-family:Helvetica,Arial,sans-serif;}


         /*blau und fett*/
       .bfxxs{font-size:xx-small;color:#4848FF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .bfxs{font-size:x-small;color:#4848FF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .bfs{font-size:small;color:#4848FF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .bfm{font-size:medium;color:#4848FF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .bfl{font-size:large;color:#4848FF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .bfx{font-size:x-large;color:#4848FF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .bfxx{font-size:xx-large;color:#4848FF;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}


       /*Menüfarbe*/
       .mxxs{font-size:xx-small;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif;}
       .mxs{font-size:x-small;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif;}
       .ms{font-size:small;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif;}
       .mm{font-size:medium;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif;}
       .ml{font-size:large;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif;}
       .mx{font-size:x-large;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif;}
       .mxx{font-size:xx-large;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif;}

       /*Menüfarbe fett*/
       .mfxxs{font-size:xx-small;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .mfxs{font-size:x-small;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .mfs{font-size:small;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .mfm{font-size:medium;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .mfl{font-size:large;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .mfx{font-size:x-large;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}
       .mfxx{font-size:xx-large;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif; font-weight: bold;}

       /*Menüfarbe mit Schatten*/
       .mls{font-size:large;color:#CCFFCC;font-family:Helvetica,Arial,sans-serif;text-shadow: black 0.1em 0.1em 0.2em}

       a:link{color:#FFF900; text-decoration:none;font-size:medium;font-family:Helvetica,Arial,sans-serif;font-weight:bold;}
       a:visited{color:#FFFF99; text-decoration:none;font-size:small;font-family:Helvetica,Arial,sans-serif;font-weight:bold;}
       a:hover{color:#CCFFCC; text-decoration:underline;font-family:Helvetica,Arial,sans-serif;}

       h2 {
          text-align:left;
          font-size:medium;
          color:#FFFFFF;
          font-family:Helvetica,Arial,sans-serif;
          font-weight:normal;
       }

       /*
       Bildergalerien*/
       .pg {
       width: 30%;
       list-style: none none;
       }

       .pg:after {
       clear: both;
       display: block;
       content: ".";
       height: 0;
       visibility: hidden;
       }

       .pg li {
       list-style: none none;
       display: inline;
       }

       .pg li a {
       margin: 2px;
       border: 1px solid #CCC;
       padding: 4px;
       position: relative;
       float: left;
       display: block;
       width: 150px;
       height: 100px;
       top:120px;
       left:100px;
       }

       .pg li a:hover {
       font-size: 100%;
       z-index: 2;
       }

       .pg li a img {
       border: 0 none;
       position: absolute;
       width: 150px;
       height: 100px;
       }

       .pg li a:hover img,.pg li a:active img,.pg li a:focus img {
       position: fixed;
       width:30%;
       height: auto;
       top:100px;
       right:200px;
       z-index: 3;
       }

       /*Code für thumbs mit freundlicher Gnehmigung von
       Alin Radulescu, siehe:
       http://www.werbung-webdesign.de/bilder-galerie-css.php*/
            .thumbs{
               padding:7px 0 3px 7px;
               width:80px;
               float:left;
            }
           .thumbs a img{
              width:62px;
              padding:0px;
              margin:1px 1px 2px 1px;
              border:1px solid #CCFFCC;
              float:left;
           }
           .thumbs a:hover img{
              border:1px solid #FF0F02;
           }
           div.thumbs a{
              padding:0;
              margin:0;
           }
           div.thumbs a span {
              display: none;
              color:#ff0000;
              background:#efefef;
           }
           div.thumbs a:hover{
              color: #CCFFCC;
              background: #ffffff;
              padding:0;
              margin:0;
           }


          div.thumbs a:hover span{
              display: block;
              position: absolute;

              width: 352px;
              padding: 244px 0 0 0;
              margin: 1px 0 0 80px;
              z-index: 100;
              color: #CCFFCC;
              font: 0.92em verdana, sans-serif;
              text-align: left;
              border:1px solid #cfcfcf;
              float:right;
              background-color:#F5EFD4;
              background-repeat: no-repeat;
          }

            .thumbs2{
               padding:7px 0 3px 7px;
               width:80px;
               float:left;
            }
           .thumbs2 a img{
              width:62px;
              padding:0px;
              margin:1px 1px 2px 1px;
              border:1px solid #CCFFCC;
              float:left;
           }
           .thumbs2 a:hover img{
              border:1px solid #FF0F02;
           }
           div.thumbs2 a{
              padding:0;
              margin:0;
           }
           div.thumbs2 a span {
              display: none;
              color:#ff0000;
              background:#efefef;
           }
           div.thumbs2 a:hover{
              color: #CCFFCC;
              background: #ffffff;
              padding:0;
              margin:0;
           }

          div.thumbs2 a:hover span{
              display: block;
              position: absolute;
              width: 300px;
              height: 85px;
              padding: 44px 0 0 0;
              margin: 1px 0 0 80px;
              z-index: 100;
              color: #CCFFCC;
              font: 0.92em verdana, sans-serif;
              text-align: right;
              border:1px solid #cfcfcf;
              float:right;
              background-color:#F5EFD4;
              background-repeat: no-repeat;
          }

          a#pic1:hover span{background-image:url(../grafik/fotos/infotimo.jpg);}
          a#pic2:hover span{background-image:url(../grafik/fotos/infogilb.jpg);}
          a#pic3:hover span{background-image:url(../grafik/fotos/infoklaus.jpg);}
          a#pic4:hover span{background-image:url(../grafik/fotos/inforalf2.jpg);}
          a#pic5:hover span{background-image:url(../grafik/fotos/infogianni.jpg);}
          a#pic6:hover span{background-image:url(../grafik/fotos/infojacque.jpg);}
          a#pic7:hover span{background-image:url(../grafik/fotos/index2.jpg);}

          div.thumbs a:hover span strong{
              background:no-repeat;
              width: 295px;
              padding: 194px 15px 9px 0px;
              margin:-203px 0 0 -1px;
              display:block;
              font-weight:normal;}

          div.thumbs2 a:hover span strong{
              background:no-repeat;
              width: 295px;
              padding: 194px 15px 9px 0px;
              margin:-203px 0 0 -1px;
              display:block;
              font-weight:normal;}

           div.anzeige{
             float:left;
             width:325px;
             height:47px;
             margin:8px 10px 0 0;
             padding: 213px 8px 6px 20px;
             color: #CCFFCC;
             background: #f6f6f6 url(../grafik/fotos/info.jpg) no-repeat;
             }

           div.anzeige2{
             float:right;
             width:250px;
             height:20px;
             margin:8px 10px 0 0;
             padding: 99px 8px 6px 20px;
             color: #CCFFCC;
             /*background: #f6f6f6 url(../grafik/fotos/schleppen.jpg) no-repeat;*/
             }



       /*Code zu <#kontakt> frei nach Stu Nicholls, siehe http://www.cssplay.co.uk */
       #kontakt {display:block; height:300px; background:url(../contact/contactn.jpg); background-repeat:no-repeat; position:relative; margin:0 auto 2em auto;}
       #kontakt a {color:#FFF900; text-decoration:none;font-size:medium;font-family:Helvetica,Arial,sans-serif;font-weight:bold;}

       a#ralf {display:block; width:160px; height:0; padding-top:300px; overflow:hidden; position:absolute; left:0px; top:0px;}
       * html a#ralf {height:300px; he\ight:0;}
       a#ralf:hover {background:transparent url(../contact/ralf.jpg) no-repeat 0 0; overflow:visible;}

       a#gilb {display:block; width:160px; height:0; padding-top:300px; overflow:hidden; position:absolute; left:155px; top:0px;}
       * html a#gilb {height:130px; he\ight:0;}
       a#gilb:hover {background:transparent url(../contact/gilb.jpg) no-repeat  0 0; overflow:visible;}

       a#akim {display:block; width:160px; height:0; padding-top:300px; overflow:hidden; position:absolute; left:240px; top:0px;}
       * html a#akim {height:105px; he\ight:0;}
       a#akim:hover {background:transparent url(../contact/akim.jpg) no-repeat 0 0; overflow:visible;}

       a#gerd {display:block; width:110px; height:0; padding-top:300px; overflow:hidden; position:absolute; left:330px; top:0px;}
       * html a#gerd {height:55px; he\ight:0;}
       a#gerd:hover {background:transparent url(../contact/gerd.jpg) no-repeat 0 0; overflow:visible;}

       /*__________________________________________________________________________________
       hooverbox für Fotogalerien:
       */
       a
       {
               text-decoration: none;
       }

       h1
       {
               background: inherit;
               border-bottom: 1px dashed #ccc;
               color: #FFFFFF;
               font: 17px Georgia, serif;
               margin: 0 0 10px;
               padding: 0 0 5px;
               text-align: center;
       }

       p
       {
               clear: both;
               padding: 10px 0;
               text-align: center;
       }
       .p1     {
               clear: both;
               padding: 0 0;
               text-align: center;
       }
       .p2     {
               clear: both;
               padding: 0 0;
               text-align: left;
       }

       .pp
       {
               clear: all;
               padding: 10px 0;
               text-align: center;
       }

       .hoverbox
       {
               cursor: default;
               list-style: none;
               text-align: center;
       }

       .hoverbox a
       {
               cursor: default;
       }

       .hoverbox a .preview
       {
               display: none;
       }

       .hoverbox a:hover .preview
       {
               display: block;
               position: absolute;
               top: -33px;
               left: -45px;
               z-index: 1;
       }

       .hoverbox img
       {
               background: #fff;
               border-color: #aaa #ccc #ddd #bbb;
               border-style: solid;
               border-width: 1px;
               color: inherit;
               padding: 2px;
               vertical-align: top;
               width: 100px;
               /*height: 75px;*/
       }

       .hoverbox li
       {
               background: #eee;
               border-color: #ddd #bbb #aaa #ccc;
               border-style: solid;
               border-width: 1px;
               color: inherit;
               display: inline;
               float: left;
               margin: 3px;
               padding: 1px;
               position: relative;
       }

       .hoverbox .preview
       {
               border-color: #000;
               width: 350px;
               /*height: 150px;*/
       }

       .hoverbox a .mail
       {
               display: none;
       }

       .hoverbox .mail
       {
               border-color: #000;
               width: 250px;
               /*height: 150px;*/
       }

       .hoverbox a:hover .mail
       {
               display: block;
               position: absolute;
               top: 5px;
               left: 60px;
               z-index: 1;
       }


       #start
       {
                display:block;
                height:300px;
                background:url(../grafik/fotos/index.jpg);
                background-repeat:no-repeat;
                position:relative; left:18%;
       }

       a#fish
       {
                display:block;
                width:72%;
                height:0;
                padding-top:300px;
                overflow:hidden;
                position:absolute;
                left:0px;
                top:0px;
       }

       * html a#fish
       {
                height:300px;
       }

       a#fish:hover
       {
                background:transparent url(../grafik/fotos/index2.jpg) no-repeat 0 0; overflow:visible;}


       #gig     {vertical-align:middle;}

       #gig     .text {margin-left:100px;}

       #gig     .box{
                padding:7px 0 3px 7px;
                width:80px;
                float:left;
                width:62px;
                padding:0px;
                margin:1px 1px 2px 1px;
                border:1px solid #CCFFCC;
                text-align: center;
                background:#E23111;
                }

       .new {target-new: new ! important}
       }
       .copyleft {
          transform: scaleX(-1);
         -moz-transform: scaleX(-1);
         -webkit-transform: scaleX(-1);
         display: inline-block;
         }