/* Css By Mateusz "xX-Viper-HunteR-Xx" Garbela */
/* Css Name | RedeYe-gaming */
/* Css Date | 26.11.2009 15:11:00 */
/* Css Homepage | http://xeno.spacequadrat.de/ */

body {
text-align:center;
color: #000;
background:#fff url(i/bg.gif) repeat;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
margin:20px 31px 20px 36px;
}
 
ol, ul {list-style: none;}

/* end reset styles */
/* clearing technique *
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

a img,img{border:none;}

/* =====/ global styles /=====*/
div#outerDiv {
	width:957px;
	height:auto;
	text-align:left;
	margin:0 auto;
}
strong.red{
	color:red;
}
div#breakMain{
	width:585px;
	height:14px;
	background:url(i/breakMain.jpg) no-repeat 0 0;
	float:left;
	margin-left:5px;
	margin-top:2px;
	margin-bottom:4px;
	display:inline;
}
div#breakMain2{
	width:585px;
	height:14px;
	background:url(i/breakMain.jpg) no-repeat 0 0;
	float:left;
	margin-left:5px;
	margin-top:8px;
	margin-bottom:1px;
}
div#contentSites{
	width:584px;
	height:auto;
	float:left;
	margin-left:5px;
	display:inline;
	text-align:left;
}
/* =====/ global styles /=====*/

/* =====/ headerTop /=====*/
div#headerTop{
	width:957px;
	height:34px;
	background:url(i/headerTop.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ headerTop /=====*/

/* =====/ header /=====*/
div#header{
	width:954px;
	height:136px;
	margin-left:1px;
	margin-right:2px;
	float:left;
}
div#header1{
	width:451px;
	height:136px;
	background:url(i/header1.jpg) no-repeat 0 0;
	float:left;
}
div#header2{
	width:503px;
	height:33px;
	background:url(i/header2.jpg) no-repeat 0 0;
	float:left;
}
div#advertisements{
	width:468px;
	height:60px;
	float:left;
}
div#header3{
	width:35px;
	height:60px;
	background:url(i/header3.jpg) no-repeat 0 0;
	float:left;
}
div#header4{
	width:503px;
	height:43px;
	background:url(i/header4.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ header /=====*/

/* =====/ mainDiv /===== */
div#mainDiv,div#contentDiv{
	width:954px;
	margin-left:1px;
	margin-right:2px;
	float:left;
}
div#mainDiv{
	background:url(i/mainTop.png) no-repeat 0 0;
	width:954px;
	float:left;
	position:relative;
	padding-right:32px;
}
div#contentDiv{
	background:url(i/mainRepeat.png) repeat-y 0 0;
	float:left;
	min-height:100px;
	top:60px;
	position:relative;
	margin:0;
}
div#contentLeft{
	width:204px;
	height:auto;
	float:left;
	display:inline;
	margin-top:-4px;
}
div#contentMain{
	width:595px;
	min-height:100px;
	float:left;
	display:inline;
	margin-left:6px;
	margin-top:-56px;
}
div#contentRight{
	width:139px;
	height:auto;
	float:left;
	display:inline;
	margin-left:7px;
	margin-top:-56px;
}
/* =====/ mainDiv /===== */

/* =====/ loginHeader latestNewsHeader latestThreads partnerHeader /===== */
div#loginHeader{
	width:196px;
	height:37px;
	background:url(i/loginHeader.jpg) no-repeat 0 0;
	float:left;
}
div#latestNewsHeader{
	width:196px;
	height:37px;
	background:url(i/latestNewsHeader.jpg) no-repeat 0 0;
	float:left;
}
div#latestThreadsHeader{
	width:196px;
	height:37px;
	background:url(i/latestThreadsHeader.jpg) no-repeat 0 0;
	float:left;
}
div#partnerHeader{
	width:196px;
	height:37px;
	background:url(i/partnerHeader.jpg) no-repeat 0 0;
	float:left;
}
div#shoutboxHeader{
	width:196px;
	height:37px;
	background:url(i/shoutboxHeader.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ loginHeader latestNewsHeader latestThreadsHeader partnerHeader /===== */

/* =====/ box styles /===== */
.box,.boxRepeat{
	width:196px;
	float:left;
	margin-left:5px;
	margin-top:7px;
	display:inline;
}
.boxRepeat{
	background:url(i/boxBgRepeat.jpg) repeat-y 0 0;
	float:left;
	position:relative;
	margin:0;
}
.boxMain {
	width:194px;
	background:url(i/boxMain.jpg) no-repeat 0 0;
	float:left;
	min-height: 82px;
}
.boxFooter{
	width:196px;
	height:10px;
	background:url(i/boxFooter.jpg) no-repeat 0 0;
	float:left; 
}
.breakLeft{
	width:195px;
	height:14px;
	background:url(i/breakLeft.jpg) no-repeat 0 0;
	float:left;
	margin:4px 0 3px 5px;
	display:inline;
}
/*box2 styles*/
.box2Bg{
	width:138px;
	height:auto;
	float:left;
	background:transparent;
	margin-bottom:11px;
	margin-top:4px;
}
/* =====/ box styles /===== */

/* =====/ latestMatches /===== */
div#latestMatches,#latestMatchesBg{
	width:295px;
	float:left;
	display:inline;
	margin-left:4px;
}
div#latestMatchesBg{
	background:url(i/latestMatchesBg.jpg) repeat-y 0 0;
	float:left;
	position:relative;
	margin:0;
}
div#latestMatchesMain{
	width:290px;
	background:url(i/latestMatchesMain.jpg) no-repeat 0 0;
	float:left;
	min-height:148px;
	margin-left:1px;
}
div#latestMatchesHeader{
	width:295px;
	height:37px;
	background:url(i/latestMatchesHeader.jpg) no-repeat 0 0;
	float:left;
}
div#latestMatchesFooter{
	width:291px;
	height:6px;
	background:url(i/latestMatchesFooter.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ latestMatches /===== */

/* =====/ special /===== */
div#specialHeader{
	width:291px;
	height:37px;
	background:url(i/specialHeader.jpg) no-repeat 0 0;
	float:left;
}
div#specialMain{
	width:290px;
	height:204px;
	background:url(i/specialMain.jpg) no-repeat 0 0;
	float: left;
}
div#specialFooter{
	width:290px;
	height:12px;
	background:url(i/specialFooter.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ special /===== */

/* =====/ mainSponsors /===== */
div#mainSponsorsHeader{
	width:139px;
	height:23px;
	background:url(i/mainSponsorsHeader.jpg) no-repeat 0 0;
	float:left;
	margin-top:11px;
}
/* =====/ mainSponsors /===== */

/* =====/ sponsors /===== */
div#sponsorsHeader {
	width:139px;
	height:29px;
	background:url(i/sponsorsHeader.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ sponsors /===== */

/* =====/ advertisements /===== */
div#advertisementsHeader{
	width:139px;
	height:23px;
	background:url(i/advertisementsHeader.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ advertisements /===== */

/* =====/ navigation /===== */
div#navigation{
	width:591px;
	height:48px;
	background:url(i/naviBg.png) no-repeat 0 0;
	float:left;
	margin-top:2px;
	margin-left:2px;
}
/* =====/ navigation /===== */

/* =====/ subNavigation /===== */
div#subNavi{
	width:85px;
	height:25px;
	background:url(i/subLeft.jpg) no-repeat 0 0;
	float:left;
	margin-left:13px;
}
div#subNaviBg{
	width:483px;
	height:25px;
	background:url(i/subNaviBg.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ subNavigation /===== */

/* =====/ footer1 footer2 /===== */
div#footer1{
	width:954px;
	height:24px;
	background:url(i/footer1.png) no-repeat 0 0;
	float:left;
	position:relative;
	top:60px;
	margin-left:1px;
	margin-right:2px;
}
div#footer2{
	width:954px;
	height:58px;
	background:url(i/footer2.png) no-repeat 0 0;
	float:left;
	position:relative;
	top:60px;
	margin-left:1px;
	margin-right:2px;
	padding-bottom:20px;
}
.adaptedBy{
	display:block;
	float:left;
	margin-left:220px;
	margin-top:24px;
}
/* =====/ footer1 footer2 /===== */

/* =====/ news /===== */
.newsHeader{
	width:584px;
	height:37px;
	background:url(i/newsHeader.jpg) no-repeat 0 0;
	float:left;
	margin-top:6px;
}
.newsDate{
	width:81px;
	height:23px;
	background:url(i/newsDate.png) no-repeat 0 0;
	float:left;
	margin-left:8px;
	margin-top:8px;
	display:inline;
}
span.newsDa{
	margin-left:8px;
	margin-top:5px;
	display:block;
	color:#fff;
}
span.newsTitle{
	margin-top:13px;
	margin-left:13px;
	color:#fff;
	font-weight:bold;
	float:left;
	display:block;
}
.newsPic{
	width:127px;
	height:157px;
	background:transparent;
	float:left;
	margin-left:11px;
	margin-top:8px;
}
.newsContent{
	width:433px;
	float:left;
	margin-left:11px;
	margin-top:14px;
}
.newsMain{
	width:584px;
	min-height:141px;
	background:url(i/newsMain.jpg) repeat-y 0 0;
	float:left;
}
.newsFooter{
	width:584px;
	height:13px;
	background:url(i/newsFooter.jpg) no-repeat 0 0;
	float:left;
}
/* =====/ news /===== */

/* =====/ login /===== */
.loginLogged{
	margin-left:6px;
	margin-top:4px;
}
.form_username{
    background-color:transparent;
    background-image:url(../images/username.png); 
    background-repeat: no-repeat;
    background-position: left top;
    width:185px;
    height:27px;
}
input.form_username, input.form_username:active{
	border:none;
}
.form_passwort{
    background-color:transparent;
    border: none;
    background-image: url(../images/passwort.png);
    background-repeat: no-repeat;
    background-position: left top;
    width:185px;
    height:27px;
    margin-top:3px;
}
.form_on {
    color: #000000;
    background-color:transparent;
    border: none;
    width:185px;
    height:27px;
    background-image:url(../images/username.png);
    background-repeat:no-repeat;  
}
.form_off{
	color:#000000;
	background-color:transparent;
	border: none;
   width:185px;
   height:27px;
   background-image:url(../images/passwort.png);
   background-repeat:no-repeat; 
   margin-top:3px;
}
input.form_join{
	width:60px;
	height:25px;
	border:none;
	background:url(../images/loginButton.jpg) no-repeat 0 0;
	float:left;
	font-size:0px;
	margin-top:4px;
}
.registerButton{
	width:60px;
	height:25px;
	border:none;
	background:url(../images/registerButton.jpg) no-repeat 0 0;
	float:left;
	margin-left:3px;
	display:inline;
	margin-top:4px;
}
.lostPwButton{
	width:60px;
	height:25px;
	border:none;
	background:url(../images/lostPwButton.jpg) no-repeat 0 0;
	float:left;
	margin-left:3px;
	display:inline;
	margin-top:4px;
}
/* =====/ login /===== */

/* =====/ sc_headlines /===== */
a.alleNewsImg{
	width:188px;
	height:28px;
	float:left;
	background:url(../images/alleNews.jpg) no-repeat 0 0;
}
div#alleNews{
	float:left;
	position:relative;
	bottom:-5px;
	margin-left:5px;
	display:inline;
}
.sc_headlines{
	width:185px;
	height:35px;
	background:url(i/sc_headlines.png) no-repeat 0 0;
	float:left;
	display:inline;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:2px;
}
.scLink{
	color:#b9b9b9;
	margin-left:18px;
	margin-top:9px;
	float:left;
	display:inline;
}
.scSmall{
	color:#a71b1c;
	float:left;
	display:inline;
	margin-left:67px;
}
/* =====/ sc_headlines /===== */

/* =====/ sc_latestThreads /===== */
a.alleThreadsImg{
	width:188px;
	height:28px;
	float:left;
	background:url(../images/alleThreads.jpg) no-repeat 0 0;
}
div#alleThreads{
	float:left;
	position:relative;
	bottom:-15px;
	margin-left:5px;
	display:inline;
}
.sc_latestThreads{
	width:185px;
	height:35px;
	background:url(i/sc_latestThreads.png) no-repeat 0 0;
	float:left;
	display:inline;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:2px;
}
span.sc_latestThreadsT{
	color:#b9b9b9;
	margin-left:18px;
	margin-top:9px;
	float:left;
	display:inline
}
/* =====/ sc_latestThreads /===== */

/* =====/ shoutbox /===== */
div#alleNachrichten{
	float:left;
	position:relative;
	display:inline;
	margin-left:5px;
}
a.allNachrichtenImg{
	width:188px;
	height:28px;
	float:left;
	background:url(../images/alleNachrichten.jpg) no-repeat 0 0;
	margin-top:6px;
}
span.shoutboxFelder{
	position:relative;
	margin-left:10px;
	display:block;
	top:5px;
}
span.captcha{
	position:relative;
	margin:5px;
}
/* =====/ shoutbox /===== */

/* =====/ sc_partner /===== */
a.allePartnerImg{
	width:188px;
	height:28px;
	float:left;
	background:url(../images/allePartner.jpg) no-repeat 0 0;
}
div#allePartner{
	float:left;
	position:relative;
	bottom:-5px;
	margin-left:5px;
	display:inline;
}
.sc_partners{
	width:130px;
	height: 80px;
	float:left;
	display:inline;
	margin-left: 35px;
	margin-top:5px;
	margin-bottom:10px;	
}

/* =====/ sc_partner /===== */

/* =====/ results /===== */
.results{
	width:277px;
	height:34px;
	background:url(i/results.png) no-repeat 0 0;
	float:left;
	display:inline;
	margin-left:6px;
	margin-top:5px;
	margin-bottom:3px;
}
.resultsImg{
margin-left:5px;
	margin-top:5px;
	padding-top:4px;
	padding-right:18px;
	padding-left:11px;
	padding-bottom:3px;
	background:url(i/resultsImg.png)no-repeat 0 0;
	float:left;
}
span.opponent{
	margin-top:10px;
	float:left;
	color:#4a4a4a;
}
.resultInfo{
	float:right;
	margin-top:10px;
	margin-right:10px;
	border-bottom:1px solid #4a4a4a ;
}
/* =====/ results /===== */

/* =====/ statistik /===== */

div#statistikHeader{
	width:139px;
	height:23px;
	background:url(i/statistikHeader.jpg) no-repeat 0 0;
	float:left;
}
div#statistikBgTop{
	width:138px;
	height:auto;
	background:url(i/statistikBgTop.jpg) no-repeat 0 0;
	float:left;
	position:relative;
}
div#statistikBg{
	width:138px;
	height:auto;
	background:url(i/statistikBg.jpg) repeat-y 0 0;
	float:left;
}
div#statistikFooter{
	width:138px;
	height:8px;
	background:url(i/statistikFooter.jpg) no-repeat 0 0;
	float:left;
}
div#stats{
	width:100%;
	float:left;
}
span.statsFeld1{
	color:#fff;
	display:block;
	margin-left:12px;
	margin-top:16px;
}
span.statsFeld2{
	float:right;
	margin-right:12px;
}
span.statsFeld3{
	color:#fff;
	display:block;
	margin-left:12px;
	margin-top:12px;
	text-align:center;
}
span.statsFeldSpecial{
	color:#fff;
	display:block;
	margin-left:12px;
	margin-top:31px;
}
/* =====/ statistik /===== */

/* =====/ class styles /===== */
.clear{
	clear:both;
}
/* =====/ clear styles /===== */

/* =====/ navigation zusatz daten !!!!WICHTIG NICHT ENTFERNEN!!!! /===== */
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 575px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
}
.info {
	background:url(i/buttonInfo.jpg) no-repeat 0 0;
	width:112px;
	height:33px;
	float:left;
	padding:0px;
	margin:0px;
} 
.info:hover {
	background:url(i/buttonInfoHover.jpg) no-repeat 0 0;
	width:112px;
	height:33px;
	float:left;
} 
.team {
	background:url(i/buttonTeam.jpg) no-repeat 0 0;
	width:112px;
	height:33px;
	float:left;
}
.team:hover {
	background:url(i/buttonTeamHover.jpg) no-repeat 0 0;
	width:112px;
	height:33px;
	float:left;
}
.comm {
	width:111px;
	height:33px;
	background:url(i/buttonComm.jpg) no-repeat 0 0;
	float:left;
}
.comm:hover {
	width:111px;
	height:33px;
	background:url(i/buttonCommHover.jpg) no-repeat 0 0;
	float:left;
}
.turniere {
	width:112px;
	height:33px;
	background:url(i/buttonTurniere.jpg) no-repeat 0 0;
	float:left;
}
.turniere:hover {
	width:112px;
	height:33px;
	background:url(i/buttonTurniereHover.jpg) no-repeat 0 0;
	float:left;
}
.sponsors {
	width:112px;
	height:33px;
	background:url(i/buttonSponsors.jpg) no-repeat 0 0;
	float:left;
}
.sponsors:hover {
	width:112px;
	height:33px;
	background:url(i/buttonSponsorsHover.jpg) no-repeat 0 0;
	float:left;
}
ul#topnav li {
	position:relative;
	left:5px;
	float: left;
	margin-top:8px;
	margin-left:3px;
	padding-bottom:3px;
	background:transparent;
	}
ul#topnav li a {
	display: block;
	color: #2f2f2f;
	text-decoration: none;
}
ul#topnav li:hover { background:transparent; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
span.info{
	margin-left:115px;
}
span.comm{
	margin-left:-115px;
}
span.turniere{
	margin-left:-229px;
}
span.sponsors{
	margin-left:-344px;
}
ul#topnav li span {
	float: left;
	padding: 10px 0 0 0;
	position: absolute;
	left: -28px; top:35px;
	display: none; /*--Hide by default--*/
	width: 470px;
	background:transparent;
	color: #2f2f2f;
	font-size:11px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline;padding-right:20px; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}
/* =====/ navigation zusatz daten !!!!WICHTIG NICHT ENTFERNEN!!!! /===== */