/*
  Team-Leisure Stylesheet
  http://www.team-leisure.de
*/

html {
	height:100%;
}

body { 
	font-family: Arial, sans-serif;
	font-size: 9pt;
	line-height:10pt;
	background-image: url(images/content/content_background.png);
	background-repeat:repeat-x;
	background-color:#171717;
	cursor:default;
	margin:0px;
	padding:0px;
	height:100%;
	text-align:center;
}

img {
	border:0 solid #000000;
	margin:0;
}

p {
	margin: 0px;
	padding: 0px; 
}

h2 {
	font-weight: bold;
	color: #646464;
	font-size: 10pt;
}

h4 {
	font-weight: bold;
	color: #c7b271;
}

h5, h5 a, h5 a:HOVER, h5 a:VISITED, h5 a:ACTIVE, h5 a:LINK {
	font-weight: normal;
	font-size: 9pt;
	color: #c7b271;
}

h6 {
	font-size: 8pt;
	line-height: 8pt;
	font-weight: normal;
}

h2, h3, h4, h5, h6 {
	margin:0px;
	padding: 0px;
}

TEXTAREA, input, select {
	border: 1px solid #a5a5a5;
	background: white;
	margin:0px;
	padding:2px;
}

input {
	height:16px;
}

input:FOCUS, TEXTAREA:FOCUS, select:FOCUS {
	border: 1px solid #c3ae6e;
}

input.submit {
	background: url("images/content/submitButton_bgrd.png");
	font-weight: bold;
	font-size: 8pt;
	font-style: italic;
	height: 20px;
	padding:2px 10px;
	cursor:pointer;
}

input.submit:HOVER {
	background: url("images/content/submitButtonHover_bgrd.png");
}

a:link { color: #c7b271; text-decoration: none; }
a:active { color: #c7b271; text-decoration: none; }
a:visited { color:#c7b271; text-decoration: none; }
a:hover { color:black; text-decoration: none; }

a.whiteHover:hover { color:white; text-decoration: none; }

a.black:link { color:black; text-decoration: none; }
a.black:active { color:black; text-decoration: none; }
a.black:visited { color:black; text-decoration: none; }
a.black:hover { color:black; text-decoration: underline; }

a.button, #fadeIt-menu a.wactive, #fadeIt-menu a, .site_link {
	border: 1px solid #a5a5a5;
	background: url("images/content/submitButton_bgrd.png");
	font-weight: bold;
	font-size: 8pt;
	font-style: italic;
	height: 20px;
	padding:2px 10px;
	color: black;
}

#fadeIt-menu a, a.site_link {
	position:relative;
	top: 5px;
	border: 1px solid transparent;
	background: transparent;
	padding:2px 4px;
	height: 20px;
	color:black;
}

a.button:HOVER, #fadeIt-menu a.wactive:HOVER, #fadeIt-menu a:HOVER, a.site_link:HOVER {
	background: url("images/content/submitButtonHover_bgrd.png");
	border: 1px solid #a5a5a5;
}

ul#fadeIt, ul#fadeIt li {
	list-style:none;
	margin:0px;
	padding:0px;
}

#fadeIt-menu a.wactive, span.site_link {
	position:relative;
	top: 5px;
	padding:2px 3px;
}

span.site_link, a.site_link {
	top:2px;
}

.float_left {
	float:left;
	margin-right:10px;
}

.float_right {
	float:right;
	margin-left:10px;
}

table.tableList {
	
}

table.tableList td {
	height: 28px;
	background:url("images/content/table_row_bgrd.png");
	padding:0px 5px;
}

table.tableList tr:HOVER td {
	background:url("images/content/table_row_bgrd_hover.png");
}

table.tableList tr.trListTitle td, tr.trListTitle td {
	height: 20px;
	background:#cccccc;
	color:black;
	font-weight: bold;
	padding:0px 5px;
}

table.tableList tr.trListTitle2 td, tr.trListTitle2 td {
	height: 20px;
	background:#cccccc;
	color:black;
	padding:0px 5px;
}

img {
	vertical-align:middle;
}

table.tableList tr.trListRowForum1 td, table.tableList tr.trListRowForum2 td {
	height: 37px;
	color:black;
}

table.tableList tr.trListRowForum1 td {
	background:url("images/content/forum_row_bgrd1.png");
}

table.tableList tr.trListRowForum2 td {
	background:url("images/content/forum_row_bgrd2_hover.png");
}

table.tableList tr.trListRowForum1:HOVER td {
	background:url("images/content/forum_row_bgrd1_hover.png");
}

table.tableList tr.trListRowForum2:HOVER td {
	background:url("images/content/forum_row_bgrd2.png");
}

table.tableList tr.trListBig td {
	background:transparent;
	padding:3px;
}

.threadVisitedPic {
	vertical-align: middle;
	float:left;
	margin:0px 5px;
}

.forumVisitedPic {
	vertical-align: middle;
	float:left;
	margin:5px;
}

.won {
	color: #bbde12;
}

.lost {
	color: #da053f;
}

.draw {
	color: #282828;
}

.small {
	font-size: 7pt;
}

.lessSmall {
	font-size: 8pt;
}

/* Main Style */

div#main {
	height:100%;
	width:987px;
	text-align:left;
	margin:0px auto;
	background: white;
}

div#content {
	text-align:left;
	background: white;
	min-height: 500px;
}

div#topBar {
	height:47px;
	background: url("images/content/topBar/topBar_bgrd.png");
	margin: 0px 13px;
	position:relative;
}

div#topBar img {
	vertical-align: bottom;
}

div#htn {
	width:200px;
	margin:auto;
	position: relative;
	color: #717171;
	bottom:23px;
}

div#htn a {
	color: #717171;
	font-size: 10pt;
}

div#login {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 33px;
	line-height: 30px;
	vertical-align: middle;
	width:500px;
	color: white;
	font-size: 8pt;
	text-align: right;
}

div#login img {
	vertical-align: middle;
}

div#login #open {
	position: absolute;
	right:56px;
}

div#header {
	height:205px;
	background: url("images/content/header/header_bgrd.png");
	margin: 1px 13px 0px 13px;
	position: relative;
}

img#logo {
	position: absolute;
	top:38px;
	left:20px;
	cursor: pointer;
}

img#birthday {
	position: absolute;
	bottom:6px;
	left:495px;
}

div#headPartner img {
	vertical-align: middle;
}

div#headPartner {
	position: absolute;
	top: 65px;
	right: 25px;
	color: white;
	font-weight: bold;
}

div#navi {
	height:34px;
	background: url("images/content/navi/navi_bgrd.png");
	margin: 0px 13px 13px 13px;
}

div.navTrenn {
	width:2px;
	height:34px;
	background: url("images/content/navi/naviTrenn.png");
	float:left;
}

div.navItemHolder {
	height:34px;
	float:left;
	position: relative;
}

div.navItemHolder:HOVER {
	background: url("images/content/navi/naviHover_bgrd.png");
	color: black;
	height:34px;
	float:left;
	position: relative;
}

div.subnavItemHolder {
	position: absolute;
	top:34px;
	background: #e7cd7b;
	background-image: url("images/content/navi/subnav_bgrd.png");
	background-repeat: repeat-x;
	background-position: top;
	padding:12px 7px 0px 7px;
	display:none;
	z-index:5;
	white-space:nowrap;
	min-width: 100%;
}

a.nav, a.nav:link, span.nav, a.nav:visited, a.nav:active {
	color:white;
	text-decoration:none;
	font-size:10pt;
	padding:0px 15px;
	padding-top:9px;
	height:25px;
	font-weight:bold;
	display: block;
}
a.nav:hover, span.nav:hover, a.navHover, span.navHover, div.navItemHolder:HOVER a.nav, div.navItemHolder:HOVER span.nav {
	background: url("images/content/navi/naviHover_bgrd.png");
	color: black;
	text-decoration:none;
	font-size:10pt;
	padding:0px 15px;
	padding-top:9px;
	height:25px;
	font-weight:bold;
	display: block;
}

a.subnav, span.subnav {
	color:white;
	text-decoration:none;
	font-weight:bold;
	display: block;
	margin:8px 0px;
}

a.subnav:hover, span.subnav:hover, a.subnavHover, span.subnavHover {
	color:black;
	text-decoration:none;
	font-weight:bold;
	display: block;
	margin:8px 0px;
}

.boxHead {
	background: url("images/content/boxHead_bgrd.png");
	height: 20px;
	font-weight: bold;
	color:white;
	padding:7px 0px 0px 8px;
}

a.boxHeadButton, a.boxHeadButton:VISITED, a.boxHeadButton:ACTIVE, a.boxHeadButton:LINK, div.boxHeadButton, div.boxHeadButton_hover {
	float:right;
	height: 16px;
	border: 1px solid #3d3d3d;
	background: url('images/content/titleButton_bgrd.png');
	padding: 2px 10px 0px 10px;
	font-style: italic;
	color: black;
	position: relative;
	bottom: 3px;
	margin-right:10px;
}

a.boxHeadButton:HOVER, div.boxHeadButton_hover {
	background: url('images/content/titleButtonPress_bgrd.png');
}

div.boxHeadBar {
	float:right;
	height: 18px;
	border: 1px solid #3d3d3d;
	background: url('images/content/titleBar_bgrd.png');
	padding: 0px;
	font-style: italic;
	color: black;
	position: relative;
	bottom: 3px;
	margin-right:10px;
	width: 100px;
	text-align: left;
}

div.boxHeadBarInner {
	height: 18px;
	border: 0px solid #3d3d3d;
	background: url('images/content/titleButton_bgrd.png');
	padding: 0px;
	font-style: italic;
	color: black;
}

div.boxHeadBarText {
	height: 16px;
	border: 0px solid #3d3d3d;
	position: absolute; top:0px; left:0px;
	font-style: italic;
	color: black;
	padding-top: 2px;
	width: 100%;
	text-align: center;
	font-weight: normal;
}

.boxBody, .boxBody2 {
	border:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-width: 0px 1px 1px 1px;
	background:white;
	background-image: url("images/content/boxBody_bgrd.png");
	background-repeat: repeat-x;
}

.boxCell, .boxCell_title, .boxCell_text {
	border-bottom:1px solid #cccccc;
	padding:9px 2px 0px 2px;
	line-height:16px;
	height:16px;
	color:#666666;
	font-weight:bold;
}

.boxCell_title {
	font-style: italic;
	color:black;
	font-size:8pt;
}

.boxCell_text {
	font-weight: normal;
	color: black;
}

.boxRow:HOVER .boxCell {
	border-bottom:1px solid black;
}

.boxCell img {
	vertical-align: bottom;
}

.innerBox {
	border:1px solid #a5a5a5; background: #f3f3f3;
}

.innerBoxPicture {
	border:1px solid #a5a5a5;
	background: #ffffff;
	background-image: url("images/content/galerieImg_bgrd.png");
	background-repeat: repeat-x;
}

.innerBoxPicture:HOVER {
	border:1px solid #c7b271;
	background: #ffffff;
	background-image: url("images/content/galerieImg_bgrd.png");
	background-repeat: repeat-x;
}

.innerBox ul {
	padding:0px;
	margin:0px auto;
}

.innerBox ul li {
	list-style-position:inside;
	list-style-image:url("images/content/list-style-image.png");
	padding:0px;
	margin:0px 0px 0px 20px;
}

.innerDark {
	padding:10px 5px 10px 5px; min-height: 13px; background: #1d1d1d; color: #c7b271;
}

div#advertising {
	height:124px;
	padding-top:6px;
	background: url("images/content/advertising_bgrd.png");
	margin: 13px 13px;
	text-align: center;
	font-size: 8pt;
	color: black;
	font-weight: bold;
	clear:both;
}

div#topArticle {
	height: 300px;
	width: 616px;
	background-image: url('images/content/topNews_bgrd.png');
	overflow: hidden;
	float:left;
	margin:0px 0px 13px 13px;
	position:relative;
}

div#topArticle_text {
	position:absolute;
	right:0px;
	color:white;
	width: 228px;
	height: 279px;
	background-image: url('images/content/topArticleOverlay_bgrd.png');
	padding:21px 9px 0px 9px;
	text-align: justify;
}

div#topArticle_info {
	position:absolute;
	left:0px;
	bottom:0px;
	color:white;
	height: 30px;
	width:350px;
	background-image: url('images/content/topArticleOverlay_bgrd.png');
	padding:10px;
}

a.topArticle_link {
	display: block; color: #c3ae6e; font-style: italic; font-weight: bold; text-align: right;
}

ul#topArticleSlider, ul#topArticleUl{
	list-style: none;
	padding:0px;
	margin:0px;
}

ul#topArticleSlider li, ul#topArticleUl li {
	height: 300px; width: 616px; position: relative; line-height: 9pt;
	padding:0px;
	margin:0px;
}

div#slideCtrlTopArticle {
	position:absolute; left:4px; bottom:2px;
}

div#slideCtrlTopArticle a img {
	border:2px solid white;
	margin-right: 12px;
}

div#slideCtrlTopArticle a.wactive img {
	border:2px solid #c3ae6e;
}

div#topMatches {
	height: 300px;
	width:331px;
	overflow: hidden;
	float:right;
	margin-right:13px;
	margin-bottom:13px;
}

tr.warsCounterLegend td {
	font-size: 6pt;
	font-weight: bold;
	font-stretch: condensed;
	text-align: right;
	padding:2px;
	color:#424141;
}

tr.warsCounterNums td {
	font-size: 25pt;
	font-weight: bold;
	text-align: right;
	padding:2px;
	color:#424141;
}

div#fadeCtrlMatches a {
	float:right;
	display: block;
	margin:0px 5px;
	padding:0px 2px;
	color: white;
}

div#fadeCtrlMatches a:HOVER, div#fadeCtrlMatches a.wactive {
	color: black;
	background: #c3ae6e;
}

div#fadeCtrlMatches {
	padding:0px;
	height: 27px;
}

div#fadeCtrlMatches a {
	height: 20px;
	float:left;
	display: block;
	margin:0px 3px;
	padding:7px 3px 0px 3px;
}

ul#matchesFader, ul#bestOfFader, ul#headPartnerUl {
	list-style: none;
	padding:0px;
	margin:0px;
}

ul#matchesFader li {
	height: 266px; width: 329px; line-height: 9pt;
	padding:0px;
	margin:0px;
	position: relative;
}

ul#bestOfFader li, ul#headPartnerUl li {
	padding:0px;
	margin:0px;
}

#headPartnerUl-menu {
	display:none;
}

ul#matchesFader li table:HOVER tr td table tr.warsCounterNums td {
	color: #da053f;
}

div#newsarea {
	width: 616px; margin:0px 13px 0px 13px; float:left;
}

div#mainContentBox {
	padding-right:357px; padding-left:13px; z-index:6; min-height:1244px; vertical-align: top;
}

div#mainContentBox .boxBody {
	min-height:1185px;
	padding:15px;
}

div#notHomeRight {
	position: absolute; left:auto;
}

div#notHomeRightTrue {
	width:344px; float:right; position: absolute; top:300px; left:643px; z-index:0;
}

.topNews, .newsBox {
	height: 268px;
	width: 293px;
	padding:7px 6px 7px 7px;
	overflow: hidden;
	float:left;
	position: relative;
}

.topNews_r, .newsBox_r {
	padding:7px 7px 7px 6px;
}

.topNews {
	cursor: pointer;
}

.topNews:HOVER h2 {
	color: black;
}

.topNews img {
	border: 1px solid black;
	position: absolute;
	top: 37px;
}

.topNews .text {
	position: absolute;
	top: 165px;
	font-weight: bold;
	line-height: 9pt;
	text-align: justify;
	padding-right:6px;
}

.topNews .info {
	position: absolute;
	bottom:7px;
	font-size: 8pt;
	width: 293px;
}

.topNews h5 a {
	font-weight:bold; font-style: italic;
}

.topNewsTrenn {
	height: 277px;
	width: 2px;
	background:url('images/content/topNewsTrenn.png');
	float:left;
}

.newsBox .boxCell a:HOVER, .newsBox .boxCell a:VISITED, .newsBox .boxCell a:ACTIVE, .newsBox .boxCell a:LINK {
	color:#666666;
}

div#videocenter {
	width: 331px; margin-right:13px; float:right;
}

div#advertiseBox {
	width: 331px; margin:0px 13px 13px 0px; float:right;
}

#videocenter .boxBody {
	height:280px; overflow:hidden; position: relative; padding:5px 6px; clear:both;
}

div#blog {
	width: 331px; float:right; margin: 13px 13px 13px 0px;
}

#blog .boxBody {
	height:245px; overflow:hidden; position: relative; padding:0px 6px 5px 6px; clear:both;
}

div#sponsorsBox {
	padding:3px 0px 3px 26px; clear:both; background-image: url('images/content/sponsorsHomeBgrd.png'); background-repeat:repeat-x; background-color:#383834; margin:13px; margin-top:13px;
}

div#sponsorsBox a {
	margin:0px 15px 14px 0px;
	height: 95px;
	width: 288px;
}

div#sponsorsBox a img {
	border:2px solid #c3ae6e;
	margin:4px 0px;
}

div#sponsorsBox a:HOVER img {
	border:2px solid black;
}

div#lastBoxRow {
	height:269px; clear:both; margin: 0px 13px 13px 13px;
}

div#galleryBox {
	width: 330px; float:left;
}

#galleryBox .boxBody {
	height: 231px; padding:10px 8px 0px 8px
}

#galleryBox .album {
	height: 77px;
	clear:both;
	cursor: pointer;
}

#galleryBox .album .image {
	float:left; height: 70px; width:105px;
}

#galleryBox .album .text {
	padding-top:4px;
	font-weight: bold;
	line-height: 11pt;
	font-size: 8pt;
}

#galleryBox .album img {
	border:2px solid #c3ae6e;
}

#galleryBox .album:HOVER img {
	border:2px solid black;
}

.temLinkBox {
	height: 315px;
	width: 214px;
	margin-right:3px;
	clear:both;
	float:left;
}

.userControl {
	height: 258px;
	width: 204px;
	padding:5px;
	margin-right:3px;
	clear:both;
	float:left;
}

.temLinkBox ul {
	padding:0px;
	margin:5px;
	height: 75px;
}

ul.gold {
	padding:0px;
	margin:0px;
}

.temLinkBox ul li, ul.gold li {
	list-style-position:inside;
	list-style-image:url("images/content/list-style-image_gold.png");
	padding:0px;
	margin-left:5px;
	color: #c7b271;
}

.temLinkBox ul li {
	float:left;
	width:97px;
}

.temLinkBox ul li a, ul.gold li a {
	color: #c7b271;
	text-decoration: none;
}

.temLinkBox ul li a:HOVER, ul.gold li a:HOVER {
	color: #c7b271;
	text-decoration: underline;
}

ul.gold li, ul.gold li a:HOVER, ul.gold li a, .gold {
	color: #bba86b;
}

ul.gold2 li, ul.gold2 li a:HOVER, ul.gold2 li a, .gold2 {
	color: #c7b271;
}

.matchBoxBBCode {
	background: url('images/content/matchBox_bgrd.png');
	border: 2px solid #c7b271;
	width: 266px;
	height: 166px;
}

.matchBoxBBCode:HOVER {
	border: 2px solid #000000;
}

div#footer {
	padding-bottom:4px;
	height: 93px;
}

div#footerLeft {
	width:214px;
	height:81px;
	padding:6px;
	background: #272727;
	background-image: url('images/content/footer/footerLeftBorder.png');
	float:left;
	text-align: right;
}

div#footerBanner {
	width: 535px;
	float:left;
	text-align: center;
	font-size: 8pt;
}

div#footerRight {
	width:214px;
	height:81px;
	padding:6px;
	font-weight:bold;
	color:#939393;
	background: #272727;
	background-image: url('images/content/footer/footerRightBorder.png');
	float:left;
}

a.footerNav, span.footerNav {
	color:#939393;
	text-decoration:none;
	font-weight:bold;
	display: block;
}

a.footerNav:hover, a.footerNavHover, span.footerNav:hover, span.footerNavHover {
	color:#939393;
	text-decoration:underline;
	font-weight:bold;
	display: block;
}

/* Panel Style */

div#panel {
	position: absolute;
	top:47px;
	left:auto;
	background: #272727;
	height: 239px;
	padding-top:37px;
	width: 961px;
	margin: 0px 13px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	color: white;
	display: none;
	z-index:3;
}

div#closePanel {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 33px;
	line-height: 30px;
	vertical-align: middle;
	width:350px;
	color: white;
	font-size: 8pt;
	text-align: right;
}

div#closePanel img {
	vertical-align: middle;
}

div#closePanel #close {
	position: absolute;
	left:205px;
}

div#panelText {
	width:258px;
	position: relative; 
	left: 29px;
	font-size: 9pt;
	padding:0px 26px;
	background-image: url("images/content/topBar/panelTrenn.png");
	background-repeat: no-repeat;
	background-position: right top;
}

div#panelPoweredBy {
	text-align: right;
	color: #939393;
	vertical-align: top;
	margin-top: 7px;
}

div#panelPoweredBy img {
	vertical-align: top;
}

div#panelProfilInfo{
	padding:0px 0px 0px 26px;
	width: 284px;
	height: 100%;
	background-image: url("images/content/topBar/panelTrenn.png");
	background-repeat: no-repeat;
	background-position: right top;
	float:right;
}

div#panelProfilControl {
	padding:0px 26px;
	width: 258px;
	float:right;
}

a.profileControl, a.profileControl:hover, a.profileControl:active, a.profileControl:visited {
	display: block;
	color:white;
}
a.profileControl:hover {
	text-decoration: underline;
	color:white;
}

form#loginForm {
	margin:0px;
	padding:0px;
	font-size: 10pt;
}

form#loginForm input.input_login {
	border: 1px solid #1a1a1a;
	background: #414141;
	margin:0px;
	padding:3px;
	width: 200px;
	color:white;
}

form#loginForm input.input_login:FOCUS {
	border: 1px solid #006399;
	background: #414141;
	margin:0px;
	padding:3px;
	width: 200px;
}

form#loginForm table td {
	padding:5px 0px;
	color:#999999;
}

.submit_login, .submit_register {
	background:transparent;
	border-width: 0px;
	height: 24px;
	font-weight: bold;
	padding-bottom: 3px;
	cursor: pointer;
}

.submit_login, .submit_login:FOCUS {
	background-image: url("js/images/bt_login.png");
	width: 74px;
	border:0px solid black;
}

.submit_register, .submit_register:FOCUS {
	background-image: url("js/images/bt_register.png");
	width: 94px;
	color: white;
	margin-top:5px;
	border:0px solid black;
}