html {
  color: #000000;
  background: #ffffff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before { content: ''; }
q:after { content: ''; }
abbr, acronym {
  border: 0;
  font-variant: normal;
}
sup, sub { vertical-align: baseline; }
legend { color: #000000; }
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input, button, textarea, select { *font-size: 100%; }
html { background: #101010; }
body {
  background: #101010;
  font-family: Verdana;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
#wrapper {
  width: 1002px;
  margin: 0 auto 2em;
  background: #ffffff;
  overflow: hidden;
}
#wrapper #header {
  height: 215px;
  background: #0e0e0e url(../images/header_background.jpg);
}
#wrapper #header #logo {
  width: 303px;
  height: 134px;
  float: left;
  background: #404040;
  margin: 49px 0 0 9px;
}
#wrapper #header #advert {
  margin: 19px 18px 0 0;
  height: 107px;
  width: 653px;
  background: #494949 url(../images/advert_background.jpg);
  float: right;
}
#wrapper #header #userPanel {
  color: #ffffff;
  padding-right: 100px;
  font-size: 0.8em;
}
#wrapper #header #userPanel .photo {
  float: right;
  width: 185px;
}
#wrapper #header #userPanel .photo .prev {
  display: block;
  width: 16px;
  height: 15px;
  background: #9a0c07;
  text-indent: -9999px;
}
#wrapper #header #userPanel .photo .next {
  display: block;
  width: 16px;
  height: 15px;
  background: #9a0c07;
  text-indent: -9999px;
}
#wrapper #header #userPanel .photo .prev {
  float: left;
  margin-top: 8px;
  background: transparent url(../images/slider_arrow_left.png);
}
#wrapper #header #userPanel .photo .next {
  float: right;
  margin-top: 60px;
  background: transparent url(../images/slider_arrow_right.png);
}
#wrapper #header #userPanel .description {
  width: 360px;
  float: right;
  padding: 20px 0 0 0;
}
#wrapper #header #userPanel .description ul {
  float: right;
  padding-top: 10px;
}
#wrapper #header #userPanel .description li {
  float: left;
  padding: 0 0.5em;
}
#wrapper #header #userPanel .description li a {
  text-decoration: none;
  color: #ffffff;
}
#wrapper #navigation {
  position: relative;
  height: 45px;
  background: #9c1a0c url(../images/navi_background.jpg);
  color: #ffffff;
  z-index: 999;
}
#wrapper #navigation ul {
  display: block;
  margin: 0;
  padding: 0;
  background: #9c1a0c url(../images/navi_left.jpg) no-repeat;
  padding: 0 0 0 15px;
  float: left;
}
#wrapper #navigation ul a:hover { background-position: left bottom; }
#wrapper #navigation ul a:hover span {
  display: block;
  background: transparent url(../images/navi_hover_sub.gif) 50% 36px no-repeat;
}
#wrapper #navigation ul a:focus { background-position: left bottom; }
#wrapper #navigation ul a:focus span {
  display: block;
  background: transparent url(../images/navi_hover_sub.gif) 50% 36px no-repeat;
}
#wrapper #navigation ul li:hover a { background-position: left bottom; }
#wrapper #navigation ul li:hover a span {
  display: block;
  background: transparent url(../images/navi_hover_sub.gif) 50% 36px no-repeat;
}
#wrapper #navigation ul li:focus a { background-position: left bottom; }
#wrapper #navigation ul li:focus a span {
  display: block;
  background: transparent url(../images/navi_hover_sub.gif) 50% 36px no-repeat;
}
#wrapper #navigation ul li:hover ul { display: block; }
#wrapper #navigation ul li:focus ul { display: block; }
#wrapper #navigation ul li {
  height: 45px;
  float: left;
  display: block;
  padding: 0 2px 0 0;
  background: transparent url(../images/navi_ruler.jpg) right top no-repeat;
  overflow: visible;
}
#wrapper #navigation ul li a {
  display: block;
  height: 45px;
  line-height: 49px;
  padding: 0 15px 0 15px;
  text-decoration: none;
  background: #9c1a0c url(../images/navi_background.jpg) left top;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
}
#wrapper #navigation ul li ul {
  position: absolute;
  z-index: 1000;
  background: rgba(40, 40, 40, 0.5) !important;
  background: #444444;
  display: none;
  padding: 2px 2px 0;
}
#wrapper #navigation ul li ul li {
  clear: both;
  margin: 0;
  background: none;
  height: 20px;
  padding: 0;
  display: block;
  float: none;
}
#wrapper #navigation ul li ul li a {
  display: block;
  padding: 0 10px;
  float: none;
  height: 17px;
  line-height: 17px;
  background: rgba(27, 27, 27, 0.5) !important;
  background: #222222;
  border-left: 2px solid #484747;
  margin: 0;
}
#wrapper #navigation ul li ul li a:hover {
  height: 17px;
  border-left: 2px solid #d23500;
}
#wrapper #navigation ul li ul li a:focus {
  height: 17px;
  border-left: 2px solid #d23500;
}
#wrapper #navigation ul#user-nav {
  float: right;
  background: #9c1a0c url(../images/navi_right.jpg) right top no-repeat;
  padding: 0 17px 0 0;
}
#wrapper #navigation ul#user-nav li {
  padding: 0 0 0 2px;
  background-position: left top;
}
#wrapper #itelligence { background: #ffffff; }
#wrapper #itelligence .content {
  height: 215px;
  background: #000000;
  margin: 0 3px;
}
#wrapper #itelligence .content #top-article {
  width: 626px;
  height: 215px;
  background: #000000 url(../images/top_article_background.jpg);
  float: left;
}
#wrapper #itelligence .content #top-match {
  width: 370px;
  height: 134px;
  background: #080808 url(../images/top_match_background.jpg);
  color: #ffffff;
  float: right;
  font-size: 10px;
}
#wrapper #itelligence .content #top-match .team1 {
  width: 100px;
  height: 100px;
  margin: 0 0 0 40px;
  text-align: center;
}
#wrapper #itelligence .content #top-match .team2 {
  width: 100px;
  height: 100px;
  margin: 0 0 0 40px;
  text-align: center;
}
#wrapper #itelligence .content #top-match .team1 { float: left; }
#wrapper #itelligence .content #top-match .vs {
  float: left;
  margin: 53px 0 0 0;
  text-align: center;
  width: 80px;
}
#wrapper #itelligence .content #top-match .team2 {
  float: right;
  margin: 0 40px 0 0;
}
#wrapper #itelligence .content #top-match dl { clear: both; }
#wrapper #itelligence .content #top-match dt {
  float: left;
  color: #828282;
}
#wrapper #itelligence .content #top-match dd {
  float: left;
  color: #828282;
}
#wrapper #itelligence .content #top-match dt {
  color: #ffffff;
  font-weight: bold;
  padding: 2px 0 0 0;
  padding: 0 0 0 10px;
}
#wrapper #itelligence .content #top-match dd {
  color: #828282;
  padding: 0 0 0 3px;
}
#wrapper #itelligence .content #user-panel {
  width: 370px;
  height: 69px;
  background: #1f1f1f url(../images/user_panel_background.jpg);
  float: right;
  clear: right;
  color: #ffffff;
  padding: 11px 0 0 0;
  font-size: 0.8em;
}
#wrapper #itelligence .content #user-panel a { color: #ffffff; }
#wrapper #itelligence .content #user-panel a.lost-password {
  background: url(../images/lost_pw.jpg);
  display: block;
  height: 10px;
  width: 40px;
  float: left;
  text-indent: -999px;
  margin: 8px 0 0 10px;
}
#wrapper #itelligence .content #user-panel span.spacer {
  padding: 0 8px;
  height: 10px;
  margin: 8px 0 0 0;
  line-height: 10px;
  display: block;
  float: left;
}
#wrapper #itelligence .content #user-panel a.register {
  background: url(../images/get_a_free_membership.jpg);
  display: block;
  height: 10px;
  width: 132px;
  float: left;
  text-indent: -999px;
  margin: 8px 0 0 0;
}
#wrapper #itelligence .content #user-panel label { display: none; }
#wrapper #itelligence .content #user-panel p {
  float: left;
  margin: 0;
  padding: 0;
}
#wrapper #itelligence .content #user-panel input {
  height: 23px;
  border: none;
  color: #ffffff;
  margin: 0;
  text-shadow: 1px 1px #000000;
}
#wrapper #itelligence .content #user-panel input:focus { outline: none; }
#wrapper #itelligence .content #user-panel input[type=text] {
  background: #3a3a3a url(../images/login_field.jpg);
  width: 133px;
  padding: 0 5px;
  margin: 0 0 0 3px;
  float: left;
}
#wrapper #itelligence .content #user-panel input[type=password] {
  background: #3a3a3a url(../images/login_field.jpg);
  width: 133px;
  padding: 0 5px;
  margin: 0 0 0 3px;
  float: left;
}
#wrapper #itelligence .content #user-panel input[type=checkbox] {
  float: left;
  margin: 8px 3px 0 10px;
  padding: 0;
  height: 10px;
}
#wrapper #itelligence .content #user-panel label.cookie {
  color: #5e5e5e;
  display: block;
  float: left;
  height: 10px;
  line-height: 10px;
  margin: 8px 0 0 0;
}
#wrapper #itelligence .content #user-panel input[type=submit] {
  background: #a92e19 url(../images/login_button.jpg);
  text-indent: -999px;
  width: 61px;
  float: left;
}
#wrapper #itelligence .content.closed { display: none; }
#wrapper #itelligence .bar {
  height: 35px;
  line-height: 35px;
  background: #fbfbfb url(../images/intel_bar_background.jpg) repeat-x;
  margin: 1px 0 0 0;
}
#wrapper #itelligence .bar a { text-decoration: none; }
#wrapper #itelligence .bar a.clip {
  display: block;
  margin: 11px 30px 0 80px;
  width: 88px;
  height: 12px;
  text-indent: -9999px;
  /* background: url('../images/clip_area.jpg') no-repeat; */
  float: right;
}
#wrapper #itelligence .bar span {
  float: right;
  height: 11px;
  text-indent: -9999px;
  margin: 11px 0;
}
#wrapper #itelligence .bar .top-article {
  background: url(../images/intel_coverages.jpg);
  width: 88px;
}
#wrapper #itelligence .bar .top-match {
  background: url(../images/intel_topmatch.jpg);
  width: 122px;
}
#wrapper #itelligence .bar .left {
  float: left;
  height: 35px;
  background: transparent url(../images/intel_bar_left.jpg) no-repeat;
  padding: 0 0 0 16px;
  width: 370px;
}
#wrapper #itelligence .bar .left span {
  float: left;
  margin-right: 15px;
}
#wrapper #itelligence .bar .right {
  float: right;
  height: 35px;
  background: transparent url(../images/intel_bar_right.jpg) right top no-repeat;
  padding: 0 18px 0 0;
}
#wrapper #main {
  background: #ffffff url(../images/main_background.jpg) repeat-x;
  float: left;
  width: 765px;
}
#wrapper #main #breadcrump {
  float: left;
  height: 47px;
  padding: 0 0 0 20px;
  background: transparent url(../images/main_left.jpg) no-repeat;
  font-size: 10px;
}
#wrapper #main #breadcrump .breadcrump-title {
  display: block;
  margin: 13px 0;
  height: 11px;
  text-indent: -9999px;
  background: url(../images/breadcrump_title.jpg);
  width: 147px;
  float: left;
}
#wrapper #main #breadcrump p {
  clear: none;
  float: left;
  padding: 13px 0 0 5px;
  height: 11px;
}
#wrapper #main #breadcrump a {
  text-decoration: underline;
  font-weight: bold;
  color: #000000;
}
#wrapper #main #sub-navi {
  float: right;
  height: 47px;
  line-height: 37px;
  font-size: 0.8em;
}
#wrapper #main #sub-navi li { float: right; }
#wrapper #main #sub-navi li a {
  display: block;
  margin: 1px 0 0 0;
  height: 30px;
  line-height: 34px;
  text-decoration: none;
  color: #333333;
  padding: 0 5px;
}
#wrapper #main #sub-navi li a:hover { color: #555555; }
#wrapper #main #sub-navi li a:focus { color: #555555; }
#wrapper #main #sub-navi li a.active {
  color: #bb3404;
  background: url(../images/sub_navi_active.jpg) top center no-repeat;
}

.teamnews {
  background: url(../images/teamnews.png) center no-repeat;
  width:38px;
  height:20px;
}
.teamnews:hover {
  background: url(../images/teamnews_hover.png);
}

.clannews {
  background: url(../images/clannews.png) center no-repeat;
  width:38px;
  height:20px;
}
.clannews:hover {
  background: url(../images/clannews_hover.png);
}

.esportnews {
  background: url(../images/esportnews.png) center no-repeat;
  width:38px;
  height:20px;
}
.esportnews:hover {
  background: url(../images/esportnews_hover.png);
}

.allgemeinnews {
  background: url(../images/allgemeinnews.png) center no-repeat;
  width:38px;
  height:20px;
}
.allgemeinnews:hover {
  background: url(../images/allgemeinnews_hover.png);
}


#wrapper #main #content {
  clear: both;
  color: #404040;
  font-size: 0.9em;
}
#wrapper #main #content h1 { display: none; }
#wrapper #main #content h1 {
  color: #c42304;
  font-weight: bold;
}
#wrapper #main #content h2 {
  color: #c42304;
  font-weight: bold;
}
#wrapper #main #content h3 {
  color: #c42304;
  font-weight: bold;
}
#wrapper #main #content h4 {
  color: #c42304;
  font-weight: bold;
}
#wrapper #main #content h5 {
  color: #c42304;
  font-weight: bold;
}
#wrapper #main #content h6 {
  color: #c42304;
  font-weight: bold;
}
#wrapper #main #content .real_content { padding: 0 23px; }
#wrapper #main #content .top_news { width: 345px; }
#wrapper #main #content .top_news img {
  width: 339px;
  padding: 3px;
  height: 150px;
  background: #dddddd;
}
#wrapper #main #content .top_news .meta {
  padding: 9px 7px;
  border-bottom: 1px solid #404040;
}
#wrapper #main #content .top_news .main { padding: 6px 4px; }
#wrapper #main #content .top_news dt {
  float: left;
  padding: 0 0 0 0.5em;
}
#wrapper #main #content .top_news dd {
  float: left;
  padding: 0 0 0 0.5em;
}
#wrapper #main #content .top_news dt { color: #8c8c8c; }
#wrapper #main #content .top_news dd { font-weight: bold; }
#wrapper #sponsors {
  float: right;
  width: 237px;
  clear: none;
  background: #ffffff url(../images/main_background.jpg) repeat-x;
}
#wrapper #sponsors h2 {
  display: block;
  background: transparent url(../images/sponsors_head.jpg) left top no-repeat;
  height: 47px;
  padding: 0 20px 0 0;
  line-height: 37px;
  text-indent: -9999px;
  width: 239px;
  float: left;
}
#wrapper #sponsors div {
  background: #ffffff url(../images/sponsors_background.jpg) repeat-y;
  overflow: hidden;
}
#wrapper #sponsors ul {
  padding: 0 20px 10px 20px;
  clear: both;
  float: left;
  dislay: block;
}
#wrapper #sponsors h3 {
  border-bottom: 1px solid #bfbfbf;
  font-size: 0.8em;
  clear: both;
  display: block;
  margin: 0 15px;
  color: #bfbfbf;
  padding: 0 0 0 7px;
}
#wrapper #footer {
  height: 66px;
  background: #202020 url(../images/footer_background.jpg);
  clear: both;
  color: #ffffff;
}
#wrapper #footer a {
  color: #ffffff;
  text-decoration: none;
}
#wrapper #footer #copyright {
  float: left;
  background: transparent url(../images/footer_left.jpg) no-repeat;
  padding: 8px 0 0 17px;
  height: 58px;
}
#wrapper #footer #copyright img { float: left; }
#wrapper #footer .right {
  float: right;
  background: transparent url(../images/footer_right.jpg) right top no-repeat;
  height: 46px;
  padding: 20px 17px 0 0;
}
#wrapper #footer .right #contact-nav {
  float: right;
  margin: 0 0 5px 0;
}
#wrapper #footer .right #contact-nav li {
  float: left;
  padding: 0 0 0 20px;
}
#wrapper #footer .right #contact-nav li a {
  display: block;
  height: 10px;
  text-indent: -9999px;
}
#wrapper #footer .right #contact-nav li .newsspot {
  background: url(../images/footer_newsspot.jpg);
  width: 46px;
}
#wrapper #footer .right #contact-nav li .faq {
  background: url(../images/footer_faq.jpg);
  width: 19px;
}
#wrapper #footer .right #contact-nav li .banner {
  background: url(../images/footer_banner.jpg);
  width: 34px;
}
#wrapper #footer .right #contact-nav li .contact {
  background: url(../images/footer_contact.jpg);
  width: 37px;
}
#wrapper #footer .right #contact-nav li .imprint {
  background: url(../images/footer_imprint.jpg);
  width: 48px;
}
#wrapper #footer .right #contact-nav li .about {
  background: url(../images/footer_about.png);
  width: 24px;
}
#wrapper #footer .right #creators {
  float: right;
  clear: right;
  font-size: 10px;
}
#wrapper #footer .right #creators dd {
  float: left;
  color: #939393;
}
#wrapper #footer .right #creators dd a { color: #ffffff; }
#wrapper #footer .right #creators dt {
  float: left;
  color: #939393;
}
#wrapper #footer .right #creators dt a { color: #ffffff; }
#wrapper #footer .right #creators dt { padding: 0 0.5em 0 7px; }