/* DATEI: jhv.css */

/* Als Beispiel von SELFHTML uebernommen */
/* Anpassungen werden bei Bedarf vorgenommen */

/* Zeilen wie diese, die mit Schraegstrich und Stern */
/* beginnen und mit Stern und Schraegstrich enden, sind */
/* Kommentarzeilen. */

/* Es folgen die Style-Definitionen, die Sie aendern koennen: */
/* Unterhalb jedes Befehls steht eine Kurzerklaerung */



body { 
    margin-top:10px; 
    margin-bottom:10px; 
/*
    width: 100%;
    height: 100%;
*/
}
body.nav  {
    /*background-color:#0000aa;*/
    background-color:#ffffff;
}
body.main {
    background-color:#ffffff;
    /*background-image:url("/pics/background_fade.jpg"); */
    background-repeat:repeat-y;
}

.body_div {

}

div.top-picture {
    margin: 0px;
    z-index: -1;
    float: none;
    clear: both;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    height: 180px;
    /*
    position: relative;
    top: -10px;
    left: -10px;
    right: 0px;
    width: 101.7%;
    overflow:hidden;
    */
}

span.graphicOverlay {
    background-color:#dddddd;
    padding-left: 10px;
    padding-right:10px;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

div#NavigationDiv {
    width: 100%;
    height: 50px;
    text-align: center;
    margin-bottom: 30px;
}
  ul#Navigation {
    font-size: 0.91em;
    min-height: 50px;
    width: 610px;
    margin-top: 0px; 
    margin-bottom: 0px;
    margin-left:auto;
    margin-right:auto;
    padding: 0;
    /*background-color: silver;*/
/*    border: 1px dashed silver;*/
/*    background-image: url(pics/left.jpg);*/
    background-repeat: no-repeat;
    text-align: center;
    /*
    float:none;
    clear:both;
    display:block;
    */
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
  }
  ul#Navigation li {
    list-style: none;
    position:relative;
    margin: 0 auto; 
    vertical-align:middle;
/*
    margin-right: 0px; 
    margin-left: 0px; 
*/
    padding: 5px;
    /*padding-left: 2em;*/
    display:inline;
    float: left;
    opacity:0.9;
    filter:alpha(opacity=100); /* For IE8 and earlier */
  }
  
  ul#Navigation a {
    display: block;
    min-width:130px;
    padding: 5px;
    font-weight: bold;
    background-color: #dddddd;
    text-decoration:none;
    text-align:center;
  }
  
  ul#Navigation a#activepage {
    color: #cccccc; 
    background-color: #47523c;
  }
  
  ul#Navigation a:link {
    color: #000000; 
  }
     
  ul#Navigation a:visited {
    color: #000000; 
  }
  ul#Navigation a:hover {
    color: black; 
    background-color: #aaaaaa;
  }
  ul#Navigation a:active {
    color: white; 
    background-color: #555555;
  }

  ul#Navigation li ul {
    margin: 0; 
    padding: 0;
    position: absolute;
    top: 33px; 
    left: 0px;
    display: none;  /* Unternavigation ausblenden */
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  ul#Navigation li ul li a {
    width:160px;
  }

/* wird verwendet von html2ps */
@page {
     margin-left: 1cm;
     margin-right: 1cm;
     margin-top: 1cm;
     margin-bottom: 1cm;
   }

tr      {vertical-align:top;}
tr.odd  {background-color:#aaaaaa; border-color:#aaaaaa;}
tr.even {background-color:#ffffff; border-color:#ffffff;}

tr.title   {/*background-color:#ffffff; border-color:#ffffff;*/}
tr.body-m  { background-color:#99ccff; border-color:#ffffff;}
tr.body-w  { background-color:#ffccff; border-color:#ffffff;}
td.jahrgaenge { font-size:10pt; font-weight:bold; text-align:center;}
td.gebuehr    { font-size:11pt; font-weight:normal; text-align:center;}
th.spielplan  { font-family:Arial,sans-serif; font-size:11pt; font-weight:bold;}
td.spielplan  { font-family:Arial,sans-serif; font-size:11pt; font-weight:normal;}
td.spielplan_2  { font-family:Arial,sans-serif; font-size:11pt; font-weight:normal;}
td.tabelle    { font-family:Arial,sans-serif; font-size:12pt; font-weight:normal;}

span.critical {color:red; font-weight:bold; }
span.warning {color:yellow; font-weight:bold; }

.gruppeA { background-color:#99ccff; border-color:#ffffff;}
.gruppeB { background-color:#ffccff; border-color:#ffffff;}
.gruppeC { background-color:#ffcc99; border-color:#ffffff;}
.gruppeD { background-color:#99cc99; border-color:#ffffff;}

.req-field { color:#ff0000;}

h1.page { text-align:center; }
h2.page { text-align:center; }
h3.page { text-align:center; }

table.wide { padding-left:1cm; }

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,font,center,select,input
     { font-family:Arial,sans-serif; }

.tshirt           { font-size:11pt; }
.tshirt-bold      { font-size:13pt; font-weight:bold;}
.tshirt-boldblink { font-size:11pt; font-weight:bold; /*text-decoration:blink;*/ }
.tshirt-color     { font-weight: bold;
                    /*background-color:#fac339;
                    color:#000000;*/
                  }
.nonDeletedTShirt {font-size:11pt; font-weight:bold; text-decoration:none;}
.deletedTShirt    {font-size:11pt; font-weight:bold; text-decoration:line-through;}
/* used in Anmeldung for Teilnehmerlisten and T-Shirt Bestellungen */
.passwordHelp { font-size:9pt; }


/* font-family = Schriftart fuer Textelemente */
/* Arial,sans-serif = Arial und serifenlose Schrift, Wert aenderbar */

p.einl     { font-size:12pt; 
             margin-top:0pt; margin-bottom:0pt;}
p.einl-hdg { font-size:16pt; font-weight:bold;
             margin-top:0pt; margin-bottom:0pt; 
             text-decoration:underline;}
td.einl    { font-size:12pt; margin-top:0pt; margin-bottom:0pt; }

p.verg-title {font-weight:bold; text-align:center; text-decoration:underline; }
ul.verg      {font-weight:normal; text-align:left; text-decoration:none; }
table.verg   {padding:10px; }

td.termin-date {font-weight:bold;}

h1.welcome { font-size:22pt; margin-top:0pt; margin-bottom:0pt; color:#222222;}
h2.welcome { font-size:16pt; margin-top:0pt; margin-bottom:0pt; color:#222222;}
h3.welcome { font-size:14pt; font-weight:bold; 
             margin-top:0pt; margin-bottom:0pt; 
             color:#34004c;}

p.bottom { font-size:8pt; margin-top:0pt; margin-bottom:0pt; color:#000000;
           text-align: center;
}
a.bottom { font-size:8pt; margin-top:0pt; margin-bottom:0pt; /*color:#5555aa;*/}

td.nav { font-size:11pt; margin-top:0pt; margin-bottom:0pt; color:#222222;}
p.nav  { font-size:11pt; margin-top:5pt; margin-bottom:0pt; color:#222222; text-align:center;}
p.navbottom  { font-size:8pt; margin-top:0pt; margin-bottom:0pt; color:#222222;}
ul.nav { font-size:11pt; 
         margin-top:0pt; margin-bottom:0pt; 
         margin-left:0pt; margin-right:0pt;
         padding-left:25px; }
/*li.nav { border-width:1pt; border-color: black; border-style: solid;}*/

.nav a:link {
    /* color:#ffffff; */
    color:#222222;
    text-decoration:none; 
}
.nav a:visited {
    /*color:#ddddff;*/
    color:#333333;
    text-decoration:none; 
}
.nav a:active {
    /*color:#aaaaff;*/
    color:#333333;
    text-decoration:none; 
}
.nav a:hover {
    /*color: #ddddff; 
    background-color: #0000c0;*/
    color: #000000;
    background-color: #cccccc;
    text-decoration:underline; 
}
.nav a.an { 
    text-decoration:none; 
}


a:link { 
    color:#000055; 
    text-decoration:underline; 
}
a:visited { 
    color:#0000aa; 
    text-decoration:underline; 
}
a:active { 
    color:#000055; 
    text-decoration:none;   
}
a.an { 
    text-decoration:none; 
}


/* a:link = Verweise zu noch nicht besuchten Seiten */
/* a:visited = Verweise zu bereits besuchten Seiten */
/* a:active = Verweise, die gerade angeklickt werden */
/* color = Farbe */
/* #AA5522 = kotzbeige, Wert aenderbar */
/* #772200 = scheissbraun, Wert aenderbar */
/* #000000 = schwarz, Wert aenderbar */
/* text-decoration = Tesxtstil */
/* underline = unterstrichen, Default-Wert, Wert aenderbar */
/* none = nicht unterstrichen, Wert aenderbar */

/* Guestbook Einstellungen */
#h3.guestbook { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}

#table.guestbook { background-color:#330099; color:#FFFFFF; border-color: #000000; 
                   font-size: smaller} 
#td.guestbook { color:#FFFFFF; font-size: smaller} 

.page_nav          { font-size: smaller} 
.guestbook_counter { font-size: medium; font-weight: bold} 
.guestbook_date    { color:#772200; font-size: x-small} 
.guestbook_name    { font-family: Courier New, Courier, mono;} 
.guestbook_message { font-size: small}


/**************************************************/
/******* Layout for intern/statistics.php *********/
/**************************************************/
div.statistics {
/*  background-color:#005500;*/
   border: 1px dashed silver;
   margin: 5px; padding: 5px;
}

#statistics_teams {
   float: none; 
}

#statistics_teilnehmer {
   float: left; 
}

#statistics_helfer {
   float: left; 
}

#statistics_gaeste {
   float: left; 
}

#statistics_essen {
   clear: left;
   float: left; 
}

#statistics_end {
   clear: left;
   float: none; 
   border: 0px;

}


/**************************************************/
/******* Layout for intern/anmeldungen.php ********/
/**************************************************/
div.anmeldung {
   border: 5px ridge black;
   margin: 10px; padding: 5px;
}

p.anmeldelink {
   font-size: 14pt; 
   font-weight: bold;
   font-family: Arial,sans-serif;
   text-align: center;
}

input.amount {
   text-align:center;
}

input.amount_red {
   text-align:center;
   color:red;
}


/**************************************************/
/******* Layout for intern/finanzen/*.php *********/
/**************************************************/
div.anzahlung {
/*  background-color:#005500;*/
   border: 1px dashed silver;
   margin: 5px; padding: 5px;
   text-align:center;
}
div.anzahlung_new {
   border: 1px dashed silver;
   margin: 5px; padding: 5px;
   text-align:center;
   background-color:#00ff00;
}
div.anzahlung_change {
   border: 1px dashed silver;
   margin: 5px; padding: 5px;
   text-align:center;
   background-color: #ff0000;
}

table.finanzuebersicht {
   font-family:Arial,sans-serif; 
   font-size:10pt;
/*   background-color:#ff00ff;*/
}

tr.finanzsumme {
   font-size:11pt;
   font-weight:bold;
   background-color:#aaaaaa;
}

table.anzahlung {
/*    border=1 align='center'*/
/*   align: center; */
   border: 1px solid black;
/*   margin: 5px; padding: 5px;*/
   empty-cells:show;
}

a.no_underline { 
    text-decoration:none; 
}

.amount {
   text-align:right;       
}

.center {
   text-align:center;      
}

.currency {
   text-align:right;
   padding-left: 5px;
   padding-right: 10px;
}
.currency_red {
   text-align:right;
   padding-left: 5px;
   padding-right: 10px;
   background-color: #ff0000;
}
.currency_yellow {
   text-align:right;
   padding-left: 5px;
   padding-right: 10px;
   background-color: #ffff00;
}
.currency_green {
   text-align:right;
   padding-left: 5px;
   padding-right: 10px;
   background-color: #00ff00;
}

.finanzen_red {
   background-color: #ff0000;
}
.finanzen_yellow {
   background-color: #ffff00;
}
.finanzen_green {
   background-color: #00ff00;
}


.no_border {
   border-right-style:hidden;
   border-left-style:hidden;
}

.no_borderTop {
   border-right-style:hidden;
   border-left-style:hidden;
   border-top-style:hidden;
}
.no_borderBottom {
   border-right-style:hidden;
   border-left-style:hidden;
   border-bottom-style:hidden;
}
.no_borderAtAll {
   border-right-style:hidden;
   border-left-style:hidden;
   border-top-style:hidden;
   border-bottom-style:hidden;
}
table.abrechnung {
   border-collapse: collapse;
   border: 1px solid #000000; 
   font-size: 75%; 
   vertical-align: baseline;
}

table.kassenjournal {
   border-collapse: collapse;
   border: 1px solid #000000; 
   font-size: 100%; 
   vertical-align: baseline;
/*   margin: 5px; 
   padding: 5px;*/
   empty-cells:show;
}
td.kassenjournal {
   text-align:center;      
   padding-left: 5px;
   padding-right: 5px;
}



/********************/
/* Generate Matches */
/********************/

div#classSelection {
    text-align: center;
}

div#classSelection table#classSelectionTable {
    border: solid 1px; 
    margin: 0 auto; 
    text-align: center;
}

div#DefineZW_0 p.groupName {
    padding: 0px;
    margin: 2px;
    text-decoration: underline;
    font-weight: bold;
}

div#MatchesToGyms {
    margin-top: 30px;
}

/********************/
/* Invitations      */
/********************/

div#invite_addresses {
    margin-left: 40px;
    margin-right: 40px;
}


/********************/
/* Hallen           */
/********************/

div#HallenSpieleingabe {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    /*width:85%; */
    height:25%; 
    overflow:auto;
    background-color: #00ffff;
    border:1px solid;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
/*  text-align: left;*/
}

div#HallenSpieleingabe h2 {
    position: relative;
    left: 10px;
    text-align: left;
    vertical-align: top;
    display: inline;
    font-size: 1.25em;
    text-decoration: underline;
}

div#HallenSpieleingabe table#Spielform {
    position: relative;
    left: 10px;
    right: 10px;
    display: inline-block;
    table-layout:fixed;
    /*border: 2px solid;*/
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;  
    font-family:Arial,sans-serif; 
    font-size:22pt; 
    /*font-weight:bold;*/
}
div#HallenSpieleingabe table#Spielform th{
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    font-family:Arial,sans-serif; 
    font-size:22pt; 
    /*font-weight:bold;*/
    padding: 3px;
}
div#HallenSpieleingabe table#Spielform td{
    border: 1px solid;
    text-align: center;
    vertical-align: middle;
    font-family:Arial,sans-serif; 
    font-size:22pt; 
    /*font-weight:bold;*/
    padding: 3px;
}

div#HallenSpieleingabe table#Spielform td.firstRow{
    font-size:16pt; 
    font-weight:bold;
}
div#HallenSpieleingabe table#Spielform .noBorder {
    border: 0px none;
}
div#HallenSpieleingabe table#Spielform input#enterFormData {
    position: relative;
    /*right: -50px;*/
    /*bottom: -50px;*/
    text-align: center;
    font-family:Arial,sans-serif; 
    font-size:14pt; 
    margin: 0px;
    padding: 0px;
}
div#HallenSpieleingabe table#Spielform input {
    text-align: center;
    font-family:Arial,sans-serif; 
    font-size:22pt; 
    margin: 0px;
    padding: 0px;
}

div#HallenSpieleingabe table#nextSpiel {
    position: relative;
    left: 0px;
    top: 0px;
    display: inline-block;
    border: 0px solid;
    vertical-align: middle;
    border-collapse: collapse;  
    font-family:Arial,sans-serif; 
    font-size:14pt; 
    font-weight:normal;
}
div#HallenSpieleingabe table#nextSpiel td {
    padding-left: 10px; 
    padding-right: 10px;
    vertical-align: middle;
    border-collapse: collapse;  
}

div#HallenSpielplanAndere {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width:47%; 
    height:70%; 
    overflow:hidden;
    background-color: #ffff00;
    border:1px solid;
    padding-left: 5px;
    padding-right: 5px;
}

div#HallenSpielplanAndere h2 {
    text-decoration: underline;
}


/*div#HallenSpielplanAndere*/
div.Spielplan {
    position: absolute;
    top: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow:auto;
    /*background-color: #ffff00;*/
    border:0px solid;
    padding-left: 5px;
    padding-right: 5px;
}

div.Spielplan table  { 
    font-family:Arial,sans-serif; 
    font-size:10pt; 
    font-weight:bold;
    border: 0px;
    border-collapse: collapse;
}
div.Spielplan th.spielplan  { 
    font-family:Arial,sans-serif; 
    font-size:10pt; 
    font-weight:bold;
    border: 0px;
}

div.Spielplan td  { 
    font-family:Arial,sans-serif; 
    font-size:10pt; 
    font-weight:normal;
    border: 0px;
    border-style: none;
}
/*
div.Spielplan td.spielplan  { 
    font-family:Arial,sans-serif; 
    font-size:10pt; 
    font-weight:normal;
    border: 0px;
    border-style: none;
}
*/
div.Spielplan td.spielplan_2  { 
    background-color:#cccccc;
}
div.Spielplan td.spielplan_current  { 
    background-color:#ff6666;
    font-weight:bold;
}
div.Spielplan tr  { 
    font-family:Arial,sans-serif; 
    font-size:10pt; 
    font-weight:normal;
    border: none;
}

div#HallenSpielplan {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width:48%; 
    height:70%; 
    overflow:auto;
    background-color: #00ff00;
    border:1px solid;
    padding-left: 5px;
    padding-right: 5px;
}

div#HallenSpielplan h2 {
    text-decoration: underline;
}


/********************/
/* Buttons.php      */
/********************/

div.autocomplete {
  position:absolute;
  width:450px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  font-size: 0.8em;
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #0000ff;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:1.2em;
  cursor:pointer;
}



/********************/
/* info.php         */
/********************/
#InfoBottom {
  margin: 0 auto;
  width:calc(100% - 3px);
  height: calc(100vh - 93px);
  padding: 10px 3px 3px 3px;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 1.0em; 
  font-weight:bold;
  overflow: hidden;
  background: #ffffff;
}

/*** Info Navigation ***/
#NavigationInfo {
  margin: 0 auto;
  width:100%;
  padding: 0px 0 0px 0px;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 1.0em; 
  font-weight:bold;
  overflow: hidden;
  background: #0000cc;
}
#NavigationInfo img {
  float: right;
  width: 300px;
}

#NavigationInfo h1 {
  color:#ff9900;
  padding-left: 10px;
}

#NavigationInfo ul { 
  float: left; 
  margin-right: 10px;
  }
  #NavigationInfo ul li { 
    list-style: none; 
    margin: 0 2px; 
    float: left;
    line-height: 1.5em;
    display: block;
    }
      #NavigationInfo ul li a { 
      float: left;
      text-decoration: none;
      display: block; 
      height: 1.7em; 
      font-size: 1.0em; 
      padding: 0 10px 0 10px;
      color:#000000;
      background-color:#dddddd;
      }
        #NavigationInfo ul li a span {
          text-align: center;
          float: left;
          padding-right: 10px;
          height: 2.3em;
        }
      #NavigationInfo ul li a:hover { 
        background: #909090; 
        color: #ffffff;
        cursor: pointer;
        }
        #NavigationInfo ul li a:hover span {
          background: #909090;
          cursor: pointer;
        }

      #NavigationInfo ul li a.current,
      #NavigationInfo ul li a.current:hover { 
        background: #000066; 
        color: #ffffff;
      }
      #NavigationInfo ul li a.current span,
      #NavigationInfo ul li a.current:hover span {
        background: #000066;
        color: #ffffff;
      }