/**
 * GLOBALS 
 */

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

body a {
	color: #105c78;
	text-decoration: none;
	outline: none;
}

body a:hover {
	text-decoration: underline;
}

table { border-collapse: collapse; }

html,body { 
	height: 100%;
	margin: 0; 
	padding: 0;
}

body { 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	background: #030c13 url(../images/bg/body.png) repeat-x top center;
	height: 100%;
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
}


#holder {
	position: relative;
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;	
	text-align: center;
	background: url(../images/bg/holder.png) repeat-x top left;
}

#container {
	position: relative;
	width: 950px;
	min-height: 600px;
	height: auto !important;
	height: 600px; 
	margin: 0 auto;
	padding: 1px;
	text-align: left;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid white;
	background-color: #177491;
	padding: 3px 10px;
	color: white;
	opacity: 0.8;
	filter: alpha(opacity = 80); 
}

#tooltip h3, #tooltip div { 
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	font-weight: normal;
	margin: 0; 
}

.ads {
	margin: 10px auto 5px auto;
	border: 2px solid #3f81b8;
}

/**
 * LOGOS
 */

#logos {
	width: 950px;
	height: 60px;
	margin-top: 12px;
	padding-left: 10px;
	background: url(../images/bg/logos.png) no-repeat top left;
}

#logos ul {
	list-style: none;
}

#logos li {
	float: left;
}

li.sepline {
	width: 2px;
	height: 60px;
	background: url(../images/bg/sepline.png) no-repeat center center;	
}

#logos a {
	display: block;
	height: 60px;
}

.eredivisie a {
	width: 77px;
	background: url(../images/logos/header/eredivisie.png) no-repeat center center;
}

.eredivisie a:hover {
	background: url(../images/logos/header/eredivisie-h.png) no-repeat center center;
}

.jupiler a {
	width: 97px;
	background: url(../images/logos/header/jupiler.png) no-repeat center center;
}

.jupiler a:hover {
	background: url(../images/logos/header/jupiler-h.png) no-repeat center center;
}


.jupilerpro a {
	width: 69px;
	background: url(../images/logos/header/jupilerpro.png) no-repeat center center;
}

.jupilerpro a:hover {
	background: url(../images/logos/header/jupilerpro-h.png) no-repeat center center;
}

.ligue1 a {
	width: 59px;
	background: url(../images/logos/header/ligue1.png) no-repeat center center;
}

.ligue1 a:hover {
	background: url(../images/logos/header/ligue1-h.png) no-repeat center center;
}

.premierleague a {
	width: 102px;
	background: url(../images/logos/header/premierleague.png) no-repeat center center;
}

.premierleague a:hover {
	background: url(../images/logos/header/premierleague-h.png) no-repeat center center;
}

.championship a {
	width: 126px;
	background: url(../images/logos/header/championship.png) no-repeat center center;
}

.championship a:hover {
	background: url(../images/logos/header/championship-h.png) no-repeat center center;
}

.bundesliga a {
	width: 99px;
	background: url(../images/logos/header/bundesliga.png) no-repeat center center;
}

.bundesliga a:hover {
	background: url(../images/logos/header/bundesliga-h.png) no-repeat center center;
}

.seriea a {
	width: 60px;
	background: url(../images/logos/header/seriea.png) no-repeat center center;
}

.seriea a:hover {
	background: url(../images/logos/header/seriea-h.png) no-repeat center center;
}

.primeradivision a {
	width: 57px;
	background: url(../images/logos/header/primeradivision.png) no-repeat center center;
}

.primeradivision a:hover {
	background: url(../images/logos/header/primeradivision-h.png) no-repeat center center;
}

.uefacup a {
	width: 92px;
	background: url(../images/logos/header/uefacup.png) no-repeat center center;
}

.uefacup a:hover {
	background: url(../images/logos/header/uefacup-h.png) no-repeat center center;
}

.championsleague a {
	width: 79px;
	background: url(../images/logos/header/championsleague.png) no-repeat center center;
}

.championsleague a:hover {
	background: url(../images/logos/header/championsleague-h.png) no-repeat center center;
}

/**
 * LOGIN
 */

#login {
	width: 950px;
	height: 35px;
	background: url(../images/bg/login.png) no-repeat top left;
}

#login fieldset {
	padding: 8px 0 0 5px;
}

#login input {
	float: left;
	width: 120px;
	height: 16px;
	padding: 2px 5px 0 5px;
	font-size: 11px;
	color: white;
	margin-left: 10px;
	background-color: #4089a3;
	border: 1px solid #7baec1;
}

#login p {
	float: left;
	font-weight: bold;
	margin: 3px 10px;
	margin-left: 0px;
		color: white;
	text-decoration: none;
}

#login p a {
	color: white;
	text-decoration: none;
}

#login p a:hover {
	color: #dedede;
}

a#aanmelden {
	float: right;
	width: 319px;
	height: 31px;
	padding: 4px 0 0 0;
	margin-right: 5px;
	background: url(../images/btn/aanmelden.png) no-repeat top left;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a:hover#aanmelden {
	background: url(../images/btn/aanmelden_h.png) no-repeat top left;
} 

a#aanmelden span.color {
	color: #b0e7fb;
}

a#aanmelden span.klein {
	font-size: 11px;
	font-weight: normal;
}

/**
 * HEADER
 */

#header {
	width: 932px;
	height: 108px;
	margin-top: 2px;
	padding-left: 18px;
	background: url(../images/bg/header.png) repeat-x top left;
}

#logo {
	float: left;
	width: 298px;
	height: 87px;
	margin: 12px 0 0 0;

}

#matchcenter {
	float: right;
	width: 320px;
	margin: 2px 5px 0 0;
	overflow: hidden;
}

#matchcenterTop {
	width: 292px;
	height: 18px;
	padding: 5px 14px 0 14px;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background: url(../images/bg/matchcentertop.png) no-repeat top left;
}

#matchcenterCenter {
	width: 320px;
	height: 68px;
	background: url(../images/bg/matchcentercenter.png) no-repeat top left;
}

#matchcenterBottom {
	width: 320px;
	height: 13px;
}

#matchcenterBottom a {
	display: block;
	width: 320px;
	height: 13px;
	background: url(../images/bg/matchcenterbottom_h.png) no-repeat top left;
}

#matchcenterBottom a:hover {
	background: url(../images/bg/matchcenterbottom.png) no-repeat top left;
}

/**
 * MENU
 */

#menu {
	width: 950px;
	height: 30px;
	margin-top: 4px;
	background: url(../images/bg/menu.png) no-repeat top left;
	overflow: hidden;
}

#menu ul, #submenu ul {
	list-style: none;
}

#menu li {
	float: left;
	font-size: 12px;
}

#menu a {
	display: block;
	float: left;
	height: 24px;
	padding: 7px 15px 0 15px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#menu a:hover {
	color: #105c78;
	background: url(../images/bg/menu_item_h.png) repeat-x top left;
}

/**
 * SUBMENU
 */

#submenu {
	width: 940px;
	height: 30px;
	padding-left: 10px;
	background: url(../images/bg/submenu.png) repeat-x top left;
	overflow: hidden;
}

#submenu li {
	float: left;
	font-size: 11px;
}

#submenu a {
	display: block;
	float: left;
	height: 24px;
	padding: 7px 5px 0 5px;
	color: #105c78;
	text-decoration: none;
}

#submenu a:hover {
	color: black;
	background: url(../images/bg/submenu_item_h.png) repeat-x top left;
}

/**
 * COLUMN
 */

#column_holder {
	width: 950px;
	margin-top: 5px;
	overflow: hidden;
}

.column_left {
	float: left;
	width: 290px;
	text-align: center;
}

.column_center {
	float: left;
	width: 405px;
	margin-left: 5px;
}

.column_right {
	float: right;
	width: 245px;
}

.box {
	position: relative;
	width: 100%;
	margin-top: 5px;
	padding: 5px 0 15px 0;
	background: white url(../images/bg/underline.png) no-repeat bottom center;
	overflow: hidden;
	text-align: left;
}

.box h1, #standenRightHolder h1 {
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	color: #3c3c3c;
	font-size: 14px;
}

.box h1 span {
	color: #a32222;
}

.box h2, #standenRightHolder h2 {
	height: 34px;
	padding-top: 2px;
	padding-left: 40px;
	color: #3c3c3c;
	font-size: 14px;
}

.box h2 span, #standenRightHolder h2 span {
	color: #818080;
	font-size: 11px;
	font-weight: normal;
}

.box h3 {
	height: 32px;
	padding-top: 3px;
	padding-left: 40px;
	color: #3c3c3c;
	font-size: 11px;
}

/**
 * POLL
 */

#poll_output {
	margin: 10px 0 0 10px;
}

#poll_output .bar {
	width: 178px;
	height: 10px;
	background: url(../images/bg/poll_empty.png) no-repeat 0 3px;
}

#poll_output p {
	height: 10px;
	margin-top: 3px;
	background: url(../images/bg/poll_full.png) no-repeat top left;
}

#poll_output .percent {
	font-weight: bold;
	color: black;
	font-size: 12px;
	padding: 0 5px;
}

#poll_output .vote a {
	display: block;
	width: 60px;
	height: 17px;
	background: url(../images/bg/vote.png) no-repeat top left;
}

#poll_output .vote a:hover {
	background: url(../images/bg/vote_h.png) no-repeat top left;	
}

#poll_output .options {
	font-size: 11px;
}

/**
 * SPELER VAN DE WEEK
 */

#potw {
	width: 275px;
	margin: 5px 5px 5px 10px;
}

#potw .photo {
	width: 95px;
}

#potw img {
	border: 2px solid #d4d4d4;
}

#potw .title {
	padding: 1px 5px 1px 15px;
	color: #a0a0a0;
}

#potw .value {
	padding: 2px 5px 2px 20px;
	color: #383838;
	font-weight: bold;
	background: url(../images/bg/spelertd.png) repeat-y top right;
}

.logo_klein {
	position: absolute;
	z-index: 2000;
	top: 120px;
	left: 6px;
}

/**
 * SPECIAL
 */

#special {
	padding: 10px 10px 0 10px;
}

#special h4 {
	font-size: 14px;
	color: #0f465a;
	margin: 0;
	padding: 0 0 3px 0;
}

#special img {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

#special p {
	color: #505050;
	text-align: justify;
}

#special p span {
	font-weight: bold;
}

#special p a {
	color: #505050;
	font-weight: bold;
	text-decoration: none;
}

#special p a:hover {
	text-decoration: underline;
}

.special_table {
	margin: 10px 5px;
}

.special_table .head {
	font-weight: bold;
	font-size: 12px;
	color: #a32222;
	padding: 5px 0 3px 0;
}

.special_table .time {
	width: 40px;
	color: #939393;
}

.special_table .title {
	width: 180px;
}

.special_table .title a {
	color: #222222;
	text-decoration: none;
}

.special_table .title a:hover {
	text-decoration: underline;
}

.special_table .reacts {
	width: 40px;
	color: #939393;
	text-align: right;
}

/**
 * INTERVIEWS
 */

#interviews {
	list-style: none;
	margin-top: 10px;
}

#interviews li {
	width: 290px;
	padding: 3px 0;
	overflow: hidden;
}

#interviews p {
	float: right;
	padding-top: 10px;
	width: 218px;
	line-height: 18px;
}

#interviews a {
	color: #a32222;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#interviews a:hover {
	text-decoration: underline;
}

#interviews span {
	font-weight: normal;
	color: #515151;
	font-size: 11px;
}

#interviews img {
	float: left;
	margin-left: 10px;
	border: 3px solid #e0dbdb;
}

#interviews .bg {
	background: url(../images/bg/interviews.png) repeat-y top left;
}

#meerinterviews {
	float: right;
	display: block;
	margin-top: 10px;
	margin-right: 10px;
	width: 97px;
	height: 17px;
	background: url(../images/btn/meerinterviews.png) no-repeat top left;
}

#meerinterviews:hover {
	background: url(../images/btn/meerinterviews-h.png) no-repeat top left;
}

/**
 * LATEST HEADLINES
 */

#latestheadlines {
	float: right;
	width: 655px;
	height: 261px;
	margin-top: 5px;
	background: url(../images/latestheadlines.png) no-repeat top left;	
}

/**
 * HEADLINES
 */

#headlines_items {
	margin: 0 10px;
}

#headlines_items a, #forum_table a {
	color: #105c78;
	text-decoration: none;
}

#headlines_items a:hover, #forum_table a:hover {
	text-decoration: underline;
}

#headlines_items .head {
	padding: 6px 0  2px 0;
	font-size: 12px;
	font-weight: bold;
	color: #105c78;
}

#headlines_items .flag {
	width: 30px;
}

#headlines_items .date {
	padding-right: 10px;
	color: #105c78;
}

#headlines_items .title {
	width: 300px;
	padding: 1px 0;
	color: #105c78;
}

#headlines_items .reacts {
	width: 25px;
	color: #5f5e5e;
	text-align: right;
}

/**
 * STAND
 */
 
#ranking {
	width: 230px;
	margin: 7px;
	padding-bottom: 10px;
	background: url(../images/bg/stand.png) repeat-x top left;
}

#ranking ul {
	list-style: none;
}

#ranking li {
	float: left;
}

#ranking a {
	display: block;
	float: left;
	width: 115px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #073849;
}

#ranking a:hover {
	background: url(../images/bg/actueel_active.png) no-repeat top left;
}

#ranking .active {
	width: 115px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #073849;
	background: url(../images/bg/actueel_active.png) no-repeat top left;
}

.ranking_items {
 	margin: 5px 0 0 5px;
 	clear: both;
}

.ranking_items .pos {
	width: 20px;
	padding-right: 10px;
	text-align: right;
	color: #105c78;
	font-weight: bold;
}

.ranking_items .club {
	width: 30px;
	padding: 2px 0;
}

.ranking_items .gs {
	width: 20px;
	color: #979696;
}

.ranking_items .pt {
	width: 32px;
}

/**
 * VIDEO
 */
 
#video {
	margin-top: 10px;
}

#video .photo {
	width: 60px;
}

#video .photo img {
	border: 2px solid #c8c6c6;
}

#video .number {
	width: 30px;
	background: url(../images/bg/td_left.png) repeat-y top left;
	text-align: center;
	font-weight: bold;
	color: gray;
	font-size: 14px;
}

#video .title a {
	color: #a32222;
	font-weight: bold;
	text-decoration: none;
}

#video .title a:hover {
	text-decoration: underline;
}

#video .poster {
	color: #797979;
	font-style: italic;
}

#video .poster a {
	color: black;
	text-decoration: none;
}

#video .poster a:hover {
	text-decoration: underline;
}

#video .balls {
	height: 13px;
	background: url(../images/bg/balls_empty.png) no-repeat top left;
}

#video .balls p {
	height: 13px;
	background:  url(../images/bg/balls_full.png) no-repeat top left;
}

#video .empty {
	height: 6px;
}

.balls_watch {
	height: 13px;
	background:  url(../images/bg/balls_full.png) no-repeat top left;
	float: left;
	margin-left: 0.5px;
}

/**
 * FOOTER
 */

#footer {
	position: relative;
	bottom: 0;
	height: 100px;
	width: 950px;
	margin: 40px auto 0 auto;
}

#logosFooter {
	width: 950px;
	height: 70px;
}

#logosFooter ul {
	list-style: none;
}

#logosFooter li {
	float: left;
}

li.sepline-l {
	width: 2px;
	height: 60px;
	background: url(../images/bg/seplinefooter.png) no-repeat center center;	
}

#logosFooter a {
	display: block;
	height: 60px;
}

.eredivisie-l a {
	width: 77px;
	background: url(../images/logos/footer/eredivisie-l.png) no-repeat center center;
}

.eredivisie-l a:hover {
	background: url(../images/logos/footer/eredivisie-h.png) no-repeat center center;
}

.jupiler-l a {
	width: 97px;
	background: url(../images/logos/footer/jupilerleague-l.png) no-repeat center center;
}

.jupiler-l a:hover {
	background: url(../images/logos/footer/jupilerleague-h.png) no-repeat center center;
}

.jupilerpro-l a {
	width: 69px;
	background: url(../images/logos/footer/jupilerpro-l.png) no-repeat center center;
}

.jupilerpro-l a:hover {
	background: url(../images/logos/footer/jupilerpro-h.png) no-repeat center center;
}

.ligue1-l a {
	width: 59px;
	background: url(../images/logos/footer/ligue1-l.png) no-repeat center center;
}

.ligue1-l a:hover {
	background: url(../images/logos/footer/ligue1-h.png) no-repeat center center;
}

.premierleague-l a {
	width: 102px;
	background: url(../images/logos/footer/premierleague-l.png) no-repeat center center;
}

.premierleague-l a:hover {
	background: url(../images/logos/footer/premierleague-h.png) no-repeat center center;
}

.championship-l a {
	width: 126px;
	background: url(../images/logos/footer/championship-l.png) no-repeat center center;
}

.championship-l a:hover {
	background: url(../images/logos/footer/championship-h.png) no-repeat center center;
}

.bundesliga-l a {
	width: 99px;
	background: url(../images/logos/footer/bundesliga-l.png) no-repeat center center;
}

.bundesliga-l a:hover {
	background: url(../images/logos/footer/bundesliga-h.png) no-repeat center center;
}

.seriea-l a {
	width: 60px;
	background: url(../images/logos/footer/seriea-l.png) no-repeat center center;
}

.seriea-l a:hover {
	background: url(../images/logos/footer/seriea-h.png) no-repeat center center;
}

.primeradivision-l a {
	width: 57px;
	background: url(../images/logos/footer/primeradivision-l.png) no-repeat center center;
}

.primeradivision-l a:hover {
	background: url(../images/logos/footer/primeradivision-h.png) no-repeat center center;
}


.uefacup-l a {
	width: 92px;
	background: url(../images/logos/footer/uefacup-l.png) no-repeat center center;
}

.uefacup-l a:hover {
	background: url(../images/logos/footer/uefacup-h.png) no-repeat center center;
}

.championsleague-l a {
	width: 79px;
	background: url(../images/logos/footer/championsleague-l.png) no-repeat center center;
}

.championsleague-l a:hover {
	background: url(../images/logos/footer/championsleague-h.png) no-repeat center center;
}

#infoFooter {
	width: 930px;
	height: 22px;
	padding: 10px 10px 0 10px;
	background: #13476c url(../images/bg/linefooter.png) no-repeat top center;	
	text-align: left;
	color: white;
}

#infoFooter a {
	color: #2b9ff1;
	font-weight: bold;
	text-decoration: none;
}

#infoFooter a:hover {
	text-decoration: underline;
}

/**
 * IE HACK
 */

* html #matchcenter {
	margin-right: 2px;
}

* html #meerinterviews {
	margin-right: 5px;
}

/**
 * REGISTER FIELDS
 */
.register_input
{
	height: 16px;
	padding: 2px 5px 0 5px;
	font-size: 11px;
	margin-left: 10px;
	background-color: #FFF;
	border: 1px solid #7baec1;
	width: 90%;
	float: left;
}

.register_checkbox
{
	margin: 2px 5px 0 5px;
	margin-left: 10px;
	float: left;
}

.register_captcha_image
{
	height: 16px;
	width: 40px;
	margin-left: 10px;
	background-color: #FFF;
	border: 1px solid #7baec1;
	float: left;
}

.register_captcha_input
{
	height: 16px;
	width: 40px;
	text-align: center;
	font-size: 11px;
	margin-left: 2px;
	background-color: #FFF;
	border: 1px solid #7baec1;
	float: left;
}

.register_info
{
	width: 32%;
}

.register_input_tbl
{
	width: 68%;
}

.selectstyle
{
	padding: 2px 5px 0 5px;
	font-size: 11px;
	margin-left: 10px;
	border: 1px solid #7baec1;
	width: 95%;
	float: left;
}

/**
  * UPLOAD FIELDS STYLE
  */

.select_file_input
{
	height: 16px;
	padding: 2px 5px 0 5px;
	font-size: 11px;
	margin-left: 10px;
	background-color: #FFF;
	border: 1px solid #7baec1;
	width: 60%;
	float: left;
}

.select_file_btn
{
	height: 20px;
	padding: 2px 5px 0 5px;
	font-size: 11px;
	background-color: #FFF;
	border: 1px solid #7baec1;
	width: 30%;
	float: left;
}

/**
 * NIEUWS
 */

.reactie_textbox
{
	height: 200px;
	padding: 2px 5px 0 5px;
	font-size: 11px;
	margin-left: 10px;
	background-color: #FFF;
	border: 1px solid #7baec1;
	width: 90%;
	float: left;
	font-family: Segoe UI, Arial;
}

/**
 * BELONING INSTELLEN
 */

.bedrag
{
	height: 16px;
	padding: 2px 5px 0 5px;
	font-size: 11px;
	margin-left: 10px;
	background-color: #FFF;
	border: 1px solid #7baec1;
	width: 30%;
	float: left;
}
.bedrag_tbl
{
	width: 68%;
}