/* Standard-CSS für www.progtw.de */

@import url(_styleRundEckBox.css);
@import url(_styleSlidingDoors.css);
@import url(fwInfobox.css);

@import url(fwLoginseite.css);
@import url(fwStartseite.css);
@import url(fwInfoseiten.css);
@import url(fwAnleitungFix.css);

/* Wichtige Farben:
	slidingdoor-hellblau:	#abcdff
	

	weiß:   #ffffff
  grau1:  #fafafa
  grau2:  #ebebeb
  grau3:  #d2d2d2
  grau4:  #afafaf
  grau5:  #828282
  grau6:  #4b4b4b
  grau7:  #0a0a0a (fast schwarz)

  weiß-schwarz: #ffffff #efefef #dfdfdf ... #0f0f0f #000000
  blau-schwarz: #0000ff #0000ef #0000df ... #00001f #000000
  grün-schwarz: #00ff00 #00df00 #00bf00 ... #001f00 #000000
  rot-schwarz:  #ff0000 #df0000 #bf0000 ... #1f0000 #000000
	
für Fußballwette:
Blauer Hintergrund: #0066cc
Hellblauer Hintergrund: #abcdff
Dunkelblaue Schrift: #000099

*/

/* Allemein ----------------------------------------------------------- */
	* {
  	padding: 0;
  	margin: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*font-family: "Times New Roman","Lucida Sans Unicode","Trebuchet MS","Trebuchet MS", sans-serif;*/
	}

	html {
    font-size: 100.01%;
  }
	body {
		color: #000099;              /* 000099-dunkelblau für Schrift */
	  background-color: #abcdff;   /* d2d2d2-grau3 für Hintergrund hellblau: #abcdff */
	  font-weight: bold;
    text-align: center;
	}
	
	img {
		border: 0px;
	}
	
	
/* Überschriften --------------------------------------------------- */
  h1 {
    font-size: 2.2em;
		line-height: normal;
  }  
	h2 {
	  font-size: 1.6em;
		line-height: normal;
	}
  h3 {
  	font-size: 1.4em;
		line-height: normal;
  }
  h4 {
  	font-size: 1.2em;
		line-height: normal;
  }
  

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

/*
farben hellblau bis weiß:
  #abcdff, #b3d2ff, #bad6ff, #c2dbff, #cadfff, #d1e4ff,
  #d9e8ff, #e0edff, #e8f1ff, #f0f6ff, #f7faff, #ffffff 
farben gelb bis weiß:
  #ffff00, #ffff17, #ffff2e, #ffff46, #ffff5d, #ffff74,
  #ffff8b, #ffffa2, #ffffb9, #ffffd1, #ffffe8, #ffffff

*/

.tabMittig {
	margin-left:auto;
	margin-right:auto;
	width: 98%;
	color: Black;
	border: 1px solid lime;
}
.tabZeileSpiel {
	background-color: #ffffe8;
}
.tabZeileErgebnis {
	background-color: #ffffff;
	color: lime;
}
.tabZeileHell {
	background-color: #ffffb9;
}
.tabZeileDunkel {
	background-color: #ffff8b;
}
.tabZeileUserfarbe {
	background-color: #e0edff;
}
.tabSpalteSpieler { 
	text-align: left;
	padding-left: 4px;
	border-left: 4px solid #ffffe8;
	border-right: 1px solid #ffffe8;
}
.tabSpalteTip {
	text-align: left;
	padding-left: 4px;
	border-left: 1px solid #ffffe8;
	border-right: 1px solid #ffffe8;
}
.tabSpaltePkte {
	text-align: left;
	padding-left: 4px;
	color: fuchsia;
	border-left: 1px solid #ffffe8;
	border-right: 4px solid #ffffe8;
}

.tabLand1 {
	text-align: right;
	border-bottom: 1px dotted white;
}
.tabLand2 {
	text-align: left;
	border-bottom: 1px dotted white;
}
.tabSpiel {
	text-align: center;
	font-family: monospace;
	border-right: 2px solid #ffffff;
}
.tabUser {
	text-align: right;
	font-family: monospace;
	color: #000099;
	padding-right: 2px;
	border-right: 3px solid #f7faff;
	border-top: 1px solid #f7faff;
}
.tabTorLinks {
	text-align: right;
	border-top: 1px solid #f7faff;
}
.tabTorRechts {
	text-align: left;
	border-top: 1px solid #f7faff;
}
.tabDoppelpunkt {
	width: 10px;
	text-align: center;
	border-top: 1px solid #f7faff;
}
.tabPkte {
	text-align: right;
	width: 20px;
	color: Fuchsia;
	padding-right: 14px;
	border-right: 1px solid #f7faff;
	border-top: 1px solid #f7faff;
}
.tabPkteGes {
	text-align: center;
	color: fuchsia;
	border: 2px solid fuchsia;
}
.tabErgRechts {
	border-right: 1px solid #d9e8ff;
}

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


.hallo {
	text-align: center;
}

.tip {
	text-align: left;
}

/* --- tipsStart --- */
#tipsStart {
	color: yellow;
	text-align: left;
}
#tipsStartOben {
	background: url(../img/fussball-fuesse-mitte2.jpg) repeat-x;
	text-align: center;
	font-size: 1.6em;
	line-height: normal;
}
#tipsStartLinks {
	background: url(../img/fussball-fuesse-links2.jpg) no-repeat;
	text-align: left;
	float: left;
	width: 215px;
	height: 375px;
}
#tipsStartRechts {
	background: url(../img/fussball-fuesse-rechts2.jpg) no-repeat;
	text-align: right;
	float: right;
	width: 182px;
	height: 375px;
}
#tipsStartMitte {
	background: url(../img/fussball-fuesse-mitte2.jpg) repeat-x;
	text-align: left;
	height: 375px;
}
#tipsStartUnten {
	clear: both;
	text-align: right;
}


/* --- tipsAbgeben --- */
#tipsAbgeben {
	background: #00ccff;
	color: #000099;
	text-align: left;
	height: auto;
}
#tipsAbgebenOben {
	text-align: center;
	font-size: 1.6em;
	line-height: normal;
}
#tipsAbgebenLinks {
	text-align: left;
	float: left;
	width: 215px;
	height: auto;
}
#tipsAbgebenRechts {
	text-align: right;
	float: right;
	width: 182px;
	height: auto;
}
#tipsAbgebenMitte {
	text-align: center;
	height: auto;
}
#tipsAbgebenUnten {
	clear: both;
	text-align: right;
}




/* --- auswertStart --- */
#auswertStart {
	background: #0066cc;
	color: yellow;
	text-align: left;
	height: auto;
}
#auswertStartOben {
	text-align: center;
	font-size: 1.6em;
	line-height: normal;
}
#auswertStartLinks {
	text-align: left;
	float: left;
	width: 215px;
	height: auto;
}
#auswertStartRechts {
	float: right;
	height: auto;
	margin-left: 712px;
}
#auswertStartMitte {
	float: left;
	width: 704px;
	height: auto;
	text-align: left;
	margin-left: 2px;
}
#auswertStartUnten {
	clear: both;
	text-align: right;
}

/* --- auswerten --- */
#auswert {
	background: #00ccff;
	color: #000099;
	text-align: left;
	height: auto;
}
#auswertOben {
	text-align: center;
	/*font-size: 1.6em;*/
	/*line-height: 1.6em;*/
}
#auswertLinks {
	text-align: left;
	float: left;
	width: 6px;
	height: auto;
}
#auswertRechts {
	text-align: right;
	float: right;
	width: 6px;
	height: auto;
}
#auswertMitte {
	text-align: center;
	margin: 0 8px 0 8px;
	height: auto;
}
#auswertUnten {
	clear: both;
	text-align: center;
}





.error {
	font-size: 1.4em;
	line-height: normal;
	color: Red;
	text-decoration: blink;
	border: 2px solid red;
	margin: 4px;
}
.errorBgWhite {
	background-color: white;
	font-size: 1.4em;
	line-height: normal;
	color: Red;
	text-decoration: blink;
	border: 2px solid red;
	margin: 4px;
}
.okay {
	background-color: white;
	font-size: 1.4em;
	line-height: normal;
	color: Lime;
	text-align: center;
	text-decoration: blink;
	border: 2px solid lime;
	margin: 4px;
}

.frage {
	font-size: 1.4em;
	line-height: 1.6em;
	/*color: lime;*/
	background-color: yellow;
	text-align: center;
}

.button01 {
	display: inline;
	background-color: lime; 
	color : #000099; 
	font-size: 2em;
	line-height: 0.9em;
	font-weight: bolder;
	border : 8px outset lime;
}
.button02 {
	display: inline;
	background-color: lime; 
	color : #000099; 
	font-size: 1em;
	font-weight: bolder;
	border : 4px outset lime;
}
.button01red {
	display: inline;
	background-color: fuchsia; 
	color : #000099; 
	font-size: 2em;
	line-height: 0.9em;
	font-weight: bolder;
	border : 8px outset fuchsia;
}
.button02red {
	display: inline;
	background-color: fuchsia; 
	color : 000099; 
	font-size: 1em;
	font-weight: bolder;
	border : 4px outset fuchsia;
}

.duenneZeile {
	line-height: 3px;
}

.ankerlink {
	background-color: lime;
	border : 3px outset lime;
	padding: 0 2px 0 2px;
	display: inline;
}

#fusszeile {
	color: #f7faff;
	font-family: 'Century Schoolbook', 'Times New Roman', Times, Verdana, Arial, serif;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0.2em 2em 0.2em 0;
	text-align: right;
}