/*
  Basis-Stylesheet wettstatstik24.de
*/

	* {
		color:#111111;
		font-family:Verdana;
		font-size:99%; 
	}

	h1, h2, h3, h4, h5 { 
		color:#111111;
		font-weight:bold;
	}

	body { 
		background:-moz-linear-gradient(bottom,#d5d5d5,#f1f1f1); /* Firefox */
		background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#d5d5d5)); /* Chrome, Safari */
		filter: progid:DXImageTransform.Microsoft.gradient(start
Colorstr='#d5d5d5',endColorstr='#f1f1f1'); /* Internet Explorer */
		background:#DDDDDD;
	}
	
	div.header {
		width: 97%;
		height:90px;
		text-align:center;
		margin: 0 auto; 
	}

	div.border {
		width:1%;
		height:70%;
		float:left;
	}
	
	div.content {
		width: 97%;
	 	margin: 0 auto; 
	 	height:85%;
		overflow-y:scroll;		
	}

	div.footer {
		width: 97%;
		height:2%;
		padding-top:10px;
		padding-bottom:10px;
		margin: 0 auto;		
		background-color: #efefef;
		display: block;
		position: relative;
	}


	div.clear {
		clear:left;
	}

	div.leer {
		width:100%;
		height:100%;
	}

	a:link {text-decoration: none; border-style:none;}
	a:visited {text-decoration: none; border-style:none;}
	a:active {text-decoration: none; border-style:none;}
	a:hover  {text-decoration: none; border-style:none;}

	td {
		font-size:95%; 
	}

	td.fehler{
		font-size:75%; 
		color:#8b0000;
	}

	td.feld_title{
		font-size:85%;
	}
	
	.feld_value{
		font-size:90%;
	}
	
	.opt{
		font-size:90%;
	}
	
	.hinweis{
		font-size:75%;
		font-style:italic;
	}
	
	.zusatzinfo{
		font-size:85%;
	}
	
	
	.main_headline{
		font-size:150%;
		font-style:italic;
		font-weight:bold;
		text-align:center;
/*		text-valign:top; */
	}
	
	.headline{
		font-size:120%;
		font-weight:bold;
		text-align:left;
/*		text-valign:top; */
	}
	
	.tab_headline{
		font-size:85%;
		font-weight:bold;
		text-align:center;	
	}
	
	input:focus {
		background-color : #FFFF99;
	}
	
	textarea:focus {
		background-color : #FFFF99;
	}

	.mst{
		background-color : #ffd700;
		font-size:100%; 
		color:#121212;
	}
	.chl{
		background-color : #ffd700;
		font-size:100%; 
		color:#121212;
	}
	.chq{
		background-color : #FFFF33;
		font-size:100%; 
		color:#121212;
	}
	.eul{
		background-color : #90ee90;
		font-size:100%; 
		color:#121212;
	}
	.nix{
		background-color : #d3d3d3;
		font-size:100%; 
		color:#121212;
	}
	.abr{
		background-color : 	#ffa07a;
		font-size:100%; 
		color:#121212;
	}
	.abs{
		background-color : 	#ff6347;
		font-size:100%; 
		color:#121212;
	}
	.auf{
		background-color : #33CC00;
		font-size:100%; 
		color:#121212;
	}
	.aur{
		background-color : #33CCCC;
		font-size:100%; 
		color:#121212;
	}
	.aqr{
		background-color : #FFFFFF;
		font-size:100%; 
		color:#121212;
	}
	

	.won{
		background-color : #00CC33;
		font-size:80%; 
	}
	.draw{
		background-color : #FFFF00;
		font-size:80%; 
	}
	.lost{
		background-color : #FF3333;
		font-size:80%; 
	}

	.pospos {
		background-color : #32cd32;
		color:#121212;
		text-align:center;
		font-size:80%;		
	}

	.pos {
		background-color : #90ee90;
		color:#121212;
		text-align:center;
		font-size:80%;		
	}

	.med {
		background-color : #fafad2;
		color:#121212;
		text-align:center;
		font-size:80%;		
	}

	.neg {
		background-color : #ffa07a;
		color:#121212;
		text-align:center;
		font-size:80%;		
	}

	.negneg {
		background-color : #ff6347;
		color:#121212;
		text-align:center;
		font-size:80%;		
	}

	.besser{
		background-color : #90ee90;
		font-size:80%; 
	}
	.schlechter{
		background-color : #ffa07a;
		font-size:80%; 
	}


#mainNavigation {
		width: 97%;
		margin: 0 auto; 
		font-size:85%;
		text-align:left;
		display:block;
		top: 0; 
}

/* navigation background --------------------------------- */
#mainNavigation .navigationBg {
  width: 97%;
  height:38px;
  margin-left:auto; 
	margin-right:auto;
	background-color: #008000;
  
  -webkit-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  -moz-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  -khtml-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  box-shadow:1px -1px 2px rgba(0,0,0,0.6);

  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  
  position: absolute;
  top:46px;
  z-index:10;
}


#navigationMenue {
  left:5px;
  position: absolute;
  top:37px;
  z-index:30;
}


#navigationMenue li {
  display: inline-block;
}

#navigationMenue li.isSelected .tabMiddle {
  background-image:url(/images/navigation_highlight2.PNG);
  background-position: center 23px;
  background-repeat:no-repeat;
}


/* home link --------------------------------- */
#navigationMenue .homeLink {
  width:42px;
  height:35px;
  display:block;
  padding: 7px 0 0 25px;
}
#navigationMenue .homeLink span {
  width:18px;
  height:16px;
  background-image:url(../images/navigation_home.PNG);
/*  background-color: #ccccff; */
  display:block;
}
#navigationMenue li.isSelected .homeLink {
/*  background-image:url(/images/navigation_highlight.PNG); */
/*  background-color: #fafafa; */
  background-position: 23px 26px;
  background-repeat:no-repeat;
}

/* tabs --------------------------------- */
#navigationMenue .alignLeft,
#navigationMenue .alignRight {
  float: left;
  position: relative;
}


#navigationMenue .tabLeft,
#navigationMenue .tabMiddle,
#navigationMenue .tabRight {
	color:#ffffff;
  position: relative;
  z-index: 700;
}

#navigationMenue .alignLeft .tabLeft,
#navigationMenue .alignRight .tabLeft {
  width:8px;
  height:42px;
/*  background-image:url(../sprite.png);
  background-position: 0 -846px; 
  background-repeat:no-repeat; */
/*  background-color: #ff0000; */
  display:block;
  float:left;
}

#navigationMenue .tabMiddle {
  display: block;
  float: left;
  padding:8px 19px 0 19px;
  height:35px;
  text-transform:uppercase;
}

#navigationMenue .alignLeft .tabRight,
#navigationMenue .alignRight .tabRight {
  width:7px;
  height:42px;
/*  background-image:url(../sprite.png);
  background-position: 7px -809px;
  background-repeat:no-repeat; */
/*  background-color: #0000ff; */
  display:block;
  float:left;
}

/*                                                
#navigationMenue .alignLeft .tabLeft {                 
  border-left: 1px dotted #FFFFFF;
} 
*/


/* hover for tabs --------------------------------- */
#navigationMenue li:hover ul {                                
  display:block;                                              
}                                                             
#navigationMenue .alignLeft:hover .tabLeft {                  
  background-position: 0 -765px;
/* border-right: 1px solid #008000; */
}                                                             
#navigationMenue .alignLeft:hover .tabRight {                 
  background-position: -9px -765px;      
/* border-left: 1px solid #008000; */
}                                                             
                                                      
#navigationMenue .alignRight:hover .tabLeft {                 
  background-position: -25px -765px;                          
}                                                             
#navigationMenue .alignRight:hover .tabRight {                
  background-position: -34px -765px;                          
}                                                             
#navigationMenue .alignLeft:hover .tabMiddle,                 
#navigationMenue .alignRight:hover .tabMiddle {               
  background-color:#f8f8f8;
  background-image:none;              
  color:#000000;
/*  outline: 1px solid #008000; */

}                                                             

/* expandable menue --------------------------------- */			
#navigationMenue ul {                                         
  border: 1px solid #008000;                                  
  float: left;                                                
  background-color:#f8f8f8;
  display:none;                                               
  overflow:hidden;                                            
  -moz-border-radius: 0px 0px 3px 3px;                        
  -webkit-border-radius: 0px 0px 3px 3px;                     
  -khtml-border-radius: 0px 0px 3px 3px;                      
  border-radius: 0px 0px 3px 3px;                             
}                                                             
                                                        
#navigationMenue .alignLeft ul {                              
  position:absolute;                                          
  top:0;                                                      
  left:0;                                                     
  margin: 41px 0 0 6px;                                       
}                                                             
#navigationMenue .alignRight ul {                             
  position:relative;                                          
  float:left;                                                 
  left:-5px;                                                  
}                                                             

/* settings for every expandable menue --------------------------------- */	
                                                                           
#navigationMenue .alignLeft ul li ul,                                       
#navigationMenue .alignRight ul li ul {                                     
  position: relative;                                                       
  border: none;                                                             
  display:block;                                                            
  background-color: transparent;
  list-style:disc outside;
  clear:both;                                                               
  -moz-border-radius: 0;                                                    
  -webkit-border-radius: 0;                                                 
  -khtml-border-radius: 0;                                                  
  border-radius: 0;                                                         
  padding-left:0px;                                                         
}                                                                           
#navigationMenue .alignLeft ul li ul li,                                    
#navigationMenue .alignRight ul li ul li {                                  
  color: #ff91CD; /* ?? */                                                  
  margin-bottom:6px;                                                        
}

#navigationMenue .leftRow ul,
#navigationMenue .rightRow ul {
  margin: 0 10px 0 0px;
}

#navigationMenue span.headline {
  clear:both;
  display:block;
  color:#333333; /*Farbe šberschrift copytexte in navigation */
  margin:13px 10px 5px 20px;
}
#navigationMenue span.copytext,
#navigationMenue div.copytext {
  float:left;
  display:block;
  margin:0 10px 10px 20px;
}
#navigationMenue a.textLink {
  display:block;
  margin:0 10px 10px 10px;
  color:#333333; /*Textfarbe Links im Aufklappmenü */
}
#navigationMenue .copytext a.textLink {
    margin: 0;
}


#navigationMenue a.textLink.firstChild, #navigationMenue div.firstChild {
  clear:both;
  margin-top:13px;
}


#navigationMenue .leftRow,
#navigationMenue .rightRow {
  padding-bottom:10px;
  float: left;
  display:block;
}

#navigationMenue .rightRow {
  background-color:#ececec; /* Hintergrundfarbe rechts im Aufklappmenü */
}

#navigationMenue .leftRow {
  background-color:#f8f8f8; /*Hintergrundfarbe links im Aufklappmenü */
}


#navigationMenue #mhLigen,
#navigationMenue #mhAktuell,
#navigationMenue #mhBenutzer,
#navigationMenue #mhHistorie {
/*  background-image:url(../images/websiteelemente/mainnavigation_content_bg.gif); */
  background-color: #f8f8f8;
  background-repeat:repeat-y;
  padding-left:10px;
}

/* ligen und länder --------------- */
#navigationMenue #mhLigen {
  width: 505px;
  background-position: 182px 0;
}
#navigationMenue #mhLigen .leftRow {
  width:302px;
}
#navigationMenue #mhLigen .rightRow {
  width:203px;
}


/* aktuelle Spiele --------------- */
#navigationMenue #mhAktuell {
  width: 435px;
  background-position: 182px 0;
}
#navigationMenue #mhAktuell .leftRow {
  width:222px;
}
#navigationMenue #mhAktuell .rightRow {
  width:213px;
}


/* historie --------------- */
#navigationMenue #mhHistorie {
/*  margin: 41px 0 0 -484px;  NUR WENN alignRight */
  width: 320px;
/*  background-position: 220px 0; NUR WENN alignRight */
}
#navigationMenue #mhHistorie .leftRow {
  width: 100px;
}
#navigationMenue #mhHistorie .rightRow {
  width:220px;
}


/* benutzer --------------- */
#navigationMenue #mhBenutzer {
/*  margin: 41px 0 0 -220px; NUR WENN alignRight */
  width: 218px;
/*  background-position: 220px 0; NUR WENN alignRight */
}
#navigationMenue #mhBenutzer .leftRow {
  width:218px;
}


/* Tabellendesign-------------------- */

#tabellendesign {
	position:relative;
	width:500px;
	height:200px;
	padding: 0;
	margin-left: 10px;
	font-size:80%;
	color:#121212;
}

#tabellendesign #mst,
#tabellendesign #chl,
#tabellendesign #chq,
#tabellendesign #eul,
#tabellendesign #nix,
#tabellendesign #abr,
#tabellendesign #abs,
#tabellendesign #auf,
#tabellendesign #aur,
#tabellendesign #aqr {
	background-color: #00ff00;
	border:3px solid #ff0000;
	-moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -khtml-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  height: 30px;
  margin-bottom: 5px;
  padding-left: 20px;
}

#tabellendesign #mst{
		background-color : #ffd700;
	}
#tabellendesign #chl{
		background-color : #ffd700;
	}
#tabellendesign #chq{
		background-color : #FFFF33;
	}
#tabellendesign #eul{
		background-color : #90ee90;
	}
#tabellendesign #nix{
		background-color : #d3d3d3;
	}
#tabellendesign #abr{
		background-color : #ffa07a;
	}
#tabellendesign #abs{
		background-color : #ff6347;
	}
#tabellendesign #auf{
		background-color : #33CC00;
	}
#tabellendesign #aur{
		background-color : #33CCCC;
	}
#tabellendesign #aqr{
		background-color : #FFFFFF;
	}


.fett {font-weight: bold;}
.kursiv{font-style: italic;}
.unterstreichen{text-decoration: underline;}
.durchstreichen{text-decoration: line-through;}


div.contentbereich {
	text-align:center;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 97%;
	z-index: 1;
}


/* Navigationspunkte------ */
 
	.tabnavi a {
	  display: block;
	  padding: 5px 8px;
	  color: #ffffff;
	  background-color: #008000;
	  text-decoration: none;
	  text-transform:uppercase;
	  font-size:85%;
	}
	
	.tabnavi td.active a,
	.tabnavi a:hover {
		  background-color:#f8f8f8;
  		background-image:none;              
  		color:#000000;
	}
	
/* Ligaseite------- */

#menuetabs {
	list-style: none outside none;
	background-color: #aa0000;
	display: block;
	float: left;
	position: relative;
	width: 620px;
}

#menuetabs .li {
	float: left;
	text-align: center;
}

#active {
	background-color: #00aa00;
}






/* Unternavigationspunkte--------------*/

#ligaNavigation {
		width: 640px;
		margin: 0 auto; 
		font-size:85%;
		text-align:left;
		display:block;
		top: 0; 
}

/* navigation background --------------------------------- */
#ligaNavigation .ligaNavigationBg {
  width: 640px;
  height:38px;
  margin-left:auto; 
	margin-right:auto;
	background-color: #008000;
  
  -webkit-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  -moz-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  -khtml-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  box-shadow:1px -1px 2px rgba(0,0,0,0.6);

  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  
  position: relative;
  top:0px;
  z-index:10;
}


#ligaNavigationMenue {
  left:0px;
  position: relative;
  top:3px;
  z-index:30;
}


#ligaNavigationMenue li {
  display: inline-block;
}

#ligaNavigationMenue li.isSelected .tabMiddle {
  background-image:url(/images/navigation_highlight2.PNG);
  background-position: center 25px;
  background-repeat:no-repeat;
}


/* tabs --------------------------------- */
#ligaNavigationMenue .alignLeft,
#ligaNavigationMenue .alignRight {
  float: left;
  position: relative;
}


#ligaNavigationMenue .tabLeft,
#ligaNavigationMenue .tabMiddle,
#ligaNavigationMenue .tabRight {
	color:#ffffff;
  position: relative;
  z-index: 700;
}

#ligaNavigationMenue .alignLeft .tabLeft,
#ligaNavigationMenue .alignRight .tabLeft {
  width:8px;
  height:42px;
  display:block;
  float:left;
}

#ligaNavigationMenue .tabMiddle {
  display: block;
  float: left;
  padding:8px 19px 0 19px;
  height:35px;
  text-transform:uppercase;
}

#ligaNavigationMenue .alignLeft .tabRight,
#ligaNavigationMenue .alignRight .tabRight {
  width:7px;
  height:42px;
  display:block;
  float:left;
}


/* hover for tabs --------------------------------- */
#ligaNavigationMenue li:hover ul {                                
  display:block;                                              
}                                                             
#ligaNavigationMenue .alignLeft:hover .tabLeft {                  
  background-position: 0 -765px;
}                                                             
#ligaNavigationMenue .alignLeft:hover .tabRight {                 
  background-position: -9px -765px;      
}                                                             
                                                      
#ligaNavigationMenue .alignRight:hover .tabLeft {                 
  background-position: -25px -765px;                          
}                                                             
#ligaNavigationMenue .alignRight:hover .tabRight {                
  background-position: -34px -765px;                          
}                                                             
#ligaNavigationMenue .alignLeft:hover .tabMiddle,                 
#ligaNavigationMenue .alignRight:hover .tabMiddle {               
  background-color:#f8f8f8;
  background-image:none;              
  color:#000000;
}                                                             

/* ENDE-Unternavigationspunkte--------------*/

/* topspielbackground--------------*/

#topSpiel {
		width: 700px;
		margin: 0 auto; 
		font-size:85%;
		text-align:center;
		display:block;
		top: 0; 
}

#topSpiel .topSpielBg {
  width: 700px;
  height:38px;
  margin-left:auto; 
	margin-right:auto;
	background-color: #008000;
  
  -webkit-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  -moz-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  -khtml-box-shadow:1px -1px 2px rgba(0,0,0,0.6);
  box-shadow:1px -1px 2px rgba(0,0,0,0.6);

  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -khtml-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  
  position: relative;
  top:0px;
  z-index:10;
}


#topSpielMenue {
  left:-20px;
  position: relative;
  top:3px;
  z-index:30;
}


#topSpielMenue li {
  display: inline-block;
}


/* tabs --------------------------------- */
#topSpielMenue .alignLeft,
#topSpielMenue .alignRight {
  float: left;
  position: relative;
}


#topSpielMenue .tabLeft,
#topSpielMenue .tabMiddle,
#topSpielMenue .tabRight {
	color:#ffffff;
  position: relative;
  z-index: 700;
}

#topSpielMenue .alignLeft .tabLeft,
#topSpielMenue .alignRight .tabLeft {
  width:8px;
  height:42px;
  display:block;
  float:left;
}

#topSpielMenue .tabMiddle {
  display: block;
  float: left;
  padding:8px 19px 0 19px;
  height:35px;
  text-transform:uppercase;
}

#topSpielMenue .alignLeft .tabRight,
#topSpielMenue .alignRight .tabRight {
  width:7px;
  height:42px;
  display:block;
  float:left;
}
                                                    

/* ENDE-topspielbackground--------------*/

/* LIGASTATISTIKEN--------------*/

	.abgeschlossen{
		background-color : #ff3030;
		font-size:80%; 
	}
	.notabgeschlossen{
		background-color : #5D5D5D;
		font-size:80%; 
	}
	.heimsiege{
		background-color : #50fd49;
		font-size:80%; 
	}
	.unentschieden{
		background-color : #ffff88;
		font-size:80%; 
	}
	.auswaertssiege{
		background-color : #66bf9a;
		font-size:80%; 
	}
	

/* ENDE-ligastatistiken--------------*/

.filter_link{
	max-width: 9%;
	min-width: 50px;
	margin-right: 1%;
	height: 30px;
	float: left;
	text-transform: uppercase;
	text-align: center;
}

.filter_link a{
	display: block;
	text-decoration: none;
	height: 100%;
	font-size: 8px;
	font-weight: 600;

}

.flActive a{
	background-color: #047e92;
	color: #eeeeee;
}
.flInactive a{
	background-color: #bec9e0;
	color: #959ba2;
}