#i3b a:hover,
#i1b a:hover,
#i2b a:hover  {
   background-position: -205px 0%;
}

#johnbilderbacksurfermagazin p  {
   font: 5px/6px AppleGothic;
   margin: 0px;
   color: #EBEBEB;
   text-align: center;
}

#johnbilderbacksurfermagazin  {
   visibility: visible;
   position: absolute;
   left: 26px;
   top: 733px;
   z-index: 4;
   width: 966px;
}

#jbbannergifxmedia  {
   background: url(externalmedia/jbdotcombanner.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 171px;
   top: 60px;
   z-index: 4;
   width: 666px;
   height: 161px;
}

#layer4,
#layer3  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   width: 1024px;
   height: 768px;
   background-repeat: no-repeat;
}

#johnbilderback  {
   margin: 0px auto 0px auto;
   width: 1024px;
   position: relative;
}

#i2b a,
#i3b a  {
   background-repeat: no-repeat;
   display: block;
   height: 98px;
   width: 205px;
   background-position: 0% 0px;
   font-size: 98px;
   line-height: 98px;
}

#jb1xmedia  {
   border: 3px solid #000000;
   visibility: visible;
   margin-top: -3px;
   margin-left: -3px;
   position: absolute;
   left: 366px;
   top: 281px;
   z-index: 2;
   width: 480px;
   height: 270px;
}

#layer5  {
   background: url(johnbilderbackmedia/layer5.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 157px;
   top: 49px;
   z-index: 2;
   width: 700px;
   height: 191px;
}

#layer4  {
   background-image: url(johnbilderbackmedia/layer4.gif);
   z-index: 3;
}

#layer3  {
   background-image: url(johnbilderbackmedia/layer3.gif);
   z-index: 1;
}

#i3b a  {
   background-image: url(johnbilderbackmedia/3b.gif);
}

#i2b a  {
   background-image: url(johnbilderbackmedia/2b.gif);
}

#i1b a  {
   background: url(johnbilderbackmedia/1b.gif) no-repeat 0% 0px;
   display: block;
   height: 97px;
   width: 205px;
   font-size: 97px;
   line-height: 97px;
}

#i2p  {
   background: url(johnbilderbackmedia/2p.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 203px;
   top: 597px;
   z-index: 5;
   width: 611px;
   height: 52px;
}

#i3p  {
   background: url(johnbilderbackmedia/3p.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 203px;
   top: 596px;
   z-index: 4;
   width: 614px;
   height: 56px;
}

#i3b  {
   visibility: visible;
   position: absolute;
   left: 156px;
   top: 459px;
   z-index: 4;
   width: 205px;
   height: 98px;
}

#i2b  {
   visibility: visible;
   position: absolute;
   left: 156px;
   top: 368px;
   z-index: 5;
   width: 205px;
   height: 98px;
}

#i1p  {
   background: url(johnbilderbackmedia/1p.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 271px;
   top: 594px;
   z-index: 6;
   width: 477px;
   height: 70px;
}

#i1b  {
   visibility: visible;
   position: absolute;
   left: 155px;
   top: 276px;
   z-index: 6;
   width: 205px;
   height: 97px;
}

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #FFFFFF;
}