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

/* Layout Formatierungen */
div#wrapper { position:relative; left:50%; width:1008px; margin-left:-504px; }
div#header { position:relative; height:245px; background:url(_img/header.jpg) no-repeat; }
a#homelink { position:absolute; left:0px; top:0px; width:284px; height:177px; display:block; }
ul#navigation { position:absolute; left:10px; top:180px; list-style:none; height:33px; width:428px; }
ul#navigation li {float:left; height:33px; margin-right:10px; cursor:pointer; }
ul#navigation li:hover,ul#navigation li:active,ul#navigation li.active { background-image:url(_img/navi_hover.jpg); background-repeat:no-repeat; }
ul#navigation li#navi1 a { display:block; width:85px; height:33px; }
ul#navigation li#navi1 { background-position:-10px -1px; width:85px; }
ul#navigation li#navi2 { background-position:-105px -1px; width:65px; }
ul#navigation li#navi3 { background-position:-180px -1px; width:79px; }
ul#navigation li#navi4 { background-position:-269px -1px; width:75px; }
ul#navigation li#navi5 { background-position:-354px -1px; width:65px; }
ul.subnavi { position:absolute; left:11px; top:218px; list-style:none; }
ul.subnavi li { float:left; margin-right:10px; text-transform:uppercase; }
ul.subnavi li a { color:#FFF !important; text-decoration:none; }
form#notloggedin { position:absolute; left:487px; top:179px; width:495px; height:34px; background:url(_img/notloggedin.jpg) no-repeat; }
div#header input{ position:absolute; color:#5a2e00; border:0; background:transparent;  }
form#notloggedin input#loginemail { left:28px; top:11px; width:135px; }
form#notloggedin input#loginpassword { left:186px; top:11px; width:132px; }
form#notloggedin input#loginsubmit { left:332px; top:7px; width:46px; padding-bottom:5px; line-height:12px; height:23px; vertical-align:top; color:#FFF; cursor:pointer; }
form#notloggedin a { text-align:center; line-height:19px; position:absolute; top:7px; width:46px; height:23px; font-size:10px; color:#FFF !important;  }
form#notloggedin a#loginregister { left:381px; }
form#notloggedin a#loginsendpassword { left:430px; }
div#loggedin { position:absolute; left:487px; top:179px; width:495px; height:34px; background:url(_img/loggedin.jpg) no-repeat; line-height:34px; }
span#welcome { font-weight:bold; padding-left:10px;  }
div#loggedin  a { color:#fff !important;  }
span#welcome a { color:#ffe11f !important;  }
div#loggedin  a#profile { position:absolute; left:245px; top:0px; }
div#loggedin  a#messages { position:absolute; left:325px; top:0px;  }
div#loggedin  a#chat { position:absolute; left:370px; top:0px; background:url(_img/admin.jpg) no-repeat left center; padding-left:20px;  }
div#loggedin  a#logout { position:absolute; right:9px; top:10px; display:block; width:20px; height:16px; }
div#spnrs { position:absolute; right:48px; top:30px; }
div#spnrs img { margin:0 4px; }
span#counter { position:absolute; left:750px; top:217px; white-space:nowrap; }
span#counter b { font-weight:bold; color:#E9B907; padding:0 1px 0 2px; }
div#equal { background:url(_img/content_background.jpg) repeat-y; }
div#sidebar, div#center { float:left; overflow:hidden; }
div#sidebar { width:212px; }
div#matches { height:307px; position:relative; background:url(_img/matches.jpg) no-repeat; }
div#matches ul { list-style:none; position:absolute; left:18px; top:25px; }
div#matches ul li { position:relative; float:left; clear:both; width:183px; height:42px; margin-bottom:13px;}
div#matches ul li img.logo1{ position:absolute; left:0px; top:0px; width:42px; height:42px; }
div#matches ul li img.logo2{ position:absolute; right:0px; top:0px; width:42px; height:42px; }
div#matches ul li span{ position:absolute; left:42px; width:100px; text-align:center; }
div#matches ul li span.date{ top:5px; color:#A1A1A1; }
div#matches ul li span.result{ top:16px; color:#FFFF00; font-weight:bold; }
div#matches ul li span.league{ top:28px; color:#FFF; }
span.live { color:#F8A109 !important; }
span.win, td.win { color:#22B300 !important; }
span.lose, td.lose { color:#B30000 !important; }
span.draw, td.draw { color:#4F4F4F !important; }
td.center.last { font-weight:bold; }
div#coverages { height:190px; position:relative; background:url(_img/coverages.jpg) no-repeat; }
div#coverages ul { list-style:none; position:absolute; left:15px; top:25px; }
div#coverages ul li { float:left; clear:both; height:54px; }
div#coverages ul li img { width:188px; height:48px; }
div#articles { height:173px; position:relative; background:url(_img/articles.jpg) no-repeat; }
div#articles ul { list-style:none; position:absolute; left:38px; top:25px; white-space:nowrap; }
div#articles ul li { float:left; clear:both; height:29px; color:#E79107; }
div#articles ul li a { font-weight:bold; color:#FFF !important; }
div#polls { background:url(_img/polls.jpg) repeat-y; }
div#poll { background:url(_img/poll.jpg) no-repeat; }
h3#question { padding:26px 20px 10px; font-size:10px; color:#FFF; height:20px; }
div#poll ul { padding:0 20px 25px; list-style:none; font-weight:bold; line-height:130%; }
div#poll ul li a { color:#E79107 !important; }
div#poll a.left { padding-left:20px; color:#fff !important; font-weight:bold; float:left; }
div#poll span.right { padding-right:15px; color:#6D6D6D; float:right; }
div#poll_foot { height:20px; background:url(_img/poll_foot.jpg) no-repeat; }
div#center { width:764px; }
div#worldnews { position:relative; height:116px; background:url(_img/worldnews.jpg) no-repeat; }
div#worldnews li { list-style:none; float:left; width:365px; margin:24px 3px 0 13px; position:relative; }
div#worldnews li img { position:absolute; left:0px; top:0px; width:105px; height:77px; }
div#worldnews li h3 { position:absolute; left:117px; top:5px; font-size:10px; }
div#worldnews li p { position:absolute; left:117px; top:17px; color:#bebebe; }
div#worldnews li a { color:#ffe11f !important; }
div#worldnews li span.quelle { color:#3b3b3b !important; }
div#news { position:relative; height:353px; background:url(_img/news.jpg) no-repeat; }
ul#bignews { position:absolute; left:10px; top:7px; }
ul#bignews li { width:442px; height:336px; list-style:none; }
ul#bignews li img { position:absolute; left:0px; top:0px; width:446px; height:266px; }
ul#bignews li h3 { position:absolute; left:7px; top:273px; color:#e46b00; font-size:14px; }
ul#bignews li p { position:absolute; left:7px; top:288px; color:#fff; font-size:10px; }
ul#bignews li a.readmore { position:absolute; right:0px; bottom:0px; color:#f9a50a; }
ul#newsselect { position:absolute; left:475px; top:57px; list-style:none; }
ul#newsselect li { float:left; clear:both; height:70px;  margin-bottom:32px; width:268px; position:relative; cursor:pointer;}
ul#newsselect li h3{ position:absolute; left:0px; top:0px; font-size:9px; font-weight:bold; color:#e46b00; }
ul#newsselect li p{ position:absolute; left:0px; top:12px; font-size:9px;  }
ul#newsselect li span.comments { position:absolute; left:84px; top:54px; font-size:9px;  }
ul#newsselect li span.comments span { color:#c18d01; }
ul#newsselect li a.readmore { position:absolute; left:215px; top:54px; font-size:9px; color:#c18d01; }
div#search { position:absolute; left:482px; top:7px; }
input#searchtext { color:#353535; position:absolute; left:5px; top:3px; border:0; background:transparent; width:190px; font-size:11px; }
input#searchsubmit { color:#FFF; position:absolute; left:210px; top:0px; border:0; background:transparent; width:58px; text-align:center; height:25px; }
span#mod { position:absolute; left:0px; top:25px; color:#c18d01 !important; font-size:9px; white-space:nowrap; }
span#mod span { color:#c18d01 !important; cursor:pointer;  }
div#gallery { position:relative; height:250px; background:url(_img/gallery.jpg) no-repeat; }
div#gallery ul { position:absolute; left:8px; top:25px; list-style:none; }
div#gallery ul li { float:left; margin:4px 4px; }
div#gallery ul li img{ width:50px; height:45px; }
div#partner { position:relative; height:131px; background:url(_img/partner.jpg) no-repeat; text-align:center; }
div#partner div { padding:40px 10px 30px 0; }
div#partner img { margin:0 8px; }
div#footer { position:relative; height:81px; background:url(_img/footer.jpg) no-repeat; }
p#copyright { position:absolute; left:170px; top:27px; font-weight:bold; line-height:130%;}
p#footernavi1 { position:absolute; left:422px; top:20px; line-height:130%;}
p#footernavi2 { position:absolute; left:730px; top:20px; line-height:130%;}
div#footer a { color:#FFF !important; }
a#isolink { position:absolute; left:16px; top:22px; display:block; width:134px; height:45px; }

/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.orange { color:#E79107; }
.grey { color:#717171; }
.center { text-align:center; }

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

/* Content */
div#content { background:url(_img/contentbg.jpg) repeat-y; }
div#content2 { background:url(_img/content2.jpg) no-repeat; padding:20px; min-height:800px; height:auto !important; height:800px; }
div#content_foot { background:url(_img/content_foot.jpg) no-repeat; height:20px; }

div#content p { font-size:13px; line-height:150%; margin:4px 10px 8px; }

/*  1. Überschriften */
h2.title, h4.title { font-size:18px; color:#FFF; padding:10px; border-bottom:2px solid #7E4E04; margin:0px 0 15px; }
h2.title span, h4.title span { width:4px; height:27px; display:block; position:absolute; right:0px; top:0px; background:url(_img/h2_content.jpg) no-repeat right top; }
h2.title a, h4.title a { color:#909090 !important; }

h2.forum { position:relative; font-size:11px; font-weight:bold; color:#FFF; background:url(_img/boardhead.jpg) no-repeat; height:27px; line-height:27px; padding:0 8px; text-transform:uppercase; }
h2.forum a { color:#FFF; }

h3.title { clear:both; font-size:18px; color:#909090; padding:10px; border-bottom:2px solid #7E4E04; margin:15px 0 8px; }
h3.subtitle { clear:both; font-size:14px; color:#909090; padding:10px; border-bottom:1px solid #7E4E04; margin:10px 0 8px; }
h3.subtitle  a { color:#909090; }
h3.border { margin:3px 0px; padding:3px 0; border-top:1px dashed #666; border-bottom:1px dashed #666; font-size:11px; }
h4.subtitle { float:right; margin-top:-30px; font-size:11px; color:#7E4E04; font-weight:normal; }
h4.subtitle span { margin-left:15px; }


/* 2. Tabellen */
table.cmstable { clear:both; width:100%; border-bottom:2px solid #7E4E04; border-collapse:collapse; margin:0 0 15px; font:11px Tahoma, Arial, Verdana, sans-serif; }
table.cmstable tr th { border-bottom:2px solid #7E4E04; text-indent:6px; font-weight:bold; text-align:left; color:#909090; font-size:13px; height:27px; line-height:27px; }
table.cmstable tr th.first { background-position:left top; text-indent:8px;  }
table.cmstable tr th.last { background-position:right top; }
table.cmstable tr td { padding:6px 5px; border-bottom:1px dashed #2F2F2F; }
table.cmstable tr td a { font-weight:normal; border-bottom-width:1px; border-bottom-style:dotted; text-decoration:none; }
table.cmstable .center { text-align:center; }
table.cmstable  tr.row1 td { background:#1D1D1D;}
table.cmstable  tr.row2 td { background:#171717;}
table.cmstable tr.boardhead td { background:#E1E1E1; -moz-border-radius:5px; color:#7E4E04; border-top:5px solid transparent !important; }
table.noborder { width:290px; margin:0 0 15px; font:11px Tahoma, Arial, Verdana, sans-serif; line-height:150%; }
table.cmstable a { color:#FFF !important; font-weight:bold !important; }


table.forum  tr td { vertical-align:top; border-bottom:2px solid #FFF; font:11px Tahoma, Arial, Verdana, sans-serif;}
table.forum { width:100%; border-collapse:collapse; margin:0 0 20px; }
table.forum  tr th { text-align:left;  text-indent:8px; height:18px; line-height:13px; color:#FFF; padding:0; font-size:10px; border-bottom:2px solid #FFF; background:url(_img/boardhead.jpg) no-repeat center bottom;}
table.forum  tr th.first { width:168px; text-indent:8px; background:url(_img/boardhead.jpg) no-repeat left bottom;  }
table.forum  tr th.last { background:url(_img/boardhead.jpg) no-repeat right bottom;  }
table.forum  tr td.first { border-right:1px solid #FFF; }
table.forum  tr td.last { padding:2px 5px; }
table.forum  tr.row1 td { background:#F3F3F3;}
table.forum  tr.row2 td { background:#FDFDFD;}
table.forumlist  tr td h3 { border-bottom:2px solid #000; font-size:13px; padding:8px 3px 3px; }
table.forumlist  tr td h4 { font-size:11px;  }
table.forumlist tr.row td, table.forumlist tr.row1 td, table.forumlist tr.row2 td { border-bottom:1px solid #B2B2B2; padding:6px 3px; font-weight:bold;}
table.forumlist tr.row td small { font-weight:normal; font-size:11px;}



/* 3. Suche */
form.contentsearch { float:right; margin-top:-10px; margin-left:0 !important; margin-left:250px;}
form.contentsearch input.search { border:1px solid #C6C6C6; padding:2px 4px; -moz-border-radius:3px; }
form.contentsearch input.submit { border:1px solid #C6C6C6 !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; }

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

/* 5. Statistiken */
dl.right { background:#010101; border:1px #7E4E04 solid; padding:5px; margin-bottom:15px;}
dl.right dt, dl.right dd{ display:inline; }
dl.right dd { padding-right:20px; }


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

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

div.half dl.cmsdef dt { width:80px; }
div.half dl.cmsdef dd { padding:2px 5px 2px 85px !important; }

/* 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 #F3F3F3; 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-bottom:1px dotted #F3F3F3; 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 #ffe11f; background:#7E4E04; color:#FFF; }
div.pages a.page_inactive { border:1px solid #C6C6C6; background:#EFEFEF; color:#000; }
div.pages a.page_inactive:hover, div.pages a.page_inactive:active { background:#323232; color:#FFF; }

h2.title strong.pages, h2.forum strong.pages { position:absolute; right:8px; top:0px; }
h2.title strong.pages a , h2.forum strong.pages a { margin:0 3px; }
h2.title strong.pages a.page_active , h2.forum strong.pages a.page_active { color:#FE0000; }

/* 10. Formulare */
div#content form { color:#FFF; margin:10px 7px 15px; line-height:150%; }
div#content form fieldset { border:0; }
div#content form label { font-size:12px; color:#FFF;  float:left; clear:both; width:auto !important; width:120px; min-width:130px; margin:5px 0 10px; cursor:pointer; }
div#content form input { font-size:12px; 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:2px; 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 { font-size:12px; width:210px; border:2px solid #C6C6C6; -moz-border-radius:5px; margin:2px 0 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; }
ul.profilioptions li:hover a ,ul.profilioptions li.active a { color:#000 !important; }
img.userimage { float:left; margin:0 10px 5px 0; }
div.left { float:right; width:500px; }

/* 12. Rating */
.rating { display:block; 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; }

div#content code { display:block; margin:5px 5px 20px; padding:5px; border:1px dashed #CCC; }
small { float:right; }

/* 13. Kommentare */
div.comment { margin:10px 0; background:#2F2F2F; -moz-border-radius:12px; width:98%; overflow:display;  }
div.comment_side { float:left; width:152px !important; width:152px; padding:4px; -moz-border-radius:12px; overflow:hidden; text-align:center;}
div.comment_side h3 { margin:0 !important; font-size:12px !important; }
div.comment_side img.avatar { margin:8px 0 5px; }
div.comment_main { background:#AAA; float:left; width:539px !important; width:539px; padding:5px; -moz-border-radius:12px; overflow:display; }
div.comment_main div.comment_options { float:right; background:#CCC; margin-top:5px; width:180px !important; width:180px; padding:5px; -moz-border-radius:12px 12px 12px 12px; }
div.comment_main p { color:#000; margin:5px 10px; }


div.squad { margin:10px 0px; border:1px solid #7E4E04; padding:0 10px 10px; }
div.squad img { margin:0 -10px 10px; }

ul#gallery_list li { clear:both; display:block; margin:10px 5px; border:1px solid #7E4E04; padding:10px 10px 10px; width:47.5%; }
ul#gallery_list li img { float:left; margin:10px !important; }
ul#gallery_list li h3 { display:inline-block; }


div.half { width:49%; }
div.half.left { float:left !important; padding-right:0.5%; }
div.half.right { float:right !important; padding-left:0.5%; }
ul#squads_members li { float:left; width:30.5%; height:210px; border-bottom:1px dotted #7E4E04; border-right:1px solid #7E4E04; list-style:none; padding:0.5%; margin:10px 0.5%; }
ul#squads_members li img.user { width:100px; float:left; margin:5px 5px 5px 0; }

ul.cmslist li { border-bottom:1px dotted #7E4E04; padding:0px 10px; list-style:none; line-height:200%; }
.categoryimage { float:right; margin:0 0 5px 10px; padding:5px; border:1px solid #7E4E04; width:250px; }

div#content li { list-style-position:inside; font-size:11px; line-height:130%; }

.win span { color:#22B300; }
.draw span { color:#4F4F4F; }
.lose span { color:#B30000 ; }