/*  - 1=oben, 2=rechts, 3=unten, 4=links
	- verlinkte Bilder, img kein padding oder margin, wirkt sich aus
	- Textmarken oder Anker brauchen einen Abstand von 75pt nach oben damit sie vom <div id="sv-hermes-schrift">
		nicht überdeckt werden
	- verlinkte Bilder, href^="Galerien" der Wert "images" bzw "Galerie" Bsp.: div#inhalt a[href^="images"] 
*/

* { margin:0;							
	padding:0;
	border:0;
	font-family:Times New Roman, serif;
}
			
body { max-width: 705pt;
	background-color:#f2f1ff;
	background-image:url('../images/hintergrund.jpg'); 
	background-repeat:repeat-y;
	font-size:11pt;
	margin-top:1pt;
}





/*Navigationsleiste*/


div#navigation { position:fixed;
				top:0pt; 
				left:1pt;
				float:left;
				z-index:90;
				width: 100%;
				max-height:17pt;
				overflow:hidden;
				font-size:12pt;
				padding-bottom:1pt;
				background-color:#f2f1ff;
				background-image:url('../images/hintergrund-menue.jpg'); 
				background-repeat:repeat-y;
				background-position: 33pt 0pt;
				border-bottom:1pt solid #f2f1ff;
				border-top:1pt solid #f2f1ff;
}
div#navigation:hover { max-height:100pt;
					overflow:visible;
}
div#navigation ul { width: 100%;
				font-weight:bold;
				margin-top:1pt;			
}
div#navigation ul li { position: relative;
					float:left;
					height:15pt;	
					list-style:none;
					vertical-align:baseline;
					margin-bottom:1pt;
}
div#navigation ul ul { display: none;
					position: absolute;
					top:15pt;
					left:0pt;
					z-index:91;
    				width:135pt;
					font-weight:normal;
					margin-top:-1pt;
					padding:2px 2px 2px 2px;
					border: solid 1pt #000066;
     				background-color:#DADAFE;
					background-image:none; 
}
div#navigation ul ul li { padding-bottom:2pt;
					margin-top:1pt;
					margin-bottom:-1pt;
					width:100%;
}
div#navigation ul ul ul {	width:120pt;
					margin-left:50pt;
					margin-top:-10pt;
}
div#navigation ul li:hover>ul { display: block;
}														
div#navigation li > a { text-decoration:none; /* li > a weil sonst .validom mit formatiert wird*/					
					display:block;
					padding:0pt 2pt 0pt 2pt;

}
div#navigation li > a:link { color: black;
						border-color:blue;
					border-bottom: 1pt solid;
					border-left: 1pt solid;
					border-top: solid 1pt transparent;  /* a hover hat 2 Ränder dadurch verschiebt sich die Linkleiste*/
}							

div#navigation li > a:visited {	color: black;
						border-color:blue;
					border-bottom: 1pt solid;
					border-left: 1pt solid;
					border-top: solid 1pt transparent;  /* a hover hat 2 Ränder dadurch verschiebt sich die Linkleiste*/			
}

div#navigation li > a:hover { background-image:url('../images/button_focus.jpg');
						background-repeat:repeat-x;
						border:white 1pt solid;			
						margin-top:-1pt;
}
						 
div#navigation li > a:active { background-image:url('../images/button_active.jpg');						
						background-repeat:repeat-x;
						border:red 1pt solid;
}
div#navigation  li > a:focus { background-image:url('../images/button_active.jpg');
							background-repeat:repeat-x;
							border: 1pt solid red;
}

.tt-bild-rechts { position:fixed;					/* rechter Schriftzug Tischtennis*/
					left:705pt;
					top:20pt;
}

.validom { position:fixed;
			left:605pt;
			top:2pt;
			z-index:90;
}
.counter { float:left;
			height:17pt;
			margin: 0pt 2pt 0pt 2pt;
}
#sound { float:left;
		width:15pt;
		height:15pt;
}



/* linke-seite */

#linke-seite { position:absolute;	
				top:0pt; 
				left:1pt;
				z-index:70;
				width:93pt;
				text-align:center;
				background-position: 0pt 0pt;
				background-image:url('../images/hintergrund-linke-seite.jpg'); 
				background-color:#CACAFE;
				font-size:smaller;
				color:blue;
				padding-top:20pt;
				border-right: solid 2pt #f2f1ff;
}
div#linke-seite img {margin-top:10pt;}

div#linke-seite a:link img { border:0pt;}
div#linke-seite a:visited img { border:1pt solid blue;}
div#linke-seite a:hover img { border:1pt solid blue; margin-left:1pt;}
div#linke-seite a:active img { border:1pt solid red;}
div#linke-seite a:focus img { border:1pt solid red;}l
.hermesball { text-align:center;
}


/*SV Hermes Schriftzug mitte oben*/


div#sv-hermes-schrift { margin-left:94pt;
						margin-top:20pt;
						padding-top:2pt;
						background-color: #A0A1FE;
						background-image:url('../images/Geraer%20SV%20Hermes.jpg'); 
						background-repeat:no-repeat;
						background-position: 10pt 0pt;
						border-left: solid 2pt #f2f1ff;
						position:relative;
						z-index:81;
						width:100%;
						max-width:605pt;
}
div#sv-hermes-schrift:hover { background-image:url('../images/schnellsteSportart.jpg'); 
						background-repeat:no-repeat;
						background-position: 10pt 0pt;
}
div#sv-hermes-schrift p { background-color:#f2f1ff;
						margin-top:50pt;
						height:16pt;
}
div#sv-hermes-schrift span { font-size: large;
						white-space:nowrap;
						color:blue;
						padding-left:2pt;
}
div#sv-hermes-schrift strong {color:red;
							border-left:1pt solid blue;
							padding-left:3pt;
}
div#sv-hermes-schrift hr { color:blue;
						background-color:blue;
						height:1.5pt;
}
div#sv-hermes-schrift a { text-decoration: none;
						border-left:1pt solid blue;
						border-right:1pt solid transparent; /* a hover hat 2 Ränder dadurch verschiebt sich die Linkleiste*/
						color:black;
						padding: 0pt 3pt 0pt 3pt;
						margin-right:-3pt;				
						font-weight:normal; /* weil div#sv-hermes-schrift li = font-weight:bold;*/
}
div#sv-hermes-schrift a:hover{ border:1pt solid white;
								background-image:url('../images/button_focus.jpg');
								background-repeat:repeat-x;
}
div#sv-hermes-schrift a:active{ border:1pt solid red;}
div#sv-hermes-schrift a:focus{ border:1pt solid red;}









/* Bereich für den Inhalt mittlerer div */


div#inhalt, div#ttinfo { margin: 0pt 0pt 0pt 94pt; /* auch bei div#ttinfo ändern */
			padding:0pt 0pt 100pt 0pt;
			line-height:120%;
			border-left: solid 2pt #f2f1ff;
			position:relative;
			z-index:80;
			background-image:url('../images/hintergrund-inhalt.jpg'); 
			background-repeat:repeat-y;			
			width:100%;
			max-width:605pt;
}
/* Nur Startseite Überschrift für Saison */
div#inhalt h1 { font-size:x-large;  
			white-space:nowrap;
			padding: 70pt 0pt 25pt 10pt; /* siehe auch Einladung zum Training */
			margin-top:20pt;
			background-image:url('../images/schnellsteSportart.jpg'); 
			background-repeat:no-repeat;
			background-position:10pt 10pt;
 }
 /* Nur Startseite Überschrift für Ereignisse */
 div#inhalt h2 { font-size:large;  
 }
 /* allgemeine Überschriften;*/ 
 div#inhalt h3, div#ttinfo h3 { font-size:x-large; /* auch bei div#ttinfo ändern */
			white-space:nowrap;
			padding: 3pt 0pt 3pt 10pt;
			background-color:#C3C4FD;
			margin-bottom:15pt;
			margin-top:20pt; /*Tabellen für die vergangenen Saisonen wird bestimmt durch table=margin-bottom*/
}
div#inhalt h3 font { display:inline;
					font-size:small;
					font-weight:normal;
}
div#inhalt h4 { font-size:large;
			white-space:nowrap;
			padding: 10pt 0pt 5pt 10pt;
}
div#inhalt h6 { margin: 5pt 0pt 10pt 14pt;/*weil es einen Link beinhaltet zur 1. bzw. 2.Mannschaft zur Seite Tabellen*/
				font-weight:bolder;
				font-size:medium;
}
div#inhalt p { margin:10pt 0pt 10pt 10pt; 
			max-width:45%;
			vertical-align:top;
			display:inline-block;				
			border:solid #f2f1ff;
			border-width: 1pt 0pt 0pt 1pt;
			padding:5pt;
}
*:first-child+html div#inhalt p { display: inline; padding: 5pt;}
div#inhalt p + p { border: solid blue;
				border-width: 0pt 1pt 1pt 0pt;
}
div#inhalt li > p {	font-weight:normal;
}
div#inhalt ul { list-style-type:none;
				margin:0pt 0pt 0pt 10pt;
}
div#inhalt ul li { background-image:url('../images/bullet2.GIF');
				background-repeat:no-repeat;
				background-position: 0pt 3pt;
 				padding: 0pt 0pt 0pt 15pt; /* abstand bullet liste, nicht über background-position*/
				margin:15pt 0pt 0pt 0pt;
				font-weight:bolder;
}
div#inhalt ul ul li {	margin:8pt 0pt 0pt 5pt;
				font-weight:normal;
				background-image:none;
				padding-left:0pt;
}
div#inhalt ol { list-style-type:none;
				margin:0pt 15pt 0pt 10pt;
}

div#inhalt ol li { background-image:url('../images/bullet2.GIF');
				background-repeat:no-repeat;
				background-position: 0pt 2pt;
 				padding: 0pt 0pt 0pt 15pt; /* abstand bullet liste, nicht über background-position*/
				margin:15pt 0pt 0pt 0pt;				
}
div#inhalt ol ol li { background-image:none;}
div#inhalt ol img {margin-left:-18pt;} /* Bannerlinks auf der Seite Links */
div#inhalt ol a:link[href^="http:"]{ padding:0pt 10pt 0pt 3pt;
								border: none;
								font-style:normal;
								color:black;
}
div#inhalt ol a:hover[href^="http:"] { background-image:url('../images/bullet3.GIF');
								background-repeat:no-repeat; 
								background-position:center right; 
								padding:0pt 10pt 0pt 3pt;
								font-style:italic;
}
div#inhalt caption { padding-left:10pt;/*Tabellenüberschrift innerhalb der Tabelle*/
				margin-top:5pt;
				white-space:nowrap;
				text-align:left;
				font-weight:bolder;
}
div#inhalt table { border-width:1pt 1pt 1pt 1pt;
				border-style:solid;
				border-color:blue;
				margin-left:10pt;
				margin-bottom:15pt;
				border-collapse:collapse;
				width:230pt;
				display:inline-table;
}
*:first-child+html div#inhalt table { display: inline;}
div#inhalt th { text-align:left;
				padding: 1pt 2pt 1pt 5pt;
				border-bottom: 1pt solid blue;
				font-weight:normal;
}
div#inhalt td {padding: 1pt 7pt 0pt 5pt; white-space:nowrap; font-weight:normal;}

/*hervorheben der Hermesmannschaft in der Tabelle*/
.tabelle-hermes {background-color:#CBCBFD;}



/* Einladung zum Training einlad-train.gif*/


a#einladung { position: absolute;
			display:block;
			height:200pt;
			width:99%;
			margin-top:-80pt;
}
a#einladung:hover {background-position: 0pt 80pt;
					background-color: red;
					display:block;
					height:200pt;
}
a#einladung span {display:none;
				color:black;
}
a#einladung:hover span { display:block;
						font-size:x-large; 
						padding-top:80pt;
}





/* Berichte mit Fotos und Videos */


.galerie div { display:inline-table;
			text-align:center;
			margin:5pt 5% 10pt 5%;
			padding:0pt;
}
.galerie div > span { text-align:right;
				border:solid blue;
				border-width:0pt 1pt 1pt 0pt;
				padding:0px 5pt 2pt 0pt;
				display:block;
}
.galerie div + h3 {clear:both;}
.galerie-nur-bilder {margin:20pt;}
div.gleiche_hoehe {height:100pt;}
.galerie object {margin-bottom:5pt;}
.graues-feld {background-color:#C0C0C0;} /*graues Feld in der Tabelle*/
.jeder-gegen-jeden td {border:1pt solid blue;} /*Tabellen-Zellen-Rahmen*/


/* Vorstellung der einzelnen Mannschaften*/

.mannschaften div { display:inline-table;
				height:120pt;
				width:175pt;
				margin:10pt 0pt 0pt 10pt;
				padding:5pt 5pt 0pt 5pt;
				border:solid blue;
				border-width:0pt 1pt 1pt 0pt;
}
.mannschaften div img {float:right;
}


.spielerportrait img { float:right; margin: 10pt 5% 10pt 5%;}






/* tt-inffo  Tabellen-Format für Ergebnisse/Vorschau  */




/* Name der Spielklasse */
.spieler_gif {margin: -20pt auto -3pt 10pt;
}
div#container h5 { font-size:larger;
				margin: 0pt auto 5pt 20pt;
}
div#zweiteherren h5 { font-size:larger;
				margin: 0pt auto 5pt 20pt;
}
div#dritteherren h5 { font-size:larger;
				margin: 0pt auto 5pt 20pt;
}
/* Uebrschrift der Tabelle (Platz,Spiele,Punkte */
div#container th { text-align:left;
			border-width:0.5pt 0pt 0.5pt 0pt;
			border-color:blue;
			border-style:solid;
			font-weight:bold;
}
div#zweiteherren th { text-align:left;
			border-width:0.5pt 0pt 0.5pt 0pt;
			border-color:blue;
			border-style:solid;
			font-weight:bold;
}
div#dritteherren th { text-align:left;
			border-width:0.5pt 0pt 0.5pt 0pt;
			border-color:blue;
			border-style:solid;
			font-weight:bold;
}
table.glob { padding:0pt;
			margin:0pt 3% 0pt 3%;
			overflow:hidden;		
}
/* Tabellen-Format für Ergebnisse/Vorschau */
table.ev { background-color:transparent;
			table-layout:auto;
			border-collapse:collapse;
			margin-bottom:10pt;
			border-width:0;
			border-top:1pt solid blue;
			border-bottom:1pt solid blue;
}
.ev td {padding: 2pt 7pt 0pt 5pt; white-space:nowrap;}	
/* Tabellen-Format für TT-Tabelle */
table.tab { margin:0pt 0pt 0pt 0pt;
			border-collapse:collapse;
			border-width:1pt 1pt 1pt 1pt;
			border-color:blue;
			border-style:solid;				
}
table.tab td {padding: 1pt 3pt 0pt 3pt; white-space:nowrap;}
table.copyr td { padding-top:1pt; padding-bottom:1pt;}
div#ttinfo  a[href^="http:"] {margin:0pt; text-decoration:none;}
div#ttinfo a:link[href^="http:"]{ padding:1pt 10pt 1pt 3pt;
								border: none;
								font-style:italic;
								color:black;
								border: transparent solid 1pt;
}
div#ttinfo a:visited[href^="http:"]{ padding:0pt 10pt 0pt 3pt;
									border: none;
									font-style:italic;
									color:blue;									
}
div#ttinfo a:hover[href^="http:"] { background-image:url('../images/bullet3.GIF');
								background-repeat:no-repeat; 
								background-position:100% 50%; 
								padding:0pt 10pt 0pt 3pt;
								border: white solid 1pt;
								color:black;								
} 
div#ttinfo a:active[href^="http:"] { background-image:url('../images/bullet3.GIF');
								background-repeat:no-repeat; 
								background-position:center right; 
								border: red solid 1pt;
}
div#ttinfo a:focus[href^="http:"] { background-image:url('../images/bullet3.GIF');
								background-repeat:no-repeat; 
								background-position:center right; 
								border:1pt red solid;
}
/* schiebt den nach "oben" Link-Pfeil von tt-info nach links aus der tabelle zusammen mit table.glob=overflow:hidden */
.copyr a[href="#top"] { margin-left:-20pt; color:#A4A4FE;}

.bilderimtext img {margin: 2pt;}




/* Verweise im div Inhalt */


div#inhalt a {text-decoration:none;
			white-space:nowrap;
			padding:0pt;
			border: none;
			margin-left:3pt;
			margin-right:3pt;
}
div#inhalt a:link { padding:0pt 3pt 0pt 3pt;
				border-bottom: black solid 1pt;
				border-left: black solid 1pt;
				color:black;
}
div#inhalt a:visited { padding:0pt 3pt 0pt 3pt;
					border-bottom: blue solid 1pt;
					border-left: blue solid 1pt;
					color:blue;
}
div#inhalt a:hover { padding:0pt 3pt 0pt 3pt;
					border: white solid 1pt;
					background-image:url('../images/button_focus.jpg');
					background-repeat:repeat-x;
					color:black;
}
div#inhalt a:active { background-image:url('../images/button_focus.jpg');
					background-repeat:repeat-x;
					border: red solid 1pt;
}
div#inhalt a:focus { background-image:url('../images/button_focus.jpg');
					background-repeat:repeat-x;
					border: red solid 1pt;
}


/* css für externe Link */


div#inhalt  a[href^="http:"] {margin:0pt;}
div#inhalt a:link[href^="http:"]{ padding:0pt 10pt 0pt 3pt;
								border: none;
								font-style:italic;
								color:black;
								border: transparent solid 1pt;
}
div#inhalt a:visited[href^="http:"]{ padding:0pt 10pt 0pt 3pt;
									border: none;
									font-style:italic;
									color:blue;									
}
div#inhalt a:hover[href^="http:"] { background-image:url('../images/bullet3.GIF');
								background-repeat:no-repeat; 
								background-position:100% 50%; 
								padding:0pt 10pt 0pt 3pt;
								border: white solid 1pt;
								color:black;								
} 
div#inhalt a:active[href^="http:"] { background-image:url('../images/bullet3.GIF');
								background-repeat:no-repeat; 
								background-position:center right; 
								border: red solid 1pt;
}
div#inhalt a:focus[href^="http:"] { background-image:url('../images/bullet3.GIF');
								background-repeat:no-repeat; 
								background-position:center right; 
								border:1pt red solid;
}
		/* verlinkte Bilder, href^="Galerien" der Wert "images" bzw "Galerie" ist aus dem "href" im a-Tag
			 weil ein Teil des link mitten im Text steht, muss für jeden link gemacht werden*/
			 
		/* Seite Kontakt, Style im head definiert */

div#inhalt a[href^="video"] { text-decoration: none; padding:0pt; border:0; background:none;}
div#inhalt a[href^="images"] { text-decoration: none; padding:0pt; border:0; background:none;}
div#inhalt a[href^="Galerien"] { text-decoration: none; padding:0pt; border:0; background:none;}
div#inhalt a[href^="portr-liebold.htm"] { text-decoration: none; padding:0pt; border:0; background:none;}
div#inhalt a[href^="portr-lothar.htm"] { text-decoration: none; padding:0pt; border:0; background:none;}
div#inhalt a[href^="Sound"] { text-decoration: none; padding:0pt; border:0pt; background:none;}
div#inhalt a[href^="download"] { text-decoration: none; padding:0pt; border:0pt; background:none;}
div#inhalt a:link img { border:1pt solid #FC000C;}
div#inhalt a:visited img { border:1pt solid blue;}
div#inhalt a:hover img { border:1pt solid blue;}
div#inhalt a:active img { border:2pt solid red;}
div#inhalt a:focus img { border:2pt solid red;}




div#fuss { clear:both; 
		border: solid 1pt #f2f1ff;
		border-left: solid 2pt #f2f1ff;
		margin-left:94pt;
		padding-left:2pt;
		font-size:smaller;
}
div#fuss li { display:inline;}
div#fuss ul ul{ display:inline;}