@charset "utf-8";
/* STOFFTIERE ONLINE CSS Document by http://www.tob1s-world.eu */
body {
	background: #fff url('../img/layout/hg.jpg') repeat-x 0 0;
	padding: 0 0;
	margin: 0;
	position: relative;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
}
.clear { 
	clear: both;
}
form { 
	padding: 0; 
	margin: 0;
}
label { 
	cursor: pointer;
}
.left { 
	float: left;
}
.right { 
	float: right;
}
.hidden { 
	display: none;
}
a { 
	outline: none;
}
a img { 
	border: 0;
}
::-moz-selection {
	background: #008ac8;
	color: #fff;
}

/* ---------- SEITE ALLGEMEIN ---------- */
div#sfto {
	width:100%;
	margin: 0pt;
	background: url('../img/layout/hg_sfto.jpg') no-repeat 50% 0;
}
div#wrapper {
	width:1000px;
	margin: 0px auto;
	padding: 0;
	position: relative;
	background: url('../img/layout/logo.png') no-repeat 0 0;
}
div#bar {
	height: 36px;
}
div#bar span.welcome {
	padding: 12px 0px 0px 0px;
	float: left;
	color: #FFF;
}
div#bar div#login {
	padding: 12px 0px 0px 0px;
	position: relative;
	float: right;
	color: #FFF;
}
div#bar div#login div.unlogged {
	width: 600px;
}
/* LOGIN */
div#bar div#login strong {
	color: #cd0000;
}
div#login a.lostpw {
	color: #cd0000;
	font-weight: normal;
	float: left;
}
div#login span.reg {
	float: left;
	padding: 0px 13px 0px 10px;
}
div#login a.reg {
	color: #cd0000;
	float: left;
}
div#login span.email {
	width: 159px;
	float: left;
	font-weight: bold;
}
div#login span.pw {
	float: left;
	font-weight: bold;
}
div#login input#ws_user, div#login input#pwd {
	background: url('../img/icons/login_input.jpg');
	width: 104px;
	height: 18px;
	color: #666;
	position: absolute;
	top: 9px;
	right: 241px;
	border: 0px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-weight: normal;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 11px;
}
div#login input#pwd {
	right: 60px;
}
div#login input#ws_go {
	width: 50px;
	height: 18px;
	top: 9px;
	right: 0px;
	position: absolute;
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	background: url('../img/icons/login_submit.jpg');
}
div#login div.logged span.hello {
	color: #cd0000;
}
div#login div.logged a {
	color: #FFF;
	font-weight: normal;
}

div#header {
	height: 183px;
	background: url('../img/layout/header.jpg') no-repeat 100% 100%;
	padding: 0px 0px 0px 0px;
}
div#header h1 {
	width: 179px;
	display: block;
	padding: 10px 0 0 412px;
	margin: 0;
}
div#header h1 a {
	height: 163px;
	width: 179px;
	display: block;
	text-indent: -6000px;
	margin: 0px 0px 0px 0px; 
}
ul#navigation {
	height: 53px;
	padding: 0px 0px 0px 1px;
	background: url('../img/navigation/hg.jpg') repeat-x 0px 0px;
	margin: 0px;
	list-style: none;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	clear: left;
}
ul#navigation li {
	height: 53px;
	float: left;
}
ul#navigation li * {
	text-decoration: none;
}
ul#navigation li a {
	height: 53px;
	display: block;
	float: left;
	background: url('../img/navigation/spacer.jpg') no-repeat 100% 0;
	color: #FFF;
}
ul#navigation li a span {
	height: 36px;
	display: block;
	float: left;
	font-size: 17px;
	font-family: Arial, Helvetica, Arial, Verdana;
	padding: 16px 20px 0 20px;
	background-repeat: no-repeat;
	background-position: 20px 19px; /* left value - top value */
}
/*
ul#navigation li#a1 a span {
	width: 108px;
	background-image: url('../img/navigation/news.png');
}
ul#navigation li#a2 a span {
	width: 98px;
	background-image: url('../img/navigation/sfto.png');
}
ul#navigation li#a3 a span {
	width: 85px;
	background-image: url('../img/navigation/community.png');
}
ul#navigation li#a4 a span {
	width: 94px;
	background-image: url('../img/navigation/headquarter.png');
}
ul#navigation li#a5 a span {
	width: 61px;
	background-image: url('../img/navigation/partners.png');
}
ul#navigation li#a6 a span {
	width: 37px;
	background-image: url('../img/navigation/shop.png');
}
ul#navigation li#a7 a span {
	width: 81px;
	background-image: url('../img/navigation/livestream.png');
}
*/

ul#navigation li a:hover, ul#navigation li.aktiv a {
	background: #000 url('../img/navigation/spacer_hover.jpg') no-repeat 100% 0px;
	color: #FFF;
	margin-left: -1px;
	padding-left: 1px;
}

ul.subnavigation {
	height: 22px;
	padding: 10px 0px 0px 10px;
	background: #000;
	margin: 0px;
	list-style: none;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-khtml-border-radius-bottomleft: 2px;
	-khtml-border-radius-bottomright: 2px;
	color: #FFF;
	text-decoration: none;
}
ul.subnavigation li {
	float: left;
	padding: 0 8px 0 10px;
	text-align: center;
}
ul.subnavigation li a {
	display: block;
	font-weight: normal;
	float: left;
	color: #FFF;
}
ul.subnavigation li a:hover {
	font-weight: bold;
	text-decoration: none; 
}



div#block {
	clear: both;
	background: #e6e6e6;
	-moz-border-radius: 2px;
	height: 296px;
	margin: 10px 0;
}
div#block div#coverages {
	position: relative;
	width: 740px;
	height: 267px;
	padding: 10px 0px 0px 10px;
	overflow: hidden;
	float: left;
}
div#block div#coverages .sliderwrapper {
	position: relative;
	overflow: hidden;
	width: 740px;
	height: 276px;
}
div#block div#coverages .sliderwrapper .contentdiv {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0; 
	background: #000;
	width: 740px;
	height: 276px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
div#block div#coverages .sliderwrapper .contentdiv a {
	height: 207px;
	color: #FFF;
	text-decoration: none;
	padding: 0px;
	display: block;
	text-indent: -7000px;
}
div#block div#coverages #paginate-slider {
	z-index: 400;
	padding: 0px 0 0 0;
	position: absolute;
	left: 10px;
	bottom: 0px;
	width: 750px;
	height: 69px;
}
div#block div#coverages #paginate-slider a {
	height: 51px;
	width: 220px;
	padding: 18px 10px 0 16px;
	display: block;
	text-decoration: none; 
	float: left;
	margin-right: 1px;
	color: #000;
	background: url('../img/content/pagination.png');
	font-size: 12px;
}
div#block div#coverages #paginate-slider a small {
	font-size: 12px;
	display: block;
}
div#block div#coverages #paginate-slider a big {
	font-size: 16px;
	display: block;
}
div#block div#coverages #paginate-slider a.selected {
	background: #000 url('../img/content/pagination_ani.gif') no-repeat bottom left;
	color: #FFF;
}
div#block div#coverages #paginate-slider a.next {
	display: none;
}

div#block div#artlist {
	position: relative;
	width: 250px;
	padding: 0px 0px 0px 0px;
	float: left;
}
div#block div#artlist ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
div#block div#artlist ul li {
	padding: 0;
	height: 52px;
	background: url('../img/content/artlist-item.jpg') repeat-x bottom;
}
div#block div#artlist ul li h3 {
	position: relative;
	padding: 0;
	height: 52px;
	margin: 0;
	background: url('../img/content/artlist-arrow.jpg') no-repeat 94% 50%;
	font-size: 12px;
}
div#block div#artlist ul li h3 a {
	position: relative;
	padding: 0px 17px 0px 12px;
	height: 52px;
	display: table-cell;
    vertical-align: middle;
	color: #cd0000;
	width: 215px;
	font-size: 12px;
}
div#block div#artlist ul li.topArt {
	position: relative;
	height: 111px;
	padding: 10px 12px 0px 12px;
	background: url('../img/content/artlist-top.jpg') repeat-x bottom;
	-moz-border-radius-topright: 2px;
}
div#block div#artlist ul li.topArt h3 {
	margin: 0;
	font-size: 18px;
	color: #cd0000;
	padding: 0px 0px 0px 0px;
	background: none;
	height: auto;
}
div#block div#artlist ul li.topArt p {
	margin: 0;
	font-size: 12px;
	color: #333;
	padding: 10px 0px 0px 0px;
}
div#block div#artlist ul li.topArt h3 a {
	color: #cd0000;
	padding: 0;
	font-size: 18px;
	height: auto;
}

div#cols {
	padding-bottom: 30px;
}
div#leftCol {
	width: 245px;
	float: left;
	clear: left;
}
div#leftCol h3.topmatch {
	height: 33px;
	background: url('../img/sidebar/topmatch-head.jpg');
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	margin: 0;
	padding: 16px 0px 0px 0px;
}
div#leftCol h3.topmatch span {
	color: #efc0c0;
	font-weight: normal;
	padding: 0px 5px;
}
div#leftCol div.topmatch {
	padding: 10px 10px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	background: #FFF;
}
div#leftCol div.topmatch a {
	display: block;
	height: 100px;
}
div#leftCol div.topmatch img {
	width: 100px;
	height: 100px;
}
div#leftCol h3.matchticker-switch {
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	padding: 9px 0 1px 0;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	cursor: pointer;
	background: #383838 url('../img/sidebar/matchticker-switch.jpg') no-repeat 50% 11px;
	margin: 0;
}
div#leftCol div.matchticker-switch {
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	padding: 9px 0 1px 0;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	background: #383838;
	margin: 0;
	position: relative;
}
div#leftCol div.matchticker-switch span {
	font-weight: bold;
}
div#leftCol div.matchticker-switch a.prev {
	background: url('../img/sidebar/matchticker-switch-left.jpg') no-repeat 50% 50%;
	width: 6px;
	height: 9px;
	position: absolute;
	left: 45px;
	top: 12px;
	text-indent: -9000px;
}
div#leftCol div.matchticker-switch a.next {
	background: url('../img/sidebar/matchticker-switch-right.jpg') no-repeat 50% 50%;
	width: 6px;
	height: 9px;
	position: absolute;
	right: 45px;
	top: 12px;
	text-indent: -9000px;
}
div#leftCol div.matchticker {
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	padding: 4px;
	background: #383838;
}
div#leftCol div.matchticker ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	-moz-border-radius: 2px;
	display: block;
	background: #FFF;
}
div#leftCol div.headlines {
	border-left: 4px solid #383838;
	border-right: 4px solid #383838;
	border-bottom: 4px solid #383838;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	background: #383838;
}
div#leftCol div.headlines ul {
	list-style: none;
	margin: 0px 0 0 0;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	display: block;
	background: #FFF;
	padding: 0px 0px 4px 0;
}
div#leftCol div.matchticker ul li, div#leftCol div.headlines ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px;
	height: 41px;
}
div#leftCol div.matchticker ul li a, div#leftCol div.headlines ul li a {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: 5px center;
	display: block;
	height: 33px;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #b4b4b4;
	color: #666;
}
div#leftCol div.headlines ul li {
	height: auto !important;
}
div#leftCol div.headlines ul li a {
	padding: 8px 0px 8px 24px;
	background-repeat: no-repeat;
	background-position: 0px center;
	height: auto !important;
}
div#leftCol div.matchticker ul li:first-child a, div#leftCol div.headlines ul li:first-child a {
	border-top: 0px;
}
div#leftCol div.matchticker ul li a big, div#leftCol div.headlines ul li a big {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 11px;
	line-height: normal;
	display: block;
	color: #cd0000;
}
div#leftCol div.matchticker ul li a big span, div#leftCol div.headlines ul li a big span {
	color: #666;
	padding: 0 5px;
}
div#leftCol div.matchticker ul li a small, div#leftCol div.headlines ul li a small {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
}
div#leftCol div.matchticker ul li a span.right, div#leftCol div.headlines ul li a span.right {
	font-weight: bold;
	float: right;
	font-size: 14px;
	margin-top: -10px;
}
div#leftCol div.matchticker ul li a span.right .won {
	color:#578e08;
}
div#leftCol div.matchticker ul li a span.right .loss {
	color:#a50505;
}

div#leftCol div.matchticker ul li.wette {
	margin: 0px 0px 0px 0px;
	padding: 8px 18px 0px 18px;
	height: 37px;
	color: #FFF;
	font-weight: bold;
	background: url('../img/sidebar/matchticker-wette.jpg');
	text-align: center;
}
div#leftCol div.matchticker ul li.wette a {
	margin: 4px 2px 0px 1px;
	text-align: center;
	height: 13px;
	width: 43px;
	padding: 0;
	color: #FFF;
	font-weight: normal;
	font-size: 10px;
	background: url('../img/sidebar/matchticker-win.jpg');
	display: block;
	float: left;
	border:0px;
}
div#leftCol div.matchticker ul li.wette a.draw {
	width: 104px;
	background: url('../img/sidebar/matchticker-draw.jpg');
}

div#leftCol h3.ranking {
	height: 43px;
	background: url('../img/sidebar/ranking-head.jpg');
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 17px 0px 0px 20px;
}
div#leftCol div.rankings {
	border-left: 4px solid #383838;
	border-right: 4px solid #383838;
	border-bottom: 4px solid #383838;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	background: #383838;
}
div#leftCol div.rankings ul {
	list-style: none;
	margin: 0px 0 0 0;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	display: block;
	background: #FFF;
	padding: 4px 10px;
}
div#leftCol div.rankings div.pagination {
	margin: 0px 0 0 0;
	display: block;
	background: #FFF;
	padding: 4px 10px;
}
div#leftCol div.rankings h3 {
	margin: 0px 0 0 0;
	display: block;
	background: #FFF;
	padding: 4px 10px;
	color:#CD0000;
	display:block;
	font-size:12px;
	font-weight:bold;
}
div#leftCol div.rankings h3 a {
	color:#CD0000;
	font-weight:bold;
}
div#leftCol div.rankings ul li {
	background-repeat: no-repeat;
	background-position: 0px center;
	border-bottom: 1px solid #e4e4e4;
	margin: 0;
	padding: 0;
	color: #666;
}
div#leftCol div.rankings ul li a {
	display: block;
	margin: 0;
	padding: 5px 0px 4px 26px;
	font-weight: normal;
	color: #666;
}
div#leftCol div.rankings ul li span /* RANKINGS */ {
	float: left;
	padding: 5px 0px 5px 2px;
	width: 21px;
}
div#leftCol div.rankings ul li span.p /* RANKINGS */ {
	float: right;
	padding: 5px 8px 5px 0px;
	text-align: right;
	width: auto;
}
div#leftCol div.rankings ul li /* RANKINGS */ {
	background-position: 23px center;
	height: 23px;
}
div#leftCol div.rankings ul li a /* RANKINGS */ {
	padding: 5px 0px 5px 30px;
	float: left;
	width: 132px;
}
div#leftCol div.rankings ul li.sfto * /* RANKINGS */ {
	font-weight: bold;
	color: #cd0000;
}
div#leftCol div.rankings ul li.sfto a strong /* RANKINGS */ {
	color: #cd0000;
}



div#content {
	width: 500px;
	float: left;
	padding: 0px 0px 0px 5px;
	overflow: hidden;
}
div.content_big {
	width: 750px !important;
	padding: 0px 0px 0px 0px !important;
}

div#content div.newsbox {
	padding: 0px 0px 0px 0px;
	width: 243px;
	height: 214px;
	float: left;
	border: 1px solid #dfdfdf;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	overflow: hidden;
}
div#content div.newsbox div.content_box {
	text-align: left;
	padding: 10px;
}
div#content div.right {
	float: right;
}
div#content div.newsbox strong.thema {
	padding: 8px 0px 0px 10px;
	font-size: 10px;
	display: block;
	text-transform: uppercase;
}
div#content div.newsbox h3 {
	padding: 4px 0px 0px 10px;
	font-size: 12px;
	display: block;
	color: #cd0000;
	margin: 0;
}
div#content div.newsbox h3 a, div#content div.newsbox a.mehr {
	color: #cd0000;
}

div#content div.cc_box h3.newstitle span.date, h3.title span.date  {
	padding: 5px 0px 0px 0px;
	font-size: 11px;
	color: #7a7a7a;
	font-weight: normal;
	float: right;
}
h3.title span.date  {
	padding: 14px 14px 0px 0px;
	font-size: 11px;
	color: #7a7a7a;
	font-weight: normal;
	float: right;
}


div#content div.newsad {
	text-align: center;
	padding-bottom: 10px;
	clear: both;
}
div#content div.newsboxad img {
	width: 245px;
}


div#content div.cc_box strong.subtitle  {
	padding: 0px 0px 15px 0px;
	display: block;
	font-size: 12px;
	clear: both;
}
div#content div.content_box img.newsbanner {
	padding: 5px 10px 5px 0;
	float: left;
	width: 125px;
}




div#sidebar {
	width: 245px;
	float: left;
	padding: 0px 0px 0px 5px;
}
div#sidebar ul#socialbar {
	padding: 0px 0 0 1px;
	margin: 0 0 10px 0;
	background: url('../img/sidebar/socialbar.jpg');
	height: 49px;
	list-style: none;
}
div#sidebar ul#socialbar li {
	padding: 11px 1px 0 10px;
	float: left;
}
div#sidebar ul#socialbar li a {
	padding: 0px 0 0 0;
	display: block;
	float: left;
	width: 28px;
	height: 27px;
	text-indent: -7000px;
}

div#sidebar div.partners {
	padding: 0;
	margin: -2px -4px 10px -4px;
	width: 253px;
}

div#sidebar div#rightframe {
	padding: 15px 10px 0px 10px;
	text-align: center;
}
div#sidebar div#rightframe * {
	display: block;
	margin: auto;
	text-align: center;
}

div#sidebar h3.warenkorb {
	height: 35px;
	background: url('../img/sidebar/topmatch-head.jpg');
	color: #FFF;
	font-weight: bold;
	text-align: left;
	font-size: 17px;
	margin: 0;
	padding: 14px 0px 0px 14px;
}
div#sidebar div.warenkorb {
	padding: 14px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 10px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
}





div#footer {
	background: #FFF url('../img/footer/footer.jpg') repeat-x;
	border-top: 1px solid #eee;
	height: 175px;
	margin: 0pt;
	padding: 0px 0px 0px 0px;
	clear: both;
}
div#footer div#footer_inner {
	padding: 30px 0px 0px 0px;
	clear: both;
	width: 1000px;
	height: 145px;
	margin: auto;
	color: #FFF;
}
div#footer h4 {
	float: left;
	clear: left;
	margin: 0;
	list-style: none;
	padding: 4px 0px 0px 0px;
	width: 95px;
}
div#footer div.right h4 {
	width: 65px;
}
div#footer div.sitemap {
	float: left;
	padding: 0px 0px 10px 0px;
}
div#footer div.left {
	float: left;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #161616;
}
div#footer div.right {
	float: left;
	padding: 0px 0px 0px 10px;
}
div#footer div.partners {
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin-top: -10px;
}
div#footer ul.sitemap {
	float: left;
	margin: 0;
	list-style: none;
	padding: 4px 0px 0px 0px;
}
div#footer ul.sitemap li {
	float: left;
	padding: 0px 5px 5px 9px;
	margin: 0px 0px 0px 0px;
	color: #666;
	list-style: none;
	background: url('../img/footer/footer_dot.jpg') no-repeat 0px 5px;
}
div#footer ul.sitemap li:first-child {
	background: none;
}
div#footer ul.sitemap li a {
	float: left;
	color: #FFF;
	font-weight: normal;
}
div#footer div.copy {
	clear: both;
	margin: 0;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #161616;
}
div#footer div.copy a {
	color: #FFF;
}
div#footer ul.meta {
	float: right;
	margin: 0;
	list-style: none;
	padding: 0px 0px 0px 0px;
}
div#footer ul.meta li {
	float: left;
	padding: 0px 10px 0px 0px;
}
div#footer ul.meta li a {
	float: left;
	color: #FFF;
	font-weight: bold;
}