html,body {text-align:center;font:12px Arial,Helvetica,sans-serif; line-height: 16px;}
p,td,th {text-align:left;font:12px Arial,Helvetica,sans-serif;line-height: 16px;}
body {background:#fff url(/images/background_body.jpg) repeat-x ; margin:0px}
a,a:link,a:visited {color:#fd6703;border:0;text-decoration:none; outline:none }
a:hover,a:active {color:#000;border:0;text-decoration:underline}
a.more,a.more:link,a.more:visited {color:#666; font-weight:bold }
a.more:hover,a.more:active {text-decoration:underline}
p {margin-bottom:10px; margin-top:0px}
p.more-link {margin-top:10px}
form {margin:0}
h1 {font-size:20px; color:#000; clear: both; margin-top:14px}
.contents h1 {font-size:18px; color:#000}
h2 {font-size:20px; color:#000; clear: both; margin-top:14px}
h3 {font-size:18px; color:#000}
h3.alt {font-size:18px; color:#999; margin-top:5px}
h4 {font-size:13px; color:#000; margin:0px}
h5 {font-size:14px; color:#000; margin:0px}
fieldset {border:1px solid #666}
fieldset legend {color:#666;font-weight:bold;padding:0 5px}
fieldset div {padding:10px}
label {font-weight:bold}
td, th {padding-left:0px}
th h4 { margin:0px}
img {border:0}
#wrapper {width:950px;text-align:left;margin-left:auto;margin-right:auto;background: url(/images/background_shadow.png) repeat-y top left; padding:0px 8px;}
#container {background:#FFF }
#header {height:137px;overflow:auto;background:#000 url(/images/background_header.jpg) no-repeat top left}
#header #logo a {width:400px; height:100px; display:block; text-indent:-9999px; }
#header #logo {width:160px;float:left;padding:5px 0px}
#subscribe { float:right; clear:right; margin-top:10px}
#subscribe a {height:100px; width:300px; text-indent:-9999px; display:block }
#header #top-menu { float:right; width:400px}
#header #top-menu ul { margin:0px; padding:0px; margin-top:5px}
#header #top-menu ul li { margin:0px; padding:0px; float:right; list-style:none}
#header #top-menu ul li a { padding:0px 10px; border-left :1px solid #fff; color:#FFF}
#header #top-menu ul li a.last {border:0px}
#newsletter a, #twitter a, #facebook a { width:16px; height:16px; background:#f00; overflow:hidden; text-indent:-9999px; display:block; padding: 0 !important; border:0 !important; background: url(/images/sm-icons.png) no-repeat; margin-left:5px}
#newsletter a { background-position:0 -32px; margin-right:10px}
#facebook a { background-position:0 -16px}
#columns { text-align:left; background: #fff url(/images/background_sidebar.gif) repeat-y top right; height:100%; overflow:auto}
#column_left {float:left;width:550px; padding:20px; color:#666666 ; overflow:hidden}
#main-menu {height:24px}
#main-menu ul { margin:0px; padding:0px; margin-top:7px}
#main-menu ul li {}
#main-menu ul li a span {display:none}
#main-menu ul li a, #main-menu ul li a:link,#main-menu ul li a:visited { color:#797979; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; margin-right:8px}
#main-menu ul li a:hover, #main-menu ul li a:active {color:#000; }
#main-menu ul li a.last {border:0px; padding-right:0px}
#main-menu ul li.last { margin-right:0px}
#main-menu ul li { margin:0px; padding:0px; float:left; ; list-style:none; margin-right:4px}
#main-menu ul li#m-home a, #main-menu ul li#m-home a:link, #main-menu ul li#m-home a:visited {width:33px; height:10px; background: url(/images/home_1.gif) no-repeat;display:block;}
#main-menu ul li#m-home a.active, #main-menu ul li#m-home a:hover, #main-menu ul li#m-home a:active{background: url(/images/home_2.gif) no-repeat}
#main-menu ul li#m-chalkdust a, #main-menu ul li#m-chalkdust a:link, #main-menu ul li#m-chalkdust a:visited {width:71px; height:10px; background: url(/images/chalkdust_1.gif) no-repeat;display:block;}
#main-menu ul li#m-chalkdust a.active, #main-menu ul li#m-chalkdust a:hover, #main-menu ul li#m-chalkdust a:active { background: url(/images/chalkdust_2.gif) no-repeat;}
#main-menu ul li#m-headlines a, #main-menu ul li#m-headlines a:link, #main-menu ul li#m-headlines a:visited {width:63px; height:10px; background: url(/images/headlines_1.gif) no-repeat;display:block;}
#main-menu ul li#m-headlines a.active, #main-menu ul li#m-headlines a:hover, #main-menu ul li#m-headlines a:active { background: url(/images/headlines_0.gif) no-repeat;}
#main-menu ul li#m-nieuws a, #main-menu ul li#m-nieuws a:link, #main-menu ul li#m-nieuws a:visited {width:46px; height:10px; background: url(/images/nieuws_1.gif) no-repeat;display:block;}
#main-menu ul li#m-nieuws a.active, #main-menu ul li#m-nieuws a.active, #main-menu ul li#m-nieuws a:hover, #main-menu ul li#m-nieuws a:active { background: url(/images/nieuws_2.gif) no-repeat;}
#main-menu ul li#m-digizine a,#main-menu ul li#m-digizine a:link, #main-menu ul li#m-digizine a:visited {width:50px; height:10px; background: url(/images/digizine_1.gif) no-repeat;display:block;}
#main-menu ul li#m-digizine a.active, #main-menu ul li#m-digizine a:hover, #main-menu ul li#m-digizine a:active { background: url(/images/digizine_2.gif) no-repeat;}
#main-menu ul li#m-films a, #main-menu ul li#m-films a:link, #main-menu ul li#m-films a:visited {width:34px; height:10px; background: url(/images/films_1.gif) no-repeat;display:block;}
#main-menu ul li#m-films a.active, #main-menu ul li#m-films a:hover, #main-menu ul li#m-films a:active { background: url(/images/films_2.gif) no-repeat;}
#main-menu ul li#m-kalender a, #main-menu ul li#m-kalender a:link, #main-menu ul li#m-kalender a:visited {width:78px; height:10px; background: url(/images/toernooien_1.gif) no-repeat;display:block;}
#main-menu ul li#m-kalender a.active, #main-menu ul li#m-kalender a:hover, #main-menu ul li#m-kalender a:active { background: url(/images/toernooien_2.gif) no-repeat;}
#main-menu ul li#m-instructie a, #main-menu ul li#m-instructie a:link, #main-menu ul li#m-instructie a:visited {width:69px; height:10px; background: url(/images/instructie_1.gif) no-repeat;display:block;}
#main-menu ul li#m-instructie a.active, #main-menu ul li#m-instructie a:hover, #main-menu ul li#m-instructie a:active { background: url(/images/instructie_2.gif) no-repeat;}
#main-menu ul li#m-abonnementen a, #main-menu ul li#m-abonnementen a:link, #main-menu ul li#m-abonnementen a:visited {width:82px; height:10px; background: url(/images/abonnement_1.gif) no-repeat;display:block;}
#main-menu ul li#m-abonnementen a.active,#main-menu ul li#m-abonnementen a:hover, #main-menu ul li#m-abonnementen a:active { background: url(/images/abonnement_2.gif) no-repeat;}
#main-menu ul li#m-nieuwsbrief a, #main-menu ul li#m-nieuwsbrief a:link, #main-menu ul li#m-nieuwsbrief a:visited {width:80px; height:10px; background: url(/images/nieuwsbrief_1.gif) no-repeat;display:block;}
#main-menu ul li#m-nieuwsbrief a.active, #main-menu ul li#m-nieuwsbrief a:hover, #main-menu ul li#m-nieuwsbrief a:active { background: url(/images/nieuwsbrief_2.gif) no-repeat}
#main-menu ul li#m-tennisspel a, #main-menu ul li#m-tennisspel a:link, #main-menu ul li#m-tennisspel a:visited {width:55px; height:10px; background: url(/images/tennisspel_1.gif) no-repeat;display:block;;margin-right:0px}
#main-menu ul li#m-tennisspel a.active, #main-menu ul li#m-tennisspel a:hover, #main-menu ul li#m-tennisspel a:active { background: url(/images/tennisspel_2.gif) no-repeat;}
#column_right {float:right; width:305px; padding: 20px; height:100%; margin-top:0px; overflow:hidden}
#column_right .block ul { list-style:none; margin:0; padding:0}
#column_right .block ul li { list-style:none; margin:0; padding:0}
#column_right .block ul li span.date { font-size:10px; color:#999999; width:70px}
#column_right .block p.more { text-align:right; margin-top:12px; margin-bottom:0px}
#footer {width:950px;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:10px;background: url(/images/background_footer.png) no-repeat top left; padding:20px 8px 4px 8px ;height:50px; }
#footerbar {float:left;width:780px;}
#footer_logo {float:left;width:150px;height:24px;margin-left:10px;margin-top:2px;}
#footer_guide {float:none;clear:both}
#footer a,#footer a:link,#footer a:visited {color:#000;text-decoration:none}
#footer a:hover,#footer a:active {color:#000;text-decoration:underline}
#footer_links {float:right;width:580px;height:26px;padding:0 0; }
#footer_links ul {margin:4px 0px}
#footer_links li {float:right;padding:0;margin:0;font-size:10px; padding-right:6px; list-style:none}
#footer_links li a, #footer_links li a:link,#footer_links li a:visited {color:#000;border:0;padding:0 0px 0 6px;text-decoration:none;border-left:1px solid #000}
#footer_links li a:hover, #footer_links li a:active {color:#000}
#footer_links li a.last {border-right:0}
.block {}
.full { clear:both; display:block; margin-bottom:20px}
.half { width:265px; float:left; margin-bottom:10px}
.left { margin-right:20px}
.block h1 ,.block h2, .block h3 { margin-bottom:5px; margin-left:6px}
#column_left .block .contents { padding:0px 6px;}
#column_left .block .contents h1, #column_left .block .contents h2, #column_left .block .contents h3 { margin-left:0px}
.newslist { margin:0px; padding:0px; list-style:none}
.newslist li { margin:0px; padding:0px; padding-left:20px; list-style:none; background:url(/images/bullet.gif) 5px 5px no-repeat; font-size:11px}
.digizine-large { float:left; width:110px; height:130px; overflow:hidden; padding:0px 0px;}
.digizine-promo { float:left; width:135px; }
.digizine { float:left; width:175px;margin-left:6px; margin-bottom:12px }
.digizine-small { float:left; width:55px; height:65px; ; overflow:hidden; margin-right:5px;}
.digizine-small a , .digizine-promo a {font-weight:bold}
.end { clear:both}
#column_right .block {width:300px; margin-bottom:20px}
#column_right .block .header { background:url(/images/background_block_header.gif) no-repeat top left; height:18px; padding:5px 20px 2px 20px; text-transform:uppercase}
#column_right .block h2 {margin-top:2px}
#column_right .block .header h3 { margin: 0px; color:#FFF; font-size:14px}
#column_right .block .contents { background:#fff; border: 1px solid #cbcbcb; border-bottom:0px; border-top:0px; padding:3px 20px 0px 20px;}
#column_right .block .footer { background:url(/images/background_block_footer.gif) no-repeat top left; height:10px; overflow:hidden; display:block;clear:both}
.block #partners ul {list-style:none; margin:0px; padding:0px}
.block #partners ul li { float:left; list-style:none; margin:0px; padding:0px}
.block #partners ul li img { margin-right:14px; margin-bottom:11px}
.block #partners ul li img.end { margin-right:0px}
#column_left .line { border-bottom:1px solid #e5e5e5;border-top:1px solid #ccc; display:block; padding-top:0px;display:block; margin-bottom:8px; height:1px; text-indent:-9999px}
#column_right .line { border-bottom:2px solid #fff; display:block; padding-top:3px;clear:both; display:block}
#featured-articles { padding:0px 6px}
#featured-articles .featured-article {height:100px; margin-bottom:15px;}
#featured-articles .featured-article .article-image {float:left;width:100px; height:100px; overflow:hidden; margin-right:20px; position:absolute}
#featured-articles .featured-article .article-image .overlay { position:absolute;top:0; left:0}
#featured-articles .featured-article .abstract {float:right; width:420px; color:#666}
#featured-articles .featured-article .abstract h3 {font-size:14px; margin-left:0px; margin-top:4px}
#featured-articles .featured-article .abstract h3 a {color:#000}
#featured-articles .featured-article .abstract a { font-weight:bold}
#instruction-articles { padding:0px 6px; margin-top:25px; height:100%; }
#instruction-articles .instruction-article {height:100px; margin-bottom:15px; width:265px; float:left}
#instruction-articles .instruction-article .article-image {float:left;width:100px; height:100px; overflow:hidden; margin-right:10px; position:absolute}
#instruction-articles .instruction-article .article-image .overlay { position:absolute;top:0; left:0}
#instruction-articles .instruction-article .abstract {float:right; width:145px; color:#666}
#instruction-articles .instruction-article .abstract h3 {font-size:14px; margin-left:0px; margin-top:0px}
#instruction-articles .instruction-article .abstract h3 a {color:#000}
#instruction-articles .instruction-article .abstract a { font-weight:bold}
#search {float:right}
#search form {margin:0;padding:0}
#search form input { font-size:9px;}
#menu {float:left;width:160px; clear:both;}
#contentarea {width:780px;float:left;padding-top:0px;}
#leaderboard {text-align:center;padding:10px;}
#searchbar {padding:5px;padding-left:15px; background-color:#13588f;text-align:left;margin-left:1px; color:#FFF; }
#searchbar input {font-size:10px}
#searchbar a,#searchbar a:link,#searchbar a:visited {color:#fff;}
#searchbar a:hover,#searchbar a:active {color:#fff;}
#content {width:754px;float:right; padding:10px; height:100%; }
.home { padding:0px;}
#content .article_image {float:right; text-align:center; overflow:hidden; border:0px solid #000; width:100px; height:100px;padding:0px; vertical-align:middle;margin-left:5px;}
#content .article_image img {padding:0;margin:0}
#wrapper #container #contentarea #content li {margin-left:0px;padding-left:0px;}
#content hr {margin:0;color:#e3e3e3;height:1px;border-color:#e3e3e3; margin:0; float:none; clear:both}
#sidebar {width:340px;float:left;margin-left:10px;padding:5px 2px 5px 2px;}
#sidebar p {margin-bottom:3px;margin-top:3px}
#sidebar hr {margin:0;color:#FFF;height:2px;border-color:#FFF}
#sidebar h2 {border-bottom:1px solid #ccc;padding-bottom:4px;}
#sidebar ul {margin:0;padding:0px; margin-left:15px}
#sidebar ul li {margin:0;padding:0px; list-style:square}
#sidebar a,#sidebar a:link,#sidebar a:visited,#content a,#content a:link,#content a:visited {color:#28539c; font-weight:bold}
#content a.alt, #content a.alt:link,#content a.alt:visited {font-weight:normal}
#content a.alt:hover, #content a.alt:active {font-weight:normal}
#content h3 a,#content h3 a:link,#content h3 a:visited {color:#13588f}
#sidebar #rectangle {margin-top:10px;margin-bottom:10px}
#fullbanner {text-align:center;padding:10px;padding-bottom:0;clear:both}
.guide {clear:both;float:none}
.small {font-size:9px}
.cover { margin-right:10px;margin-bottom:10px; float:left;}
#content input,#content select, #content textarea { font:9px Verdana,Arial,Helvetica,sans-serif}
.tblheadlines td {padding-bottom:5px;}
#content .data td a, #content .data td a:link, #content .data td a:visited{ font-style:normal;font-weight:normal}
div.poll_answer {;vertical-align:middle;clear:left;display:block; margin-top:2px;}
div.poll_answer_radio {float:left;clear:left;width:20px;height:20px;padding:0;padding-right:5px}
div.poll_button input {font-size:10px}
div.poll_answer_bar {float:left;clear:left;width:100px;background-color:#FFF;display:block;border:1px solid #192168;overflow:hidden;height:10px;margin:0;padding:0;margin-top:2px;}
#content div.poll_answer_bar img {margin:0px; padding:0px;}
div.poll_answer_percentage {float:left;width:100px;height:15px;padding-left:5px;display:block;margin-top:0px; font-size:10px}
div.poll_answer_text {padding-top:1px;padding-bottom:0;font-weight:normal;}
div.poll_question {padding-top:2px;padding-bottom:2px;display:block;}
div.poll_button {clear:both;float:none}
div.poll_button input {font-size:10px}
div.poll_image {float:right}
.poll_result { float:left; width:350px; border:1px solid #ccc;padding:2px 10px 10px 10px;display:block; margin-bottom:5px;}
.buttonbanners {margin-top:10px;}
.buttonbanners img {padding:2px;}
.category {color:#666}
.more {margin-top:4px;margin-bottom:4px;}
.insert{ float:right; margin-left:8px;margin-bottom:8px; display:inline;width:80px;}
.rss {float:right}
.buttonbanner{margin-bottom:8px;}
.more { margin-top:20px;}
.newsinfo { margin-bottom:8px; padding:0px 6px}
.homepage_block {margin-bottom:10px; padding:6px 6px 2px 6px ; display:block}
.data { background-color:#fd6703}
.data th,.data td {text-align:left; vertical-align:top;padding:3px}
.data td { background-color:#FFF}
.data th { color:#FFF; font-weight:bold}
.data tr.odd th,.data tr.odd td { background-color:#EEE}
.video_home { display:block; height:100%; overflow:auto; clear:both; margin-bottom:4px}
.video_home .thumbnail { float:left; width:68px;height:41px; position:relative; overflow:hidden; display:block}
.video_home .thumbnail a { position:relative}
.video_home .description {width:180px; float:left}
.video_home .description a {color:#666}
.video_home .description h4 { margin:0px}
.video_home .description h4 a { color:#000000}
.video_featured { display:block; height:100%; overflow:auto; margin-bottom:2px; float:left; width:247px}
.video_featured .thumbnail {width:104px; float:left}
.video_featured .description {width:130px; float:left; }
.video_featured .description a.none {color:#666}
.video_featured .description h4 { margin:0px}
.video_featured .description h4 a { color:#000000}
.video_listing { display:block; height:100%; overflow:auto; margin-bottom:2px; float:left; width:179px}
.video_listing .thumbnail { display:block}
.video_listing .description { font-size:10px}
.video_listing .description a.none {color:#666}
.video_listing .description h4 { margin:0px}
.video_listing .description h4 a { color:#000000}
.video-description {margin-bottom:12px; display:block; height:100%}
.player-arena { width: 360px; float:left}
.video-informatie { text-align:right}
.article-image-full { float:right; margin-left:12px; margin-bottom:12px}
.newsinfo { margin-top:14px; font-style:italic}
#enquete { border:2px solid #666; position: absolute; width:600px; height:360px; z-index:99; background-color:#efefef; margin-left:100px; margin-top:0px;filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
display:none
}
#enquete-header{height:20px; width:592px; background-color:#666; color:#FFFFFF; font-size:16px; font-weight:bold; padding:8px 4px}
#enquete-content {padding:8px;height:304px; width:584px;overflow:auto}
#enquete_close { float:right}
.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 12px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
text-align:left
}
.ac_loading {
background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
background-color: #eee;
}
.ac_over {
background-color: #0A246A;
color: white;
}
#featured{
width:350px;
padding-right:200px;
position:relative;
height:250px;
background:#000 url(/images/background-fcs-nav.png) no-repeat right bottom ;
overflow:hidden
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:350px;
list-style:none;
padding:0; margin:0;
width:200px;
background:#000 url(/images/background-fcs-nav.png) no-repeat right bottom ;
}
#featured ul.ui-tabs-nav li{
padding:0px 0;;
font-size:12px;
color:#fff;
height:48px ;
font-weight:bold;
border-top:1px solid #999;
border-bottom:1px solid #111;
background:url('/images/background-fcs.png') -2px top ;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:12px; font-family:Verdana;
line-height:14px;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:32px;
color:#fff;
line-height:14px;
padding:9px 9px
}
#featured li.ui-tabs-nav-item a:hover{
background:url('/images/background-fcs.png') -2px top ;
text-decoration:none
}
#featured li.ui-tabs-selected{
background:url('/images/background-fcs-active.png') -2px top ;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
color:#fd6703;
background:url('/images/background-fcs-active.png') -2px top ;
}
#featured .ui-tabs-panel{
width:350px; height:250px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:166px; left:0;
height:86px;
background: url('/images/background-fcs-intro.png');
width:350px
}
#featured .info h2{
font-size:18px;
color:#fff; padding:9px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 9px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a.more{
text-decoration:none;
color:#fd6703;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}