@charset "utf-8";
/* CSS Document  @ author= EBMEDIA - ebmedia.be */

html{ overflow: -moz-scrollbars-vertical; height:100%; /* needed for container min-height */}
*{ margin: 0; padding: 0; }
*:focus { outline: none;}
img{ border: 0; }
.clear{display:block; clear:left; height:0px; overflow:hidden; font-size:1px;}
body, input, textarea{font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-weight:normal; }
h1, h2, h3, h4, h5, h6 {font-family: Arial,Verdana,sans-serif; font-weight:normal;}
body{ background: #dedede; font-size:11px; color:#585858; height:100%; /* needed for container min-height */}
ul{ list-style-type: none; }
.center{margin:auto; text-align:left; width:962px;}
table {font-size:11px; color:#585858;}

/* frame */
#frame{position:relative; margin:0 auto; /* center, not in IE5 */ width:100%; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */}

/* header */
#header{width:100%; display:block; height:178px; background:#014b7c url(img/bg_header.png) no-repeat center 0; text-align:center; border-top:2px #70b3dd solid; overflow:hidden;}
#header h1{color:#fff; font-size:24px; height:80px; height:178px; padding:138px 0 0 20px; font-weight:bold; display:block; background-repeat:no-repeat; background-position:-1px 0;}
	#header h1.actueel{background-image:url(img/headers/actueel.png);}


/* nav  */
#nav{ height:34px;  background:#222 url(img/bg_navigation.png); margin-left:auto; width:100%; text-align:center;}
#nav ul{ height:34px; float: left; width:818px; z-index:2; position:relative;}
#nav li{ float: left; font-size: 11px !important; font-weight: normal; font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;  position: relative; margin-right:16px; }
#nav li.lastli{margin-right:1px;}
#nav li a{ color: #fff;   padding:10px 18px 9px 18px;  text-decoration:none; display:block; font-weight:bold; overflow:hidden; }
#nav li a:hover, #nav li a.active{ color:#fff; }
#nav li a:hover, #nav ul li:hover, #nav ul li.activesub {background:#3f3f41; color:#fff; }
#nav ul li.active a{color:#014b7c; padding:10px 18px 9px 18px;  text-decoration:none; display:block; font-weight:bold;}
#nav ul li.activesub a {color:#fff; }

#nav ul li ul{ margin:0; position: absolute; z-index:20; top:-3000px; left: 0; background:url(img/bg_ulliul.png); width:241px; padding:5px 5px 2px 5px; height:auto; padding-bottom:5px; }
#nav ul li ul li{ padding:0 !important; display:block; float:none; background:none;  clear:left;  margin-right:auto;}
#nav ul li ul li a{padding: 7px 6px 7px 8px !important; height:18px; display: block;  font-size: 12px; font-weight: normal; line-height: 140%; display:block; color: #fff;  }
#nav ul li.active ul li a{color: #fff; font-weight:normal; }
#nav ul li ul li a:hover{text-decoration:underline; font-weight:normal;}
#nav li ul li a:hover, #nav ul li ul li:hover, #nav ul li ul li.activesub{background:none; font-weight:normal; }
#nav .contact{ width:142px; height:34px; float:right; display:block;}
#nav .contact a{font-size:12px; color:#222; font-weight:bold; display:block; text-align:right; font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif; padding-right:15px; text-decoration:none; padding-top:10px;}
#nav .contact a:hover{text-decoration:underline;}

/* container */
#container { padding:25px 0 150px 0; background:url(img/bg_container.png) repeat-x 0 0; text-align:center;}

/* content */
.open_content{height:6px; display:block; background:url(img/bg_open_content.png); overflow:hidden;}
.close_content{height:6px; display:block; background:url(img/bg_close_content.png); overflow:hidden;}
.content{background:url(img/bg_content.png); width:962px; text-align:left; position:relative; z-index:1;}
	
	/* right content */
	.content .right{width:664px; padding:14px 21px 14px 21px; display:block; float:left;}
	.content .right .iepl{width:664px; display:block;}
	.content a{color:#00557b; text-decoration:underline;}
	.content a:hover{color:#009CE4; }
	.content h2{color:#7a7a7a; font-weight:normal; font-size:21px; padding-bottom:18px;}
	.content h3{color:#00324b; font-weight:bold; font-size:15px; padding-bottom:5px;}
	.content h3 a{color:#00324b; text-decoration:none;}
	.content h3.np{color:#993333;}
	.content h4{color:#00324b; font-weight:bold; font-size:13px; padding-bottom:5px;}
	.content h5{color:#424242; font-weight:bold; font-size:12px; padding-bottom:5px;}
	.content h3 a:hover{text-decoration:underline;}
	.content h3 span.job{font-size:11px; font-style:normal; color:#999999;}
	.content p{font-size:11px; font-weight:normal; line-height:150%; padding:5px 0 15px 0;}
	.content p.inout{background:url(img/inout.png) no-repeat 0 10px; padding:2px 0 7px 28px;}
	.content .break{display:block; height:1px; margin-top:25px; margin-bottom:25px; background:#adadad; overflow:hidden; width:664px;}
	.content .text, .content .submit, .content .select {font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:11px; float:left; display:block; width:220px; color:#585858; padding:6px;}
	
	
	/* extend cards subsc */
	.content .subsc span.yellow_card, .content .subsc span.red_card, .subsc .datatable span.yellowred_card , .content .subsc span.sub  {display:inline; padding-left:17px; background:url(img/player_yellow.png) no-repeat 5px 1px; font-weight:bold;}
	.content .subsc span.red_card {background:url(img/player_red.png) no-repeat 5px 1px;}
	.content .subsc span.yellowred_card {background:url(img/player_yellowred.png) no-repeat 5px 1px;}
	.content .subsc span.sub {background:url(img/player_sub.png) no-repeat 5px 1px;}
	
	/* news */
	.content .newsitem{width:664px;}
	.content .newsitem .left{width:166px; padding:0; float:left; padding:4px 0 33px 0;}
	.content .newsitem .right{width:490px; padding:0 0 33px 0; float:left;}
	.content .newsitem .full{width:664px; padding:0 0 33px 0; float:left;}
	.content .newsitem p{padding:0 0 9px 0;}
	.content .newsitem p.datum{font-size:9px; padding:0;}
	.content .newsitem a img{border:3px #cbcbcb solid;}
	.content .newsitem a.readmore{border:1px #3f8bad solid; background:#006593; display:block; width:116px; padding:4px 0 4px 10px; color:#fff; text-decoration:none;}
	.content .newsitem a.readmore:hover{text-decoration:underline;}
	.content .newsitem ul{}
	.content .newsitem ul li{line-height:150%; padding-bottom:2px; padding-left:20px; padding-right:20px; background:url(img/li.gif) no-repeat 10px 6px;}
	
	
	/* fotospecials */
	.content .fotospecials p{padding:0 0 9px 15px;}
	.content .fotospecials p.datum{font-size:9px; padding:0 0 0 15px;}
	.content .fotospecials h3{ padding-left:15px; font-size:12px;}
	.content .fotospecials a img{border:1px #cbcbcb solid;}
	.content .fotospecials a img:hover{border:3px #009CE4 solid;}
	.content .fotospecials a.readmore:hover{text-decoration:underline;}
	.content .fotospecials .grey{background:#f0f0f0;}
	.content .fotospecials .img{background:#f0f0f0 url(img/thumb_fotospecial.png) repeat;}
	
	/* thumbs */
	.thumbs{}
	.thumbs .center{background:#000; width:664px; padding:14px 0 0 14px;}
	.thumbs .thumb{width:89px; height:89px; display:block; float:left; margin:6px; background:#fff;}
	.thumbs .thumb:hover{background:#009CE4}
	.thumbs .thumb .lines {background:url(img/thumb_fotospecial.png); width:83px; height:83px; margin:3px;}
	.thumbs .thumb a {width:83px; height:83px; display:block; overflow:hidden; margin:0px;  background-repeat:no-repeat; background-position:center center;}
	.thumbs .thumb a img{width:83px; height:83px; }

	/* spclub */
	.content .spclub{}
	.content .spclub h4{font-size:12px; color:#fff; font-weight:bold; padding:4px; background:url(img/bg_degrade.png) repeat-y;}
	.content .spclub h4 a{text-decoration:underline; color:#fff; }
	.content .spclub table{background:#dedede; border-bottom:9px #fff solid;}
	.content .spclub table p {padding:5px 5px 5px 5px; }
	
	/* degrade */
	.content .degrade {display:block; padding:10px; background:#123456 url(img/bg_degrade.png) repeat-y 0 0; color:#fff;}
	.content .degrade table{width:644px;}
	.content .degrade tr td{ vertical-align:top; text-align:left;}
	.content .degrade tr td p{padding:0 8px 0 0; color:#fff; font-weight:bold;}
	.content .degrade tr td p strong{color:#989898; font-weight:normal;}
	
	.content .degrade .form {}
	.content .degrade .form h3{color:#fff; padding-bottom:15px;}
	.content .degrade  a{color:#009CE4; cursor:pointer; }
	.content .degrade .form .text{border:1px #999 solid; width:200px; padding:6px; margin-bottom:8px;}
	.content .degrade .form .checkbox{margin-top:7px; margin-bottom:14px;}
	.content .degrade .hr{clear:left; height:1px; overflow:hidden; border-bottom:1px #125177 solid; background:#002e4a; margin-bottom:8px;} 
	.content .degrade .form label{padding:6px 20px 6px 6px; text-align:left; float:left; display:block; width:60px}
	.content .degrade .form .submit{background:#dedede; color:#222; border:1px #999 solid; height:30px; width:120px; cursor:pointer;}
	.content .degrade #fb{margin-bottom:10px;}
	.content .degrade .fb_ins{display:block; float:left; width:500px; margin-bottom:15px;}
	.content .degrade .form_error {color:#FF0033;}
	.content .degrade h5{font-size:13px;}
	.content .degrade .form_error h5 , .content .degrade .form_error li {color:#FF9900;}
	.content .degrade .form_ok h5 , .content .degrade .form_ok li {color:#00FF66;}
	
	/* songs */
	.content #songs{}
	.content #songs h3{color:#fff; cursor:pointer; text-align:center; text-decoration:underline; background:url(img/bg_degrade.png) repeat-y; padding:8px; border-top:1px #fff solid;}
	.content #songs .ac_content{background:#f0f0f0;}
	/* datatable */
	.content .datatable{}
	.content .datatable p.liveline{padding:3px;}
	.content .datatable p.counter{padding:6px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.content .datatable p.counter .watch, .content .datatable p.counter a.watch:hover{font-size:24px; color:#009CE4; text-decoration:none;}
	.content .datatable table{width:664px;}
	.content .datatable tr td{ vertical-align:top; text-align:left; height:23px;}
	.content .datatable tr td.inset{text-indent:9px;}
	.content .datatable tr td{vertical-align:middle; color:#1A171B;}
	.content .datatable tr.th{background:#00324c; color:#fff; height:24px;}
	.content .datatable tr.th td{color:#fff;}
	.content .datatable tr.th td.icon{background-position:1px 3px; background-repeat:no-repeat;}
	.content .datatable tr.th td.card_yellow{background-image:url(img/datatable_card_yellow.png);}
	.content .datatable tr.th td.card_red{background-image:url(img/datatable_card_red.png)}
	.content .datatable tr.th td.ball{background-image:url(img/datatable_ball.png)}
	.content .datatable ul{padding:3px 5px 5px 5px; background:#ebebeb;}
	.content .datatable ul li table{width:648px;}
	.content .datatable ul li{border-top:1px #c8c8c8 solid; border-bottom:1px #e0e0e0 solid; margin-top:2px; margin-bottom:3px; background:#d6d6d6; padding:3px; height:24px; cursor:pointer; display:block; clear:left;}
	.content .datatable ul li.kaa-gent {background:#00557b; color:#fff;}
	.content .datatable ul li.kaa-gent tr td {color:#fff;}
	.content .datatable li:hover{background-color:#99b3c4;}
	.content .datatable a.hit{font-weight:bold; color:#1A171B; text-decoration:none;}
	.content .datatable a.hit:hover{text-decoration:underline;}
	.content .datatable ul li.kaa-gent a.hit{color:#fff;}
	.content .datatable ul li.kaa-gent a{color:#fff;}
	.content .datatable tr td.nr{background-position:1px 1px; background-repeat:no-repeat; background-image:url(img/datatable_nr.png); width:23px; text-align:center; font-weight:bold; letter-spacing:-2px; color:#1A171B !important;}
	.content .nohit ul li{cursor:default;}
	.content .nohit ul li:hover{background:#d6d6d6;}
	.content .nohit ul li.kaa-gent:hover {background:#00557b;}
	/* extend to smalltable */
	.content .smalltable ul li table{width:320px;}
	.content .smalltbable table{width:320px;}
	/* extend cards */
	.content .datatable ul li span.yellow_card, .content .datatable ul li span.red_card, .content .datatable ul li span.yellowred_card , .content .datatable ul li span.ball , .content .datatable ul li span.sub  {display:inline; padding-left:17px; background:url(img/player_yellow.png) no-repeat 5px 1px; font-weight:bold;}
	.content .datatable ul li span.red_card {background:url(img/player_red.png) no-repeat 5px 1px;}
	.content .datatable ul li span.yellowred_card {background:url(img/player_yellowred.png) no-repeat 5px 1px;}
	.content .datatable ul li span.ball {background:url(img/player_ball.png) no-repeat 5px 1px;}
	.content .datatable ul li span.sub {background:url(img/player_sub.png) no-repeat 5px 1px;}
	
	/* playerdetail */
	.content .playerdetail{background:#ebebeb url(img/bg_playerdetail.png) repeat-y 166px 0; width:664px;}
	.content .playerdetail .left{width:186px; display:block; float:left; padding:0;}
	.content .playerdetail .left img{border:3px #cbcbcb solid; width:160px;}
	.content .playerdetail .left h4{font-size:15px; font-weight:bold; padding:8px; border-top:10px #fff solid;}
	.content .playerdetail .left p{padding:0 8px 10px 8px;}
	.content .playerdetail .right{width:478px; display:block; float:left; padding:0;}
	.content .playerdetail .right table{width:478px; background:#123456 url(img/bg_playerdetailname.png) no-repeat 0 0;}
	.content .playerdetail .right table td{text-align:left; vertical-align:top;}
	.content .playerdetail .right table td h3{color:#fff; font-weight:bold; font-size:22px; padding:13px 10px 0px 30px;}
	.content .playerdetail .right table td p{color:#B2B2B2; font-size:10px; padding:0 0 13px 31px;}
	.content .playerdetail .right table td.nr{width:70px; font-size:25px; color:#24242; font-weight:bold; letter-spacing:-1px; text-align:center; padding-top:18px;}
	.content .playerdetail .datatable ul li{margin-bottom:3px; background:#fff; padding:7px 3px 7px 3px; cursor:default;} 
	.content .playerdetail .datatable ul li:hover{background:#fff;}
	.content .playerdetail span.yellow_card, .content .playerdetail span.red_card {display:inline; padding-right:15px; background:url(img/playerdetail_yellow.png) no-repeat right 1px; font-weight:bold;}
	.content .playerdetail span.red_card {background:url(img/playerdetail_red.png) no-repeat right 1px;}
	
	/* leagueselector */
	.content .leagueselector{height:60px; padding:10px 0 10px 10px ; background:#ebebeb; width:654px; margin-bottom:15px; display:block; float:left; position:relative; z-index:1;}
	.content .leagueselector label{width:207px; margin:0 15px 0 0; padding:0 6px 6px 6px; display:block; float:left; color:#004b7b; font-size:12px; font-weight:bold;}
	.content .leagueselector .select{width:220px; margin-right:15px; color:#222; padding:6px; position:relative; z-index:1;}
	
	/* yearselector (jeugd) */
	.content .yearselector{height:27px; padding:10px 0 10px 10px ; background:#ebebeb; width:654px; margin-bottom:1px; display:block; float:left; position:relative; z-index:1;}
	.content .yearselector a{ text-align:center; width:150px; display:block; float:left; padding:6px 8px 6px 5px; margin-right:4px;}
	.content .yearselector a.active{background:#009CE4; color:#fff; text-decoration:none; cursor:default;}
	/* paginator */
	.content .paginator{text-align:right;}
	.content .paginator a{display:block; width:22px; height:17px; background:#ccc url(img/paginator.png) no-repeat 0 0; color:#4d4d4d; text-decoration:none; text-align:center; padding:1px 0 0 0; float:right; margin-bottom:7px; margin-left:4px;}
	.content .paginator a.active, .paginator a:hover{color:#004b7b; text-decoration:underline;}

	/* fpage */
	.content .fpage{}
	/* .content .fpage img{border:3px #cbcbcb solid;} */
	.content .fpage ul{ list-style:none; list-style-type:none}
	.content .fpage ul li{line-height:150%; padding-bottom:2px; padding-left:20px; padding-right:20px; background:url(img/li.gif) no-repeat 10px 8px;}
	
	/* teamphoto */
	.content .teamphoto{width:664px; overflow:hidden; padding-bottom:25px;}
	
	/* gamedetail_result */
	.content .gamedetail_result{width:664px; display:block; padding:30px 0  11px 0; background:#123456 url(img/bg_gameresult.png);}
	.content .gamedetail_result p{color:#fff;}
	.content .gamedetail_result p.team_home, .content .gamedetail_result p.team_away{float:left; width:255px; display:block; line-height:110%; font-size:27px; font-weight:bold; padding:10px 0 0 0; font-family: Arial,Verdana,sans-serif; }
	.content .gamedetail_result p.team_home {text-align:right;}
	.content .gamedetail_result p.score{float:left; width:153px; display:block; line-height:110%; font-size:38px; font-weight:bold; padding:0; text-align:center; font-family: Arial,Verdana,sans-serif; }
	.content .gamedetail_result p.extra{text-align:center;}
	
	/* gamenav */
	.content .gamenav{display:block; width:662px; border:1px #737373 solid; height:34px; background:url(img/bg_gamenav.png); overflow:hidden;}
	.content .gamenav a{font-size:11px; font-weight:bold; float:left; width:113px; padding:10px 0 5px 22px; text-decoration:none; color:#fff;}
	.content .gamenav a.fotospecial{width:99px;}
	.content .gamenav a:hover{text-decoration:underline; color:#fff;}
	.content .gamenav a.active{color:#00324C; cursor:default;}
	.content .gamenav a.active:hover{text-decoration:none;}
	
	/* reportbutton */
	.content a.reportbutton{widtht:120px; height:23px; display:block; background:url(img/reportbutton.png) no-repeat 0 0;}
	.content a.reportbutton:hover{widtht:120px; height:23px; display:block; background:url(img/reportbutton.png) no-repeat 0 -23px;}
	
	/* reportbutton_jeugd */
	.content a.reportbutton_jeugd{widtht:69px; height:23px; display:block; background:url(img/reportbutton_jeugd.png) no-repeat 0 0;}
	.content a.reportbutton_jeugd:hover{widtht:69px; height:23px; display:block; background:url(img/reportbutton_jeugd.png) no-repeat 0 -23px;}
	
/* wingman */
.content .wingman{width:250px; padding:1px 0 0 6px; display:block; float:left; }

/* widget handling */
.wingman .widget{padding-bottom:6px; width:244px; }
.wingman .leagueplace{height:77px;  padding-bottom:4px; background:url(img/widget_leagueplace.png) no-repeat 0 0; display:block; cursor:pointer; position:relative;}
.wingman .leagueplace a{padding:0; float:left; display:block; margin:0; line-height:100%; color:#222; text-decoration:none;}
	.wingman .leagueplace a.leagueplace_left{ width:153px; padding:33px 10px 0px 11px; height:44px; font-size:11px; font-weight:bold;}
	.wingman .leagueplace a.leagueplace_right{ position:absolute; left:174px; width:61px; padding:18px 0 0px 0; height:44px; font-size:10px; text-align:center; font-weight:bold; color:#fff; font-size:42px; font-family: Arial,Verdana,sans-serif; }

/*.wingman .tickets {height: 119px;}*/
.wingman .publistep1{height:98px;  background:url(img/widget_publistep.png) no-repeat 0 0; display:block;}
.wingman .nextgame {cursor:pointer; display:block; height:119px; background:url(img/widget_nextgame.png) no-repeat 0 0;}
	.wingman .nextgame a{ display:block; padding-top:50px; font-weight:bold;  font-family: Arial,Verdana,sans-serif; font-size:17px; color:#fff; text-align:right; padding-right:11px; text-decoration:none;}
	.wingman .nextgame a:hover{text-decoration:none; color:#fff;}
	.wingman .nextgame p{color:#fff; font-weight:bold; font-size:13px; color:#ccc; text-align:right; padding: 5px 11px 0 0; font-family: Arial,Verdana,sans-serif;}	
	.wingman .livegame {background:url(img/widget_live.png) no-repeat 0 0; height:88px;}
	.wingman .livegame a { display:block; padding-top:34px; padding-left:92px; font-weight:bold;  font-family: Arial,Verdana,sans-serif; font-size:15px; color:#000; text-align:left; text-decoration:none;}
	.wingman .livegame a:hover{text-decoration:none; color:#fff;}

.wingman .jeugdstage {cursor:default; display:block; height:131px; background:url(img/widget_jeugdstage.png) no-repeat 0 0;}
	.wingman .jeugdstage a{ display:block; padding-top:48px; font-weight:bold;  font-family: Arial,Verdana,sans-serif; font-size:18px; color:#fff; text-align:right; padding-right:11px; text-decoration:none;}
	.wingman .jeugdstage a:hover{text-decoration:none; color:#fff;}

/* logzone */
.logzone{background:#f0f0f0; color:#222; font-size:11px; border:3px #fff solid; width:238px; padding-bottom:6px; margin-bottom:6px;}
.logzone h3{color:#00324b; font-weight:bold; padding:6px 10px 2px 10px; padding-bottom:5px;}
.logzone p{padding:2px 10px 2px 10px;font-size:11px;}
	
/* newplayground */
#newplayground{height:200px; width:962px; background:#dedede url(img/newplayground.png) no-repeat 0 0;}

/* footer */
#footer {position:absolute; width:100%; bottom:0; /* stick to bottom */ background:#fefefe url(img/bg_footer.png) repeat-x 0 0; height:126px; border-top:2px #e6e6e6 solid; display:block; text-align:center;}
#footer .footerlinks{text-align:right; padding-right:3px; display:block; color:#666666;}
#footer .footerlinks a{color:#666666; text-decoration:none;}
#footer .footerlinks a:hover{text-decoration:underline;}