/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:11px Arial, Verdana, sans-serif; color:#8598ab; background:#070909 url(_img/body_background.jpg) repeat-x; min-width:1005px; }
a:link, a:visited { color:#8598ab; text-decoration:none; }
a:focus, a:hover, a:active { color:#A3BAD1; text-decoration:underline; }
fieldset, img { border:0; }
form * { font:11px Verdana, Arial, sans-serif; color:#000; }
form *, img { vertical-align:middle; }

/* Layout Formatierungen */
div#wrapper, div#footerinner { position:relative; left:50%; width:1280px; margin-left:-630px; }
div#header { position:relative; height:289px; background:url(_img/header.jpg) no-repeat; }

ul#navi { list-style:none; position:absolute; left:120px; top:161px; }
ul#navi li { float:left; height:39px; line-height:39px; margin-right:1px; text-transform:uppercase; text-align:center; font-weight:bold; }
ul#navi li a { display:block; height:39px; width:118px; color:#FFF; /*text-shadow:#c0c0c0 1px 0px 1px; */  text-decoration:none; }
ul#navi li a:hover, ul#navi li a:active, ul#navi li a.active { background:url(_img/navi_hover.jpg) no-repeat; }
div.subnavi { display:none; z-index:99; position:absolute; top:200px; width:166px; background:url(_img/subnavi_background.jpg) repeat-y; border-bottom:1px solid #191919; }
div.subnavi ul { list-style:none; margin:5px 10px 5px; width:100%; }
div.subnavi ul li { line-height:22px; height:22px; }
div.subnavi ul li a { background:url(_img/subnavi.jpg ) no-repeat 3px center; padding-left:14px; color:#FFF; }
div.subnavi ul li a:hover, div.subnavi ul li a:active { color:#b30000; text-decoration:none; }
div#subnavi1 { left:120px; }
div#subnavi2 { left:239px; }
div#subnavi3 { left:358px; }
div#subnavi4 { left:477px; }
div#subnavi5 { left:596px; }
form#notloggedin { position:absolute; right:200px; top:130px; height:25px; width:482px;}
form#notloggedin input { border:0; background:transparent; position:absolute; top:5px; color:#878787; font-size:10px; border:1px solid #666; -moz-border-radius:4px; padding:3px 5px; }
form#notloggedin input#loginemail { width:115px; left:8px; }
form#notloggedin input#loginpassword { width:115px; left:142px; }
form#notloggedin input#loginsubmit { left:275px; padding:2px 5px; }
form#notloggedin a { position:absolute; color:#b30000; top:8px; font-weight:bold; } 
form#notloggedin a#register { left:340px; } 
form#notloggedin a#sendpassword { left:380px; } 
div#loggedin { position:absolute; right:200px; top:132px; width:225px; background:url(_img/loggedin.png) no-repeat right top; height:28px; z-index:100; font-size:10px; }
div#loggedin span { text-align:center; width:100%; display:block; }
div#loggedin span.uppercase { line-height:28px; }
div#loggedin span a { padding:0 5px; }
div#loggedin a:hover { color:#b30000; text-decoration:none; }
div#loggedin div { display:none; }
div#loggedin div ul { padding:5px 10px; list-style:none; text-transform:uppercase; }
div#loggedin div ul li { background:url(_img/subnavi.jpg ) no-repeat 3px center; padding-left:14px; float:left; width:80px; line-height:20px; }
div#loggedin:hover { height:144px; }
div#loggedin:hover div { display:block; }
div#loggedin .right { float:right; padding-right:15px; }
div#spnrs { position:absolute; right:120px; top:20px; }
div#spnrs img { float:left; margin:0 20px; }
div#rotation { position:absolute; left:180px; top:225px; width:900px; height:50px; line-height:50px; text-align:center; }
div#rotation img { margin:0 20px; }
div#equal { position:relative; left:127px; background:url(_img/content_background.jpg) repeat-y; }
div#content, div#sidebar, div#wrb { float:left; overflow:hidden; }
div#content { width:706px; }
div#content h2.main { clear:both; height:20px; background:url(_img/h2_content.jpg) no-repeat; line-height:20px; color:#4b5661; font-weight:normal; font-size:9px; text-indent:10px; text-transform:uppercase; margin:0 !important; }
div#sidebar { width:297px; margin:0 12px 0 2px; background:#151a1c; border-bottom:1px solid #273135; }
div#sidebar h2 { clear:both; position:relative; height:40px; background:url(_img/h2_sidebar.jpg) no-repeat left bottom; line-height:42px; font-size:11px; color:#FFF; text-indent:18px; text-transform:uppercase; }
div#sidebar h2 span { font-size:9px; color:#4f5b5f; font-weight:bold; font-style:italic; text-transform:none; }
div#sidebar h2 a { position:absolute; right:0px; bottom:4px; height:29px; width:50px; }
div#sidebar h2:first-child { height:33px; line-height:30px; }
div#sidebar a:link, div#sidebar a:visited { color:#8598ab; }
div#sidebar a:hover, div#sidebar a:active { color:#8598ab; }
div#topmatch { height:129px; background:url(_img/topmatch.jpg) no-repeat; position:relative; margin-top:15px; }
div#topmatch h3 { position:absolute; top:20px; left:0px; width:98%; text-align:center; color:#FFF; font-size:12px; text-transform:uppercase; }
div#topmatch span#upc_vs { position:absolute; top:40px; left:0px; width:98%; text-align:center; color:#8598ab; font-size:10px; text-transform:uppercase; }
div#topmatch span#upc_map { position:absolute; top:55px; left:0px; width:98%; text-align:center; color:#4b5661; font-size:10px; }
div#topmatch span#upc_liga { position:absolute; top:90px; left:24px; width:98%; color:#8598ab; font-size:11px; }
div#topmatch span#upc_liga b { color:#cc0c0c; }
div#topmatch img#logo1 { width:60px; height:60px; border:1px solid #FFF; position:absolute; left:24px; top:14px; }
div#topmatch img#logo2 { width:60px; height:60px; border:1px solid #FFF; position:absolute; right:30px; top:14px; }
div#sidebar div.box { padding:12px 12px; }
div#sidebar div.box ul  { width:100%; list-style:none; }
div#sidebar div.box ul li { float:left; clear:both; height:17px; position:relative; width:100%; border-top:1px solid #111516; line-height:17px; color:#4b5661; }
div#sidebar div.box ul li:first-child { border-top:0;}
div#sidebar div.box ul li span.board { position:absolute; left:5px; color:#cc0c0c; }
div#sidebar div.box ul li span.team1 { position:absolute; left:5px; }
div#sidebar div.box ul li span.team2 { position:absolute; right:5px; }
div#sidebar div.box ul li span.result { position:absolute; left:0px; width:100%; display:inline-block; text-align:center; }
div#sidebar div.box ul li a.boardlink { position:absolute; left:80px; }
.green { color:#4acf02; }
.red { color:#cc0c0c !important; }
.grey { color:#efab30; }
h3#question { height:40px; background:url(_img/votehead.jpg) no-repeat; font-size:11px; color:#c9d2da; text-align:center; line-height:38px; margin:5px 0; }
div.vote { clear:both; color:#8598ab; padding:3px 12px 7px; }
div.vote span  { float:left; }
div.vote b  { float:right; color:#cc0c0c; margin-bottom:4px;}
div.vote div.votebar  { clear:both; width:271px; height:12px; background:url(_img/vote.jpg) no-repeat; padding:3px; }
div.vote div.votebar div.votebar_active  { background:url(_img/votebar.jpg) repeat-x; height:6px; -moz-border-radius:3px; }
div#sidebar a.button {  font-size:10px; float:right; margin:5px 15px 10px 0; width:85px; height:22px; background:url(_img/sidebar_button.jpg) no-repeat; display:block; text-align:center; color:#444e58; line-height:22px; text-transform:uppercase; text-decoration:none; }
div#sidebar form { color:#FFF !important; padding-left:30px; }
div#sidebar form * { color:#FFF !important; line-height:200% !important; }
div#sidebar input.button { font-size:10px; float:right; margin:5px 15px 10px 0; width:85px; height:22px; background:url(_img/sidebar_button.jpg) no-repeat; border:0; text-align:center; color:#cc0c0c; line-height:22px; text-transform:uppercase; text-decoration:none; }
div#wrb { width:120px; }
div#footer { position:relative; height:74px; width:100%; background:url(_img/footer.jpg) repeat-x; }
div#footer span#copyright { position:absolute; left:149px; top:24px; color:#8598ab; }
div#footer span#copyright span { color:#39424a; }
div#footer span#copyright span a { color:#39424a !important; }
div#footer a#synergy { position:absolute; left:720px; top:24px; width:100px; height:38px; background:url(_img/synergy.jpg) no-repeat; }

/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.uppercase { text-transform:uppercase; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



div#content div.spacer { padding:10px 15px; }
div#content div.nopace { margin-left:-15px; margin-top:-10px; width:708px; }
div#content a:link,div#content a:visited { color:inherit; }
div#content a:hover,div#content a:active { color:inherit; text-decoration:underline; }
div#content p { margin:0 0 8px 0; }
div#content dt img,div#content label img,div#content td img { vertical-align:middle; }
div#content .left { text-align:left; float:left; margin-right:5px; }
div#content .right { text-align:right; float:right; }
div#content .left { text-align:left; }
div#content hr { display:none; }

/* Überschriften */
div#content h2 { color:#cc0c0c; font-size:14px; margin-top:15px; }
div#content h3 { font-size:10px; }
div#content h4 { font-size:10px !important; font-weight:bold; }
table#cms_board h4 { padding:0 !important; }
/* Tabellenseiten */
div#content table { width:100%; border-collapse:collapse; margin:20px 0px 10px 0px; }
div#content table tr th { color:#637180; font-size:10px; font-weight:bold; text-align:left; padding:3px 7px 3px 7px; text-transform:uppercase; }
div#content table tr th a { color:#000; font-weight:bold; }
div#content table tr td { border-top:1px solid #DAE0E6; padding:4px 7px; }
div#content table tr.row1 td { background:#EFEFEF; }
div#content table tr.row2 td { background:#FFF; }
div#content table tr td a { font-weight:bold; }


/* Formulare */
div#content form { margin:5px 0 10px 0; }
div#content form * { font-family:inherit; font-size:inherit; }
div#content form fieldset { border:0; }
div#content form fieldset legend { display:none; }
div#content form fieldset label { float:left; clear:both; cursor:pointer; min-width:100px; text-indent:5px; line-height:35px; }
div#content form fieldset input { width:150px; background:#FFF; border:1px solid #000; padding:4px; margin:4px; height:1uto !important; height:20px; }
div#content form fieldset textarea { width:445px; background:#FFF; border:1px solid #000; padding:4px; margin:4px; }
div#content form fieldset input[type=submit] { padding:3px; width:auto; }
div#content form fieldset input:hover,div#content form fieldset textarea:hover { background:#EEE; border:1px solid #444; }
div#content form fieldset input:focus,div#content form fieldset textarea:focus { background:#DDD; border:1px solid #888; }
div#content form fieldset select { width:150px; background:#FFF; border:1px solid #000; padding:0px; margin:4px; }
div#content form fieldset option { background:#EEE; border-bottom:1px solid #444; padding:2px; }

/* Listen */
div#content ul,div#content ol, div#content dl,div#content2 ul,div#content2 ol, div#content2 dl  { margin:5px 0; width:100%; overflow:hidden; }
div#content ul li,div#content2 ul li  { list-style:square inside; margin:0 10px 0 0; line-height:150%; }
div#content ol li { list-style:decimal inside; margin:0 10px 0 0; line-height:150%; }
div#content dl dt { border:1px solid #E9E9E9; min-height:22px; line-height:22px; margin-bottom:3px; padding-left:5px; width:120px; background:#EDEDED; }
div#content dl dd { border:1px solid #E9E9E9; min-height:22px; line-height:22px; margin-bottom:3px; margin-top:-27px; padding-left:130px; }

/* Kommentare */
div#content div.comment_avatar { float:left; padding:10px 10px; width:100px;}
div#content div.comment_text { float:left; min-height:140px; border-left:2px solid #DDD; padding: 10px 10px 10px; width:400px; }
div#content div.comment_signatur { clear:both; background:#DDD; color:#000; padding:5px; }
div#content blockquote { background:#DDD; border:1px solid #000; padding:5px; margin:5px; }

/* Blätterfunktion */
div#content div.page_select { clear:both; margin-top:5px; line-height:30px; text-align:right; }
div#content div.page_select a.page_inactive { border:1px solid #C2B79B; padding:3px 5px; margin:1px; background:#FFF; color:#000 !important; }
div#content div.page_select a.page_inactive:hover { background:#C0C0C0; color:#444 !important; }
div#content div.page_select span.page_active { border:1px solid #A7A090; background:#D9D9D9; padding:3px 5px; margin:1px; color:#000; font-weight:bold; }

table.wartable { width:200px !important; white-space:nowrap;}
table.wartable td { border:0 !important; border-bottom:1px dotted #E6E6E6 !important; }


/* Startseite */
div#specials { width:480px; height:78px; float:left;}
div#specials img { margin:5px;  }
ul#speclist { float:left; width:219px !important; margin:0 !important; margin-top:7px !important; }
ul#speclist li { float:left; list-style:none !important; clear:both; width:100%; text-indent:5px; padding:3px 0px 3px 0px; border-top:1px solid #DEDFDF; cursor:pointer; }
ul#speclist li:first-child {  border-top:0; }
ul#speclist li.active { font-weight:bold; color:#cc0c0c; }
div.news { width:352px;  height:270px; float:left; position:relative; }
div.news h3 { position:absolute; left:20px; top:5px; font-size:14px !important; }
div.news h3 a { color:#cc0c0c !important; }
div.news h4 { position:absolute; left:20px; top:20px; font-size:11px !important; color:#637180 !important; font-weight:normal !important; }
div.news img { position:absolute; left:20px; top:40px; width:323px; height:50px; }
div.news h5 { position:absolute; left:20px; top:90px; width:323px; height:15px; background:url(_img/newsinfo.jpg) no-repeat; font-weight:normal; line-height:15px; }
div.news h5  span.left { float:left; padding-left:5px; text-transform:upeprcase; }
div.news h5  span.right { float:right; padding-right:5px; }
div.news h5  span.right a { color:#63717f; }
div.news div.text { position:absolute; left:0px; top:120px; height:140px; padding:0 10px; line-height:150%; }
div.news div.text p { margin-bottom:5px; }
a.more { float:right; display:block; width:42px; height:15px; background:url(_img/more.jpg) no-repeat; }
a.more:hover { background:url(_img/more_hover.jpg) no-repeat; }
div.news1, div.news3 { border-right:1px solid #E7EAEE; }
div.news1, div.news2 { border-bottom:1px solid #E7EAEE; }
table.archiv { width:100%; border-collapse:collapse; margin:0 !important; }
table.archiv tr th { color:#637180; font-size:10px; font-weight:bold; text-align:left; padding:3px 7px 3px 7px; text-transform:uppercase; }
table.archiv tr td { border-top:1px solid #DAE0E6; padding:4px 7px; }
table.archiv tr td a { font-weight:bold; }
div.gallery { float:left; width:350px; position:relative; height:200px; }
div.gallery img { width:80px; height:89px; position:absolute; left:10px; top:20px; }
div.gallery h3 { position:absolute; left:117px; top:20px; font-size:12px !important; color:#cc0c0c; }
div.gallery h3 a { color:#cc0c0c; }
div.gallery h4{ position:absolute; left:110px; text-indent:7px; top:34px; font-weight:normal; border-bottom:1px solid #DAE0E6; color:#637180; font-size:11px; width:220px; padding-bottom:5px;  }
div.gallery span.images { position:absolute; left:117px; top:60px; font-weight:normal; white-space:nowrap;  }
div.gallery span.userrating { position:absolute; left:117px; top:75px; font-weight:normal; white-space:nowrap; line-height:15px;  }
span.userrating span { display:inline-block; width:75px; height:14px; background:url(_img/rating_inactive.jpg) repeat-x;  }
span.userrating span span { display:inline-block; height:14px; background:url(_img/rating_active.jpg) repeat-x;  }

/* Community */
h2#community { background:url(_img/h2_community.jpg) no-repeat; height:106px; }
h3.community { position:relative; background:url(_img/h3_community.jpg) repeat-x left bottom; height:50px; line-height:35px; color:#454545; font-size:12px; text-transform:uppercase; text-indent:16px; }
div.half { float:left; width:351px; }
div.half li { list-style:none !important; }
div.half.border { border-left:3px solid #D8D8D8; }
div.half h3:first-child { height:44px; line-height:27px;}
div.half ul.list li { width:100%; position:relative; height:53px; float:left;  border-top:1px solid #E0E3E8; background:#F7F7F7; font-size:11px; list-style:none; }
div.half ul.list li:first-child { border-top:0; margin-top:-5px; }
div.half ul.list li:hover { background:#FFF; }
ul#newslist li:hover { height:145px !important; }
ul.list li strong.title { font-size:11px; position:absolute; left:10px; top:15px; }
ul.list li strong.title a { color:#A1A1A1; text-decoration:none;}
ul.list li strong.title a:hover { color:#CB0D0D;}
ul.list li span.subtitle { position:absolute; left:10px; top:29px; font-size:10px; color:#B6BDC5; }
ul.list li span.subtitle2 { position:absolute; left:39px; top:29px; font-size:10px; color:#B6BDC5; }
ul.list li span.date { position:absolute; right:10px; top:29px; font-size:10px; color:#868686; }
ul.list li span.date a { font-weight:bold; color:#CC0E0E; }
ul.list li span.comments { position:absolute; right:10px; top:15px; font-size:10px; color:#CC0E0E; }
ul.list li span.downloads { position:absolute; right:10px; top:15px; font-size:10px; }
ul.list li img { width:319px; height:25px; position:absolute; left:12px; top:50px; display:none; }
ul.list li img.caticon { width:auto; height:auto; position:relative; left:0; top:0; display:inline-block !important; }
ul.list li img.caticon2 { width:auto; height:auto; position:relative; left:0; top:4px; display:inline-block !important; }
ul.list li span.text { position:absolute; top:80px; height:47px; overflow:hidden; padding:0 20px 0 10px; line-height:150%; }
ul.list li a.more { position:absolute; bottom:10px; right:20px; }
div.half ul.list li img, div.half ul.list li span.text, div.half ul.list li a.more { display:none; }
div.half ul.list li:hover img, div.half ul.list li:hover span.text, div.half ul.list li:hover a.more { display:block; }
ul#newslist { margin-top:-15px !important; }
ul#downloadlist { margin-top:-15px !important; }
ul#betslist { margin-top:-15px !important; }
ul#shortnewslist { margin-top:-15px !important; }
ul#articleslist { margin-top:-15px !important; }
ul#betslist li {  }
ul#betslist li a.bet { position:absolute; bottom:10px; right:12px; }
ul#betslist li span.endtime { position:absolute; right:12px; top:10px; font-size:10px;  }
ul#betslist li span.team1, ul#betslist li span.vs, ul#betslist li span.team2 { display:inline-block; text-align:center; position:absolute; top:10px;  }
ul#betslist li span.team1, ul#betslist li span.quote1 { width:90px; left:2px; }
ul#betslist li span.vs, ul#betslist li span.quote0 { width:20px; left:103px; }
ul#betslist li span.team2, ul#betslist li span.quote2 { width:90px; left:126px; }
ul#betslist li span.quote1, ul#betslist li span.quote0, ul#betslist li span.quote2 { display:inline-block; text-align:center; color:#CC0C07; position:absolute; top:25px; }
a.bet { float:right; display:block; width:42px; height:15px; background:url(_img/bet.jpg) no-repeat; }
ul#movielist { list-style:none; margin:-10px 1px; margin-bottom:10px; }
ul#movielist li { float:left; clear:both; position:relative; height:122px; width:100%; border-bottom:1px solid #F2F3F7; }
ul#movielist li h4 { position:absolute; left:150px; top:22px; font-size:11px; }
ul#movielist li h4 a { color:#CD0C0D; text-decoration:none; }
ul#movielist li img{ position:absolute; left:17px; top:15px; padding:5px; border:1px solid #E4E2E3; width:112px; height:82px; }
ul#movielist li h5 { position:absolute; left:150px; top:36px; font-weight:normal; color:#637080; font-size:11px; }
ul#movielist li span.text { position:absolute; left:150px; top:60px; width:190px; height:44px; overflow:hidden; }
ul#movielist span.userrating { position:absolute; left:257px; top:33px; white-space:nowrap; }
div.half div.text { position:relative; top:-12px; padding:0px 10px 10px; background:#F7F7F7; z-index:10; margin-bottom:-12px; }
div.half div.text p { margin-bottom:10px; color:#2F2F2F; }
div.half div.text p span { font-size:10px; color:#939393; }
h4.server { clear:both;  margin:-10px 1px 0; line-height:30px;text-indent:10px; color:#CE0C0C; font-size:12px; border-bottom:1px solid #EBECF0; }
ul.serverlist { list-style:none; margin:0 1px; display:block; margin-bottom:15px; color:#647182; }
ul.serverlist li { clear:both; border-bottom:1px solid #EBECF0; width:100%; position:relative; line-height:25px; height:25px;  }
ul.serverlist li strong { float:left; padding-left:10px;  }
ul.serverlist li a { float:right; padding-right:10px;  }
span#twitter { display:block; position:absolute; right:15px; top:11px; width:50px; height:48px; background:url(_img/twitter.jpg) no-repeat; z-index:12; }

/* shop */
div#shop { background:#070909; min-height:1200px;}
ul#shopcategory { margin:0 !important; width:100%; height:31px; background:url(_img/shop_navi.jpg) repeat-x; }
ul#shopcategory li { list-style:none !important; float:left; line-height:31px !important; font-weight:bold; color:#FFF; text-transform:uppercase; font-size:10px; padding:0 0px 0 20px; }
div#angebot { height:191px; background:url(_img/angebot.jpg) no-repeat; position:relative; }
div#angebot img { position:absolute; left:2px; top:18px; }
div#shop p.rating { line-height:15px;  }
div#shop p.rating span { display:inline-block; width:55px; height:14px; background:url(_img/rating_shop_inactive.jpg) repeat-x left bottom;  }
div#shop p.rating span span { display:inline-block; height:14px; background:url(_img/rating_shop_active.jpg) repeat-x left bottom;  }
div#items { background:#050606 url(_img/shop_foot.jpg) no-repeat left bottom; padding:5px 20px 50px; }
div.shop { margin-bottom:20px; border-bottom:1px solid #111; padding:10px 0; }
div.shop div.main { float:left; width:160px; text-align:center;}
div.shop div.main img { max-width:130px; }
div.shop div.main a  { text-transform:uppercase; color:#FFF !important; font-weight:bold; }
div.shop div.text { padding:10px 0;  }
div#items div.images { float:right; margin-left:10px; }
div#shop h2,div#shop h3,div#shop h4 { color:#FFF; }