/* Main Layout */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

img { border: none; }

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 {
	font-size: 11px;
  color: #3cbbfd;
  text-decoration: none;
  font-weight: bold;
}

a.titlelink:hover {
  color: #3cbbfd;
  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: #3cbbfd;
  font-weight: bold;
}

.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: 10px;
  color: #000000;
  font-weight: normal;
}

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

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;
}

#navi {
	width: 823px;
	height: 30px;
	overflow: hidden; 
	float: left;
}

#navi ul {
	margin:0;
	padding:0;
	list-style: none;
}

#navi ul li {
	margin:0;
	padding:0;
	list-style: none;
	width: auto;
	height: 30px;
	float: left;
	display: block;
}

#navi ul li a, #navi ul li a:active, #navi ul li a:visited {
	display: block;
	width: auto;
	height: 39px;
	margin:0;
	padding:0;
	background-position: 0 0;
	outline: none;
}

#navi ul li #news {
	background: url(images/design/news_button.png);
	width: 102px;
}

#navi ul li #articles {
	background: url(images/design/articles_button.png);
	width: 103px;
}

#navi ul li #teams {
	background: url(images/design/teams_button.png);
	width: 103px;
}

#navi ul li #matches {
	background: url(images/design/matches_button.png);
	width: 103px;
}

#navi ul li #board {
	background: url(images/design/board_button.png);
	width: 103px;
}

#navi ul li #files {
	background: url(images/design/files_button.png);
	width: 103px;
}

#navi ul li #media {
	background: url(images/design/media_button.png);
	width: 103px;
}

#navi ul li #user {
	background: url(images/design/user_button.png);
	width: 103px;
}

#navi ul li a:hover, #navi ul li a.navactive, #navi ul li a.navactive.active, #navi ul li a.navactive:visited {
	background-position: 0 -30px !important;
}

.playerhead {
	color: #ffffff;
	font-weight: bold;
	background-image: url(images/design/loginbg.png);
}

.footer {
	font-weight: bold;
	color: #ffffff;
}

.switchbox {
	width: 274px;
	height: 30px;
	background: #181818;
	background-image: url(images/design/box_top_bg.jpg);
	background-repeat: repeat-x;

}

.switchbox img {
	float: left;
	margin-top: 1px;
}

.switchbox a, .switchbox a:active, .switchbox a:visited {
	width: 88px;
	height: 23px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	overflow: hidden;
	padding-top: 6px;
	outline: none;
}

.switchbox a:hover {
	background: #222;
}

.switchbox a.switch1-ac, .switchbox a.switch1-ac:active, .switchbox a.switch1-ac:visited {
	background: url(images/design/box_hover_bg.png) 2px 2px no-repeat;
}

.switchcontent {
	width: 274px;
	background: #181818;
}

.switchcontent ul {
	margin: 0;
	padding: 1px 0 0 0;
	list-style: none;
}

.box_col {
	font-size: 9px;
	color: #ffffff;
	background: url(images/design/box_col_bg.jpg) center top repeat-x;
}

.switchbox ul li img {
	float: left;
	margin-top: 1px;
}

.switchcontent_features {
	width: 407px;
	height: 117px;
}

.switchcontent_features_text {
	width: 407px;
	height: 30px;
}

.switchbox_features {
	width: 203px;
	height: 150px;
	background: #000000;
}

.switchbox_features a, .switchbox_features a:active, .switchbox_features a:visited {
	width: 203px;
	height: 30px;
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	font-size: 9px;
	overflow: hidden;
	outline: none;
	background: url(images/design/featuresbutton.png) no-repeat;
}

.switchbox_features a:hover {
	background: #222;
	background: url(images/design/featuresbutton.png) no-repeat;
	background-position: 0 -30px !important;
}

.switchbox_features a.switch1-ac, .switchbox_features a.switch1-ac:active, .switchbox_features a.switch1-ac:visited {
	background: url(images/design/featuresbutton.png) no-repeat;
	background-position: 0 -30px !important;
}

.switchbox_features #switch_feat_1 {
	background: url(images/design/featurebutton.jpg);
	height: 30px;
	width: 203px;
}
.switchbox_features #switch_feat_2 {
	background: url(images/design/featurebutton.jpg);
	height: 30px;
	width: 203px;
}
.switchbox_features #switch_feat_3 {
	background: url(images/design/featurebutton.jpg);
	height: 30px;
	width: 203px;
}
.switchbox_features #switch_feat_4 {
	background: url(images/design/featurebutton.jpg);
	height: 30px;
	width: 203px;
}
.switchbox_features #switch_feat_5 {
	background: url(images/design/featurebutton.jpg);
	height: 30px;
	width: 203px;
}

#inner-left{
	margin-left: 30px;
	margin-top: 2px;
	color: #ffffff;
}

#inner-right{
	text-align: right;
	margin-right: 30px;
	margin-top: 2px;
	color: #ffffff;
}

.featuresfooter {
	background: url(images/design/box_col_bg.jpg) repeat-x;
}

.switchbox_player {
	width: 203px;
	height: 150px;
	background: #000000;
}

.switchcontent_player {
	width: 274px;
	height: 150px;
}

.switchbox_player #switch_player_1 {
	background: url(images/design/playerbutton.jpg);
	height: 30px;
	width: 203px;
}

.switchbox_player #switch_player_2 {
	background: url(images/design/playerbutton.jpg);
	height: 30px;
	width: 203px;
}
.switchbox_player #switch_player_3 {
	background: url(images/design/playerbutton.jpg);
	height: 30px;
	width: 203px;
}
.switchbox_player #switch_player_4 {
	background: url(images/design/playerbutton.jpg);
	height: 30px;
	width: 203px;
}
.switchbox_player #switch_player_5 {
	background: url(images/design/playerbutton.jpg);
	height: 30px;
	width: 203px;
}

.switchbox_player a, .switchbox_player a:active, .switchbox_player a:visited {
	width: 203px;
	height: 30px;
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	font-size: 9px;
	overflow: hidden;
	outline: none;
	background: url(images/design/playerbutton.jpg) no-repeat;
}

.switchbox_player a:hover {
	background: #222;
	background: url(images/design/playerbutton.jpg) no-repeat;
	background-position: 0 -30px !important;
}

.switchbox_player a.switch1-ac, .switchbox_player a.switch1-ac:active, .switchbox_player a.switch1-ac:visited {
	background: url(images/design/playerbutton.jpg) no-repeat;
	background-position: 0 -30px !important;
}

a.whitelink, a.whitelink:visited, a.whitelink:active {
  color: #ffffff;
  text-decoration: none;
}

a.whitelink:hover {
  text-decoration: underline;
}

a.redlink, a.redlink:visited, a.redlink:active {
  color: #ff0000;
  text-decoration: none;
}

a.redlink:hover {
  text-decoration: underline;
}

a.whitelink-login, a.whitelink-login:visited, a.whitelink-login:active {
	font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

a.whitelink-login:hover {
	color: #3cbbfd;
}

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

a.whitelink-bold:hover {
	text-decoration: underline;
}

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

a.redlink-bold:hover {
  text-decoration: underline;
}


input.login {
	width: 60px;
  border: 0px;
  background-color: #000000;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

input.loginbtn {
  border: 0px;
  background-color: #000000;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

.contentcol {
	background: url(images/design/contentcol.jpg) repeat;
	font-size: 9px;
	height: 30px;
	color: #ffffff;
}

input.black {
  border: 1px solid #1c1c1c;
  background-color: #000000;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

input[type="button"] {
  border: 1px solid #1c1c1c;
  background-color: #000000;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
}


a.switch-media, a.switch-media:active, a.switch-media:visited {
	color: #3cbbfd;
}

a.switch-media:hover {
	text-decoration: none;
}

a.blacklink, a.blacklink:active, a.blacklink:visited {
	color: #000000;
}

a.blacklink:hover {
	text-decoration: none;
	color: #3cbbfd;
}

.sub {
	color: #ffffff;
	font-size: 9px;
}

.whitebold {
	color: #ffffff;
	font-weight: bold;
}

.col {
	border-bottom: 1px dotted #999999;
}

/* Page Preload */

#preload
{
	width: 0px;
	height: 0px;
	visibility: hidden;
	
	background-image: url(images/design/add_favorite.jpg);
	background-image: url(images/design/articles_button.png);
	background-image: url(images/design/background.jpg);
	background-image: url(images/design/board_button.png);
	background-image: url(images/design/box_col_bg.jpg);
	background-image: url(images/design/box_hover_bg.png);
	background-image: url(images/design/box_top_bg.jpg);
	background-image: url(images/design/comment_left.jpg);
	background-image: url(images/design/comment_right.jpg);
	background-image: url(images/design/commentbg.jpg);
	background-image: url(images/design/contentcol.jpg);
	background-image: url(images/design/facebook.png);
	background-image: url(images/design/featurebutton.jpg);
	background-image: url(images/design/featureleiste.jpg);
	background-image: url(images/design/files_button.png);
	background-image: url(images/design/header.png);
	background-image: url(images/design/horizontal_spacer.jpg);
	background-image: url(images/design/login_center.png);
	background-image: url(images/design/login_left.png);
	background-image: url(images/design/login_right.png);
	background-image: url(images/design/loginbg.png);
	background-image: url(images/design/logo.png);
	background-image: url(images/design/matches_button.png);
	background-image: url(images/design/media_button.png);
	background-image: url(images/design/more.png);
	background-image: url(images/design/news_button.png);
	background-image: url(images/design/off.png);
	background-image: url(images/design/on.png);
	background-image: url(images/design/playerbutton.jpg);
	background-image: url(images/design/pollbg.jpg);
	background-image: url(images/design/pollbg_left.jpg);
	background-image: url(images/design/pollbg_right.jpg);
	background-image: url(images/design/profile_buddys.jpg);
	background-image: url(images/design/profile_galleries.jpg);
	background-image: url(images/design/profile_guestbook.jpg);
	background-image: url(images/design/profile_posts.jpg);
	background-image: url(images/design/profile_profile.jpg);
	background-image: url(images/design/remove_favorite.jpg);
	background-image: url(images/design/rss.png);
	background-image: url(images/design/steam.png);
	background-image: url(images/design/teams_button.png);
	background-image: url(images/design/twitter.png);
	background-image: url(images/design/user_button.png);
	background-image: url(images/design/vertical_spacer.jpg);
	background-image: url(images/design/votebar.png);
}