/* Main Layout */

body {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #ffffff;

  margin:0;

  padding:0;

}



* {outline: none;}



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: #ffffff;

  text-decoration: none;

  font-weight: normal;

}



a:hover {

  color: #00a7ff;

  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: #00a7ff;

  text-decoration: none;

}



a.category:hover {

  color: #ffffff;

  text-decoration: underline;

}



/* Font types */

h2 {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #ffffff;

  text-transform: uppercase;

  font-weight: bold;

}



small {

  color: #a8a8a8;

  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-color: #363636;

}



.category_big, .category_big a {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #ffffff;

  font-weight: bold;

}



.category {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #ffffff;

  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: #000000;

  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: #00a7ff;

  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;

}



/* Design Build */



#wrap {

	width: 991px;

	margin: 0 auto;

	background:url(style/wrap-bg.png) center top repeat-y;

	overflow:hidden;

	padding:0;

}



#top {

	width: 991px;

	height: 45px;

	overflow:hidden;

	background:url(style/top-bg.jpg) center top no-repeat;

}



#topinfo {

	width: 350px;

	height: 25px;

	float: left;

	padding: 20px 0 0 10px;

	text-align: center;

	color: #fff;

	font-size: 11px;

	text-transform: uppercase;

	font-weight: bold;

}



#topinfo img {

	vertical-align: middle;

	margin: -3px 8px 0 0;

}



#userpanel {

	width: 560px;

	height: 39px;

	float: left;

	padding: 6px 0 0 0;

	margin-left: 60px;

}



#userpanel img {

	vertical-align: middle;

	margin: 0;

	float: left;

}



#userpanel small {

	text-transform: uppercase;

	margin-left: 10px;

}



#userpanel a, #userpanel a:active, #userpanel a:visited {

	color: #fff;

	text-decoration: none;

}



#userpanel a:hover {

	color: #32b8ff;

}



.login-user, .login-user:focus, .login-user:active {

	width: 95px;

	height: 22px;

	overflow: hidden;

	margin: 8px 0 0 15px;

	padding:0 30px 0 7px;

	border: 0;

	background: url(style/nickname-bg.jpg) center top no-repeat;

	color: #fff;

}



.login-pw, .login-pw:focus, .login-pw:active {

	width: 95px;

	height: 22px;

	overflow: hidden;

	margin: 8px 0 0 5px;

	padding:0 30px 0 7px;

	border: 0;

	background: url(style/passwort-bg.jpg) center top no-repeat;

	color: #fff;

}



.login-submit, .login-submit:focus, .login-submit:active {

	width: 51px;

	height: 21px;

	overflow: hidden;

	margin: 5px 0 0 5px;

	padding:0;

	border: 0;

	background: url(style/login-submit.jpg) center top no-repeat;

	cursor: pointer;

}



#logged {

	color: #32b8ff;

	margin: 8px 0 0 15px;

	float: left; 

}



#header {

	width: 991px;

	height: 130px;

	overflow:hidden;

	background:url(style/header.jpg) center top no-repeat;

}









#subheader {

	width:991px;

	height: 39px;

}



#navibox {

	width: 422px;

	height:39px;

	float:left;

	padding-left:1px;

	white-space: nowrap;

}



#navibox ul {

	margin: 0;

	padding:0;

	list-style:none;

	width:423px;

	height:39px;

}



#navibox ul li {

	margin: 0;

	padding:0;

	display:block;

	float:left;

}



#navibox ul li a, #navibox ul li a:active, #navibox ul li a:visited {

	display: block;

	height:39px;

	overflow:hidden;

	margin:0;

	padding:0;

	text-decoration:none;

}



a.nav-home, a.nav-home:active, a.nav-home:visited {

	background: url(style/nav-home.jpg) 0 0 no-repeat;

	width:139px;

}



a.nav-home:hover {

	background-position: 0 -39px;

}



a.nav-clan, a.nav-clan:active, a.nav-clan:visited {

	background: url(style/nav-clan.jpg) 0 0 no-repeat;

	width:140px;

}



a.nav-clan:hover {

	background-position: 0 -39px;

}



a.nav-misc, a.nav-misc:active, a.nav-misc:visited {

	background: url(style/nav-misc.jpg) 0 0 no-repeat;

	width:144px;

}



a.nav-misc:hover {

	background-position: 0 -39px;

}





#navibox ul li .subnavi {

	width: 171px;

	margin: 1px 0 0 -15px !important;

	padding: 0;

	z-index: 99999;

}



#navibox ul li .firstsub {

	width: 171px;

	margin: 1px 0 0 -10px !important;

	padding: 0;

	z-index: 99999;

}



#navibox ul li .subnavi li {

	width: 171px;

	height: 25px;

	float: none;

	margin:0;

	padding:0;

	background: url(style/dropdown-bg.png) center top no-repeat;

	z-index: 99999;

}



#navibox ul li .subnavi li a, #navibox ul li .subnavi li a:active, #navibox ul li .subnavi li a:visited {

	width: 135px;

	height: 20px;

	display:block;

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	text-align: left;

	padding: 5px 0 0 36px;

	background: url(style/nav-arrow.png) 23px 7px no-repeat; 

	outline: none;

	z-index: 99999;

}



#navibox ul li .subnavi li a:hover {

	color: #32b8ff;

}





#counterbox {

	width:468px;

	height:25px;

	overflow:hidden;

	float:right;

	background:url(style/counter-bg.jpg) center top no-repeat;

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

	padding: 14px 90px 0 10px;

}



#counterbox span {

	margin: 0 12px;

}



.blue {

	color: #32b8ff;

	margin: 0 !important;

}



.white {

	color: #fff !important;

}



#specialvideo {

	width:991px;

	height:179px;

	overflow:hidden;

}



#special {

	width: 436px;

	height: 177px;

	border-right: 1px solid #000;

	float: left;

	overflow: hidden;

	padding: 3px 0 0 5px;

}



.special-foot {

	width: 427px;

	height: 21px;

	overflow: hidden;

	background: url(style/special-foot.jpg) center top no-repeat;

	margin-top: 2px;

	padding: 10px 3px 0 6px;

}



.special-foot small {

	color: #fff;

	font-weight: bold;

	text-transform: uppercase;

}



.special-foot small a, .special-foot small a:active, .special-foot small a:visited {

	text-transform: none;;

	margin-left: 3px;

	color: #32b8ff;

}



.special-foot small a:hover {

	color: #32b8ff;

	text-decoration: underline;

}



.sp-more {

	display: block;

	float: right;

	width: 51px;

	height: 21px;

	overflow: hidden;

	margin: -5px 2px 0 0;

}



/* special Styles */



.sliderwrapper{

	position: relative; /*leave as is*/

	overflow: hidden; /*leave as is*/

	width: 436px; /*width of featured content slider*/

	height: 250px;

}



.sliderwrapper .contentdiv{

	visibility: hidden; /*leave as is*/

	position: absolute; /*leave as is*/

	left: 0;  /*leave as is*/

	top: 0;  /*leave as is*/

	width: 436px;

	height: 100%;

	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

	-moz-opacity: 1;

	opacity: 1;

}



.pagination{

	width: 400px; 

	text-align: right;

}



.pagination a{

	text-decoration: none; 

	color: #00007D;

}



.pagination a:hover, .pagination a.selected{

	color: #000;

}



#videoarea {

	width: 544px;

	height: 179px;

	float: left;

	background: url(style/player-bg.jpg) center top no-repeat;

}



#mainbox {

	width: 979px;

	overflow: hidden;

	padding: 0 5px 0 6px;

}



#left {
	width: 655px;
	float: left;
	overflow: hidden;
	padding: 1px;
	background-color: #0f0f0f;

}



#right {

	width: 322px;

	float: right;

	overflow: hidden;

}



#right ul {

	margin: 0;

	padding: 0;

	list-style: none;

	width: 323px;

	overflow: hidden;

}



#right ul li {

	margin: 0;

	padding: 0;

	width: 315px;

	height: 32px;

	overflow: hidden;

	background: url(style/sc-bg.jpg) center top no-repeat;

	padding: 10px 3px 0 5px;

	line-height: 9px;

} 



* +html #right ul li {

	margin: 0;

	padding: 0;

	width: 315px;

	height: 32px;

	overflow: hidden;

	background: url(style/sc-bg.jpg) center top no-repeat;

	padding: 10px 3px 0 5px;

	line-height: 11px;

}



#right ul li a, #right ul li a:active, #right ul li a:visited {

	font-weight: bold;

}



#right ul li a:hover {

	text-decoration: underline;

}



#latest-match {

	width: 143px;

	height: 51px;

	overflow: hidden;

	background: url(style/latest-match.jpg) center top no-repeat;

	padding:12px 10px 0 170px;

}



.sc_news-icon {

	vertical-align: middle;

	float: left;

	padding: 0 8px;

}



.sc-more {

	float: right;

	display: block;

	width: 53px;

	height: 23px;

	overflow: hidden;

	margin: -2px 10px 0 0;	

	background: url(style/more.jpg) center top no-repeat;

}



#footer {

	width: 978px;

	height: 50px;

	overflow: hidden;

	background: url(style/footer-bg.png) center top no-repeat;

	margin: 0 auto;

	margin-bottom: 20px;

	padding:0 6px 0 7px;

}



.foot-img {

	float: left;

	margin: 18px 0 0 0;

}



.clandesigns {

	float: right;

	margin: 7px 0 0 0;

}



/* News Styles */



.news_head {

	width: 655px;

	height: 28px;

	overflow: hidden;

	background: url(style/news-head-bg.jpg) center top no-repeat;

	padding: 8px 0 0 0;

	line-height: 10px;

}



.news_head a {

	font-weight: bold;

}



.news_head small {

	color: #666;

}



.news_poster {

	float: right;

	text-align: right;

	margin: -2px 10px 0 0;

	color: #fff;

}



.comments {

	width: 90px;

	height: 25px;

	display: block;

	margin: 3px 7px 0 17px;

	float: left;

}



.news_pic {

	padding: 1px;

	border: 1px solid #ccc;

	overflow: hidden;

}



.news_content {

	width: 647px;

	overflow: hidden;

	padding: 4px 4px;

}



.news_foot {

	width: 655px;

	height: 25px;

	background: url(style/news-foot.jpg) center top no-repeat;

	overflow: hidden;

	margin-bottom: 1px;

}



.news-comments-bottom {

	margin: 9px 0 0 5px;

	float: left; 

}



.news-rm {

	width: 90px;

	height: 23px;

	display: block;

	float: left;

	margin: 0 0 0 17px !important;

	background: url(style/readmore.jpg) center top no-repeat;

}



/* Carousel Styles */



div#mygallery {

height:120px;

position:relative;

left:0;

}



.stepcarousel{

position: relative; /*leave this value alone*/

border: none;

overflow: scroll; /*leave this value alone*/

width: 344px; /*Width of Carousel Viewer itself*/

height: 120px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 1px; /*margin around each panel*/

width: 116px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

text-align: center;

}



.stepcarousel .sp-name {

margin:-12px 0 0 0;

}





/* Squad switch styles */

#latest-match a, #latest-match a:active, #latest-match a:visited, #ts_top a, #ts_top a:active, #ts_top a:visited{

	display: block;

	float: left;

	width: 32px;

	height: 33px;

	overflow: hidden;

	margin: 0;

	text-align: center;

	padding-top: 5px;

}



#latest-match a:hover, #latest-match a.squad_aktiv, #latest-match a.squad_aktiv:active, #latest-match a.squad_aktiv:visited, #ts_top a:hover, #ts_top a.squad_aktiv, a.squad_aktiv:active, a.squad_aktiv:visited {

	display: block;

	float: left;

	width: 32px;

	height: 33px;

	overflow: hidden;

	background: url(style/squads/hover.png) center top no-repeat;

	margin: 0;

	padding-top: 5px;

}



.sc_squad_results {

	display: none;

	width: 323px;

	overflow: hidden;

}



#squad_1 {

	display: block;

}



.sc_r_gn {

	width: 35px;

	height: 28px;

	float: left;

	text-align: center;

	padding-top: 4px;

}



.sc_r_gn small {

	color: #32b8ff;

	font-weight: bold;

	text-transform: uppercase;

}



.sc_r_gl {

	width: 20px;

	height: 30px;

	text-align: center;

	overflow: hidden;

	float: left;

	padding-top: 2px;

}



.sc_r_opp {

	width: 190px;

	height: 32px;

	font-weight: bold;

	float: left;

	margin-left: 3px;

	line-height: 10px;

	overflow: hidden;

}



.sc_r_resp {

	width: 34px;

	height: 28px;

	overflow: hidden;

	text-align: right;

	float: left;

	padding-top: 4px;

}



.sc_r_res {

	width: 32px;

	height: 28px;

	overflow: hidden;

	text-align: right;

	float: left;

	padding-top: 4px;

}

#ts_top {

	width: 78px;

	height: 51px;

	overflow: hidden;

	background: url(style/teamspeak.jpg) center top no-repeat;

	padding:12px 10px 0 235px;

}


#teamspeak_2 {

	width: 323px;

	color: #fff;

	overflow: hidden;


}

#teamspeak_3 {

	width: 315px;

	color: #fff;

	overflow: hidden;

	display: none;
	padding: 4px;
}



/* Video Styles */



#playlistbox {

	width: 218px;

	height: 175px;

	overflow: hidden;

	float: left;

	margin-top: 0px;

	padding: 0 0 0 1px;

}



#screen {

	background: url(style/screen-bg.jpg) center no-repeat;

	width: 320px;

	height: 130px;

	float: left;

	margin: 7px 0 0 1px;
	overflow: hidden;

}



#swfplayer {

	display: block;

	width: 320px;

	height: 130px;

	cursor: pointer;
	overflow: hidden;

}



#swfplayer img {

	cursor: pointer;

}



/* Default */



#playlistbox a, #playlistbox a:active, #playlistbox a:visited {

	display: block;

	width: 183px;

	height: 22px;

	background: url(style/playlist-bg.jpg) center top no-repeat;

	margin:1px 0 0 0;

	border:1px solid #111;

	padding: 5px 26px 5px 5px;

	text-decoration: none;

	line-height: 10px;

	color: #666;

}



#playlistbox a:hover, #playlistbox a.playing {

	color: #32b8ff;

	background: url(style/playlist-aktiv.jpg) center top no-repeat;

}



#playlistbox a.paused {

	color: #32b8ff;

	background: url(style/playlist-hover.jpg) center top no-repeat;

}



#playlistbox a img {

	float: left;

	vertical-align: middle;

	margin-right: 5px;

}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #111;
}
.jScrollPaneDrag {
	position: absolute;
	background: #32b8ff;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

div#container { width: 1000px; margin: 0 auto; padding: 0; text-align: left; }

div#content { width: 1000px; margin: 0; background-color: #000000; }
div#content .cols { float: left; width: 800px; }
div#content .col1 { float: left; width: 200px; border-right: 1px solid #cccccc; }
div#content .col2 { margin-left: 200px; text-align: justify; }
div#content .col3 { margin-left: 800px; border-left: 1px solid #cccccc; }