@charset "utf-8";
/* CSS Document */

#preload {display:none}
.clear {clear:both}

#wrapper {width:996px; margin:0 auto; padding-top:8px}

#header {position:relative; background:url(../images/main/head.png); height:284px; width:996px}

		#counter {position:absolute; height:43px; line-height:43px; top:0; left:566px; text-shadow: 0.1em 0.1em 0.1em black; color:#1ab3ff; font-weight:bold}
		#headswitch {position:absolute; height:83px; width:474px; top:62px; right:17px; background:url(../images/main/headswitch.png)}
		
		#topmatchbg {background:url(../images/main/topmatchbg.png); width:474px; height:66px; position:relative}
				#logo, #gegnerlogo {position:absolute; width:60px; height:60px; top:3px}
				#logo {left:3px}
				#gegnerlogo {left:115px;}
				#topmatchhead {width:270px; height:14px; line-height:14px; position:absolute; right:14px; top:16px; text-align:center; color:#FFF; font-weight:bold}
				#topmatchdate, #topmatchxonx, #topmatchresult, #topmatchcomments {position:absolute; width:130px; height:14px; line-height:14px; font-weight:bold; color:#CCC}
				#topmatchdate span, #topmatchxonx span, #topmatchresult span, #topmatchcomments span {font-weight:normal; color:#999}
				#topmatchdate, #topmatchresult {left:190px}
				#topmatchxonx, #topmatchcomments {left:330px}
				
				#topmatchdate, #topmatchxonx {top:32px}
				#topmatchresult, #topmatchcomments {top:48px}
		
		
		#dropdown {position:absolute; height:37px; left:0; top:163px}

#userarea {background:url(../images/main/userareabg.png); height:42px; width:996px; position:relative}

		#templateswitch {background:url(../images/main/templateswitch.jpg); width:400px; height:35px; position:absolute; left:0; top:4px}
		a.tmpswitch {background:url(../images/main/tmp_switch.jpg); width:133px; height:35px; display:block; float:left; line-height:35px; text-align:center; text-transform:uppercase; font-weight:bold; color:#FFF}
		a.tmpswitch:hover {background:url(../images/main/tmp_switch_active.jpg)}
		a.tmpswitchactive {background:url(../images/main/tmp_switch_active.jpg); width:133px; height:35px; display:block; float:left; line-height:35px; text-align:center; text-transform:uppercase; font-weight:bold; color:#FFF}
		
		#usermenu {position:absolute;height:35px;right:0;top:4px;}
		
		#usercontent {position:relative; height:35px; width:564px;}
		#usermenunachricht {position:absolute; left:10px; height:35px; line-height:35px; color:#374251}
		#usermenunachricht span {color:#0784c1; font-weight:bold}
		#usermenunachricht a {font-weight:normal; color:#374251}
		#usermenunachricht a span {font-weight:bold; color:#0784c1; text-decoration:blink}
		
		#usermenumore {position:absolute; right:16px; top:5px; width:51px; height:24px}
		#usermenuprofil {position:absolute; right:118px; top:5px; width:75px; height:24px}
		#usermenuprofil a {background:url(../images/main/editprofil.jpg); width:75px; height:24px; display:block}
		#usermenulogout {position:absolute; right:67px; top:5px; width:51px; height:24px}
		#usermenulogout a {background:url(../images/main/logout.jpg); width:51px; height:24px; display:block}

		#login {background:url(../images/main/login.jpg); width:564px; height:35px; position:relative}
		
				#username,#passwort,#loginbutton,#pwbutton,#regbutton {position:absolute}
				#username {width:139px; height:22px; left:134px; top:6px}
				#passwort {width:139px; height:22px; left:310px; top:6px}
				#loginbutton {width:45px; height:24px; right:64px; top:5px}
				#pwbutton {width:24px; height:24px; right:42px; top:5px}
				#regbutton {width:37px; height:24px; right:5px; top:5px}
				
		#sponsorslider {position:absolute; bottom:1px; width:996px; height:78px; background:url(../images/main/sponsorsliderbg.png)} 

#middleinfo {background:url(../images/main/middleinfo.png); height:125px; width:996px; position:relative}

		#slideshow {background:url(../images/main/slideshow.png); width:370px; height:119px; top:1px; position:absolute}
		#videoplayer {background:url(../images/main/videoplayer.jpg); width:216px; height:119px; position:absolute; top:1px; left:376px; z-index:1}
		#videoplayer div {width:216px; height:119px; position:relative}
		#partners {background:url(../images/main/partnersbg.png); width:400px; height:97px; position:absolute; top:1px; right:0; padding-top:21px}
		.partner {background:url(../images/main/partner.png); width:198px; height:47px; position:relative; margin-left:2px; margin-top:2px; float:left}
		.partner:hover {background:url(../images/main/partner_hover.png)}

			.partner .partnerpic {width:88px; height:47px; text-align:center; display:table-cell; vertical-align:middle; position:absolute}
			.partner .partnertext {width:96px; height:22px; position:absolute; right:0; top:16px}
			.partner .partnertext p span {color:#FFF; font-weight:bold; text-shadow: 0.1em 0.1em 0.1em black; font-size:10px}
			.partner .partnertext p {color:#1ab3ff; text-shadow: 0.1em 0.1em 0.1em black; font-weight:bold; font-size:9px}

#content {background:url(../images/main/contentbg.jpg); width:996px;}

		#index {width:628px; margin-left:25px; margin-top:15px; margin-bottom:15px; float:left}
		
				#newsMainPic {background:url(../images/main/newsMainPic.jpg); width:239px; height:113px; padding:3px; float:left; margin-right:18px; margin-bottom:12px}
				#newsMainPic img {width:239px; height:113px}
		#rightindex {width:279px; margin-left:40px; float:left}
		
				.switchback {background:url(../images/main/switchback.jpg); width:273px; height:1px; margin:3px}
				#lcontent {background:url(../images/main/lcontent.jpg); width:279px; height:57px}
				#matchcenter {background:url(../images/main/matchcenter.jpg); width:279px; height:60px}
				.warsbgfirst {width:273px; height:43px; position:relative; margin-left:3px; margin-top:6px}
				.warsbgsecond {background:url(../images/main/warsbg.jpg); width:273px; height:43px; position:relative; margin-left:3px; margin-top:6px}
				
						.warsbgresultpic {width:17px; height:17px; position:absolute; left:10px; top:13px}
						.warstext {height:28px; position:absolute; left:40px; top:7px}
						.warstext p.warshead {color:#0784c1; height:14px; line-height:14px}
						.warstext p.warshead span {color:#374251; font-weight:bold}
						.warstext p {color:#667a95; height:14px; line-height:14px}
						.warsbgresult {height:43px; line-height:43px; position:absolute; right:12px}
						
				#votebox {background:url(../images/main/votebox.jpg); width:279px; height:60px}
				#voteboxbottom {background:url(../images/main/voteboxbottom.jpg); width:279px; height:4px}
				.rightcontentbg {background:url(../images/main/rightcontentbg.jpg); width:279px}
				
				#vote {}

#footer {background:url(../images/main/footer.png); height:67px; width:996px; margin-bottom:4px; position:relative}

		#copyright {position:absolute; left:20px; top:27px; text-transform:uppercase; text-shadow: 0.1em 0.1em 0.1em black; font-weight:bold}
		#copyright p span {color:#FFF; font-size:10px}
		#copyright p {color:#92b5d3; font-size:9px}
		#copyright a {color:#92b5d3}
		#copyright a:hover {color:#1ab3ff}
		#nemesisdesigns {position:absolute; right:27px; bottom:13px}


/**************
  News
**************/
a.newsreadmore {background:url(../images/main/newsReadmore.jpg);width:74px; height:24px; display:block; float:right}
a.newsreadmore:hover {background:url(../images/main/readmore_hover.jpg)}


/**************
  Polls
**************/
a.allpolls {background:url(../images/main/allpolls.jpg); width:74px; height:24px; display:block}
a.allpolls:hover {background:url(../images/main/allpolls_hover.jpg)}
input.votebutton {background:url(../images/main/votebutton.jpg); width:74px; height:24px; display:block; float:left; border:none}
input.votebutton:hover {background:url(../images/main/votebutton_hover.jpg); border:none}
input.votebutton:active, input.votebutton:visited {border:none}
/**************
  Warswitcher
**************/
#warswitch {background:url(../images/main/warswitch.jpg); width:273px; height:22px; margin:3px;}

#warswitch a {margin-top:1px; height:20px; line-height:20px; margin-left:6px; font-weight:normal; color:#374251}
#warswitch a:hover {color:#0784c1}


/**************
  Infoboxen
**************/
.newsFirst {background:url(../images/main/newsFirst.jpg); width:273px; height:43px; position:relative; margin-left:3px}
.newsSecond {background:url(../images/main/newsSecond.jpg); width:273px; height:43px; position:relative; margin-left:3px}

		.newsFirst div,
		.newsSecond div {position:absolute; left:40px; top:10px; font-weight:bold; color:#374251}
		.newsFirst div p,
		.newsSecond div p {font-weight:normal; color:#667a95}



/**************
  Switchbox
**************/
a.news {
	background:url(../images/main/lnews.jpg);
	height:23px;
	width:90px;
	display:block;
	margin-left:3px;
}
a.news:hover, a.news:active {
	background-image:url(../images/main/lnews_hover.jpg);
}
li.ui-tabs-selected a.news {
	background-image:url(../images/main/lnews_active.jpg);
}

a.artikel {
	background:url(../images/main/lartikel.jpg);
	height:23px;
	width:89px;
	display:block;
	margin-left:2px;
}
a.artikel:hover, a.artikel:active {
	background-image:url(../images/main/lartikel_hover.jpg);
}
li.ui-tabs-selected a.artikel {
	background-image:url(../images/main/lartikel_active.jpg);
}

a.topics {
	background:url(../images/main/ftopics.jpg);
	height:23px;
	width:90px;
	display:block;
	margin-left:2px;
}
a.topics:hover, a.topics:active {
	background-image:url(../images/main/ftopics_hover.jpg);
}
li.ui-tabs-selected a.topics {
	background-image:url(../images/main/ftopics_active.jpg);
}

a.lwars {
	background:url(../images/main/lwars.jpg);
	height:23px;
	width:136px;
	display:block;
	margin-left:3px;
}
a.lwars:hover, a.lwars:active {
	background-image:url(../images/main/lwars_hover.jpg);
}
li.ui-tabs-selected a.lwars {
	background-image:url(../images/main/lwars_active.jpg);
}

a.nwars {
	background:url(../images/main/nwars.jpg);
	height:23px;
	width:135px;
	display:block;
	margin-left:2px;
}
a.nwars:hover, a.nwars:active {
	background-image:url(../images/main/nwars_hover.jpg);
}
li.ui-tabs-selected a.nwars {
	background-image:url(../images/main/nwars_active.jpg);
}

a.switchadvert {
	background:url(../images/main/advert.png);
	height:17px;
	width:98px;
	display:block;
}
a.switchadvert:hover, a.switchadvert:active {
	background-image:url(../images/main/advert_hover.png);
}
li.ui-tabs-selected a.switchadvert {
	background-image:url(../images/main/advert_active.png);
}

a.topmatch {
	background:url(../images/main/topmatch.png);
	height:17px;
	width:84px;
	display:block;
}
a.topmatch:hover, a.topmatch:active {
	background-image:url(../images/main/topmatch_hover.png);
}
li.ui-tabs-selected a.topmatch {
	background-image:url(../images/main/topmatch_active.png);
}

	

#switcher {
	background-image: url(../images/switcher.jpg);
	height: 47px;
	width: 332px;
}

#switcher ul,li,
#serverswitch ul,li,
#matchswitch ul,li,
#headswitch ul,li,
.lastbox ul,li{
	list-style:none;
	margin:0px;
	padding:0px;
}

#tabs-1 ul,li,#tabs-2 ul,li,#tabs-3 ul,li,#tabs-4 ul,li,#tabs-5 ul,li,#tabs-6 ul,li,#tabs-7 ul,li {
	padding:0px;
	margin:0px;
	list-style:none;
}
#tabs-1 li,#tabs-2 li,#tabs-3 li,#tabs-4 li,#tabs-5 li,#tabs-6 li,#tabs-7 li {
	list-style:none;
}

.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }