@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}


body	{margin:0;font-family:Arial, Palatino, serif; background:url(../img/background-body.png) repeat-x #9a0100;font-size:0.80em; line-height:1.35em;}
a 		{text-decoration:none;} a:hover{text-decoration:underline;}
.clear	{clear:both;}
strong	{font-weight:bold;}

/* cntr
------------------ */
#container	{ width: 920px; position: relative; padding: 10px; background: #FFF; margin: 0 auto; text-align: center; } /* max-width:1100px; min-width:920px; */

/* banners
------------------ */
.skyscraper			{ position: absolute; left: -130px ; top: 202px; display: ; }
.banners_right		{ position: absolute; right: -150px; top: 202px; width: 140px; }
.banners_right a	{ margin: 0 0 10px 0; }


#header{-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;background:url(../img/background-header.png) repeat-x;height:189px;width:100%;margin:0 auto;margin-bottom:0; text-align: left; }
#top-bar {height:34px;width:100%;background: url(../img/background-header-1.png) repeat-x;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
#logo{width:225px;height:75px;float:left;background:url(../img/logo.png) no-repeat center 5px;}
#menu{height:30px;float:left;font-size:12px;width:100%;background: url('../img/background-header-2.png') repeat-x bottom;}
#menu ul {list-style:none;-moz-border-radius:4px 4px 0 0;margin:9px 10px 0 0;padding:0;}
#menu li {float:left;}
#menu a{line-height:30px;display:block;padding:1px 12px;color:#DDD;font-weight:bold;}
#menu span a {background:none;line-height:normal;border:none;color:#FFF;font-weight:normal;text-transform:none;padding:1px 0;display:block;float:left;}

#menu .ui-tabs-hide {display:none;}
#menu span {display:block;left:15px;}
.submenu li {color:#FFF;padding-right:25px;}

#topnav{ height:30px;line-height:30px;}
ul#topnav { margin:0; padding:0; list-style:none;}
ul#topnav li{ float:left;text-transform:uppercase;}
ul#topnav li a{padding:0 9px; display:block;}
ul#topnav li:hover {background-color:#000;}
ul#topnav a:hover {text-decoration:none;}
ul#topnav li#last{ margin:0; margin-right:0;}
ul#topnav li:hover > ul {display:block;}
ul#topnav li ul{display:none; margin:0; position:absolute; border:0;z-index: 100; background-color:#a10006;}
ul#topnav li ul li{ float:none;line-height:1;width:auto;position:relative; margin:0; padding:0; border:0; border-bottom:1px solid #CCC;text-transform:none;}
ul#topnav li ul li a { padding:5px 15px; line-height:1; display:block; font-weight:normal;}
ul#topnav li ul li a:hover { padding:5px 15px;color:#FFF;visibility: inherit;z-index: 100; }


#background{float:left;height:85px;width:100%;background-image:url(../img/header.png); text-align: left; }
#breadcrumbs{height:30px;line-height:30px;float:left;width:50%;color:#929497;font-size:11px;margin-top:5px;}
#breadcrumbs a {color:#929497;}

#login{height:30px;line-height:30px;float:right;width:50%;text-align:right;margin-top:5px;}
#login form {float:right;margin-top:3px;}
#login a {color:#CC0F16;}
#login input {padding:3px;margin:0 0 0 5px; border:1px solid #CCC;font-size:12px;float:left;width:110px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#777;}
#login .remember {width:auto; margin:4px 0 0 5px;float:left;}
#login .submit, .colstat .inner .submit, .comment-add .submit, .comment .submit, .formRow .submit {margin:0 0 0 5px;padding:1px 5px 3px 5px;height:23px;width:auto;margin-right:0;margin-left:5px;background-color:#CC0F16;border:0;color:#FFF;-moz-border-radius:4px;-webkit-border-radius:4px; }
#login a.submit {display:block;float:left;padding:0 5px;line-height:23px;}
.comment-add .submit, .comment .submit {float:right;margin:8px 0;}

#content{width:556px;float:left; text-align: left; }
#content a {color:#CC0F16;}
#content .headlines a {color:#000000;}
.signup .form-row{width:100%;border-top:1px solid #DDD;float:left;padding:10px 0 5px 0;margin:5px 0;}
.signup label {width:30%;display:block;float:left;}
.signup input {float:left;width:30%;border:1px solid #DDD;height:18px;padding:2px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.signup .submit {margin-left:30%;-moz-border-radius:4px 4px 4px 4px;background-color:#CC0F16;border:0 none;color:#FFFFFF;height:23px;padding:1px 5px 3px;width:auto;}
ul.error {border:1px solid #CC0F16;padding:10px;margin:15px 0;-moz-border-radius:4px;-webkit-border-radius:4px;color:#CC0F16;}
ul.error li,ul.success li {list-style:inside disc;}
ul.success {border:1px solid #6C3;padding:10px;margin:15px 0;-moz-border-radius:4px;-webkit-border-radius:4px;color:#000;}
 
.signup .invalid {background-color:#FDDFE7;border:1px solid #E71A25;}
#headlines {float:right;width:336px;}

.headlines ul a {color:#000;}
.headlines ul span {float:right;}
.headlines ul li {list-style:none;padding-left:15px;background:url(../img/icon-list.png) no-repeat left center;overflow:hidden;}
.headlines ul li a {float:left;}

.box {border:1px solid #E6E7E8; -moz-border-radius:4px;-moz-border-radius-topleft:0;-webkit-border-radius:4px;padding:8px;clear:left;background-color:#F7F7F7;}
.tabmenu li {float:left;list-style:none;}
.box li {list-style:inside circle;}
.box span {float:right;}
.box a.more, .block .more {float:right;margin-top:6px;color:#CC0F16;font-weight:bold;}

.block {border:1px solid #E6E7E8; border-top:none; -moz-border-radius:4px;-webkit-border-radius:4px; -moz-border-radius-topleft:0;-moz-border-radius-topright:0;padding:8px;background-color:#F7F7F7;}

.badge-left{float:left;height:65px;width:75px;text-align:left;}
.match{float:left;text-align:center;width:168px;}
.match p{font-size:14px;font-weight:bold;margin-bottom:0;}
.badge-right{float:left;height:65px;width:75px;text-align:right;}

.stats ol {width:121px;float:left;list-style:outside decimal;margin-left:25px;color:#CC0F16;font-weight:bold;}
.stats ol li {list-style:outside decimal;}
.stats span {display:block; width:40px;float:right;color:#000;font-weight:normal;text-align:center;}

.tableStats {border:1px solid #F7F7F7;}
.tableStats td, th {padding:5px 8px;}
.tableStats th { background-color:#F1F1F1;font-weight:bold;}

.pagination{color:#555;margin:0 auto;margin-top:25px;}
#content .pagination a{padding:4px 5px;border:1px solid #dbdbdb;background-color:#CCC;color:#555;text-decoration:none;margin:0 3px;font-size:12px;}
#content .pagination a:hover{border:1px solid #CCC;background-color:#e60804;color:#FFF;}
.pagination span.active{color:#FFF;padding:4px 5px;border:1px solid #d1d1d1;background-color:#e60804;font-weight:bold;float:none;}
.pagination span.disabled{padding:4px 5px;border:1px solid #CCC;color:#CCC;text-decoration:none;margin:0 3px;font-size:12px;float:none;}


h2 {font-size:1.6em;color:#CC0F16;font-weight:bold;margin-bottom:0.6em;line-height:1.2em;} h2 a {color:#CC0F16;}
h2.single {margin-bottom:0;margin-top:15px;}
.article span.meta {font-size:90%;margin-bottom:0.6em;margin-top:0.3em; color:#777;display:block;}
h3 {font-size:1.35em;color:#CC0F16;margin-bottom:0.55em;}
h4 {margin-top:15px;height:30px; line-height:30px;font-size:1em;color:#FFF; -moz-border-radius:4px;-webkit-border-radius:4px;background:url(../img/background-headlines-01.png) repeat-x; padding:0 8px; -moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;text-transform:uppercase;font-weight:bold;}
.twtr-hd h4 {background:none;}
.twtr-ft div {display:none;}
h5 {font-size:1.35em;margin-bottom:0.55em;color:#CC0F16;font-weight:bold;}
p {margin-bottom:1em;}

.article {padding-bottom:8px; margin-bottom:15px; border-bottom:1px dotted #CCC;float:left;text-align:justify;}
.article .comments {float:right;color:#CC0F16;font-weight:bold;margin-top:0.55em ; }
#content .article a.more {color:#CC0F16;font-weight:bold;}


.article h2 + p {font-weight:bold;} .article:first-child img + p {font-weight:bold;} .article h5 + p {font-weight:bold;}

#content ol.statics {list-style:decimal inside;}
#content .statics li {padding:5px 8px;}
.grey {background-color:#F7F7F7;}
#content .statics li span {float:right;}

#extern {margin-bottom:15px;padding:8px;background-color:#F7F7F7;border:1px solid #E6E7E8;}
#extern ul {float:left;width:261px;margin-right:15px;}
#extern li {list-style:inside circle;}
#extern li a {color:#000;}
#extern li a:hover {color:#CC0F16;}
#extern ul.right {margin:0;}

.ulform {padding:5px;background-color:#F7F7F7;border:1px solid #E6E7E8;font-weight:bold;moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.warning {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:8px;background-color:#FFEAA8;border:1px solid #FFC237;}


.article .right {float:right; margin:0 0 0.5em 0.8em;}
.comment-all {margin:15px 0; text-align: left !important; }
#content #comments .moderate {display:block;float:right;}
.comment {border:1px solid #CCC; background-color:#FCFCFC; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-bottom:8px;}
.comment-avatar{float:left;width:50px;height:60px;margin-left:8px;background:url(../img/avatar.png) no-repeat center top;padding:5px;}
.comment-author {margin-bottom:8px;padding:4px 8px;color:#666;background-color:#DDD;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;}
#content .comment-author a {color:#666;}
.comment-author .author { float:left;font-size: 1.2em; display:block;font-weight:normal;}
.comment-author .underline{font-weight:bold;}
.comment-author .time { float:right;display:block;}
.comment-author span {float:right;}
.greyish{color:#FFF;background:none #666;}
.commentText{padding:0px 8px 8px 8px;width:462px;float:right;}
.comment-add {margin:8px 0; text-align: left; }
.comment-add textarea, .comment textarea {width:538px;height:90px; border:1px solid #CCC; padding:8px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;font-family:Arial, Palatino, serif; font-size:1em; line-height:1.35em;}
.comment textarea {width:435px;}
.comment-quote {border:1px solid #AAA; background-color:#EFEFEF;}
.comment-quote .commentText {width:444px;}
.article-all li {list-style:none; border-bottom:1px solid #CCC;padding:6px 8px;background-color:#F1F1EF;}
.article-all span {float:right;}
.colstat {width:179px;margin-right:8px;float:left;}
.right {margin-right:0;}
.colstat .inner {background-color:#f7f7f7;border-top:1px dotted #A6A8AB;min-height:355px;padding:8px;}
.colstat ol {list-style:decimal inside;}
.colstat a.results {font-size:0.8em; color:#888;}
.colstat a.results:hover {color:#CC0F16;}
.colstat img {margin-bottom:8px;}
.colstat span {float:right;display:block;}
#content .colstat a.more {background-color:#58595B;padding:3px 6px;float:right;color:#FFF;-moz-border-radius-bottomright:4px;}
#content .colstat a.more:hover {background-color:#CC0F16;}

#quote {font-weight:bold;margin:0;padding:8px;background-color:#F7F7F7;}

#footer {margin-top:8px;text-align:center;color:#777;font-size:0.9em;}
#footer a {color:#777;text-decoration:underline;}

.bold {font-weight:bold;}

#tabs, .tabs {background: url("../img/background-headlines-01.png") repeat-x scroll 0 0 transparent;border-radius: 4px 4px 0 0;color: #FFFFFF;-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #F7F7F7;border-color: -moz-use-text-color #E6E7E8 #E6E7E8;border-radius:4px;border-right: 1px solid #E6E7E8;}
.ui-widget-header {background:none;border:0;}
.ui-tabs .ui-tabs-panel {padding:8px;}
.ui-widget {font-family: Arial,Palatino,serif;}
.ui-tabs .ui-tabs-nav {height:28px;padding:2px 2px 0}
.ui-tabs {padding:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {height:25px;}
.ui-tabs .ui-tabs-nav li a {padding:0 6px;line-height:26px;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #FFF; color:#FFF;font-weight: normal;}
.ui-state-hover a, .ui-state-hover a:hover {color: #CC0F16;background-color:#FFF;text-decoration: none;}

.twentemedia {float:right;width:245px;margin-bottom:15px;}
.twentemedia h4 {margin-top:0;}
.twentepraat {float:left;width:295px;margin-bottom:15px;}
.twentepraat h4 {margin-top:0;}