﻿/* Main Layout */
/* DESIGN CSS */

body { 
	margin:0px auto 0px auto;
	padding:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #3e3e3e;
	background:url(images/bg.jpg);
}

a, a:link, a:visited, a:hover, a:active {
	border:0 none;
	outline: none;
	}
	
a img {
	border:0 none;
	outline: none;
	}

#container { 
	margin:0px auto 0px auto;
	width:1054px;
	min-height:1436px;
}

#test { 
	background:#FFF; 
	width:992px; 
	min-height:1400px; 
	float:left;
 }

#bgleft {
	float:left;
	width:31px;
	height:1436px;
	background:url(images/bg_left.png);
 }

#center {
	float:left;
	width:992px;
 }

#bgright {
	float:left;
	width:31px;
	height:1436px;
	background:url(images/bg_right.png);
 }

#head {
	float:left;
	width:992px;
	height:32px;
 }

#head-left-login{
	float:left;
	width:617px;
	height:32px;
	background:url(images/login_bg.jpg);
 }

#head-center-stats {
	float:left;
	width:342px;
	height:32px;
	background:url(images/stats_bg.jpg);
 }
#head-center-stats-content {
	float:left;
	padding:10px 0px 0px 65px;
 }
	
#head-right-stats-button {
	float:left;
	width:33px;
	height:32px;
	background:url(images/stats_button.jpg);
 }

#header {
	float:left;
	width:992px;
	height:162px;
	background:url(images/header_bg.jpg);
 }

#navigation {
	float:left;
	width:992px;
	height:33px;
	background:url(images/navigation_bg.jpg);
 }

#navi {
	padding: 1px 0px 0px 0px;
}

#cols {
	float:left;
	width:992px;
 }

#cols-left {
	float:left;
	width:699px;
 }
	
#cols-left-row1 {
	float:left;
	width:699px;
	height:174px;
	background:url(images/row1_bg.jpg) no-repeat #000;
 }
	
#special {
	float:left;
	width:412px;
	height:174px;
	background:url(images/special_bg.jpg);
 }

#topmatch {
	float:left;
	width:287px;
	height:174px;
	background:url(images/topmatch_bg.jpg);
 }

#cols-left-row2 {
	float:left;
	width:699px;
 }
	
#headtext-newszone {
	float:left;
	width:96px;
	height:29px;
	background:url(images/headtext_newszone.jpg);
 }

#headtext-newszone-bar {
	float:left;
	width:603px;
	height:29px;
	background:url(images/headtext_newszone_bar.jpg);
 }
	
#newszone-content {
	float:left;
	width:699px;
	height:520px;
	background:url(images/newszone_content.jpg);
 }

#content {
	float:left;
	width:689px;
	min-height:330px;
	padding:5px 5px 5px 5px;
 }


#newszone-content-footer {
	float:left;
	width:699px;
	height:13px;
	background:url(images/newszone_footer.jpg);
 }

#cols-left-row3 {
	float:left;
	width:699px;
	height:232px;
 }
	
#headtext-newsboard {
	float:left;
	width:120px;
	height:28px;
	background:url(images/headtext_newsboard.jpg);
 }

#headtext-newsboard-bar {
	float:left;
	width:228px;
	height:28px;
	background:url(images/headtext_newsboard_bar.jpg);
 }

#dapuswitch-bar {
	float:left;
	width:351px;
	height:28px;
	background:url(images/dapuswitch_bar.jpg);
 }

#newsboard-content{
	float:left;
	width:348px;
	height:204px;
	background:url(images/newsboard_content.jpg);
 }

#dapuswitch-content {
	float:left;
	width:351px;
	height:204px;
	background:url(images/dapuswitch_content.jpg);
 }

#cols-left-row4 {
	float:left;
	width:699px;
	height:183px;
 }

#headtext-gameserver {
	float:left;
	width:699px;
	height:10px;
	background:url(images/headtext_gameserver.jpg);
 }

#gameserver-content {
	float:left;
	width:699px;
	height:173px;
	background:url(images/gameserver_content.jpg);
 }

#cols-left-row5 {
	float:left;
	width:699px;
	height:189px;
 }

#headtext-randommovies {
	float:left;
	width:699px;
	height:28px;
	background:url(images/headtext_randommovies.jpg);
 }

#randommovies-content {
	float:left;
	width:699px;
	height:161px;
	background:url(images/randommovies_content.jpg);
 }

#cols-left-row6 {
	float:left;
	width:699px;
 }
	
#headtext-contentzone {
	float:left;
	width:96px;
	height:29px;
	background:url(images/headtext_contentzone.jpg);
 }

#headtext-contentzone-bar {
	float:left;
	width:603px;
	height:29px;
	background:url(images/headtext_newszone_bar.jpg);
 }
	
#contentzone-content {
	float:left;
	width:699px;
	min-height:732px;
	background:url(images/newszone_content.jpg);
 }

#content {
	float:left;
	width:689px;
	min-height:732px;
	padding:5px 5px 5px 5px;
 }


#contentzone-content-footer {
	float:left;
	width:699px;
	height:13px;
	background:url(images/newszone_footer.jpg);
 }

#cols-right {
	float:left;
	width:293px;
	background:#FFF;
 }

#cols-right-row1 {
	float:left;
	width:293px;
	height:188px;
 }

#headtext-scoreboard {
	float:left;
	width:121px;
	height:31px;
	background:url(images/headtext_scoreboard.jpg);
 }

#headtext-scoreboard-bar {
	float:left;
	width:172px;
	height:31px;
	background:url(images/headtext_scoreboard_bar.jpg);
 }

#scoreboard-content {
	float:left;
	width:293px;
	height:157px;
	background:url(images/scoreboard_content.jpg);
 }

#cols-right-row2 {
	float:left;
	width:293px;
	height:188px;
 }

#headtext-lasttopics {
	float:left;
	width:293px;
	height:31px;
	background:url(images/headtext_lasttopics.jpg);
 }

#lasttopics-content {
	float:left;
	width:293px;
	height:157px;
	background:url(images/scoreboard_content.jpg);
 }
	
#cols-right-row3 {
	float:left;
	width:293px;
	height:620px;
	background:#FFF;
 }

#advertisment-left {
	padding-left:18px;
	padding-top:10px;
	float:left;
	width:125px;
	height:620px;
 }

#advertisment-right {
	padding-left:5px;
	padding-right:13px;
	padding-top:10px;
	float:left;
	width:125px;
	height:620px;
 }
#headtext-randomgallery {
	float:left;
	width:293px;
	height:14px;
	background:url(images/headtext_randomgallery.jpg);
 }

#randomgallery-content {
	text-align:center;
	float:left;
	padding-top:10px;
	width:293px;
	min-height:120px;
	background:#FFF;
 }

#footer {
	float:left;
	width:992px;
	height:62px;
 }

#footer-left {
	float:left;
	width:170px;
	height:62px;
	background:url(images/footer_left_logo.jpg);
 }
	
#footer-center {
	float:left;
	width:643px;
	height:62px;
	background:url(images/footer_center_bg.jpg);
 }

#footer-right {
	float:left;
	width:179px;
	height:62px;
	background:url(images/footer_right.jpg);
 }

#footer-bottom {
	float:left;
	width:992px;
	height:21px;
	background:url(images/footer_bottom.png);
 }

#footer-text1 {
	padding: 20px 0px 0px 7px;
 }

#footer-text2 {
	float:left;
	padding: 26px 0px 0px 0px;
 }
#footer-text3 {
	float:left;
	padding: 26px 0px 0px 16px;
 }
#footer-text4 {
	float:left;
	padding: 26px 0px 0px 12px;
 }



hr {
  color: #666666;
  background-color: #666666;
  border: 0px;
  border-top: transparent;
  border-bottom: transparent;
  margin: 2px 0;
  height: 1px;
}

/* Links */
a, a:visited, a:active {
  color: #265B84;
  text-decoration: none;
  font-weight: normal;
}

a:hover {
  color: #000000;
  text-decoration: underline;
  font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

a.titlelink:hover {
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: bold;
}

a.category, a.category:visited, a.category:active {
  color: #333333;
  text-decoration: none;
}

a.category:hover {
  color: #000000;
  text-decoration: underline;
}

/* Font types */
h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
}

small {
  color: #383838;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
  background: url(images/bar.jpg);
}

.category_big, .category_big a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

.category {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
}

/* Forms */
form {
  border: none;
  margin: 0px;
  padding: 0px;
}

.form_username {
background-color: transparent;
border: 0px;
font: Verdana;
font-size:9px;
color:#626262;
}

.form_username:focus {
background-color: transparent;
border: 0px;
font: Verdana;
font-size:9px;
color:#626262;
}


.form_password {
background-color: transparent;
border: 0px;
font: Verdana;
font-size:9px;
color:#626262;
}

.form_password:focus {
background-color: transparent;
border: 0px;
font: Verdana;
font-size:9px;
color:#626262;
}

div#menulogged {
  margin: 0;
  padding: 0;
		height: 17px;
}

div#menulogged ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
		height: 17px;
}

div#menulogged li {
 margin: 0;
 padding: 0;
 float: left;
	width: 5em;
 margin-right: 1em;
 text-align: center;
	
}
				
div#menulogged a {
 display: block;
 width: 100%;
 text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	color:#f75905;
}

div#menulogged a:hover {
	background-color: #626262;
	color: #FFF;
	font-family: Verdana;
	font-size: 10px;
}

.comments{
		border-left: 1px solid #666666;
		border-top: 1px solid #666666;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
		background-color: transparent;
}


.comments:focus{
		border-left: 1px solid #666666;
		border-top: 1px solid #666666;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
		background-color: transparent;
}

.comments:active{
		border-left: 1px solid #666666;
		border-top: 1px solid #666666;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
		background-color: transparent;
}

input, textarea, select {
  border: 1px solid #989898;
  background-color: #F0F0F0;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}

input:active, textarea:active, select:active, input:focus, textarea:focus, select:focus {
  border: 1px solid #CCCCCC;
  background-color: #F6F6F6;
  color: #2C2C2C;
}

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
  border: 0px;
}

.input {
  background-color: transparent;
  border: none;
  margin: 2px;
}

/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 100;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

/* BBCode Tags */
.quote {
  color: #383838;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
	list-style-type: disc;
	list-style-position:outside;
}
.list_num {
	list-style-type: decimal;
	list-style-position:outside;
}

.list_alpha {
	list-style-type: lower-latin;
	list-style-position:outside;
}

.code {
  color: #000000;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
  color: #000000;
  font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
	background-color: #F3F3F3;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

.codeline1 {
	background-color: #FFFFFF;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

/**/

.news-headline {
		font:Verdana;
		font-size:11px;
		color:#5e5d5d;
 }

.news-info { 
	font:Verdana;
	font-size:9px;
	color:#989898;
 }
	
.news-info a { 
	font:Verdana;
	font-size:9px;
	color:#989898;
	text-decoration:none;
 }

.news-text {
	font:Verdana;
	font-size:11px;
	color:#3e3e3e;
 }

.stats-typ1 {
	font:Arial;
	font-size:8px;
	color:#fff;
 }

.stats-typ2 {
	font:Arial;
	font-size:8px;
	color:#525252;
 }

.stats-typ3 {
	font:Arial;
	font-size:9px;
	color:#c40000;
 }
	
.boxtext3 {
	width:100px;
	font:Arial;
	font-size:9px;
	color:#000;
 }

	
.boxtext {
	font:Arial;
	font-size:10px;
	color:#c20000;
	text-decoration:none;
 }
	
.boxtext a {
	font:Arial;
	font-size:10px;
	color:#c20000;
	text-decoration:none;
 }

.boxtext2 {
	font:Arial;
	font-size:10px;
	color:#8d8d8d;
	text-decoration:none;
 }
	
.boxtext2 a {
	font:Arial;
	font-size:10px;
	color:#8d8d8d;
	text-decoration:none;
 }

.boxtext2 a:hover {
	font:Arial;
	font-size:10px;
	color:#8d8d8d;
	text-decoration:none;
 }
	
	/*FONTS*/
	
.fontblack {
	font:Arial;
	font-size:11px;
	color:#000;
	text-decoration:none;
}

.fontblack a {
	font:Arial;
	font-size:11px;
	color:#000;
	text-decoration:none;
}

.fontblack a:hover {
	font:Arial;
	font-size:11px;
	color:#000;
	text-decoration:none;
}


.fontblack {
	font:Tahoma;
	font-size:10px;
	color:#000;
	text-decoration:none;
}

.fontblack11 {
	font:Tahoma;
	font-size:11px;
	color:#000;
	text-decoration:none;
}

.fontblack11 a {
	font:Tahoma;
	font-size:11px;
	color:#000;
	text-decoration:none;
}

.fontblack11 a:hover {
	font:Tahoma;
	font-size:11px;
	color:#000;
	text-decoration:none;
}

.fontwhite11 {
	font:Tahoma;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

.fontwhite11 a {
	font:Tahoma;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

.fontwhite11 a:hover {
	font:Tahoma;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}


.fontred {
	font:Arial;
	font-size:10px;
	color:#8f0000;
	text-decoration:none;
}

.fontred  a {
	font:Arial;
	font-size:10px;
	color:#8f0000;
	text-decoration:none;
}


.fontred a:hover {
	font:Arial;
	font-size:10px;
	color:#8f0000;
	text-decoration:none;
}


.fontred2 {
	font:Arial;
	font-size:10px;
	color:#ca2626;
	text-decoration:none;
}

.fontred2  a {
	font:Arial;
	font-size:10px;
	color:#ca2626;
	text-decoration:none;
}


.fontred2 a:hover {
	font:Arial;
	font-size:10px;
	color:#ca2626;
	text-decoration:none;
}

.fontred2 a:visited {
	font:Arial;
	font-size:10px;
	color:#ca2626;
	text-decoration:none;
}

.fontred2 a:active {
	font:Arial;
	font-size:10px;
	color:#ca2626;
	text-decoration:none;
}

.fontred2 a:link {
	font:Arial;
	font-size:10px;
	color:#ca2626;
	text-decoration:none;
}


.fontgray {
	font:Arial;
	font-size:11px;
	color:#3e3e3e;
	text-decoration:none;
}

.fontgray  a {
	font:Arial;
	font-size:10px;
	color:#3e3e3e;
	text-decoration:none;
}


.fontgray a:hover {
	font:Arial;
	font-size:10px;
	color:#3e3e3e;
	text-decoration:none;
}

.fontgray2 {
	font:Arial;
	font-size:9px;
	color:#999999;
	text-decoration:none;
}

.fontgray2  a {
	font:Arial;
	font-size:9px;
	color:#999999;
	text-decoration:none;
}


.fontgray2 a:hover {
	font:Arial;
	font-size:9px;
	color:#999999;
	text-decoration:none;
}

.fontgray3 {
	font:Tahoma;
	font-size:11px;
	color:#555555;
	text-decoration:none;
}

.fontgray3  a {
	font:Tahoma;
	font-size:11px;
	color:#555555;
	text-decoration:none;
}


.fontgray3 a:hover {
	font:Tahoma;
	font-size:11px;
	color:#555555;
	text-decoration:none;
}

.font1 {
	font:Arial;
	font-size:10px;
	text-decoration:none;
}

.font1 a {
	font:Arial;
	font-size:10px;
	text-decoration:none;
}


.font1 a:hover {
	font:Arial;
	font-size:10px;
	text-decoration:none;
}


.scr {
	font:Arial;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}

.clanwar-team{
		font:Arial;
	font-size:16px;
	text-decoration:none;
}

.clanwar-team a{
		font:Arial;
	font-size:16px;
	text-decoration:none;
}

.clanwar-team a:hover{
		font:Arial;
	font-size:16px;
	text-decoration:none;
}

.clanwar-team2{
		font:Arial;
	font-size:14px;
	text-decoration:none;
}

.clanwar-team2 a{
		font:Arial;
	font-size:14px;
	text-decoration:none;
}

.clanwar-team2 a:hover{
		font:Arial;
	font-size:14px;
	text-decoration:none;
}

.redheadline {
	font:Tahoma;
	font-size:12px;
	color:#ca2626;
	text-decoration:none;
}

.redheadline a {
	font:Tahoma;
	font-size:12px;
	color:#ca2626;
	text-decoration:none;
}

.redheadline a:hover {
	font:Tahoma;
	font-size:12px;
	color:#ca2626;
	text-decoration:none;
}


.greyheadline {
	font:Tahoma;
	font-size:12px;
	color:#908c8d;
	text-decoration:none;
}

.greyheadline a {
	font:Tahoma;
	font-size:12px;
	color:#908c8d;
	text-decoration:none;
}

.greyheadline a:hover {
	font:Tahoma;
	font-size:12px;
	color:#908c8d;
	text-decoration:none;
}

 /*PROFIL*/
.redbar {
	background-color:#da0000;
	width:455px;
	height:1px;
}

.redbar2 {
	background-color:#da0000;
	width:200px;
	height:1px;
}

.redbar3 {
	background-color:#da0000;
	width:660px;
	height:1px;
}

.graybar {
	background-color:#dddddd;
	width:660px;
	height:1px;
} 
.greybar {
	background-color:#dddddd;
	width:125px;
	height:1px;
}

.greybar3 {
	background-color:#dddddd;
	width:660px;
	height:1px;
}

.greybar4 {
	background-color:#dddddd;
	height:1px;
}

.graybar3 {
	background-color:#b2b2b2;
	width:660px;
	height:1px;
}

.profilbox1 {
	font:Tahoma;
	font-size:11px;
	color:#3e3e3e;
	text-decoration:none;
	height:30px;
	width:130px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-bottom-width:thin;
	padding-left:5px;
}

.profilbox1 a {
	font:Tahoma;
	font-size:11px;
	color:#3e3e3e;
	text-decoration:none;
	height:30px;
	width:320px;
}

.profilbox1 a:hover {
	font:Tahoma;
	font-size:11px;
	color:#3e3e3e;
	text-decoration:none;
	height:30px;
	width:320px;
}

.profilbox2 {
	font:Tahoma;
	font-size:11px;
	color:#3e3e3e;
	text-decoration:none;
	height:30px;
	width:320px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

.profilbox2 a {
	font:Tahoma;
	font-size:11px;
	color:#3e3e3e;
	text-decoration:none;
	height:30px;
	width:320px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

.profilbox2 a:hover {
	font:Tahoma;
	font-size:11px;
	color:#3e3e3e;
	text-decoration:none;
	height:30px;
	width:320px;
	border-bottom-color:#dddddd;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

.profilbox3 {
	font:Tahoma;
	font-size:11px;
	color:#3e3e3e;
	text-decoration:none;
}

.members {
	float:left;
	margin-top:5px;
	width:50%;
	padding-top:5px;
	padding-bottom:5px;
	background:url(images/members_bg.jpg) no-repeat;
}

.cupbox {
	font:Tahoma;
	font-size:11px;
	color:#333333;
	border:solid 1px #dad8d8;
	padding:4px;
	width:110px;
}

.cupbar{
	width:683px;
	height:41px;
	font:Verdana;
	font-size:11px;
	color:#333333;
	padding:0px 0px 10px 10px;
	background:url(images/cup_bar.jpg);
}

.cuptext {
	height:20px;
	font:Verdana;
	font-size:11px;
	color:#333333;
}

.verdana-grey-11 {
	font:Verdana;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}

.verdana-grey-11 a{
	font:Verdana;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}

.verdana-grey-11 a:hover{
	font:Verdana;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}

.verdana-black-11 ,.verdana-black-11 a ,.verdana-black-11 a:hover {
	font:Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.verdana-white-11 ,.verdana-white-11 a ,.verdana-white-11 a:hover {
	font:Verdana;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

.verdana-red-11 ,.verdana-red-11 a ,.verdana-red-11 a:hover {
	font:Verdana;
	font-size:11px;
	color:#cc0000;
	text-decoration:none;
}

.cupnavigation0 {
	float:left;
	width:80px;
	height:14px;
	margin-left:15px;
	text-align:center;
	padding-top:2px;
	border:solid 1px #cccccc;
}

.cupnavigation1 {
	float:left;
	width:80px;
	height:14px;
	margin-left:15px;
	text-align:center;
	padding-top:2px;
	background:#990000;
	border:solid 1px #660000;
}

.cuptreebar {
	height:20px;
	background:#e4e4e2;
}

.cuptreeclan {
	width:120px;
	height:20px;
	border-right:solid 1px #61635e;
	background:#dfe0d8;
	font:Verdana;
	font-size:11px;
	color:#383836;
}

.cuptreeclan2 {
	width:120px;
	height:20px;
	border-right:solid 1px #61635e;
	background:#FFFFFF;
	font:Verdana;
	font-size:11px;
	color:#383836;
}

.cupmatchesbarleft {
	width:100px;
	height:20px;
	border-bottom:solid 1px #b2b2b2;
	font:Verdana;
	font-size:11px;
	color:#000000;
}

.cupmatchesbarright {
	width:560px;
	height:20px;
	border-bottom:solid 1px #b2b2b2;
	font:Verdana;
	font-size:11px;
	color:#000000;
}