@charset "utf-8";
/* CSS Document */

*{
    border:0;
	margin:0;
	padding:0;
}

img{
	max-width:100%;
}
	
body{
	background: url("../site_imgs/backg_back.jpg");
	background-repeat: repeat-x;
	background-color: #E3E3E3;
	
}

.tabu {
	border:1px;	
	border-color:#06C;
}



	#wrapper {
	
	width:1260px;
	
	background-color:#E3E3E3;
	margin-left: auto;
	margin-right: auto;
		}
			#wrapper6 {
	
	width:1260px;
	height:2200px;
	
	background-color:#E3E3E3;
	margin-left: auto;
	margin-right: auto;
		}
				#wrapperlong {
	
	width:1260px;
	height:5800px;
	
	background-color:#E3E3E3;
	margin-left: auto;
	margin-right: auto;
		}
		
	#wrapperpo {
	
	width:1260px;
	
	background-color:#e6152a;
	margin-left: auto;
	margin-right: auto;
		}
	
#picholder {
	
	width:100%;
	height:210px;
	background-color:#FFF;
	margin-left: auto;
	margin-right: auto;
		}


#nav {
	display: flex;
	flex-direction:row;
	background: url("../site_imgs/nav_backg.jpg");
	text-align:center;
	

}

#nav2 {
	display: none;
	}

#nav a {
	font-family: 'Oswald', sans-serif;
	font-size: 20pt;
	color:#FFFFFF;
	text-decoration: none;
	padding: 30px 18px;
	
}

.imaginos {
	
		max-width:100% !important;
		height:auto;
	
	}
	
	.starateksti{
	font-family:'Fira Sans', 'sans-serif';
	font-size:10pt;
	color:#FFFFFF;
	line-height:0;
	
}

#nav2 img {
	max-width:100%;
	
	
}

#nav a:hover {
	font-family: 'Oswald', sans-serif;
	font-size: 20pt;
	color: #003366;
	background-color:#FFFFFF;
	
}

#navkuva{
	display:none;
}

#spacer{
	width:100%;
	height:20px;
	background-color:#E3E3E3;
}
.spacer2{
	width:100%;
	height:5px;
	background-color:#E3E3E3;
}

#spacer3{
	width:100%;
	height:20px;
	background-color:#E3E3E3;
}

#sisalto{
	display:flex;
	flex-wrap: wrap;
	flex-direction: row;
	}

#vasen{
	flex:68%;
	background-color:#E3E3E3;
	
}

#vasen2{
	flex:80%;
	height:1200px;
	background-color:#E3E3E3;
	
}
#vasen3{
	flex:80%;
	height:1500px;
	background-color:#E3E3E3;
	
}

#vasen4{
	flex:80%;
	height:2500px;
	background-color:#E3E3E3;
	
}

#vasen5{
	flex:80%;
	height:4800px;
	background-color:#E3E3E3;
	
}
#vasen6{
	flex:80%;
	height:5800px;
	background-color:#E3E3E3;
	
}

.artikkeli{
	flex:42%;
	height:auto;
	background-color: #FFFFFF;
	padding-left:2%;
	/*padding-top:2%;*/
	padding-right:2%;
	padding-bottom:2%;
	
	
}

.siirtotable{
	flex:30%;
	height:30px;
	background-color:#3C3;
	
	}

.kuvateksti{
	font-family:'Fira Sans', 'sans-serif';
	font-size:9pt;
	color:#000000;
	padding-bottom:14px;
	display:block;
}


.transferteksti{
	font-family:'Fira Sans', 'sans-serif';
	font-size:9pt;
	color:#000000;
	padding-bottom:4px;
	padding-top:4px;
	
}

.artotsikko{
	font-family: 'Oswald', sans-serif;
	font-size: 27pt;
	color: #003366;
	padding-bottom:6px;
	display:block;
}

.transferotsikko{
	font-family: 'Oswald', sans-serif;
	font-size: 18pt;
	color: #003366;
	padding-bottom:6px;
	display:block;
}

.artikkelikuva{
	margin-bottom:5px;
}

.leipis{
	font-family:'Fira Sans', 'sans-serif';
	font-size:11pt;
	color:#000000;
	
	
}
.leipis tr{
	font-family:'Fira Sans', 'sans-serif';
	font-size:11pt;
	color:#000000;
	border:medium;
	border-color:#033;
	
	
}


.date{
	font-family:'Fira Sans', 'sans-serif';
	font-size:10pt;
	color:#848484;
	padding-bottom:5px;
	display:block;
	
}

.linja{
	width:100%;
	height:2px;
    background-color: #003366;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
}
.tiimiotsikko{
	flex:100%;
	height:55px;
	font-family: 'Oswald', sans-serif;
	font-size: 22pt;
	color: #FFFFFF;
	padding-top:5px;
	
	
}
.joukkueotsikko{
	flex:100%;
	height:55px;
	background-color:#003366;
	font-family: 'Oswald', sans-serif;
	font-size: 22pt;
	color: #FFFFFF;
	padding-top:5px;
	
	
}

.joukkueotsikko2{
	flex:100%;
	height:40px;
	background-color:#999;
	font-family: 'Oswald', sans-serif;
	font-size: 18pt;
	color: #000;
	padding-top:0px;
	
	
}

.joukkueotsikko2 a {
	font-family: 'Oswald', sans-serif;
	font-size: 16pt;
	color:#FFFFFF;
	text-decoration: none;
	padding: 30px 18px;
	
}

.joukkueotsikko2 a:hover {
	font-family: 'Oswald', sans-serif;
	font-size: 16pt;
	color:#FFFFFF;
	text-decoration: underline;
	padding: 30px 18px;
	
}


#joukkueiihf{
	/*flex:100%;*/
	height:670px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:25px;
	
}

#joukkueiihf2{
	/*flex:100%;*/
	height:670px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:25px;
	
}

#joukkueiihf3{
	/*flex:100%;*/
	height:870px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:25px;
	
}

#joukkueiihf4{
	/*flex:100%;*/
	height:1400px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:25px;
	
}
#joukkuemutasarjat{
	/*flex:100%;*/
	height:1400px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:25px;
	
}

#joukkueslga{
	flex:100%;
	height:260px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:150px;
	
}

#joukkuebestis{
	flex:100%;
	height:260px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:150px;
	
}

#joukkuessarja{
	flex:100%;
	height:260px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:150px;
	
}
#joukkuemsarja{
	flex:100%;
	height:460px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:150px;
	
}

#teamleftis{
	flex:20%;
	height:200px;
	background-color:#9F0;
	padding-top:10px;
	padding-left:1px;
	
}
#teamrightis{
	flex:20%;
	height:290px;
	background-color:#CC6;
	padding-top:10px;
	padding-left:1px;
	
}

.teamlogo{
	margin:5px;
}

.stats{
	flex:100%;
	height:250px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:400px;
	font-family:'Fira Sans', 'sans-serif';
	font-size:14pt;
	
}

.stats a{
	text-decoration:none;
    color:#003366;
	display:block;
	padding-bottom:10px;
	
}

.stats a:hover{
	text-decoration:underline;
    color:#359AF8;
	
}

.statsb{
	flex:100%;
	height:100px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:400px;
	font-family:'Fira Sans', 'sans-serif';
	font-size:14pt;
	
}

.statsb a{
	text-decoration:none;
    color:#003366;
	display:block;
	padding-bottom:10px;
	
}

.statsb a:hover{
	text-decoration:underline;
    color:#359AF8;
	
}


/*#slider{
	
	height:530px;
	background-color:#B11719;
	
}*/

#topscorersotsikko{
	width:100%;
	height:54px;
	background-color:#003366;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	color:#FFFFFF;
	text-align: center;
	padding-top:6px;
	
}

#news{
	width:100%;
	height:280px;
	display:flex;
	flex-direction:row;
	background-color:#E3E3E3;
	
}

.news1{
	flex:15%;
	background-color:#E3E3E3;
	margin:5px;
	padding:5px;
	font-family:'Fira Sans', 'sans-serif';
	color:#003366;
	font-size:16px;
	
}
.newskaks{
	flex:15%;
	background-color:#E3E3E3;
	font-family:'Fira Sans', 'sans-serif';
	color:#000;
	font-size:12px;
	text-align:left;
	padding:0px;
	
}

#topscorers{
	width:100%;
	height:600px;
	background-color:#FFFFFF;
	
}
#topscorers2{
	width:100%;
	height:1200px;
	background-color:#FFFFFF;
	
}

#keski{
	flex:2%;
	
	background-color: #E3E3E3;
	
}

#transfers{
	flex:30%;
	height:1270px;
	background-color:#CCC;
	
	
}

#transfers table{
	width:100%;
	border:0px;
	border-color:#666;
	
	
	
}

#standone{
	flex:30%;
	height:1270px;
	background-color:#E3E3E3;
	
	
}

#standone2{
	flex:30%;
	height:1570px;
	background-color:#E3E3E3;
	
	
}

#standone img{
	max-width:100%;
	
	
}

#standone2 img{
	max-width:100%;
	
	
}

#standone table{
	background-color:#e3e3e3;
	
}

.table td{
	
	padding:0px;
	spacing:0px;
	margin:0px;
	vertical-align:middle;

}

.table {
	
	padding:0px;
	spacing:0px;
	border-spacing:0px;
	border:1px;
	

}

.table2 {
	
	padding:0px;
	spacing:0px;
	border-spacing:0px;
	border:0;
	

}

.standtsikko{
	height:50px;
	font-family: 'Oswald', sans-serif;
	font-size: 18pt;
	color:#FFFFFF;

	
	}

.standtsikko2{
	height:30px;
	font-family: 'Oswald', sans-serif;
	font-size: 13pt;
	color:#FFFFFF;

	
	}
	
.standtsikko3{
	height:30px;
	font-family: 'Oswald', sans-serif;
	font-size: 12pt;
	color:#FFFFFF;
	padding-left:4px;
	padding-right:4px;
	border-bottom:2px;

	
	}

.tabotsikko{
	padding:5px;
	align:left;
	font-family: 'Oswald', 'sans-serif';
	font-size: 16pt;
	color:#FFFFFF;

	
	}

.tabnro{
	padding:5px;
	align:left;
	font-family: 'Fira Sans', 'sans-serif';
	font-size: 12pt;
	color:#FFFFFF;

	
	}

.tabnro2{
	padding:2px;
	align:left;
	font-family: 'Fira Sans', sans-serif;
	font-size: 10pt;
	color:#FFFFFF;

	
	}
	
.tablogo{
	padding:0px;
	spacing:0px;
	align:left;
	width:30px;
	height:30px;
	
	
	
	}
	
	.tablogo img{
	max-width: none;
	height:30px;
	padding:0;
	margin:0;
	border:0;
	vertical-align:bottom;
	}

.standings{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 12pt;
	color:#000;
}

.poffstatus{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 16pt;
	color:#009;
}


.standings a{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 12pt;
	color:#000;
	text-decoration:none;
}

.standings a:hover{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 12pt;
	color:#09C;
	text-decoration:none;
}

.standings3{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 10pt;
	color:#000;
	padding-left:4px;
	padding-right:4px;
	border-bottom:1px;
	border-bottom-color:#CCC;
	background-color:#e3e3e3;
}

.standings3 a{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 10pt;
	color:#339;
	padding-left:4px;
	padding-right:4px;
	border-bottom:1px;
	border-bottom-color:#CCC;
	background-color:#e3e3e3;
	text-decoration:none;
}

.standings3 a:hover{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 10pt;
	color:#339;
	padding-left:4px;
	padding-right:4px;
	border-bottom:1px;
	border-bottom-color:#CCC;
	background-color:#e3e3e3;
	text-decoration:underline;
}
.standingswhite{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 12pt;
	color:#FFFFFF;
}

.standings2{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 10pt;
	color:#000;
	padding-left:5px;
}
.standingswhite2{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 10pt;
	color:#FFFFFF;
}
.standingswhite3{
	
	font-family: 'Fira Sans', sans-serif;
	font-size: 10pt;
	color:#FC6;
}

.teamname{
    padding:5px;
	align:left;
	font-family: 'Oswald', 'sans-serif';
	font-size: 45pt;
	color:#003366;

}

.teamname2{
    padding:5px;
	align:left;
	font-family: 'Oswald', 'sans-serif';
	font-size: 25pt;
	color:#003366;

}

.teamname3{
    padding:5px;
	align:left;
	font-family: 'Oswald', 'sans-serif';
	font-size: 15pt;
	color:#003366;

}

#jouknimi{
	
	width:100%;
	background-color: #FFFFFF;
}

#starat{
	flex:30%;
	height:1270px;
	background-color:#FC0;
	
}

#footer{
	width:100%;
	height:150px;
	background-color: #003366;
	font-family: 'Fira Sans', sans-serif;
	color:#FFFFFF;
	padding-top:40px;
}

#footer a{
	width:100%;
	height:150px;
	background-color: #003366;
	font-family: 'Fira Sans', sans-serif;
	color:#FFFFFF;
	padding-top:40px;
	text-decoration: none;
}
#footer a:hover{
	width:100%;
	height:150px;
	background-color: #003366;
	font-family: 'Fira Sans', sans-serif;
	color:#0CC;
	padding-top:40px;
	text-decoration: underline;
}

/*<!--ZUI TABLE-->*/

.zui-table {
    width:100%;
	border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'Fira Sans', 'sans-serif';
	font-size:12pt;
}

.zui-table2 {
    width:100%;
	border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'Fira Sans', 'sans-serif';
	font-size:12pt;
	color:#069;
}
.zui-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 5px;
    text-align: left;
   /* text-shadow: 1px 1px 1px #fff;*/
}
.zui-table tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
  
	padding:5px;
    /*text-shadow: 1px 1px 1px #fff;*/
}

.zui-otsikko{
	
	height:26px;
	padding-left:79%;
	padding-right:1%;
	padding-bottom:2%;
	font-family: 'Oswald', 'sans-serif';
	font-size: 20px;
	color:#003366;
	background-color:#FFFFFF;
	
	
	
}
.zui-otsikko img{
	width:100%;
	flex-shrink: 0;
	
	
}

.zui{
	

	font-family: 'Oswald', 'sans-serif';
	font-size: 20px;
	color:#FFFFFF;
	background-color:#003366;
	
	
}

.zui-table tbody td a{
	font-family: 'Fira Sans', 'sans-serif';
	font-size: 12pt;
	text-decoration: none;
	color: #333;
	
}

.zui-table tbody td a:hover{
	font-family: 'Fira Sans', 'sans-serif';
	font-size: 12pt;
	color: #053CBC;

	
	
}

@media screen and (max-width: 1260px){
	
#wrapper {
	
	width:100%;
	background-color:#509EFB;
	margin-left: auto;
	margin-right: auto;
		}
		
		#wrapper6 {
	
	width:100%;
	background-color:#509EFB;
	margin-left: auto;
	margin-right: auto;
		}
	
	#nav {
	width:100%;
	display: flex;
	flex-direction:row;
	background: url("../site_imgs/nav_backg.jpg");
	text-align:center;
	

}


	#nav a {
	font-family: 'Oswald', sans-serif;
	font-size: 20pt;
	color:#FFFFFF;
	text-decoration: none;
	padding: 30px 18px;
	
}
	
	#nav a:hover {
	font-family: 'Oswald', sans-serif;
	font-size: 20pt;
	color: #003366;
	background-color:#FFFFFF;
	
}

#vasen{
	flex:66%;
	/*padding-left:2%;*/
	background-color:#E3E3E3;
	
}

.imaginos {
	display:block;
		max-width:100% !important;
		height:auto;
	
	
}

	#joukkueslga{
	flex:100%;
	height:500px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	
}

#joukkuebestis{
	flex:100%;
	height:500px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	
}

#joukkuessarja{
	flex:100%;
	height:500px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	
}
	.stats{
	flex:100%;
	height:250px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:200px;
	font-family:'Fira Sans', 'sans-serif';
	font-size:14pt;
	
}
	
	.statsb{
	flex:100%;
	height:100px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:200px;
	font-family:'Fira Sans', 'sans-serif';
	font-size:14pt;
	
}

#transfers{
	flex:30%;
	order:2;
	height:1270px;
	/*background-color:#FC3;*/
	
}

/*.artikkeli{
	flex:96%;
	height:auto;
	background-color: #FFFFFF;
	padding-left:2%;
	
	padding-right:2%;
	padding-bottom:2%;
	
	
}*/
	
	#footer{
		display:none;
	}


}
@media screen and (max-width: 900px){
	
	#wrapper6 {
	
	width:100%;
	background-color:#509EFB;
	margin-left: auto;
	margin-right: auto;
		}
		
	#nav {
	width:100%;
	display: flex;
	flex-direction:row;
	background: url("../site_imgs/nav_backg.jpg");
	text-align:center;
		order:1;
	

}

.artikkeli{
	flex:96%;
	height:auto;
	background-color: #FFFFFF;
	/*padding-left:2%;*/
	/*padding-top:2%;*/
	padding-right:2%;
	padding-bottom:2%;
	
	
}
	#nav a {
	font-family: 'Oswald', sans-serif;
	font-size: 14pt;
	color:#FFFFFF;
	text-decoration: none;
	padding: 30px 18px;
	
}
	
	#nav a:hover {
	font-family: 'Oswald', sans-serif;
	font-size: 14pt;
	color: #003366;
	background-color:#FFFFFF;
	
}
	#vasen{
	flex:100%;
	/*padding-left:2%;*/
	order:2;
	background-color:#E3E3E3;
	
}
	
	#standone{
	flex:100%;
	height:1270px;
		order:3;
	background-color:#E3E3E3;
	
}

.imaginos {
	display:block;
		max-width:100% !important;
		height:auto;
	
	
}
	
		#joukkueslga{
	flex:100%;
	height:700px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	
}

#joukkuebestis{
	flex:100%;
	height:600px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	
}

#joukkuessarja{
	flex:100%;
	height:600px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	
}
	
	@media screen and (max-width: 900px){
	
	#nav {
	display: none;
	}
		
	#nav2 {
	display: flex;
		flex-direction:column;
	background: #003366;
	text-align:center;
	}
		
		#nav2 a {
	font-family: 'Oswald', sans-serif;
	font-size: 15pt;
	color:#FFFFFF;
	text-decoration: none;
	padding: 7px 7px;
	
}

#nav2 a:hover {
	font-family: 'Oswald', sans-serif;
	font-size: 15pt;
	color: #003366;
	background-color:#FFFFFF;
	
}
	


	#vasen{
	flex:100%;
	order:2;
	/*padding-left:2%;*/
	background-color:#E3E3E3;
	
}
	
	#standone{
	flex:100%;
	height:1270px;
		order:3;
		background-color:#E3E3E3;
		
		
}
		#topscorers{
	display:none;
	
}
		
		#navkuva{
	display:block;
	background-color: #003366;
}
		
	.stats{
	flex:100%;
	height:250px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	font-family:'Fira Sans', 'sans-serif';
	font-size:14pt;
	
}
	
	.statsb{
	flex:100%;
	height:100px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:50px;
	font-family:'Fira Sans', 'sans-serif';
	font-size:14pt;
	
}

.artikkeli{
	flex:96%;
	height:auto;
	background-color: #FFFFFF;
   /* margin-left:2%;*/
	/*padding-top:2%;*/
	padding-right:2%;
	padding-bottom:2%;
	
	
}

	
}