/* -------------------NETZTOENE CSS level 3.0 by J. No� 2025-------------------------------- */


/* ------------------------------ GLOBALE TAGs -----------------------------*/
img{ border:0;}

em{
   font-weight:bold
  }

/* ## ID'S ## */


     /*color:#0050A0;*/
    /*color:#003080;*/
/* CONTENT-BOX �BERSCHRIFT */
h1{
   font-family:helvetica,tahoma,arial,verdana;
   text-align:center;
   font-size:20px;
   font-style:italic;
   line-height:20px;
   color:#2F2F2F;
}
/* PROJEKT-SELEKTOR �BERSCHRIFT IN IN CONTENBOX */
h2{
   font-family:helvetica,tahoma,arial,verdana;
   text-align:center;
   font-style:italic;
   font-size:14px;
   line-height:14px;
   color:#3F3F3F;
}

/* KAPITEL �BERSCHRIFT IN DER TEXTBOX */
h3{
   font-family:verdana,tahoma,helvetica,arial;
   font-size:14px;
   font-style:italic;
   font-weight:normal;
   line-height:20px;
   color:#0070C0;
}

h4{
   font-family:verdana,tahoma,helvetica,arial;
   font-size:14px;
   font-style:italic;
   font-weight:normal;
   line-height:14px;
   color:#00CCFF;
}

/*   BODYS  */

body.bg{
         z-index:0;
         margin: 0 auto;
         width: 100%;
         height: 100%;
         background:#000000;
        */

        }

#hpbg{
         margin: 0 auto;
         width: 1024px;
         height: auto;
         /*background:#000000;*/
         /*background-attachment:fixed;*/
         /*border: solid 1px #FFFFFF;*/
        }

#HPLogo{ z-index:2;
         width: 650px;
         margin: 0 auto;
         margin-top: 40px;
         background: url(Site/img/Logo/jnp.jpg); no-repeat;
         /*background-attachment:fixed;*/
         height: 430px;
         /*border: solid 1px #FFFFFF;*/

        }


/* ---------------  EQUIPMENT-CELL --------------- */


/* ONE SITE JUMP ANKER */
A.ank:link{
            background:#2F2F2F;
            border-radius: 5px;
            padding-left:10px;
            padding-right:10px;
            font-size:9px;
            line-height:20px;
            font-family:verdana,arial,tahoma,helvetica;
            color:#00C0FF;
            font-weight:normal;
            text-decoration:none;
            vertical-align:middle
            }

A.ank:visited{
               background:#2F2F2F;
               border-radius: 5px;
               padding-left:10px;
               padding-right:10px;
               font-size:9px;
               line-height:20px;
               color:#00C0FF;
               font-weight:normal;
               text-decoration:underline;
               background:none;
               vertical-align:middle;
               }

A.ank:hover{
             background:#FFDF00;
             border-radius: 5px;
             padding-left:10px;
             padding-right:10px;
             font-size:09px;
             line-height:20px;
             font-family:verdana,arial,tahoma,helvetica;
             color:#000000;
             text-decoration:none;
             vertical-align:middle;
            }

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




/* BEREICH F�R SUBSEITEN START */
/* */
#TopBox{

            background:transparent;
            margin: 0 auto;
            width:822px;
            height:94px;
            padding-left:0px;
            padding-right:0px;
            padding-top:5px;
            margin-bottom: 15px;
            /*border: solid 1px #FFFF00;*/
           }

#WerbeBox{ /* inside TopBox */
          width:400px;
          height:90px;

          text-align:right;
          padding-left:10px;
          padding-right:10px;
          padding-top:0px;
          margin-left:400px;
          /*border: solid 1px #6d6865;*/
}

#LogoBox{  /* inside TopBox */
            float: left;
            width:620px;
            height:92px;
            padding-left:5px;
            padding-right:5px;
            padding-top:0px;
            text-align:center;
            /*border: solid 1px #6d6865;*/
}
/* */
/*                     BOX START */
/* */
/* TRACK INFO CONTAINER inside ContentBox */
/*  */


/*  BOX ENDE */

/* CONTENT BOX START */
/* */
#CBHead{  /* ContentBoxHead*/
            z-index:1;
            background:transparent;
            margin: 0 auto;
            margin-bottom:4px;
            border-radius: 15px;
            box-shadow: inset 0px 0px 10px #036AFD;/*#00A0FF;*/
            width:770px;
            height:30px;
            padding-top:5px;
            padding-left:20px;
            padding-right:30px;
            padding-bottom:15px;
            font-family:verdana,tahoma,arial,helvetica,geneva;
            /*font-size:12px;*/
            /*line-height:14px;*/
            /*text-align:center;*/
            /*border: solid 1px #ffffff;*/
           }

#ContentBox{
            z-index:1;
            background:#000000;
            display:inline-block;
            margin: 0 auto;
            width:820px;
            padding-top:4px;
            height:auto;
            text-align: center;
            /*border: solid 1px #ffffff;*/
           }

/* CONTENT BOX ENDE */
/* */

/* Project Selector Box inside ContentBox  */
#ProSel{
            background:#000000;
            float: left;
            box-shadow: inset 0px 0px 10px #036AFD;
            border-radius: 15px;
            width:212px;
            padding-top:10px;
            padding-left:13px;
            padding-right:13px;
            padding-bottom:10px;
            margin-right:10px;
            font-family:verdana,tahoma,arial,helvetica,geneva;
            font-size:10px;
            line-height:12px;
            /*border: solid 1px #3F3F3F;*/
}

/* */
/*  TEXT BOX START */

#TBox{/* Textbox inside ContentBox*/
      z-index:2;
      width:530px;
      background:#000000; /*url(../img/bgs/bodybg.jpg); #6F6F6F;*/
      float: right;
      border-radius:15px;
      box-shadow: inset 0px 0px 10px #036AFD;
      padding-left:20px;
      padding-right:20px;
      padding-top:20px;
      padding-Bottom:10px;
      font-family:verdana,tahoma,arial,helvetica,geneva;
      margin-bottom:2px;
      font-size:12px;
      line-height:16px;
      /*text-align:left;*/
      /*border: solid 1px #3F3F3F; */
     }
#TBox p{
        font-family:verdana,tahoma,arial,helvetica,geneva;
        font-size:12px;
        line-height:16px;
        color:#00DAFF
        }

#TBox em{
        font-family:verdana,tahoma,arial,helvetica,geneva;
        font-size:12px;
        line-height:16px;
        font-weight:bold;
        font-style:normal;
        color:#BCEEF0;
        }
/* In der TBox: englisch #0060FF*/
.e{
        font-family:verdana,tahoma,arial,helvetica,geneva;
        font-size:12px;
        line-height:16px;
        color:#0060FF;
        }

A.tbox:link{
            background:#2F2F2F;
            border-radius: 5px;
            padding-left:10px;
            padding-right:10px;
            font-size:9px;
            line-height:20px;
            font-family:verdana,arial,tahoma,helvetica;
            color:#00C0FF;
            font-weight:normal;
            text-decoration:none;
            vertical-align:middle
            }

A.tbox:visited{
               background:#2F2F2F;
               border-radius: 5px;
               padding-left:10px;
               padding-right:10px;
               font-size:9px;
               line-height:20px;
               color:#00C0FF;
               font-weight:normal;
               text-decoration:underline;
               background:none;
               vertical-align:middle;
                }

A.tbox:hover{
             background:#FFDF00;
             border-radius: 5px;
             padding-left:10px;
             padding-right:10px;
             font-size:09px;
             line-height:20px;
             font-family:verdana,arial,tahoma,helvetica;
             color:#000000;
             text-decoration:none;
             vertical-align:middle;
            }
#foot{ /* inside TextContentBox */
      /*display:inline; #036AFD*/
      background: url(../img/bgs/footbg.jpg); no-repeat;
      z-index:2;
      float:right;
      width:530px;
      height:80px;
      margin-top:1px;
      margin-right: 0px;
      margin-bottom:3px;
      box-shadow: inset 0px 0px 8px #184568;
      border-radius:15px;
      padding-left:20px;
      padding-right:20px;
      padding-top:10px;
      padding-bottom:8px;
      font-family:verdana,arial,helvetica;
      font-size:9px;
      color:#00C0FF;
      line-height:14px;
      text-align:center;

    /*border: solid 1px #ffffff;*/
     }


/* -- */
/* ENDE TEXTContent BOX */
/* -- */
/* Standard Link BOX */
/* -- */
#StandardLinkBox{
                 z-index:2;
                /* background:transparent;*/
                 margin: 0 auto;
                 width: 530px;
                 height: 20px;
                 padding-top :0px;
                /*padding-bottom:5px;*/
                /*border: solid 1px #ffffff;*/
                 text-align: center;
                 margin-top: 2px;
                 margin-bottom: 20px;
                }

a.StaLin:link{
            background:#2F2F2F;
            -webkit-transition: background-color .30s ease-in;
            transition: background-color .25s ease-in;
            border-radius: 5px;
            padding-left:10px;
            padding-right:10px;
            font-family:verdana,tahoma,arial,helvetica,geneva;
            color:#00C0FF;
            text-decoration:none;
            font-size:10px;
            line-height:25px;
            vertical-align:middle;
           }

a.StaLin:visited {
                background: #2F2F2F;
                border-radius: 5px;
                padding-left:10px;
                padding-right:10px;
                font-family:verdana,tahoma,arial,helvetica,geneva;
                color: #00C0FF;
                text-decoration: none;
                font-size: 10px;
                line-height: 25px;
                vertical-align: middle;
               }
a.StaLin:hover{
               background:#FFDF00;
               border-radius: 5px;
               padding-left:10px;
               padding-right:10px;
               font-family:verdana,tahoma,arial,helvetica,geneva;
               color:#000000;
               text-decoration:none;
               font-size:12px;
               line-height:25px;
            /*text-align:left;*/
           }
/* -- */
/* ENDE Standard Link BOX */
/* -- */
/* Standard All Rights Reservet Line BOX */
/* -- */
#RRLine{
        z-index:3;
        width: 530px;
        height: 20px;
        margin-top: 20px;
        margin-bottom: 8px;
        padding-top :0px;
        font-family: verdana,arial,helvetica;
        /*font-style: italic;*/
        text-align: right;
        /*border: solid 1px #ffffff;*/
}

 /* -- */
/* ENDE Standard Link BOX */
/* -- */
/*  Projekt Link Box */
/* -- */
#ProjectKindBox{
                 margin: 0 auto;
                 width:860px;
                 height:20px;
                 padding-bottom:10px;
               /*padding-bottom:5px;*/
               /*border: solid 1px #ffffff;*/
                 text-align: center;
}


a.ProLi:link{
             background: #2F2F2F;
             -webkit-transition: background-color .30s ease-in;
             transition: background-color .25s ease-in;
             border-radius: 5px;
             padding-left: 10px;
             padding-right: 10px;
             font-family: verdana,tahoma,arial,helvetica,geneva;
             color:#00FFAF;
             text-decoration: none;
             font-size: 10px;
             line-height: 25px;
             vertical-align: center;
           }



a.ProLi:visited{
                background: #2F2F2F;
                border-radius: 5px;
                padding-left: 10px;
                padding-right: 10px;
                font-family:verdana,tahoma,arial,helvetica,geneva;
                color: #00FFAF;
                text-decoration: none;
                font-size: 11px;
                line-height: 25px;
                vertical-align: middle;
               }

a.ProLi:hover{
              background:#00FF00; /*#A02000 url(../img/nochnix.gif);*/
              border-radius: 5px;
              padding-left:10px;
              padding-right:10px;
              font-family:verdana,tahoma,arial,helvetica,geneva;
              color:#1F1F1F; /*#00C0FF*/
              text-decoration:none;
              font-size:12px;
              line-height:25px;
            /*text-align:left;*/
           }
a.ProLi:active{
               background:#2F2F2F;
               border-radius: 5px;
               padding-left:10px;
               padding-right:10px;
               font-family:verdana,tahoma,arial,helvetica,geneva;
               font-weight:bold;
               font-style:italic;
               color:#FFFF00;
               text-decoration:none;
               font-size:10px;
               line-height:25px;
               vertical-align:middle;
               margin-left:10px;
}


.LinkAktiv{
            font-family:verdana,tahoma,arial,helvetica,geneva;
            font-weight:bold;
            font-style:normal;
            color:#FFFF00;
            text-decoration:none;
            font-size:12px;
            line-height:25px;
            vertical-align:middle;
}

/* TrackLinks */
a.TraLi:link{
             background:#2F2F2F;
             border-radius: 5px;
             padding-left:8px;
             padding-right:8px;
             font-family:verdana,tahoma,arial,helvetica,geneva;
             color:#00FFAF;
             text-decoration:none;
             font-size:9px;
             line-height:20px;
             vertical-align:middle;
            }

a.TraLi:visited{
                 background: #2F2F2F;
                 border-radius: 5px;
                 padding-left:8px;
                 padding-right:8px;
                 font-family:verdana,tahoma,arial,helvetica,geneva;
                 color: #00FFAF;
                 text-decoration: none;
                 font-size: 9px;
                 line-height: 20px;
                 vertical-align:middle;
                }
a.TraLi:hover{
               background:#00FF00;
               border-radius: 5px;
               padding-left:8px;
               padding-right:8px;
               font-family:verdana,tahoma,arial,helvetica,geneva;
               color:#1F1F1F;
               text-decoration:none;
               font-size:9px;
               /*font-style:italic;*/
               line-height:20px;
               vertical-align:middle;
              }
.TraLiAktiv{
               background:#00FF00;
               border-radius: 5px;
               padding-left:8px;
               padding-right:8px;
               font-family:verdana,tahoma,arial,helvetica,geneva;
               font-weight:bold;
               /*font-style:italic;*/
               color:#1F1F1F;
               text-decoration:none;
               font-size:9px;
               line-height:25px;
               vertical-align:middle;
               /*margin-left:10px;*/
           }
/* */
/* ----------------------------------------------- */
/* INDI- TEXT CLASSES  */
/* -- */

/* WarenZeichen / Trademarks */
.wz{
    font-family:verdana,arial,helvetica;
    font-size:9px;
    font-weight:normal;
    line-height:11px;
    color:#003030
}

/* Hinweise */
.hinweis{
    font-family:verdana,arial,helvetica;
    font-size:10px;
    font-weight:bold;
    font-style:italic;
    line-height:12px;
    color:#FF9F00;
}
.infolist{
    font-family:verdana,arial,helvetica;
    font-size:9px;
    font-weight:bold;
    font-style:italic;
    line-height:11px;
    color:#585858;
}
/* #FFBF00; */



.songtitel{
            font-family:verdana,arial,helvetica,arial;
            font-size:10px;
            font-weight:bold;
            font-style:italic;
            color:#00FF3F;
            line-height:9px;
            /*text-align:center;*/

}

.songcalled{
            color:#00FD14;
}


.bandname{
            color:#DA156F;
}

.microblue{
            font-family:verdana,arial,helvetica,arial;
            font-size:9px;
            color:#0080FF;
            line-height:12px;
}

.attention{
            font-family:verdana,arial,helvetica,arial;
            font-size:9px;
            font-weight:bold;
            color:#FFFF00;
            line-height:11px;
}

.block{
       text-align:justify;
}

.ital{
      font-style:italic;
}

.bi{
    font-style:italic;
    font-weight:bold;
}

.fett{
    font-weight:bold;
}

.mittig{
        font-size:11px;
        line-height:13px;
        text-align:center;
}

.ank{
     font-family:verdana,arial,helvetica,arial;
     font-size:9px;
     color:#DEDfDE;
     line-height:12px
     }


.hiw{
     font-family:verdana,arial,helvetica,arial;
     font-size:11px;
     font-weight:bold;
     background:transparent;
     line-height:12px;
     color:#C00040;
}



.mp3Tag{
        /*background:#4F4F4F;*/
        /*border-radius:5px;*/
        padding-left:6px;
        padding-right:6px;
        font-size:11px;
        line-height:18px;
        font-family:verdana,arial,tahoma,helvetica;
        color:#FF9F00;
        font-weight:normal;
        font-style:italic;
        text-decoration:none;
        vertical-align:middle
}

/* KAPITEL �BERSCHRIFT 1. BUCHSTABE GR�SSER IN DER TEXTBOX */
.KHL1Big{
   font-family:verdana,tahoma,helvetica,arial;
   font-size:18px;
   font-style:italic;
   font-weight:normal;
   line-height:20px;
   color:#FF7F00;
}

.TextHL1{
         font-family:verdana,tahoma,helvetica,arial;
         font-size:14px;
         font-style:italic;
         font-weight:bold;
         line-height:14px;
         color:#005050;
        }


.Text10{
           font-family:verdana;
           font-size:10px;color:#EFEFEF;
          }