/* 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;
}
body.main {
	background-color:#ffffff;
	background-image:url("/pics/background_fade.jpg"); 
	background-repeat:repeat-y;
}


/* 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;}

.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; }

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:#0047ff;
                    color:#ffff00;
                  }
.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:#aaaaff;}
h2.welcome { font-size:16pt; margin-top:0pt; margin-bottom:0pt; color:#aaaaff;}
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;}
a.bottom { font-size:8pt; margin-top:0pt; margin-bottom:0pt; /*color:#5555aa;*/}

td.nav { font-size:10pt; margin-top:0pt; margin-bottom:0pt; color:#aaaaff;}
p.nav  { font-size:10pt; margin-top:0pt; margin-bottom:0pt; color:#aaaaff;}
ul.nav { font-size:10pt; 
	     margin-top:0pt; margin-bottom:0pt; 
		 margin-left:0pt; margin-right:0pt;
/*	     border-width:1pt; border-color: black; border-style: solid;*/
		 padding-left:25px; }
/*li.nav { border-width:1pt; border-color: black; border-style: solid;}*/

.nav a:link { 
	color:#ffffff; 
	text-decoration:none; 
}
.nav a:visited { 
	color:#ddddff; 
	text-decoration:none; 
}
.nav a:active { 
	color:#aaaaff; 
	text-decoration:none; 
}
.nav a:hover {
    color: #ddddff; 
    background-color: #0000c0;
	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; 
}


/**************************************************/
/******* 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;
}


.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:30%; 
	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:65%; 
	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:65%; 
	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:100%;
  height: 750px;
  padding: 10px 0 5px 0px;
  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;
      }