/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Menu Top
   ========================================================================== */
#b_menu-top{
	float: left;
	width: 100%;
	position: relative;
	z-index: 3;
	border-bottom: 1px solid #e5e5e5;
}
	#b_menu-top .site-link{
		float: left;
		font-size: 11px;
		line-height: 29px;
		color: #8d8d8d;
	}
		#b_menu-top a.site-link:hover{
			color: #FF0000;
		}
		
	#b_menu-top .b_menu-nav{
		float: right;
		font-weight: bold;
	}
		#b_menu-top .b_menu-nav li{
			float: left;
			position: relative;
			padding: 0 10px;
			font-size: 11px;
			line-height: 29px;
		}
			.b_menu-nav li .separator{
				position: absolute;
				left: -1px;
    			top: 0;		
			}
		#b_menu-top .b_menu-nav li.active{
			background: #e91820;
		}
			#b_menu-top .b_menu-nav li.active a.nav_link{
				color: #fff;
			} 
			#b_menu-top .b_menu-nav li.active .separator{
				display: none;
			} 	
			
			#follow_dd{
				display: none;
				position: absolute;
				top: 29px;
				right: -1px;
				z-index: 100;
			}
			#follow_dd .placeholder{
				height: 29px;
				width: 75px;
				position: absolute;
				top: -29px;
				right: 0;
			}
			.b_menu-nav li .follow_dd{
				float: left;
				width: 286px;
				padding: 17px 20px 20px;
				border: 1px solid #c0c0c0;
				background: #fff;
			}	
			.b_menu-nav li.active #follow_dd{
				display: block;
			}
				.follow_dd ul{
					width: 133px;
				}
				.follow_dd ul.left{
					float: left;
				}
				.follow_dd ul.right{
					float: right;
				}
					#b_menu-top .follow_dd ul li{
						float: left;
						width: 100%;
						margin: 0;
						padding: 0;
						border-bottom: 1px solid #e5e5e5;
					}
						.follow_dd ul li a{
							float: left;
							width: 100%;
							font: 14px/29px Arial, Helvetica, sans-serif;
							text-indent: 32px;
						}
							.follow_dd ul li a .social{
								position: absolute;
								background-image: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png'); 
							}
							.follow_dd ul li a .twitter{
								width: 19px;
								height: 15px;
								top: 7px;
								left: 8px;
								background-position: 0 -82px;
							}
							.follow_dd ul li a .fb{
								width: 15px;
								height: 15px;
								top: 6px;
								left: 9px;
								background-position: -23px -82px;
							}
							.follow_dd ul li a .flickr{
								width: 16px;
								height: 8px;
								top: 10px;
								left: 8px;
								background-position: -40px -85px;
							}
							.follow_dd ul li a .pin{
								width: 17px;
								height: 16px;
								top: 6px;
								left: 8px;
								background-position: -57px -81px;
							}
							.follow_dd ul li a .gplus{
								width: 12px;
								height: 17px;
								top: 6px;
								left: 10px;
								background-position: -76px -80px;
							}
							.follow_dd ul li a .linkedin{
								width: 15px;
								height: 14px;
								top: 6px;
								left: 9px;
								background-position: -90px -81px;
							}
							.follow_dd ul li a .tmblr{
								width: 10px;
								height: 15px;
								top: 5px;
								left: 12px;
								background-position: -108px -81px;
							}
							.follow_dd ul li a .rss{
								width: 16px;
								height: 15px;
								top: 7px;
								left: 9px;
								background-position: -119px -81px;
							}
/* ==========================================================================
   Layout
   ========================================================================== */
#b_center,
#bottom {
	max-width: 960px;
	min-width: 320px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 0 20px;   
    background-color: #FFFFFF;   
}
#header,
#content{
	float: left;
	width: 100%;
	position: relative;
}
#header{
	margin: 0 0 30px;
	z-index: 2;
}
#content{
	z-index: 1;
}
#ban-skyscraper{
	width: 120px;
	height: 600px;
	position: absolute;
	top: 117px;
	left: -142px;
}
	.column_left{
		float: left;
		width: 413px;
	}
	.column_left .col{
		width: 397px;
		padding-right: 15px;
		border-right: 1px solid #e5e5e5;
	}
	.column_right{
		float: right;
		width: 305px;
	}
	.col3{
		float: left;
		height: auto;
		width: 196px !important;
		position: relative;
		margin: 0 18px 0 0;
		padding: 0;
	}
	.col3.last{
		margin-right: 0;
	}
	.col1{
		float: left;
		width: 100%;
	}
	.col_left{
		float: left;
		width: 397px;
		padding-right: 15px;
		border-right: 1px solid #e5e5e5;
	}
	.col_mid{
		float: left;
		width: 196px;
		padding-left: 15px;
		padding-right: 15px;
		border-right: 1px solid #e5e5e5;
	}
/* ==========================================================================
   Header
   ========================================================================== */
#logo{
	position: absolute;
	top: 0;
	left: 50%;
	width: 210px;
	margin: 0 0 0 -105px;
	padding: 12px 0 16px;
}
	#logo .date{
		float: left;
		width: 100%;
		margin: 0 0 7px;
		font-size: 12px;		
		text-align: center;
		text-transform: uppercase;
		font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
		color: #a3a3a3;
	}
	#logo a,
	#logo img{
		float: left;
		position: relative;
	}
		#logo #quick_menu_link{
			width: 9px;
			height: 7px;
			position: absolute;
			top: 14px;
			right: -18px;
			background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') -36px -99px;
		}
		#logo #quick_menu_link.active{
			background-position: -46px -99px;
		}
		
		#quick_menu{
			display: none;
			width: 527px;
			position: absolute;
			top: 40px;
			left: 50%;
			margin-left: -264px;
			background: #fff;
			border: 2px solid #c0c0c0;
			border-radius: 2px;
			z-index: 10;
		}
			#quick_menu .p_left{
				float: left;
				width: 172px;
				margin: 4px 0;
				padding: 5px 0 12px;
				border-right: 1px solid #dfdfdf;
			}
				#quick_menu .p_left h1{
					float: left;
					width: 100%;
					padding: 0 0 6px;
					font-size: 16px;
					font-weight: bold;
					text-indent: 14px;
					color: #ed141c
				}
				#quick_menu .p_left li{
					width: 100%;
				}
				#quick_menu .p_left li a{
					float: left;
					width: 100%;
					height: 23px;
					font-size: 12px;
					line-height: 23px;
					text-indent: 14px;
				}
				#quick_menu .p_left li.active a{
					background: #dfdfdf;
				}
					#quick_menu .p_left li a:hover{
						color: #fff;
						background: #e30613;
					}
				
			#quick_menu .p_right{
				float: left;
				width: 335px;
				height: 235px;
				padding: 2px 4px 0 15px;
				overflow-y: scroll;
			}
				#quick_menu .p_right .quick_item{
					float: left;
					width: 100%;
					padding: 6px 0 11px;
					border-bottom: 1px solid #dfdfdf;
				}
					#quick_menu .quick_item h2{
						float: left;
						width: 100%;
						padding: 0 0 4px;
						font-size: 11px;
						font-weight: bold;
					}
					#quick_menu .quick_item .img{
						float: left;
						margin-right: 9px;
					}
					#quick_menu .quick_item .content{
						float: left;
						width: 205px;
					}
						#quick_menu .quick_item .time{
							float: left;
							width: 100%;
							font-size: 10px;
							font-weight: bold;
							color: #a3a3a3;
						}
						#quick_menu .quick_item .txt{
							float: left;
							width: 100%;
						}
							#quick_menu .quick_item .txt p{
								font-size: 11px;
								line-height: 13px;
							}
							#quick_menu .quick_item .read_more{
								float: none;
								font-size: 10px;
								font-weight: bold;
								text-transform: uppercase;
								color: #ff0000;
							}
								#quick_menu .quick_item .read_more:hover{
									color: #cc0000;
								}

#b_buy{
	float: left;
	width: 60%;
	margin: 7px 0 0;
}
	#b_buy .mag,
	#b_buy img{
		float: left;
	}
	#b_buy .container{
		float: left;
		margin: 31px 0 0 10px;
	}
		#b_buy .container a{
			float: left;
			clear: both;
			font: 11px/18px Arial, Helvetica, sans-serif;
		}
		
#header_search{
	float: right;
	position: relative;
	margin: 38px 0 0;
}
	.header_search_short #search_form{
		display: none;
	}
	.header_search_long #search_form{
		display: block;
	}
	.header_search_short #search_form.collapsed{
		display: block;
	}
	#header_search .text{
		float: left;
		width: 134px;
		height: 28px;
		padding: 0 39px 0 11px;
		font-size: 14px;
		line-height: 28px;
		border: 1px solid #e5e5e5;
	}
		#header_search .text:focus{
			box-shadow: 0 0 6px rgba(100, 100, 100, 0.2);
			-moz-box-shadow: 0 0 6px rgba(100, 100, 100, 0.2);
			-webkit-box-shadow: 0 0 6px rgba(100, 100, 100, 0.2);
		}
	#header_search label{
		position: absolute;
		top: 3px;
		left: 11px;
		color: #cacaca;
	}
	#header_search .submit{
		width: 19px;
		height: 19px;
		position: absolute;
		top: 5px;
		right: 9px;
		font-size: 0;
		background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') 0 0 #fff;
	}
	.search_collapse{
		display: none;
		float: right;
		width: 46px;
		height: 32px;
		border: 1px solid #e5e5e5;
		background: #fff;
	}
		.search_collapse:hover{
			background: #ddd;
		}
		.search_collapse.active{
			background: #E30513;
		}
		.search_collapse i{
			width: 19px;
			height: 19px;
			position: absolute;
			top: 8px;
			right: 14px;
			font-size: 0;
			background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') 0 0;
		}
		.search_collapse.active i{
			width: 7px;
			height: 4px;
			position: absolute;
			top: 14px;
			right: 20px;
			font-size: 0;
			background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') -6px -99px;
		}
	
#main_menu{
	float: left;	
	width: 100%;
	position: relative;
	margin: 5px 0 0;
	padding: 0 10px;
	border: 1px solid #e7e7e7;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}
	#main_menu ul{
		float: left;
		display: table;
		width: 100%;
	}
	
.lt-ie8 #main_menu{
	width: 98%;
	margin-left: -1px;
}	
	#main_menu li{
		display: table-cell;
		position: relative;
		text-align: center;
	}
	.lt-ie8 #main_menu li{
		float: left;
	}
		#main_menu li a{
			display: block;
			position: relative;
			padding: 0 10px;
			font-size: 14px;
			line-height: 32px;
			text-transform: uppercase;
			color: #585858;
		}
			#main_menu li.active a{
				color: #FF0000;
				font-weight: bold;
			}
			#main_menu li a:hover,
			.links_hidden a:hover{
				color: #FF0000;
			}
			
		#main_menu li a.submenu_trigger.active{
			margin-top: -1px;
			padding-bottom: 1px;
			z-index: 11;
			border: 1px solid #C0C0C0;
			border-bottom: 0;
			background: #fff;
		}
			
			#main_menu li i.arrow{
				display: none;
				width: 5px;
				height: 7px;
				position: absolute;
				top: 13px;
				right: 6px; 
				background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') 0 -99px;
			}
	.links_hidden{
		display: none;
		text-align: center;
	}		
		.links_hidden a{
			display: block;
			padding: 0 10px;
			font-size: 14px;
			font-weight: normal;
			line-height: 32px;
			text-transform: uppercase;
			color: #585858;
		}
		
#submenu-addon-content{
	display: none;
    float: left;
	width: 100%;
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 10;
	background: #fff;
	height: 345px;
}	
	#menu-competitions-w,
	#menu-clubs-w,
	#menu-players-w{
    	float: left;
    	position: relative;
    	width: 33%;
	}
	#menu-players-w{
		width: 34%;
	}
	#menu-competitions,
	#menu-clubs,
	#menu-players{
		height: 275px !important;
    	overflow: hidden;
	}
	#menu-competitions{
		margin-left: -1px;
		border-left: 1px solid #E7E7E7;
	}
		#submenu-addon-content h3{
			display: block;
			position: relative;
			margin: -1px 0 0 -1px;
			padding: 0 13px;
			font-size: 12px;
			line-height: 24px;
			font-weight: bold;
			text-transform: uppercase;
			color: #000;
			border: 1px solid #E7E7E7;
			background: #eeeeee;
		}
		#submenu-addon-content h4{
			font-size: 12px;
			font-weight: normal;
			text-align: center;
			font-style: italic;
			margin: 150px 70px 0 70px;
		}
		#submenu-addon-content li{
			float: left;
			width: 100%;
			font-size: 12px;
		}
		#submenu-addon-content li a{
			margin: -1px 0 0 -1px;
			text-align: left;
			border: 1px solid #E7E7E7;
			font-size: 12px;
			text-transform: none;
			line-height: 24px;
		}
		#submenu-addon-content li a:hover,
		#submenu-addon-content li.active-li,
		#submenu-addon-content li.active-li a{
			color: #fff;
			background: #e30613;
			font-weight: bold;
		}

		div#submenu-addon-content .buttons{
			visibility:hidden;
			width: 100%;
			position: absolute;
			left: 0;
			bottom: -45px;
		}

		div#submenu-addon-content div.button-down{
			position:absolute;
			bottom:0px;
			width:50%;
			height:45px;
			cursor: pointer;
			text-indent:-999px;
			background:#fff url(https://web.archive.org/web/20220501175223im_/https://web.archive.org/images/v2/bg__gradients.png);
			background-position:0 -200px;
		}
		
			div#submenu-addon-content div.button-down div.navicon{
				margin:20px auto;
				width:7px;
				height:6px;
				background:url(https://web.archive.org/web/20220501175223im_/https://web.archive.org/images/v2/bg__sprites.png);
				background-position:-63px 0;
			}
			
			div#submenu-addon-content div.button-down:hover{
				background-position:0 -210px;
			}
			
			div#submenu-addon-content div.button-down:hover div.navicon{
				background-position:-63px -6px;
			}
		
		div#submenu-addon-content div.button-up{
			position:absolute;
			right:0;
			bottom:0px;
			width:50%;
			height:45px;
			cursor:pointer;
			background:#fff url(https://web.archive.org/web/20220501175223im_/https://web.archive.org/images/v2/bg__gradients.png);
			background-position:0 -200px;
			text-indent:-999px;
		}
			
		div#submenu-addon-content div.button-up div.navicon{
			margin:20px auto;
			width:7px;
			height:6px;
			background:url(https://web.archive.org/web/20220501175223im_/https://web.archive.org/images/v2/bg__sprites.png);
			background-position:-70px 0;
		}
			
			div#submenu-addon-content div.button-up:hover{
				background-position:0 -210px;
			}
			
			div#submenu-addon-content div.button-up:hover div.navicon{
				background-position:-70px -6px;
			}

/* ==========================================================================
   Content
   ========================================================================== */	
.box,
.box_news{
	float: left;
	width: 100%;
	position: relative;
}

	.b_full{
		float: left;
		width: 624px;
		margin-top: 15px;
		padding-right: 15px;
		border-right: 1px solid #e5e5e5;
	}

.col1 .slider_item {
	width: 624px;
}
	
.mainNews{
	float: left;
	width: 386px;
	padding-right: 26px;
	border-right: 1px solid #e5e5e5;
}
	.mainNews .box_news{
		padding: 0 0 23px;
	}
	
		.mainNews .slider_item h1,
		.mainNews .slider_item h1 span{
			float: left;
			height: 58px;
			width: 100%;
			font: bold 24px/29px 'PT Serif', serif;
		}
		.mainNews .slider_item h1 strong{
			color: #ff0000;
			font: bold 20px 'PT Serif', serif;
		}
			.mainNews .slider_item h1 a{
				font: bold 24px/29px 'PT Serif', serif;
			}
		.mainNews .box_news .img{
			float: left;
			width: 100%;
			height: 254px;
			overflow: hidden;
			margin: 22px 0 42px;
		}
			.mainNews .box_news .img img{
				width: 100%;
				max-width: 386px;
				max-height: 254px;
			}
			
		.mainNews .box_news p.teaser{
			float: left;
			height: 102px;
			width: 100%;
			font: 14px Georgia;
		}	
		.box a.prev,
		.box a.next,
		.box .bx-next,
		.box .bx-prev{
			float: left;
			width: 20px;
			height: 20px;
			cursor: pointer;
			background-image: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/slider_buttons.jpg');
		}
		.box a.prev,
		.box .bx-prev{
			float: right;
			background-position: 0 0;
		}
		.box a.next,
		.box .bx-next{
			float: right;
			margin-left: 12px;
			background-position: -21px 0;	
		}
		.box a.prev:hover,
		.box .bx-prev:hover{
			background-position: 0 -21px;
		}
		.box a.next:hover,
		.box .bx-next:hover{
			background-position: -21px -21px;	
		}
		.box a.bx-prev.disabled{
			cursor: default;
			background-position: 0 -42px;
		}
		.box a.bx-next.disabled{
			cursor: default;
			background-position: -21px -42px;	
		}
		.jcarousel-clip{
			overflow: hidden;
		}
			.mainNews .slider_item{
				width: 386px;
				margin-right: 20px;
			}
		.mainNews .box_news	.controls{
			float: left;
			width: 100%;
			position: absolute;
			bottom: 136px;
			left: 0;
		}	
			.box_news .controls .info{
				font: 12px/20px "PT Sans";
			}

.latestNews{
	float: right;
	width: 535px;
	margin: 0 0 12px 12px;
	padding-bottom: 23px;
	border-bottom: 1px solid #e5e5e5;
}	
	.latestNews .container_outer{
		float: left;
		width: 521px;
		margin-left: 14px;
	}
		.latestNews .header{
			float: left;
			width: 100%;
			margin: 0 0 4px;
		}
		.latestNews .header h2{
			float: left;
			font: normal 24px/32px 'PT Serif Caption', serif;
			color: #ff0000;
		}
		.latestNews .header .rss{
			float: left;
			width: 40px;
			height: 17px;
			margin: 8px 9px 0 0;
			background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') -40px 0;
		}
		
		.latestNews .news{
			float: left;
			width: 100%;
		}
			.latestNews .news li{
				width: 100%;
			}
			.latestNews .news li,
			.latestNews .news li span{
				float: left;
				font: 14px/24px 'PT Serif Caption', serif;
			}
				.latestNews .news li span strong{
					font: 14px/24px 'PT Serif Caption', serif;
					color: #ff0000;
				}
			.latestNews .news .country{
				margin: -1px 18px 0 2px;
			}
			.latestNews .news .time{
				width: 40px;
				margin: 0 14px 0 0;
				color: #666666;
			}
			.latestNews .news .title{
				width: 428px;
			}
				.latestNews .news .comments_count{
					float: right;
				}
				.latestNews .news .comment_add{
					display: inline-block;
					width: 10px;
					height: 10px;
					background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') -14px -99px;
				}
					.latestNews .news .comment_add:hover{
						background-position: -25px -99px;
					}
			
		.latestNews .more{
			float: left;
			width: 100%;
			margin: 19px 0 0 -1px;
			font-size: 12px;
			line-height: 24px;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			color: #e30613;
			border: 1px solid #e5e5e5;
		}
			.latestNews .more:hover{
				color: #fff;
				background: #e30613;
				border-color: #e30613;
			}	


.col_left .box_news{
	padding: 27px 0 19px;
	border-bottom: 1px solid #e5e5e5;
}
.col_left .box_news:first-child{
	border-top: 1px solid #e5e5e5;
}
	.col_left .img{
		float: left;
		width: 156px;
		position: relative;
		margin: 0 8px 8px 0;
	}	
		.col_left .img img{
			width: 100%;
		}
		.col .img.video i{
			width: 45px;
			height: 45px;
			position: absolute;
			margin: -22px 0 0 -22px;
			background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') 0 -33px;
		}
		
		.box_news .img.video i{
			top: 50%;
			left: 50%;
		}
	
	.col_left .box_news .container{
		float: left;
		width: 233px;
	}
	.box_news h2{
		float: left;
		width: 100%;
		font: bold 20px/25px 'PT Serif', serif;
	}	
	.col_left .box_news h2{
		margin: -4px 0 9px;
	}
	.col_mid .box_news h2{
		margin: 0 0 9px;
	}
		.box_news h2 a{
			font: bold 20px/25px 'PT Serif', serif;
		}
		.box_news h2 a strong{
			color: #ff0000;
			font: bold 16px 'PT Serif', serif;
		}
	.box_news .teaser{
		float: left;
		width: 100%;
		font: 14px/16px 'PT Serif Caption', serif;
	}		
	.col_left .teaser{
		margin: 0 0 5px;
	}
		
	
.col_mid .box_news{
	margin: 18px 0 0;
	padding: 0 0 15px;
	border-bottom: 1px solid #e5e5e5;
}
.col_mid .box_news:first-child{
	margin-top: 0;
}
	.col_mid .img{
		float: left;
		width: 100%;
		position: relative;
		margin: 0 0 16px;
	}	
		.col_mid .img img{
			float: left;
			width: 100%;
		}
	
.col_left .box_news.last,
.col_mid .box_news.last{
	border-bottom: 0;
}

.col3_slider{
	float: left;
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}
	.b_full .box_news,
	.b_full .slider_wrapper,
	.col1 .slider_item{
		float: left;
		width: 624px;
	}
		.col3_slider .img,
		.col3_slider .img img{
			float: left;
			width: 100%;
			height: 147px;
		}
		.col3 .img.video i{
			width: 45px;
			height: 45px;
			position: absolute;
			margin: -55px 0 0 -22px;
			background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png') 0 -33px;
		}
		
.b_full .controls{
	float: left;
    height: 45px;
    width: 100%;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #e5e5e5;
}
	.b_full h1{
		padding: 6px 0 7px;
		font: normal 24px/32px 'PT Serif Caption', serif;
		color: #ff0000;
	}
	.b_full .controls .buttons{
		margin: 12px 0 0;
	}
	.col3 .box_news .img{
		float: left;
		width: 100%;
		margin: 0 0 8px;
	}
	.col3 .box_news h2{
		font: normal 18px/22px 'PT Serif Caption', serif;
	}
		.col3 .box_news h2 a{
			font: normal 18px/22px 'PT Serif Caption', serif;
		}
.col1{
	padding: 20px 0;
}	
	
	.col1 .slider{
		float: left;
		width: 328px;
	}
		.col1 .slider .img{
			float: left;
			width: 141px;
		}
		.col1 .slider .container{
			float: left;
			width: 167px;
			margin: 0 10px;
		}
			.col1 .slider h2{
				float: left;
				width: 100%;
				margin: -2px 0 4px;
				font: bold 18px/22px 'PT Serif', serif;
			}	
				.box_news h2 a{
					font: bold 18px/22px 'PT Serif', serif;
				}	
				
		.col1 .thumbs{
			float: left;
			width: 285px;
			padding-bottom: 7px;
			padding-left: 10px;
			border-left: 1px solid #e5e5e5;
		}	
			.col1 .thumbs li{
				float: left;
				width: 100%;
				border-bottom: 1px solid #e5e5e5;
			}	
			.col1 .thumbs li:first-child{
				margin-top: -7px;
			}
			.col1 .thumbs li.last{
				border-bottom: 0;
			}
				.col1 .thumbs li a{
					font: 14px/34px 'PT Serif Caption', serif;
				}

.box.advertentie{
	padding: 11px 0 0;
}
	.box.advertentie .banner{
		display: table;
		margin: 0 auto;
		padding: 0 0 24px;
		position: relative;
		border-bottom: 1px solid #e5e5e5;
	}
		.box.advertentie .banner a{
			position: relative;
		}

.box.subscribe{
	float: left;
	width: 290px;
	padding: 34px 0 33px 15px;
	border-bottom: 1px solid #e5e5e5;
}
	.box.subscribe form,
	.follow_dd form{
		float: left;
		position: relative;
	}
		.box.subscribe .title,
		.follow_dd .title{
			float: left;
			width: 100%;
			clear: both;
			margin: 0 0 8px;
			font-weight: bold;
			text-indent: 2px;
			color: #ed141c;
		}
		.follow_dd .title{
			margin: 19px 0 5px 2px;
			font-size: 16px;
		}
	
	.box.subscribe form label,
	.follow_dd form label{
		position: absolute;
		top: 7px;
		left: 20px;
		font-size: 11px;
		color: #757575;
	}	
	@-moz-document url-prefix(){
	.box.subscribe form label{
		top: 6px;
	}	
	}
	.ie9 .box.subscribe form label{
		top: 6px;
	}
	.follow_dd form label{
		top: 0;
		line-height: 28px;
	}
	.box.subscribe form .text,
	.follow_dd form .text{
		float: left;
		width: 151px;
		height: 26px;
		padding: 0 7px;
		font-size: 11px;
		line-height: 26px;
		color: #757575;
		border: 1px solid #c0c0c0;
		border-right: 0;		
	}	
		.box.subscribe form .text:hover,
		.box.subscribe form .text:focus,
		.follow_dd form .text:hover,
		.follow_dd form .text:focus{
			color: #000;
			border-color: #000; 
		}
		
	.box.subscribe form .submit,
	.follow_dd form .submit{
		float: left;
		width: 90px;
		height: 28px;
		padding: 0;
		font-size: 11px;
		line-height: 28px;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/buttons.png') 0 -54px;		
	}		
		.box.subscribe form .submit:hover,
		.follow_dd form .submit:hover{
			background-position: 0 -83px;
		}
	
	.box.subscribe .helper,
	.follow_dd .helper{
		float: left;
		width: 100%;
		margin: 5px 0 0;
		font-size: 12px;
		line-height: 13px;
		text-align: center;
	}	

.box.fb{
	padding: 27px 0 0;
}	

.box.quote{
	width: 275px;
	margin-top: 27px;
	padding: 15px 14px 13px;
	border: 1px solid #e5e5e5;
}
.lt-ie8 .box.quote{
	clear: both;
}
	.quote blockquote{
		float: left;
		width: 100%;
		position: relative;
	}
		.quote blockquote .txt{
			float: left;
			width: 100%;
			position: relative;
			text-indent: 28px;
			font: 18px/22px 'PT Serif Caption', serif;
			text-align: center;
		}
			.quote blockquote .txt .left,
			.quote blockquote .txt .right{	
				font: 77px/22px 'PT Serif Caption', serif;
				text-indent: 0;
				color: #eee;
			}
			.quote blockquote .txt .left{
				position: absolute;
				top: 18px;
				left: 0;
			}
			.lt-ie8 .quote blockquote .txt .left{
				top: -14px;
			}
			.quote blockquote .txt .right{
				display: inline-block;
				width: 42px;
				height: 22px;
				position: relative;
			}
				.quote blockquote .txt .right .quote_btm{
					position: absolute;
					top: 26px;
					left: 0;
					font: 77px/22px 'PT Serif Caption', serif;
				}
			.lt-ie8 .quote blockquote .txt .left,
			.lt-ie8 .quote blockquote .txt .right,
			.lt-ie8 .quote blockquote .txt .right .quote_btm{
				line-height: 80px;
			}	
				.lt-ie8 .quote blockquote .txt .right .quote_btm{
					top: -3px;
				}
		.quote blockquote .author{
			float: left;
			width: 100%;
			margin: 28px 0 0;
			font: 12px 'PT Serif Caption', serif;
			text-align: center;
		}
		
/* ==========================================================================
   Hiring
   ========================================================================== */
.b_hiring{
	float: left;
	width: 100%;
	margin: 62px 0 0;
	background: #ec0f18;
}	
	.b_hiring p{
		max-width: 960px;
		min-width: 320px;
		margin: 0 auto;
		font: 14px/26px Verdana; 
		text-align: center;
		color: #fff;	
	}
		.b_hiring p a{
			font-family: Verdana;
			color: #fff;
			text-decoration: underline;
		}
			.b_hiring p a:hover{
				color: #ddd;
			}

/* ==========================================================================
   Footer
   ========================================================================== */			
#footer-text{
	float: left;
	width: 186px;
	padding: 35px 45px 35px 25px;
}
	#footer-text a{
		float: left;
	}
		#footer-text a img{
			float: left;
		}
		
	#footer-text .subscribe{
		float: left;
		width: 164px;
		padding: 21px 11px 20px;
	}	
	.lt-ie8 #footer-text .subscribe{
		clear: both;
	}	
		#footer-text .mag{
			float: left;
			margin: 0 8px 0 0;
		}	
			#footer-text .mag img{
				float: left;
			}	
		#footer-text .container{
			float: left;
		}
			#footer-text .container a{
				float: left;
				width: 75px;
				height: 26px;
				clear: both;
				margin: 0 0 3px;
				font-size: 11px;
				line-height: 26px;
				text-align: center;
				text-transform: uppercase;
				color: #fff;
				background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/buttons.png') 0 0;
			}
			#footer-text .container a:hover{
				background-position: 0 -27px;
			}
	
	#footer-text p{
		float: left;
		width: 100%;
		margin: 0 0 21px;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
	}	
	
#bottom .col_container{
	float: right;
}
#bottom .col{
	float: left;
	width: 176px;
	padding: 30px 0 9px;
}
.lt-ie8 #bottom .col{
	clear: right;
}	
	#bottom .col h1{
		float: left;
		width: 100%;
		margin: 0 0 4px;
		font-size: 14px;
		font-weight: bold;
		color: #ec0f18;
	}
	#bottom .col ul{
		float: left;
		width: 100%;
		margin: 0 0 18px; 
	}
	#bottom .col li{
		float: left;
		width: 100%;
		margin: 0 0 4px;
		font-size: 10px;
		list-style: inside disc;
	}
	.lt-ie8 #bottom .col h1,
	.lt-ie8 #bottom .col ul,
	.lt-ie8 #bottom .col li{
		clear: both;
	}
		#bottom .col li a{
			font-size: 12px;
			line-height: 17px;
		}
		#bottom .col li .flag{
			display: inline-block;
			width: 18px;
			height: 13px;
			position: relative;
    		top: 2px;
			margin-right: 5px;
			background-image: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/sprite.png');
		}
		#bottom .col li .flag.nationaal{
			background-position:  0 -19px;
		}
		#bottom .col li .flag.eredivisie{
			background-position:  -20px -19px;
		}
		#bottom .col li .flag.jupiler{
			background-position:  -20px -19px;
		}
		#bottom .col li .flag.premier-l{
			background-position:  -40px -19px;
		}
		#bottom .col li .flag.la-liga{
			background-position:  -60px -19px;
		}
		#bottom .col li .flag.bundesliga{
			background-position:  -80px -19px;
		}
		#bottom .col li .flag.serie-a{
			background-position:  -100px -19px;
		}
		#bottom .col li .flag.ligue-1{
			background-position:  -120px -19px;
		}
		#bottom .col li .flag.jupiler-pro{
			background-position:  -140px -19px;
		}
		#bottom .col li .flag.scottish{
			background-position:  -160px -19px;
		}
		#bottom .col li .flag.ch-l{
			background-position:  -180px -19px;
		}
		#bottom .col li .flag.e-l{
			background-position:  -180px -19px;
		}
		#bottom .col li .flag.euro{
			background-position: -180px -19px;
		}
		
/* ==========================================================================
   Login Popup
   ========================================================================== */		
#overlay{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background: url("https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/overlay.png") 0 0;
}	
#login_popup{
	display: none;
	width: 410px;
	position: fixed;
	top: 20%;
	left: 50%;
	z-index: 1000;
	margin-left: -206px;
	background: #fff;
	border: 1px solid #c0c0c0;
}
	#login_popup .title{
		float: left;
		width: 100%;
		font-weight: bold;
		line-height: 35px;
		text-align: center;
		color: #fff;
		background: #e30614;
	}
	#login_popup .sub_title{
		float: left;
		width: 100%;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #000;
		background: #e5e5e5;
		border-bottom: 1px solid #b7b7b7;
	}
		#login_popup .sub_title a{
			color: #e30614;
		}
		#login_popup .sub_title a:hover{
			color: #b00511;
		}
	
	#login_popup .content{
		float: left;
		width: 370px;
		padding: 0 20px;
	}
		#login_popup .content .social_login{
			float: left;
			width: 100%;
			position: relative;
			padding: 26px 0 29px;
			border-bottom: 1px solid #cccccc;
		}
			/*#login_popup .content .social_login a{
				float: left;
			}*/
			#login_popup .content .social_login a.fb{
				float: left;
				padding-left: 100px !important;
			}
			/*#login_popup .content .social_login a.twitter{
				float: right;
			}*/
			
			#login_popup .content .social_login .or{
				width: 40px;
				position: absolute;
				bottom: -12px;
				left: 50%;
				margin-left: -20px;
				text-align: center;
				color: #a3a3a3;
				background: #fff;
			}
		
		#login_popup .content form{
			float: left;
			width: 100%;
			padding: 32px 0 34px;
		}
			#login_popup form .line_wrapper{
				float: left;
				width: 100%;
				margin-bottom: 20px;
			}
				#login_popup form .label{
					float: left;
					width: 122px;
					font-size: 14px;
					line-height: 28px;
					text-indent: 5px;			
				}
				#login_popup form .text{
					float: left;
					width: 221px;
					height: 26px;
					padding: 0 7px;
					font-size: 14px;
					line-height: 26px;
					color: #757575;
					border: 1px solid #c0c0c0;		
				}	
					#login_popup form .text:hover,
					#login_popup form .text:focus{
						color: #000;
						border-color: #000; 
					}
			
			#login_popup form .additional{
				float: left;
				width: 267px;
				margin: 7px 0 0 82px;
			}
				#login_popup form .additional *{
					font-size: 12px;
					color: #e91820;
				}
				#login_popup form .additional .checkbox{
					float: left;
					margin: 2px 5px 0 0;
				}
				#login_popup form .additional label{
					float: left;
				}
				#login_popup form .additional .forgot{
					float: right;
				}
					#login_popup form .additional .forgot:hover{
						color: #b00511;
					}
	
	#login_popup .btm_links{
		float: left;
		width: 100%;
		padding: 20px 0 22px;
		background: #e5e5e5;
		border-top: 1px solid #b7b7b7;
	}
		.links_container{
			float: left;
			width: 200px;
			position: relative;
			left: 50%;
			margin-left: -100px;
		}
		#login_popup .btm_links a{
			float: left;
			width: 94px;
			height: 28px;
			font-size: 12px;
			line-height: 28px;
			text-align: center;
			text-transform: uppercase;
			background-image: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/buttons.png');
		}
		#login_popup .btm_links a.cancel{
			margin-right: 12px;
			background-position: 0 -112px;
			color: #e91820;
		}
			#login_popup .btm_links a.cancel:hover{
				background-position: 0 -141px;
			}
		#login_popup .btm_links a.sign_in{
			background-position: 0 -170px;
			color: #fff;
		}
			#login_popup .btm_links a.sign_in:hover{
				background-position: 0 -199px;
			}

/* ==========================================================================
   Comment Popup
   ========================================================================== */	
#comment_popup{
	display: none;
	width: 450px;
	height: 500px;
	position: fixed;
	top: 20%;
	left: 50%;
	z-index: 1000;
	margin-left: -190px;
	background: #fff;
	border: 2px solid #c0c0c0;
	border-radius: 2px;
	padding: 8px;
	overflow: auto;
}	
	/*#comment_popup #comment{
		padding: 9px 14px;
	}	
		#comment_popup #comment .title{
			font: bold 16px "PT Sans";
			color: #ed141c;
		}
		#comment_popup #comment .wrapper label{
			position: absolute;
			left: 4px;
			top: 1px;
			font: 12px "PT Sans";
			color: #cacaca;
		}
		#comment_popup #comment .wrapper{
			float: left;
			width: 100%;
			margin: 8px 0;
		}
		#comment_popup #comment textarea{
			float: left;
			width: 337px;
			height: 41px;			
			padding: 1px 4px;
			font: 12px "PT Sans";
			color: #cacaca;
			border: 1px solid #e5e5e5;
			resize: none;
			outline: 0;
		}
		#comment_popup #comment textarea:focus{
			color: #000;
		}
		#comment_popup #comment .submit{
			float: right;
			width: 116px;
			height: 28px;
			font-size: 12px;
			font-weight: bold;
			line-height: 28px;
			text-align: center;
			text-transform: uppercase;
			color: #fff;
			background: url('https://web.archive.org/web/20220501175223im_/https://web.archive.org/img/buttons.png') 0 -228px;
		}
		
	#comment_popup .reactions{
		float: left;
		width: 100%;
		padding: 6px 0 10px;
	}
		#comment_popup .reactions .title{
			float: left;
			width: 100%;
			font: bold 14px "PT Sans";
			text-indent: 14px;
			color: #ed141c;
			border-bottom: 1px solid #dfdfdf;
		}
		#comment_popup .reactions .wrapper{
			float: left;
			width: 359px;
			height: 141px;
			padding: 0 0 0 16px;
			overflow-y: scroll;
		}
			#comment_popup .reactions .comment_item{
				float: left;
				width: 100%;
				padding: 10px 0 7px;
				border-bottom: 1px solid #dfdfdf;
			}
				.reactions .comment_item .author{
					float: left;
					margin: 0 6px 0 0;
				}
				.reactions .comment_item .content{
					float: left;
					width: 290px;
				}
					.comment_item .content .content_header{
						float: left;
						width: 100%;
						font-size: 11px;
						font-weight: bold;
						color: #000;
					}
						.comment_item .content .content_header a{
							color: #000;
						}
						.comment_item .content .content_header a:hover{
							text-decoration: underline;
						}
						.comment_item .content .content_header .time{
							font-size: 10px;
							color: #a3a3a3;
						}
					
					.comment_item .content .txt{
						float: left;
						width: 100%;
					}	
						.comment_item .content .txt p{
							font-size: 11px;
							line-height: 13px;
						}
						.comment_item .content .txt .read_more{
							font-size: 10px;
							font-weight: bold;
							text-transform: uppercase;
							color: #ff0000;
						}
						.comment_item .content .txt .read_more:hover{
							color: #cc0000;
						}*/
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}
.wrapper{
	position: relative;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*
     FILE ARCHIVED ON 10:09:52 May 06, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:25:26 Jan 27, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.datanode: 837.794 (5)
  exclusion.robots.policy: 0.308
  esindex: 0.019
  RedisCDXSource: 2.308
  captures_list: 551.071
  LoadShardBlock: 521.061 (3)
  load_resource: 496.28
  exclusion.robots: 0.329
  PetaboxLoader3.resolve: 116.841 (2)
  CDXLines.iter: 21.71 (3)
*/
/*
     FILE ARCHIVED ON 17:52:23 May 01, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:30:30 Sep 10, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.457
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.008
  esindex: 0.011
  cdx.remote: 12.035
  LoadShardBlock: 250.004 (3)
  PetaboxLoader3.datanode: 217.755 (5)
  PetaboxLoader3.resolve: 166.331 (2)
  load_resource: 181.749
  loaddict: 42.531
*/