/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:12px Arial, Verdana, sans-serif; color:#626262; background:#7C695A url(_img/body_background.jpg) repeat-x; min-width:1007px; }
a:link, a:visited { color:#626262; text-decoration:none; }
a:focus, a:hover, a:active { color:#626262; text-decoration:underline; }
fieldset, img { border:0; }
form * { font:12px Arial, Verdana, sans-serif; color:#000; }
form *, img { vertical-align:middle; }
h3, h4 { font-size:13px; }

/* Layout Formatierungen */
div#background { background:url(_img/body_background2.jpg) no-repeat top center; width:100%; height:729px; position:absolute; left:0px; top:0px; z-index:-1; }
div#wrapper { position:relative; left:50%; width:1007px; margin-left:-503px; }
div#header { position:relative; height:362px; background:url(_img/header2.jpg) no-repeat; font-size:10px; color:#959595; z-index:2; }
div#header div.rss { position:absolute; left:160px; top:3px; }
div#header span#online { position:absolute; left:250px; top:7px; }
div#header span#online b.green { color:#678713; font-size:11px; }
div#header span#online b.red { color:#a86804; font-size:11px; }
div#header span#counter { position:absolute; right:217px; top:7px; }
div#header span#counter b { color:#313131; font-size:11px; }
div#header a#lang_de { position:absolute; right:54px; top:4px; display:block; width:41px; height:18px; }
div#header a#lang_en { position:absolute; right:10px; top:4px; display:block; width:41px; height:18px; }
ul#navigation { position:absolute; left:264px; top:330px; list-style:none; }
ul#navigation li { position:absolute; top:0px; height:31px; display:block; z-index:10; cursor:pointer; }
ul#navigation li#navi1 { left:0px; width:100px; }
ul#navigation li#navi2 { left:101px; width:84px; }
ul#navigation li#navi3 { left:186px; width:81px; }
ul#navigation li#navi4 { left:268px; width:81px; }
ul#navigation li:hover,ul#navigation li:active, ul#navigation li.active { z-index:20; background:url(_img/navi_aktiv.jpg) no-repeat bottom center; }
div#equal { background:url(_img/content_background.jpg) repeat-y; margin-left:4px; }
div#left, div#center, div#right, div#main, div#sidebar, div#content, div.contentsmall { float:left; overflow:hidden; }
/* Spalte links */
div#left { width:233px; }
div#login { height:142px; background:url(_img/login.jpg) 0px -2px no-repeat; position:relative; }
form#notloggedin { position:absolute; left:11px; top:40px; width:207px; height:96px; background:url(_img/notloggedin.jpg) no-repeat; }
form#notloggedin input { position:absolute; font-size:10px; color:#a0a0a0; border:0; background:transparent;  }
form#notloggedin input#loginemail { left:84px; top:10px; width:110px; }
form#notloggedin input#loginpassword { left:84px; top:36px; width:110px; }
form#notloggedin input#loginsubmit { left:129px; top:68px; width:78px; height:27px; cursor:pointer; }
form#notloggedin a { font-size:10px; color:#f19300 !important; position:absolute; left:19px; }
form#notloggedin a#loginregister { top:68px; }
form#notloggedin a#loginsendpassword { top:83px; }
div#loggedin { position:absolute; left:11px; top:40px; color:#f19300; font-size:11px; }
div#loggedin ul li { float:left; clear:both; height:18px; line-height:18px; background:#44341B; color:#f19300; margin-bottom:1px; -moz-border-radius:3px; width:207px; list-style:none; }
div#loggedin ul li img { margin:0 3px 0 5px; }
div#loggedin ul li a { color:#f19300; }
div#upcoming { height:221px; background:url(_img/upcoming.jpg) no-repeat; position:relative; font-size:10px; color:#FFF; }
div#upcoming img#logo1, div#upcoming img#logo2{ position:absolute; top:64px; width:60px; height:60px; }
div#upcoming img#logo1 { left:33px; }
div#upcoming img#logo2 { left:137px; }
div#upcoming span#team1, div#upcoming span#team2{ position:absolute; color:#f19300; top:150px; }
div#upcoming span#team1 { left:18px; }
div#upcoming span#team2 { left:134px; }
div#upcoming span#vs { position:absolute; left:100px; top:150px; }
div#upcoming span#upc_info { position:absolute; left:18px; top:170px; }
div#upcoming span#upc_date { position:absolute; left:18px; top:190px; }
div#upcoming a { display:block; height:28px; position:absolute; bottom:0px; }
div#upcoming a:hover,div#upcoming a:active  { background:url(_img/pfeil.jpg) center bottom no-repeat; }
div#upcoming a#upc_esl { width:17px; left:142px; }
div#upcoming a#upc_steam { width:21px; left:164px; }
div#upcoming a#upc_hlsw { width:25px; left:189px; }
h2#matches { height:39px; background:url(_img/h2_matches.jpg) no-repeat; }
ul#matchlist { list-style:none; width:233px;  }
ul#matchlist li { float:left; clear:both; height:42px; background:url(_img/liste_wars.jpg) no-repeat; width:233px; position:relative; }
ul#matchlist li img { position:absolute; left:13px; top:5px; }
ul#matchlist li strong { position:absolute; left:35px; top:5px; font-size:11px; color:#f19300; }
ul#matchlist li strong a { color:#f19300 !important; }
ul#matchlist li span.date { position:absolute; left:35px; top:18px; font-size:10px; color:#7e5719; }
ul#matchlist li span.result { position:absolute; right:16px; top:12px; font-size:11px; width:64px; text-align:center; display:block; font-weight:bold; }
ul#matchlist li span.win { color:#678713; }
ul#matchlist li span.draw { color:#a0a0a0; }
ul#matchlist li span.lose { color:#e2001a; }
h2#users { height:37px; background:url(_img/h2_users.jpg) no-repeat; }
ul#userlist { list-style:none; width:204px; margin-left:13px;  }
ul#userlist li { float:left; clear:both; height:40px; background:url(_img/liste_user.jpg) bottom repeat-x; width:204px; position:relative; }
ul#userlist li strong { position:absolute; left:30px; top:5px; font-size:11px; color:#f19300; }
ul#userlist li strong a { color:#f19300 !important; }
ul#userlist li span { position:absolute; left:30px; top:18px; font-size:10px; color:#7e5719; }
ul#userlist li a.buddylink { display:block; width:16px; height:16px; position:absolute; right:25px; top:14px; }
ul#userlist li a.messagelink { display:block; width:16px; height:16px; position:absolute; right:5px; top:14px; }
h2#poll { margin-left:1px; height:34px; background:url(_img/h2_poll.jpg) no-repeat; }
h3#question { line-height:200%; font-size:11px; color:#FFF; margin:10px 17px 0 14px; padding-bottom:10px; text-align:center; background:url(_img/vote_background.jpg) bottom left repeat-x; }
h3#question a { color:#FFF !important; }
ul#answers { font-weight:bold; list-style:none; line-height:30px; font-size:11px; color:#f19300;  margin:0 17px 0 14px; }
ul#answers li { height:30px; float:left; clear:both; background:url(_img/liste_vote.jpg) bottom left repeat-x; width:203px; text-indent:12px; }
ul#answers li a { color:#f19300 !important; }
/* Mitte / rechts */
div#center { width:765px; background:url(_img/center_background.jpg) repeat-x 0px 75px; min-height:450px; }
div#subnavi { height:148px; background:url(_img/subnavi.jpg) no-repeat 0px -2px; position:relative; }
div#subnavi ul.subnavi { position:absolute; left:15px; top:13px; text-transform:uppercase; font-size:10px; }
div#subnavi ul.subnavi li { float:left; list-style:none; padding:0 7px 0 6px; border-left:1px solid #a0a0a0; }
div#subnavi ul.subnavi li a:link,div#subnavi ul.subnavi li a:visited { color:#a24311; }
div#subnavi ul.subnavi li a:hover,div#subnavi ul.subnavi li a:active { color:#e95d0f; text-decoration:none; }
div#subnavi a img.bnr { width:728px; height:90px; position:absolute; left:27px; top:49px; }
div#subnavi input { border:0; position:absolute; background:transparent; }
div#subnavi input#searchtext { left:587px; width:114px; top:12px; font-size:10px; color:#959595; }
div#subnavi input#searchsubmit { left:709px; width:46px; height:20px; top:9px; cursor:pointer; }
/* Mitte */
div#main { width:567px; }
div#specials { height:222px; background:url(_img/specials.jpg) no-repeat; position:relative; z-index:40; }
div#specials div#slider1 { width:545px; height:200px; position:absolute; left:11px; top:4px; z-index:49; }
div#specials div h2 { font-size:12px; font-weight:bold; position:absolute; left:170px; bottom:18px; z-index:91; }
div#specials div h2 a { color:#FFF !important; }
div#specials div h3 { color:#a0a0a0; font-size:10px; font-weight:normal; position:absolute; left:170px; bottom:5px; z-index:91; }
/* Contentbereich */
div#content { margin-left:8px; width:547px; }
div.contentsmall { width:318px !important; width:328px; border-right:1px solid #C6C6C6; padding-right:10px; }
div#content div#location { padding:8px 3px; margin:6px 0 20px; border-top:1px solid #AEAEAE; border-bottom:1px solid #AEAEAE; color:#9FA19C; font-size:10px; }
div#content div#location a { color:#A14214; }
div#content h2.title { font-size:13px; font-weight:bold; color:#a24311; margin-top:3px; }
div#content h3.title { clear:both; font-size:13px; font-weight:bold; color:#a24311; margin-top:12px; }
div#content h2.title a, div#content h3.title a { color:#a24311 !important; }
div#content h3.subtitle { font-size:10px; font-weight:bold; color:#a0a0a0; margin-bottom:8px; font-weight:normal; }
div#content h4.subtitle { font-size:10px; font-weight:bold; color:#a0a0a0; margin-bottom:8px; font-weight:normal; }
div#content h3.subtitle span, div#content h3.subtitle a { color:#626262 !important; }
div#content p { line-height:180%; margin:7px 5px; }
div#content div.foot { height:22px; background:url(_img/news_foot2.jpg) no-repeat; position:relative; }
div#content div.contentsmall div.foot { background:url(_img/news_foot.jpg) no-repeat; }
div#content div.foot span.comments span { position:absolute; top:2px; }
div#content div.foot span.comments span.num { left:10px; width:21px; display:inline-block; text-align:center; }
div#content div.foot span.comments span.text { left:40px; }
div#content div.foot a.readmore { position:absolute; right:2px; top:2px; height:18px; width:70px; text-align:center; color:#FFF !important; font-size:11px; line-height:18px;  }
div#content div.trenn { height:20px; background:url(_img/trenn.png) repeat-x; margin:10px 0; }
/* Sidebar - halbrechts */
div#sidebar { width:207px; margin-left:10px;}
div#sidebar h2#headlines { margin-left:5px; height:25px; background:url(_img/h2_headlines.jpg) no-repeat; }
div#sidebar ul.rot li { background:url(_img/liste_rot.jpg) no-repeat; }
div#sidebar h2#threads {  margin-left:5px; height:36px; background:url(_img/h2_forum.jpg) no-repeat; }
div#sidebar ul.gelb li { background:url(_img/liste_gelb.jpg) no-repeat; }
div#sidebar ul.list { list-style:none; margin-left:5px; }
div#sidebar ul.list li { float:left; width:197px; height:40px; clear:both; position:relative; }
div#sidebar ul.list li strong { font-weight:bold; position:absolute; left:10px; top:5px; font-size:11px; }
div#sidebar ul.list li strong a { color:#a24311; white-space:nowrap; }
div#sidebar ul.list li small { color:#626262; position:absolute; left:10px; top:19px; font-size:10px; white-space:nowrap; } 
div#sidebar ul.list li small span { color:#a0a0a0; }
div#sidebar div#gallery { position:relative; height:220px; background:url(_img/gallery.jpg) no-repeat; }
div#sidebar div#gallery h3 { position:absolute; bottom:11px; left:22px; font-size:10px; font-weight:normal; }
div#sidebar div#gallery h3 a { color:#a0a0a0 !important; }
div#sidebar div#gallery img { position:absolute; left:6px; top:42px; height:144px; width:194px; }
/* Spalte rechts */
div#right { width:198px; text-align:center; }
div#right h2#spnsrs { height:26px; background:url(_img/h2_spnsrs.jpg) no-repeat; margin-bottom:8px; }
div#right a.partner  img { margin:15px 0; }
div#right div.trenn { height:20px; background:url(_img/trenn.png) repeat-x; }
div#right div#advt { padding:20px 0 12px; background:url(_img/advertisement.jpg) bottom center no-repeat; }
div#right div#advt img { border:5px solid #e4e4e4; }
/* Footer */
div#footer { position:relative; height:70px; background:url(_img/footer.jpg) no-repeat; color:#3a312c; font-size:10px; }
div#footer a { color:#fff !important; font-size:11px; font-weight:bold; }
div#footer a#toplink { position:absolute; left:20px; top:22px; }
div#footer span#footernavi { position:absolute; left:249px; top:22px; }
div#footer span#footernavi a { padding:0 2px 0 5px; border-left:1px solid #FFF; }
div#footer span#copyright { position:absolute; left:254px; top:35px; }
div#footer span#copyright a {font-size:10px !important; color:#3a312c !important; }
div#footer a#gnomlab { position:absolute; left:689px; top:21px; display:block; width:115px; height:28px; }
div#footer a#gnomdesign { position:absolute; left:833px; top:21px; display:block; width:140px; height:28px; }
div#footer div.rss { position:absolute;  left:135px; top:23px; }
div.rss a { display:block; width:21px; height:21px; float:left; margin-right:3px; }


/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.center { text-align:center; }
.half { width:49%; float:left; }
.noborder { border:0 !important; }

.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 */


/* CMS */
td.win { color:#678713; font-weight:bold; }
td.draw { color:#a0a0a0; font-weight:bold; }
td.lose { color:#e2001a; font-weight:bold; }

/* 1. Tabellen */
table.cmstable { clear:both; width:100%; border-collapse:collapse; margin:10px 0 15px; font:12px Arial, Verdana, sans-serif; }
table.cmstable tr th { font-weight:bold; text-align:left;  color:#a24311; background:#D2D2D2; font-size:13px; padding:8px 5px; }
table.cmstable tr th.first { -moz-border-radius:5px 0 0 5px; }
table.cmstable tr th.last { -moz-border-radius:0 5px 5px 0; }
table.cmstable tr td { padding:6px 5px;  }
table.cmstable tr td.first { -moz-border-radius:5px 0 0 5px; }
table.cmstable tr td.last { -moz-border-radius:0 5px 5px 0; }
table.cmstable tr td a { font-weight:bold; border-bottom-width:1px; border-bottom-style:dotted; text-decoration:none; }
table.cmstable tr.row1 td { background:#EFEFEF;  }
table.cmstable tr.row2 td { background:#FFF;  }
table.cmstable .center { text-align:center; }
table.cmstable tr.boardhead td { background:#E3E3E3; -moz-border-radius:5px; color:#F48802; border-top:5px solid transparent !important; }

/* 2. Suche */
form.contentsearch { float:right; margin-top:-10px; margin-left:0 !important; margin-left:250px;}
form.contentsearch input.search { border:1px solid #CCC; padding:2px 4px; -moz-border-radius:3px; }
form.contentsearch input.submit { border:1px solid #CCC !important; padding:1px 3px !important; -moz-border-radius:3px; cursor:pointer; background:#FFF; margin:0 !important; }
form.contentsearch input:hover, form.contentsearch input:active{ background:#FEFEFE; border-color:#AAA; }
span.info { font-style:italic; float:left; }
span.info.right { float:right; }

/* 3. Kategorieauswahl */
form.categoryselect { float:right; margin-left:50px; margin-top:-10px; }
form.categoryselect select { border:1px solid #CCC; padding:1px 3px; -moz-border-radius:3px; }
form.categoryselect label { width:auto !important; min-width:0 !important; margin-right:5px !important; }

/* 4. Statistiken */
dl.right { float:left; width:200px; line-height:200%; }
dl.right dt { float:left; margin-right:5px; clear:both; font-weight:bold; }
dl.right dd { float:left; }

/* 5. Button */
a.button { border:3px solid #CCC; padding:5px 10px; -moz-border-radius:8px; margin:10px 0; display:inline-block; text-decoration:none; }
a.button:hover { background:#FEFEFE; border-color:#AAA; }

/* 6. Definitionslisten */
dl.cmsdef { width:100%; line-height:150%; margin:5px 0 15px; }
dl.cmsdef dt { clear:both; float:left; width:150px; border:1px solid #CCC; margin:0 5px 3px 0; padding:2px 5px; background:#CCC; color:#333; font-weight:bold; }
dl.cmsdef dd { border:1px solid #CCC; padding:2px 5px 2px 155px !important; padding-left:5px; margin-bottom:3px; height:18px; }

/* 7. Teamseite */
ul#squads_members { width:100%; }
ul#squads_members li { list-style:none; width:49%; float:left; margin-right:1%; margin-bottom:15px; }
ul#squads_members small { font-size:10px; }
ul#squads_members img { float:left; }
div#content ul { margin:5px 5px 15px 10px; }
div#content li { list-style-position:inside; }

/* 8. Galerie */
ul#gallery_list li { list-style:none; padding:10px; }
ul#gallery_pics li { float:left; list-style:none; margin:6px 15px; }
ul#gallery_pics li img{ border:3px solid #CCC; width:194px; height:144px; }
div#gallery_container { padding:10px; }
div#gallery_container img#gallery_picture { width:100%; }
div#gallery_container { position:relative; width:100%; }
img#gallery_picture { cursor:crosshair; }
div.gallery_pin { position:absolute; border:2px solid red; }
div.gallery_pin a { display:none; }
div.gallery_pin:hover { border:0; }
div.gallery_pin:hover a { display:block; }
a.left { float:left; }
a.right { float:right; }

/* 9. Seiten */
div.pages { margin:10px 0; clear:both; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; padding:5px 10px; text-align:right; }
div.pages a { display:inline-block; padding:3px 8px; margin:2px 4px; font-weight:bold; text-decoration:none; }
div.pages a.page_active { border:1px solid #936E41; background:#D97601; color:#FFF; }
div.pages a.page_inactive { border:1px solid #C6C6C6; background:#EFEFEF; }
div.pages a.page_inactive:hover, div.pages a.page_inactive:active { background:#67250B; color:#FFF; }

/* 10. Formulare */
div#content form { margin:10px 7px 15px; line-height:150%; }
div#content form fieldset { border:0; }
div#content form label { float:left; clear:both; width:auto !important; width:120px; min-width:130px; margin:5px 0 10px; cursor:pointer; }
div#content form input { width:200px; border:1px solid #C6C6C6; -moz-border-radius:5px; margin:3px 0; padding:2px 5px; background:#FFF; }
div#content form input[type=checkbox],div#content form input[type=radio]  { width:auto !important; }
div#content form input.submit, div#content form input[type=submit] { width:auto !important; padding:3px 10px; border-width:3px; margin-top:10px; cursor:pointer; }
div#content form input.submit:hover, div#content form input[type=submit]:hover { background:#FEFEFE; border-color:#AAA; }
div#content form select { width:210px; border:1px solid #C6C6C6; -moz-border-radius:5px; margin:2px 0; padding:2px 5px; }
div#content form textarea { float:left; clear:both; width:390px; border:2px solid #C6C6C6; -moz-border-radius:5px; margin:2px 0; padding:2px 5px; }

/* 11. Userprofil */
ul.profilioptions { margin:15px 0px 15px; }
ul.profilioptions li { float:left; border:3px solid #CCC; padding:5px 10px; -moz-border-radius:8px; margin:7px 5px 3px; display:inline-block; text-decoration:none; }
ul.profilioptions li:hover,ul.profilioptions li.active { background:#FEFEFE; border-color:#AAA; }
img.userimage { float:left; margin:0 10px 5px 0; }
div.left { float:right; width:350px; }

/* 12. Kommentare */
div.comment { margin:10px 0; background:#EEE; -moz-border-radius:12px; width:98%; overflow:display;  }
div.comment_side { float:left; width:112px !important; width:112px; padding:4px; -moz-border-radius:12px; overflow:hidden;}
div.comment_side h3 { margin:0 !important; }
div.comment_side img.avatar { margin-bottom:5px; }
div.comment_main { background:#AAA; float:left; width:405px !important; width:405px; padding:5px; -moz-border-radius:12px; overflow:display; }
div.comment_main div.comment_options { background:#CCC; margin-top:5px; width:413px !important; width:413px; padding:5px; -moz-border-radius:12px 12px 12px 12px; }
div.comment_main p { color:#000; }

/* 13. Specials */
.sliderwrapper{ position:relative; overflow:hidden; width:545px; height:200px; z-index:200; }
.sliderwrapper .contentdiv { cursor:pointer; z-index:120; visibility:hidden; position:absolute; left:0; top:0; width:545px; height:200px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1; }
.pagination { position:absolute; left:13px; bottom:18px; z-index:100; font-weight:bold; }
.pagination a { margin-right:0px; text-align:center; line-height:28px; text-decoration:none; color:#40403E; width:28px; height:33px; background:url(_img/special_inaktiv.png) no-repeat; display:inline-block; }
.pagination a:hover, .pagination a.selected { color: #FFF; background:url(_img/special_aktiv.png) no-repeat; text-decoration:none; }

/* 14. Rating */
.rating { background:url(../../image/rating_inactive.png) repeat-x; width:120px; height:24px; margin:5px;}
.rating_active { background:url(../../image/rating_active.png) repeat-x; height:24px; }