/* CSS Document  PC   */

/* Allgemeine Styles   */
body,
button,
input,
select,
textarea,table{
      color:black;
      font-family:tahoma;
      font-size:9pt;
      line-height:1.5
      }
td{
      white-space:nowrap
      }
div.topBG{
      font-size:12pt
      }
div.topBG button{
      font-size:12pt
      }
button{
      cursor:pointer;
      background-color:transparent
      }      


.header,.header td{
      font-size:1.2em;
      font-weight:bold;
      font-style:italic
      }      
.header td.stand{
      font-size:0.8em;
      font-weight:normal;
      font-style:italic
      }
      
.header2{
      font-weight:bold;
      color:rgb(0,0,70)
      }      
.btnOk{
      font-weight:bold
      }


      


      /*    Farben  */
.bgn,.bgn td{/* Header */
      color:black;
      background-color:white
      }
.bg1,.bg1 td{/* Header */
      color:white;
      background-color:rgb(20,20,50)
      }

.bg2,.bg2 td{
      color:white;
      background-color:rgb(90,90,90)
      }
.bg3,.bg3 td{
      color:black;
      background-color:rgb(200,200,200)
      }
.bg4,.bg4 td{
      color:black;
      background-color:rgb(244,242,242)
      }
.bg5,.bg5 td{
      color:black;
      background-color:rgb(254,252,252)
      }
 .info,tr.info td{
      padding:0;
      margin:0;
      background-color:rgb(244,242,242);
      color:rgb(100,50,0);
      font-style:italic;
      font-size:0.9em;
      
      text-align:left;
      font-weight:normal;
      vertical-align:middle
      }
tr.info td button{
        color:rgb(100,50,0);
        font-size:1em;
        font-style:italic;
        font-weight:normal
        
      }
 .info2,tr.info2 td{
      padding:0;
      margin:0;
      background-color:rgb(251,249,249);
      color:rgb(100,50,0);
      font-style:italic;
      font-size:0.9em
      
      text-align:left;
      font-weight:normal;
      vertical-align:middle
      }
  tr.info2 td button{
        color:rgb(100,50,0);
        font-size:1em;
        font-style:italic;
        font-weight:normal
        
      }
      
.cut-on {
  visibility:hidden;
  max-width:1px
  
}
.cutL-on {
  display:none;
  
  
}
.cut-off {
  visibility:visible;
  max-width:800px
}
.menu-liste{
      font-size:1em;
      color:black
      }







/*  Paddings*/
body{
      
      padding-top:105px
      
      
      }
header, nav, article, aside, footer {
  flex: 1 100%
}

.topHeader{
      flex: 1 100%
      
      }
div.topBG
      {
      position:fixed;
      top:0px;left:0px;
      display:block;
      padding:0;
      width:100%;
      
      
      height:75px;
      background-color:#FFFFFF;
      background-image:url(./Verlauf.php?value=20,75,003266,FFFFFF) ; 
      background-repeat:repeat-x;
      white-space:nowrap
      }      
     
      
/* Kopf   */

div.Schatten
      {color:rgb(0,0,80);
      font-size:2em;font-weight:bold;
      position:absolute;
      left:63px;
      top:3px;
      white-space:nowrap;
      width:29em
      }
div.Titel
      {
      color:white;
      font-size:2em;
      font-weight:bold;
      position:absolute;
      left:60px;
      top:0px;
      white-space:nowrap 
    
      }
div.Userinfo
      {
      font-size:0.7em;
      color:navy;
      font-style:italic;
      position:absolute;
      left:80px;
      top:4em;
      white-space:nowrap
      }

img{
      width:32px;
      height:32px;
      margin:0px;
      padding:0px
      }
img[id=big]
      {
      width:32px;
      height:32px
      }
img[id=iSubmenue]{
      width:1em;
      height:1em
      }
button{
      margin:0px;
      padding:0px
      } 
table{
      border-spacing:0
      }           
.wrap,.wrap td,table tr td{
      vertical-align:top;
      white-space:normal
      }
.nwr,.nwr td,nwr tr td{
      vertical-align:top;
      white-space:nowrap
      }      
.Popup img{
      cursor:pointer
      }      
.Popup td img{
      cursor:default
      }      




/* Display */
.Anzeige{
      color:black
      }

table.Login{
      width:26em;
      color:black;
      border:1px solid black;
      padding-left:10px;
      padding-right:10px;
            border-spacing:0px;
            background:#ECE9D8 url(./Verlauf.php?value=200,200,FFFFFE,ECE9D8) ; 
            background-repeat:repeat-x
      }
button{
      border:none;
      background-color:transparent
      }
button.link{
      text-decoration:underline;
      cursor:pointer
      }
button.btn{
      border:2pt ridge maroon;
      background-color:rgb(240,240,240);
      margin-top:0.3em;
      margin-bottom:0.3em;
      padding:0.2em
      }
button.btnB{
	border-radius:0.3em;
      border:2pt ridge maroon;
      background-color:rgb(140,40,40);
	  color:white;
	  font-weight:bold;
      margin-top:0.9em;
	  margin-left:2em;
      margin-bottom:0.3em;
      padding:0.3em
      }
button.btnSperre{
      border:2pt ridge maroon;
      background-color:orange;
      color:black;
      font-weight:bold;
      margin-top:0.3em;
      margin-bottom:0.3em;
      padding:0.2em
      }
.Blatt{
      font-family:tahoma;
      display:none;
      color:black;
      position:absolute;
      top:90px;
      left:0.5em; 
      padding:1em;
      width:80%;
      z-index:1000;
      background-color:white;
      display:none;
      white-space:normal
}
.Blatt2{
      font-family:tahoma;
      display:none;
      position:absolute;
      top:90px;
      left:5px;
      color:black;
      padding-left:1em;
      padding-right:2em;
      width:90%;
     
      background-color:white;
     
      white-space:normal
}     
.Blatt2 div{
      margin-left:3em;
      color:black
      }


.Blatt2>a[name=ntop]{
      padding-right:2em;
      border-bottom:3pt ridge blue
      }
.Liz{
     font-size:1em;
     color:black
     
      }

.Liz>span{
      margin-left:1em;
      padding-right:10em;
      padding-left:1em;
      margin-bottom:1em;
      font-size:1.2em;
      font-weight:bold;
      font-style:normal;
      background-color:rgb(245,245,245);
      border-bottom:ridge navy 3pt;
      white-space:nowrap
     
      }

.Liz>span+div span{
      color:rgb(0,0,80);
      padding-right:2em;
      font-size:1em;
      font-weight:bold;
      font-style:italic;
      border-bottom:solid graytext 2pt
      }
.Liz li{
      padding-bottom:9px
      }
*.Liz img{
      width:20px;
      height:20px;
      margin-right:1em
      }
 div[id=dTitle]{
        padding:10px;
        font-weight:bold;
        display:none;
        z-index:1000;
        width:90%;
        position:fixed;
        top:100px;
        left:2px;
        background-color:maroon;
        color:white
        }

.header img{
      cursor:pointer
      }
.header td.stand{
      padding-right:1em
      }      
.header td+td img{
      float:right;
      width:1em;
      height:1em;
      margin-right:1em;
      margin-top:0.2em
      
      
      }
.menu-liste{
      width:100%;
      margin-bottom:1em;
      border:none
      }
.table-edit{
      border:1px solid black;
      min-width:20em;
      padding:1em
}
.table-edit td{
      vertical-align:middle
}
.table-edit input[type=text],.table-edit select{ 
      width:98%
      
}
.table-edit select.date{ 
      width:5em
      
}

div.dAuswahl{
      position:fixed;
      top:200px;
      left:3px;
      z-index:1001;
      background-color:maroon;
      display:none;
      padding:0.5em;
      text-align:center
      }
div.dAuswahl button{
        border:1px solid black;
        padding:0.5em;
        font-weight:bold;
        text-align:center;
        margin-left:1em;
        cursor:pointer
      }
      
.alert{
      z-index:1000;
      background-color:maroon;
      color:yellow;
      position:fixed;left:0px;top:0px;
      width:100%;
      height:100%;
      text-align:center;
      vertical-align:middle
      }

.inliner{
      display:inline-block;
      border:3px ridge black;
      color:black;
      background-color:white;
      padding:1em
      }
.inliner td{
       white-space:nowrap
      }
table.im td{
      vertical-align:middle
}
table.im td img{
      width:20px;
      height:20px
      }


/* borders */

tr.OkButtons td{
      text-align:right;
      padding-top:1em
      }      
.btnOk{
      padding:0;
      margin:0;
      margin-right:1em;
      padding-right:1em;
      padding-left:1em;
      border:1px solid black;
      background-color:#80807E;
      background-image:url(./Verlauf.php?value=200,200,FFFFFE,80807E) ; 
      background-repeat:repeat-x
      }
.btnAbbrechen{
      padding:0;
      margin:0;
      padding-right:1em;
      padding-left:1em;
      border:1px solid gray;
      background-color:#80807E;
      background-image:url(./Verlauf.php?value=200,200,FFFFFE,80807E) ; 
      background-repeat:repeat-x
      }
.btnRemember{
      font-style:italic;
      color:dimgray;
      margin:0;
      border:none;
      background-color:transparent
      }
      
      
/*    Paddings */
td{
      padding:3px;
      white-space:nowrap
      }      
.pad-top,tr.pad-top td{
      padding-top:10px
      }
.pad-topb,tr.pad-topb td{
      padding-top:30px
      }
.pad-bottom,.pad-bottom td{
      padding-bottom:10px
      }
.pad-bottomb,.pad-bottomb td{
      padding-bottom:30px
      }      
.popup{
      padding:0;
      margin-bottom:2em;
      border:1px solid rgb(20,20,50)
      }
     
       
/* Aligns*/
.nw,tr.nw td{
      white-space:nowrap
      }
input.fullview{
      width:99%
      }
.har,tr.har td{
      text-align:right
      }
.hal,tr.hal td{
      text-align:left
      }
.hac,tr.hac td{
      text-align:center
      }
.vat,tr.vat td{
      vertical-align:top
      }
.vam,tr.vam td{
      vertical-align:middle
      }
.vab,tr.vab td{
      vertical-align:bottom
      }
 /*_____Borders table_________*/
 
.underline,tr.underline td{
      border-bottom:1px solid gray
      }
.ul2,tr.ul2 td{
      border-bottom:1px solid rgb(240,240,240)
      }
table.ul2 tr+tr td{
      border-bottom:1px solid rgb(240,240,240)
      }
.overline,tr.overline td{
      border-top:1px solid gray
      }
.ov2,tr.ov2 td{
      border-top:1px solid silver
      }
.bb,tr.bb td{
      border-bottom:3pt ridge rgb(20,20,50)
      }
.bt,tr.bt td{
      border-top:3pt ridge rgb(20,20,50)
      }
.bt2,tr.bt2 td{
      border-top:1pt ridge rgb(20,20,50);
      padding-top:1em
      }
.boa,tr.boa td{
      border:3pt ridge gray
      }
.boa2,tr.boa2 td{
      border:1px solid gray
      }
.mab{
      margin-bottom:10px
      }
.date{
      width:8em
}
.hlp{
      cursor:help
      }






/*  Spielplan */
table.Spielplan{
      padding:10px
      }


table.Spielplan td{font-style:italic;white-space:nowrap;padding-left:3px;padding-right:3px}      
table.Spielplan td+td {font-style:normal}
table.Spielplan td+td+td {font-weight:bold}
table.Spielplan td+td+td+td {font-weight:normal}
table.Spielplan td+td+td+td+td  {font-weight:normal}
table.Spielplan td+td+td+td+td+td  {text-align:center}
table.Spielplan td+td+td+td+td+td+td  {text-align:left}
table.Spielplan td+td+td+td+td+td+td+td  {font-weight:normal}
table.Spielplan td+td+td+td+td+td+td+td+td  {font-style:italic;padding:3px;padding-left:7px;padding-right:7px}
table.Spielplan td+td+td+td+td+td+td+td+td+td  {font-style:italic}
table.Spielplan td+td+td+td+td+td+td+td+td+td+td  {font-weight:bold;font-style:normal;text-align:center}
table.Spielplan td+td+td+td+td+td+td+td+td+td+td+td  {font-weight:normal}

table.Spielplan tr.Zukunft td{color:black}
table.Spielplan tr.Zukunft td+td {color:graytext}
table.Spielplan tr.Zukunft td+td+td {color:black}
table.Spielplan tr.Zukunft td+td+td+td {color:graytext;}
table.Spielplan tr.Zukunft td+td+td+td+td  {color:black}
table.Spielplan tr.Zukunft td+td+td+td+td+td  {color:black}
table.Spielplan tr.Zukunft td+td+td+td+td+td+td  {color:black}
table.Spielplan tr.Zukunft td+td+td+td+td+td+td+td  {color:black}
table.Spielplan tr.Zukunft td+td+td+td+td+td+td+td+td  {color:gray}
table.Spielplan tr.Zukunft td+td+td+td+td+td+td+td+td+td  {color:gray}
table.Spielplan tr.Zukunft td+td+td+td+td+td+td+td+td+td+td  {color:rgb(200,0,0)}
table.Spielplan tr.Zukunft td+td+td+td+td+td+td+td+td+td+td+td  {color:gray}

table.Spielplan tr.Vergangen td {color:gray}
table.Spielplan tr.Vergangen td+td {color:rgb(200,0,0)}
table.Spielplan tr.Vergangen td+td+td {color:rgb(200,0,0)}
table.Spielplan tr.Vergangen td+td+td+td {color:gray;}
table.Spielplan tr.Vergangen td+td+td+td+td  {color:rgb(200,0,0)}
table.Spielplan tr.Vergangen td+td+td+td+td+td  {color:rgb(200,0,0)}
table.Spielplan tr.Vergangen td+td+td+td+td+td+td  {color:rgb(200,0,0)}
table.Spielplan tr.Vergangen td+td+td+td+td+td+td+td  {color:rgb(200,0,0)}
table.Spielplan tr.Vergangen td+td+td+td+td+td+td+td+td  {color:gray}
table.Spielplan tr.Vergangen td+td+td+td+td+td+td+td+td+td  {color:gray}
table.Spielplan tr.Vergangen td+td+td+td+td+td+td+td+td+td+td  {color:rgb(200,0,0)}
table.Spielplan tr.Vergangen td+td+td+td+td+td+td+td+td+td+td+td  {color:gray}

table.Spielplan tr.Erledigt td {color:gray}
table.Spielplan tr.Erledigt td+td {color:rgb(0,50,0)}
table.Spielplan tr.Erledigt td+td+td {color:rgb(0,50,0)}
table.Spielplan tr.Erledigt td+td+td+td {color:gray}
table.Spielplan tr.Erledigt td+td+td+td+td  {color:rgb(0,50,0)}
table.Spielplan tr.Erledigt td+td+td+td+td+td  {color:rgb(0,50,0)}
table.Spielplan tr.Erledigt td+td+td+td+td+td+td  {color:rgb(0,50,0)}
table.Spielplan tr.Erledigt td+td+td+td+td+td+td+td  {color:rgb(0,50,0)}
table.Spielplan tr.Erledigt td+td+td+td+td+td+td+td+td  {color:gray}
table.Spielplan tr.Erledigt td+td+td+td+td+td+td+td+td+td  {color:gray}
table.Spielplan tr.Erledigt td+td+td+td+td+td+td+td+td+td+td  {color:rgb(0,50,0)}
table.Spielplan tr.Erledigt td+td+td+td+td+td+td+td+td+td+td+td  {color:gray}
                                




table.Spielplan button[name=btnOpenGame]{
      color:rgb(0,0,80);
      border:none;
      background-color:transparent;
      text-decoration:underline;
      font-weight:bold;
      font-size:1em;
      font-style:italic;
      cursor:pointer;
      width:100%
      }

                   

.btnHide{
      float:none;
      display:none
      }
.live td img{
      cursor:pointer
      }
.aufstellung{
      display:none
      }
.tbSpielLive select{
      width:10em
      }
.nopad{padding:2px;}      
.tbSpielLive td{color:gray}
.tbSpielLive td+td+td{color:black}
.tbSpielLive td+td+td+td+td+td{color:gray;font-size:0.9em}

.tbSpielLive tr td+td+td+td+td+td{color:gray} 
.tbSpielLive tr td+td+td+td+td+td+td{color:gray}
.tbSpielLive tr td+td+td+td+td+td+td+td{color:black}

.dLiveInput{display:none}
.tbLiveInput{margin:10px}
.tbLiveInput tr+tr+tr td select{width:4em}
.tbLiveInput td{text-align:center;padding-bottom:20px;padding-left:2px;padding-right:2px}
.tbLiveInput td.TsLive{text-decoration:underline;font-style:italic;color:navy;cursor:pointer}

div.Topscoretables{display:none}

table.TopScoreLive{border-spacing:0px;padding:10px;color:black;background-color:rgb(240,240,240);border:1pt solid gray}  
table.TopScoreLive td{padding:5px}



.LiveTicker{
      background-color:rgb(0,0,20);
      color:orange;
      width:95%;
      height:100%;
      padding:10px
      }
.LiveTicker .dMenueTicker{ /*  Menue Kommentare */
      margin-bottom:2em;
      border-bottom:3pt ridge silver
      }
.LiveTicker .dMenueTicker img{
      cursor:pointer;
      margin-right:3em
      }
 
/*  Anzeige LiveTicker*/     
.tbLiveTicker{
      border:1pt solid orange;
      margin-bottom:20px;
      padding:10px
      }
.tbLiveTicker tr td{color:white;font-size:1em;background-color:rgb(0,0,30);white-space:nowrap}
.tbLiveTicker tr+tr td{color:white;font-size:1em;padding-top:10px}
.tbLiveTicker tr+tr+tr td{padding-top:3px}
.tbLiveTicker tr td+td+td{font-size:1.1em;text-align:center}

.tbLiveTicker tr.spLiveTicker td{color:gray;font-size:1.1em;font-style:italic;font-weight:bold}

.tbLiveTicker tr.hLiveTicker td{color:aqua;font-size:1.2em;border-bottom:1pt solid gray;padding-right:20px}
.tbLiveTicker tr.hUser td{font-size:1em;border-bottom:1pt solid dimgray;color:gray;font-style:italic;text-align:center}
.tbLiveTicker tr.hKommentar td{font-size:1.1em;border-bottom:1pt solid gray;color:orange;padding-right:10px}
.tbLiveTicker tr.LiveTickerTime td{text-align:center;color:gray;font-style:italic}


 /* Eingabe Smileys */
div.dKommentar{
      display:none;
      border:1pt solid white;
      margin-bottom:180px
      }
div.dSmileys{display:none}

/* Anzeige User in Eingabe Kommentar */
.tbKommentar td{
      color:graytext;
      white-space:nowrap;
      vertical-align:middle;
      padding:10px
      }
.tbKommentar input{
      width:100%
      }
.tbKommentar img{
      cursor:pointer
      }
.tbKommentar tr.hUser td{
      padding-left:5em;
      color:orange;
      font-style:italic
      }
      
 /* Anzeige User im  Kommentar*/
.tbUserComm{
      border:1px solid gray;
      margin-left:3em;
      margin-bottom:2em
      }
.tbUserComm td{padding-left:10px;padding-right:10px}
.tbUserComm tr td{color:gray;font-style:italic}
.tbUserComm tr+tr td{color:orange;font-style:normal}



/*  News  */
.News{
      border:none;
      width:100%;
      border-spacing:0px
      }

.nHeader td{border-bottom:3pt ridge maroon;font-size:1.5em;font-weight:bold}
table.News td{padding-right:2em;white-space:normal}
table.News td+td{font-weight:bold;padding-right:0px;min-width:20em}
table.News td+td+td{min-width:5em;font-weight:normal;font-style:italic;color:black;font-size:0.9em}
table.News td+td+td+td{width:4em;font-style:italic;font-size:0.8em;;color:gray}


.NewsEdit{
      color:black;
      }
.NewsEdit td{
      white-space:nowrap;
      }       
table.NewsEdit textarea{margin-bottom:10px;font-family:verdana}
table.NewsEdit td{vertical-align:top;border:none;padding-left:5px;padding-right:5px;padding-bottom:20px}
table.NewsEdit td+td{font-weight:bold}
table.NewsEdit td+td+td{width:20px;font-weight:normal;font-style:italic}
table.NewsEdit td+td+td+td{width:20px;font-style:normal}





table.Spielbericht{ border:1px solid gray;padding:10px;background-color:rgb(252,252,254);color:black;
                  z-index:1}
table.Spielbericht td{vertical-align:top;white-space:nowrap;border:none}
table.Kopf{ border:none;width:100%;border-spacing:0px}
table.kopf td.sbLogo{width:100%}

button[name=currentSB]{font-size:1.4em;font-weight:bold;padding-left:30px}
td.Center{width:90%;text-align:center}
td.Line{border-bottom:1px solid gray;text-align:left;font-weight:bold}
td.Line+td.Line{font-weight:normal}

table.Aufstellung{width:100%;border:1pt solid gray;border-spacing:0px;margin-top:10px;
      background-color:rgb(252,252,252);color:black}

table.Aufstellung td{min-width:30px;border:1pt solid rgb(236,236,236)}
table.Aufstellung td.HeaderAufstellung{text-align:center;font-size:1.4em;font-weight:bold;border-bottom:3pt ridge gray}
table.Aufstellung td.HeaderAufstellung+td.HeaderAufstellung{border-left:1pt solid black}
table.Aufstellung tr.Info td{font-style:italic;text-align:center;color:rgb(205,150,0);
                              font-size:0.9em;background-color:rgb(245,246,246)}

table.Aufstellung tr.Ueberschrift td{border:1pt solid rgb(236,236,236)}
table.Aufstellung tr.Ueberschrift td+td+td+td{border-left:1pt solid black}
table.Aufstellung tr.Ueberschrift td+td+td+td+td{border:1pt solid rgb(236,236,236)}

table.Aufstellung tr.Ueberschrift{font-size:1.1em;font-weight:bold;text-align:center}
table.Aufstellung tr.Ueberschrift+tr td{width:30px;padding-left:5px;padding-right:5px}
table.Aufstellung tr.Ueberschrift+tr td+td{width:20%}
table.Aufstellung tr.Ueberschrift+tr td+td+td{width:50px}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td{width:50px}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td+td{width:50px}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td+td+td{width:50px}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td+td+td+td{width:30px;border-left:1pt solid black}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td+td+td+td+td{width:20%;border:1pt solid rgb(236,236,236)}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td+td+td+td+td+td{width:50px}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td+td+td+td+td+td+td{width:50px}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td+td+td+td+td+td+td+td{width:50px}
table.Aufstellung tr.Ueberschrift+tr td+td+td+td+td+td+td+td+td+td+td+td{width:50px}


table.Aufstellung  tr.Anzeige td{text-align:center;padding:5px;font-weight:bold;border:none}
table.Aufstellung  tr.Anzeige td+td{text-align:left;font-weight:normal;width:50%}
table.Aufstellung  tr.Anzeige td+td+td{text-align:center;color:gray;width:10px}
table.Aufstellung  tr.Anzeige td+td+td+td{color:black;width:40px}
table.Aufstellung  tr.Anzeige td+td+td+td+td{font-weight:bold;width:40px}
table.Aufstellung  tr.Anzeige td+td+td+td+td+td{font-weight:normal;width:30px}
table.Aufstellung  tr.Anzeige td+td+td+td+td+td+td{font-weight:bold;width:30px;border-left:1pt solid black}
table.Aufstellung  tr.Anzeige td+td+td+td+td+td+td+td{text-align:left;font-weight:normal;width:50%;border:none}
table.Aufstellung  tr.Anzeige td+td+td+td+td+td+td+td+td{text-align:center;color:gray;width:30px}
table.Aufstellung  tr.Anzeige td+td+td+td+td+td+td+td+td+td{color:black;width:30px}
table.Aufstellung  tr.Anzeige td+td+td+td+td+td+td+td+td+td+td{font-weight:bold;width:30px}
table.Aufstellung  tr.Anzeige td+td+td+td+td+td+td+td+td+td+td+td{font-weight:normal;width:30px}

table.Aufstellung select{width:100%}


table.SPSpiele tr.Info td{text-align:left}
table.SPSpiele tr.Info td+td{text-align:left}
table.SPSpiele tr.Info td+td+td{text-align:left}
table.SPSpiele tr.Info td+td+td+td{text-align:center}
table.SPSpiele tr.Info td+td+td+td+td{text-align:left}
table.SPSpiele tr.Info td+td+td+td+td+td{text-align:left}
table.SPSpiele tr.Info td+td+td+td+td+td+td{text-align:center}
table.SPSpiele tr.Info td+td+td+td+td+td+td+td{text-align:center}
table.SPSpiele tr.Info td+td+td+td+td+td+td+td+td{text-align:center}

table.SPSpiele{background-color:rgb(252,252,252);border-spacing:0px;color:black;border:1px solid gray;width:100%}
table.SPSpiele td{padding:3px;padding-left:7px;padding-right:7px}
table.SPSpiele tr.Info td{font-style:italic;text-align:center;color:rgb(205,150,0);
                              font-size:0.9em;background-color:rgb(245,246,246);border-bottom:1pt solid gray}
                              
table.SPSpiele tr.Spiel td{text-align:left;width:30px;color:gray}
table.SPSpiele tr.Spiel td+td{text-align:left;width:30px;color:black}
table.SPSpiele tr.Spiel td+td+td{text-align:left;width:20%}
table.SPSpiele tr.Spiel td+td+td+td{text-align:center;width:30px;font-weight:bold}
table.SPSpiele tr.Spiel td+td+td+td+td{text-align:left;width:30px;font-weight:normal}
table.SPSpiele tr.Spiel td+td+td+td+td+td{text-align:left;width:20%}
table.SPSpiele tr.Spiel td+td+td+td+td+td+td{text-align:center;width:40px}
table.SPSpiele tr.Spiel td+td+td+td+td+td+td+td{text-align:center;width:80px;font-weight:bold}
table.SPSpiele tr.Spiel td+td+td+td+td+td+td+td+td{text-align:center;width:80px}

table.SPSpiele tr.Doppel td{text-align:left;vertical-align:middle;width:30px;color:gray}
table.SPSpiele tr.Doppel td+td{text-align:left;width:30px;color:black}
table.SPSpiele tr.Doppel td+td+td{text-align:left;width:20%}
table.SPSpiele tr.Doppel td+td+td+td{text-align:center;width:30px;font-weight:bold}
table.SPSpiele tr.Doppel td+td+td+td+td{text-align:left;width:30px;font-weight:normal}
table.SPSpiele tr.Doppel td+td+td+td+td+td{text-align:left;width:20%}
table.SPSpiele tr.Doppel td+td+td+td+td+td+td{text-align:center;width:40px}
table.SPSpiele tr.Doppel td+td+td+td+td+td+td+td{text-align:center;width:80px;font-weight:bold}
table.SPSpiele tr.Doppel td+td+td+td+td+td+td+td+td{text-align:center;width:80px}

table.SPSpiele input{width:50px;text-align:center}
table.SPSpiele select{width:60px;text-align:center;font-weight:bold}

table.SPSpiele tr.Block td{text-align:left;padding-top:30px;font-size:1.4em;font-weight:bold;border-bottom:2px ridge gray;
                          color:gray;font-style:italic}
                          
                          
table.SBErgebnis{width:100%;border:1px solid gray;border-spacing:0px;margin-top:5px;background-color:rgb(252,252,252)}
table.SBErgebnis td{text-align:center;border:1pt solid gray}
table.SBErgebnis tr td{font-size:1.5em;font-weight:bold}
table.SBErgebnis tr td+td{font-size:1.3em;font-weight:normal}
table.SBErgebnis tr+tr td{font-size:1.5em;font-weight:bold}
table.SBErgebnis tr+tr td+td{font-size:1.3em;font-weight:normal}
table.SBErgebnis tr+tr+tr td{font-size:0.9em;color:gray;font-style:italic;border:none;font-weight:normal}


table.TopScore{background-color:white;color:black;border-spacing:0px;border:3px ridge maroon}
table.TopScore td{border-bottom:1pt solid gray;padding:3px;padding-left:10px;vertical-align:top;font-weight:bold}
table.TopScore td+td{border-bottom:1pt solid gray;padding:3px;padding-left:10px;font-weight:normal}
table.TopScore td+td+td{border-bottom:1pt solid gray;padding:3px;padding-left:10px;font-style:italic;color:gray}

table.TopScore tr.Info td{font-style:italic;text-align:center;color:rgb(205,150,0);
                              font-size:0.9em;background-color:rgb(245,246,246);border-bottom:1pt solid gray}
table.TopScore tr.Header td{font-style:italic;text-align:left;color:maroon;
                              font-size:1.2em;border-bottom:2pt ridge gray;font-weight:bold}
table.TopScore tr.Header td+td{font-style:italic;text-align:left;color:maroon;
                              font-size:1.5em;border-bottom:2pt ridge gray;font-weight:bold}                              
table.TopScore tr.Header td+td+td{font-style:italic;text-align:left;color:maroon;
                              font-size:1.2em;border-bottom:2pt ridge gray;font-weight:bold}                              
button.TopscoreVorhanden{color:rgb(193,60,0);font-weight:bold;background-image:none;font-size:1em}
button.Topscore{color:gray;font-weight:normal;background-image:none;font-size:1em}
table.TopScore input{width:300px}
input[name=teboKommentar]{width:90%}





/*  Menue ist auf jeden Fall sichtbar */
img[id=menue]{
            position:absolute;
            left:1em;
            top:0.5em;
            display:none
            }

.multi-level-nav{
      flex: 1 100%;
      position:absolute;
      top:4em;
      width:100%
      
       }      

.multi-level-nav ul{
      list-style-type:none;
      padding:0;
      margin:0;
      background-color:rgb(20,20,50);
      display:flex;
      flex-wrap:wrap;
      justify-content:space-around
      }

.multi-level-nav .has-children > div img{
            width:0.6em;
            height:0.6em
            }     

.multi-level-nav .menu-liga > div{
            /* Ligamenue */  
            color:aqua
            
            }


.multi-level-nav .toggled-off ul,
.multi-level-nav .toggled-on .toggled-off ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-off ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-on ul .toggled-off ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-on ul .toggled-on ul .toggled-off ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-on ul .toggled-on ul .toggled-on ul .toggled-off ul{
    /*  alle Sub-menues ausblenden , einblenden mit JS*/        
            display:none
            
            }            
.multi-level-nav .toggled-on ul,
.multi-level-nav .toggled-on .toggled-on ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-on ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-on ul .toggled-on ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-on ul .toggled-on ul .toggled-on ul,
.multi-level-nav .toggled-on .toggled-on ul .toggled-on ul .toggled-on ul .toggled-on ul .toggled-on ul{
    /*  alle Sub-menues einblenden , ausblenden mit JS*/        
            display:block;
            background-color:rgb(40,40,60)
            } 
    /*  alle Buttons  */    
.multi-level-nav li button,div{
      border:none;
      padding:0;
      margin:0;
      color:white;
      background-color:transparent;
      width:100%;
      text-align:center
      }

.multi-level-nav li div{
      padding-left:3px
      }
           
.multi-level-nav .has-children{
            /* Dropdownbuttons  */
           cursor:pointer
            
            }
.multi-level-nav .has-children div{
            text-shadow:2px 2px black
            }
ul.pokal li button{
      
      color:rgb(198,255,248)
      
      }
            
.multi-level-nav  li button:hover{
      background-color:rgb(60,60,80)
      }
.multi-level-nav  div:hover{
      background-color:rgb(50,50,70)
      }

.multi-level-nav  li button:focus{
      background-color:rgb(50,50,70)
      }
    
      

.display-on{
            display:block
            }
      .display-off{
            display:none
            }      
      
@media screen and (max-width:35em)
      {
        /*  Menue ist auf jeden Fall unsichtbar */
      img[id=menue]{
            /* Menue-Button anzeigen */
           display:block
            }
body{
          padding-top:6em
          
          }
       .display-on{
            display:none
            }
      .display-off{
            display:block
            }
       img[id=menuoff]{
            /* Close-Button anzeigen*/
            display:block;
            margin-bottom:1em
            } 
       
       .menu-off{
            /* Menue wurde per JS ausgeschaltet*/
            display:none
            }
        .menu-on{
              /* Menue wurde per JS eingeschaltet*/
            display:block;
            position:fixed;
            top:0;
            height:100%;
            overflow-y:scroll
            }
        .table-cut{
            visibility:visible
            }
        .cutL-on{
            display:none
            }
        td{
            padding-left:0.5em;
            padding-right:0.5em
            }
        .multi-level-nav ul{
        /* Menue als Block untereinander anzeigen*/
          display:block;
          height:100%
        }
        .multi-level-nav li{
              padding-left:1em;
              padding-bottom:0.3em
              } 
        
        .multi-level-nav ul li button,div{
          text-align:left;
        }
        /*  Ebene2 Menuepunkte einrücken*/
        .multi-level-nav ul ul li {
              padding-left:2em
              
              }
         .dropdown-toggle{
              display:none
              }     
       
      } 
@media screen and (min-width:35em){
      
      
      .table-cut{
            visibility:hidden
            }
      .cut-on{
            visibility:visible;
            max-width:40em
            }
      .cutL-on{
            display:table-cell
            }
      li[id=menuoff]{
            /* Close-Button verstecken*/
            display:none
            }
      
      .multi-level-nav ul{
            list-style-type:none;
            padding:0;
            margin:0;
            background-color:rgb(20,20,50);
            display:flex;
            flex-wrap:wrap;
            justify-content:space-around
            } 
                  
      .multi-level-nav li.hide-menu{
            /*  Hide Button verstecken */
            display:none
            }
      .multi-level-nav ul ul button,div{
            text-align:left
            }
      .multi-level-nav li{
            position:relative;
            flex: 1 0 auto
            }
      li.has-children{
            padding-right:0
            }
       
            
      .multi-level-nav li.menu-liga{
      
            position:relative;
            display:block
            }
      
      .multi-level-nav ul ul{
      /*  Submenues 2.Ebene */
            display:none;
            position:relative;
            z-index:100
            
            }
      /*  Ebene2 Menuepunkte einrücken*/
        .multi-level-nav ul ul li {
              padding-left:1em
              
              }
            
   
      }
      
.multi-level-nav li button.logged-in{
    color:orange;
    font-style:italic
    }
    
.multi-level-nav li.Cs>div{
    color:aqua
    } 
     
.multi-level-nav li.Cs ul>li.Ci>div{
    /*color:rgb(188,255,255)*/
    }
    
.multi-level-nav ul.Cii li>button{
    color:rgb(255,224,159)
    }
.multi-level-nav li.Cw>div,.multi-level-nav li.Cw button{
    color:rgb(255,254,189);
    font-style:italic
    }
    
    
.multi-level-nav li.Cs ul>li.Cpi div{
    color:rgb(228,255,255)
    }
    
.multi-level-nav ul.Cpii li>button{
    color:rgb(255,224,159)
    }
    
.multi-level-nav ul.Cpw li button{
    color:rgb(255,224,159)
    }
	
	.ligalogo{width:12em;height:12em}
	
.thumb{width:1.5em;height:1.5em;margin-left:0.5em;float:right;cursor:pointer}
.bigthumb{width:10em;height:10em;float:right;margin-left:0.5em;cursor:pointer}

div.noPic{
	width:2.3em;
	height:2.3em;
	display:inline-block;
	margin-left:0.5em;
	padding:0px;
	background-image:url('./IMG/noPicture.png'); 
      background-repeat: no-repeat;
	   background-size: cover
}
div.Pic{
	width:2.3em;
	height:2.3em;
	display:inline-block;
	margin-left:0.5em;
	padding:0px;
	background-image:url('./IMG/Picture.png'); 
      background-repeat: no-repeat;
	   background-size: cover
}