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

/* Layout Formatierungen */
div#wrapper { position:relative; left:50%; width:958px; margin-left:-479px; }
div#header { position:relative; height:188px; background:url(images/header.jpg) no-repeat; }
div#banner { position:absolute; right:39px; bottom:57px; }
div#login { position:relative; height:88px; background:url(images/login.jpg) no-repeat; }
form#notloggedin { height:19px; width:651px; position:absolute; top:3px; left:25px; background:url(images/notloggedin.jpg) no-repeat; }
form#notloggedin input { background:transparent; border:0; position:absolute; color:#797575; font-size:10px; }
form#notloggedin span { position:absolute; left:360px; top:2px; color:#fff !important; font-size:10px; }
form#notloggedin span a { color:#fff !important; }
input#nickname { left:84px; top:2px; width:100px; }
input#password { left:196px; top:2px; width:100px; }
input#loginsubmit { left:304px; top:2px; width:48px; height:18px; cursor:pointer; }
div#loggedin { color:#FFF; position:absolute; left:10px; top:4px; }
div#loggedin a { color:#FFF !important; }
a#clan7 { display:block; width:85px; height:43px; position:absolute; right:15px; top:5px; }
div#equal { background:url(images/content_background.jpg) repeat-y; }
div#left, div#center, div#right { float:left;}
div#left { width:188px; margin-left:5px; display:inline; overflow:visible !important; }
div#menu { position:relative; top:-44px; margin-bottom:-44px; }
div#menu h2 { cursor:pointer; height:44px; background-image:url(images/h2_navigation.jpg); background-repeat:no-repeat; }
div#menu h2#main { background-image:none; }
div#menu h2#clan { background-position:0px 0px; }
div#menu h2#community { background-position:0 -44px; }
div#menu h2#misc { background-position:0 -88px; }
div#menu ul li { width:188px; height:27px; float:left; clear:both; line-height:27px; text-indent:15px; list-style:none; }
div#menu ul li a { width:188px; height:27px; display:block; }
div#menu ul li a:link,div#menu ul li a:visited { background:url(images/navi.jpg) no-repeat; }
div#menu ul li a:hover,div#menu ul li a:active { background:url(images/navi_hover.jpg) no-repeat 0 1px; text-decoration:none; font-weight:bold; }
h2#board { height:43px; background-image:url(images/h2_board.jpg); background-repeat:no-repeat; }
ul#boardlist { width:178px; list-style:disc inside;  }
ul#boardlist li { float:left; clear:both; width:168px; position:relative; line-height:22px !important; border-bottom:1px dotted #000; padding-left:10px;}
ul#boardlist li:last-child { border-bottom:0; }
ul#boardlist li a { color:#b94d2e !important; font-weight:bold; }
ul#boardlist li span { position:absolute; right:10px; line-height:22px; * line-height:12px; }
ul#boardlist li.row2 { background:#FFF; }
h2#advrt { height:43px; background:url(images/h2_advrt.jpg) no-repeat left bottom; }
h2#statistics { height:43px; background:url(images/h2_statistics.jpg) no-repeat left bottom; }
div#left div.box { background:url(images/box_left.jpg) no-repeat; padding:8px 7px 0px; }
div#left div.boxfoot { height:13px; width:188px; background:url(images/box_left_foot.jpg) no-repeat; font-size:0; line-height:0; display:inline-block; }
div#center { width:538px; }
div#boxen { height:156px; background:url(images/boxen.jpg) no-repeat; position:relative; }
div#coverage { position:absolute; left:19px; top:12px; }
div#coverage img { width:226px; height:129px; }
div#topmatch { position:absolute; left:284px; top:30px; }
img#logo1 { position:absolute; left:5px; top:0px; width:80px; height:80px; }
img#logo2 { position:absolute; left:152px; top:0px; width:80px; height:80px; }
span#vs { position:absolute; left:110px; top:37px; font-weight:bold; color:#FFF; }
div#content { background:url(images/content_top.jpg) no-repeat; padding:14px 12px 5px; }
div#content div.headline { height:43px; background:url(images/headline.jpg) no-repeat; position:relative; margin-bottom:2px; }
div#content div.headline h2  { position:absolute; color:#f34722; left:8px; top:7px; font-size:12px; white-space:nowrap; width:493px; overflow:hidden; }
div#content div.headline h2  a, div#content div.headline h3 a { color:#f34722 !important; }
div#content div.headline h3 { position:absolute; color:#FFF; left:8px; top:23px; font-size:10px; font-weight:normal; }
div#content div.text { line-height:150%; }
div#content div.text p { padding:8px 5px; }
div#content div.foot { height:41px; background:url(images/foot.jpg) no-repeat; position:relative; font-size:10px; color:#6d6d6d; margin:10px 0;}
div#content div.foot span.comments { position:absolute; left:31px; top:16px; }
div#content div.foot span.links { position:absolute; left:125px; top:16px; }
div#content div.foot span.links  a { color:#6d6d6d !important; border-bottom:1px solid #6d6d6d; }
div#content table td { padding:2px; }
div#right { width:221px; }
div#partner { background:url(images/partner.jpg) no-repeat; text-align:center; min-height:200px; padding:10px; }
div#partner img { max-width:160px; }
h2#poll { height:44px; background:url(images/h2_poll.jpg) no-repeat; }
h2#matches { height:44px; background:url(images/h2_matches.jpg) no-repeat; }
ul#matchlist { width:206px; list-style:none; line-height:19px; font-weight:bold; }
ul#matchlist li { position:relative; width:206px; height:19px; border-bottom:1px dotted #000; }
ul#matchlist li:last-child { border-bottom:0; }
ul#matchlist li a { position:absolute; left:30px; }
ul#matchlist li a:hover { color:#cb421a; }
ul#matchlist li span { position:absolute; right:5px;  }
ul#matchlist li img { position:absolute; left:0px; }
h2#shouthead { height:44px; background:url(images/h2_shoutbox.jpg) no-repeat; }
form#shoutform input { border:1px solid #ADADAD; padding:1px; margin:2px 0;}
form#shoutform input#shoutbox_text { width:200px; }
form#shoutform input#shoutboxsubmit { border:0px; background:transparent; font-size:11px; color:red; font-weight:bold; padding:0 8px; }
h2#videos { height:44px; background:url(images/h2_videos.jpg) no-repeat; }
div#right div.box { background:url(images/box_right.jpg) no-repeat left bottom; padding:8px 8px 12px; }
div#footer { position:relative; height:35px; background:#000 url(images/footer.jpg) no-repeat; }
div#footer p { position:absolute; left:0px; top:12px; color:#FFF; width:100%; text-align:center; }
div#footer p a { color:#FFF !important; font-weight:bold; }
.center.win { color:#2ea003;font-weight:bold; }
.center.draw { color:#c39001;font-weight:bold; }
.center.lose { color:#a70328;font-weight:bold; }

/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.center { text-align:center; }
.center * { margin:0 10px; }

.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 a:hover, div#content a:active { color:#f34722; text-decoration:none; border-bottom:1px dotted; }
/* 1. Überschriften */
h2.title, h3.title, h4.title { font-size:18px; color:#f34722; padding:10px 20px; border-bottom:1px solid #CCCECD; }
.title a:link, .title a:visited { color:#f34722; }
.title a:hover, .title a:active { color:#f34722; }
h2.subtitle, h3.subtitle, h4.subtitle { font-size:14px; color:#f34722; padding:8px 20px; border-bottom:1px solid #CCCECD; }
.subtitle a:link, .subtitle a:visited { color:#f34722; }
.subtitle a:hover, .subtitle a:active { color:#f34722; }

/* 2. Fließtext */
div.text { padding:10px 15px; }
div.text p { margin:5px 0 10px; line-height:150%; }
div.text li { list-style-position:inside; line-height:150%; }

/* 3. Tabellen */
table.cmstable { clear:both; width:98%; border-collapse:collapse; margin:0 1% 15px; font:11px Tahoma, Verdana, Arial, sans-serif; }
table.cmstable tr th { border-bottom:2px solid #CCCECD; text-indent:10px; font-weight:bold; text-align:left; color:#f34722; background:#DDD; font-size:11px; height:27px; line-height:27px; }
table.cmstable tr th.first { }
table.cmstable tr th.last { }
table.cmstable tr td { padding:6px 10px; border-bottom:1px dashed #CCCECD; }
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:#F5F5F5; }
table.cmstable  tr.row2 td { background:#FFF; }

/* 4. Definitionslisten */
dl.cmsdef { width:97%; line-height:150%; margin:5px 1% 15px; }
dl.cmsdef dt { clear:both !important; float:left; width:150px; border-right:1px solid #CCCECD;  border-left:0;margin:0 5px 0px 0; padding:2px 5px; background:#F2F2F2; color:#333; font-weight:bold; }
dl.cmsdef dd { border-bottom:1px dotted #CCCECD; padding:2px 5px 2px 165px !important; padding-left:5px;  min-height:17px; }
dl.cmsdef dd:first-child { border-top:1px dotted #CCCECD; }
*+html dl.cmsdef dd { padding-left:5px !important;} /* IE7 */
dl.right { background:#EEE; border:1px #CCCECD solid; padding:8px 10px; margin:10px 10px 15px 20px;}
dl.right dt, dl.right dd{ display:inline; }
dl.right dd { padding-right:20px; }

/* 5. Formulare */
div#content form { font-size:11px; color:#474747; margin:10px 20px 15px; line-height:150%; }
div#content form fieldset { border:0; }
div#content form label { font-size:11px; color:#333;  float:left; clear:both; width:auto !important; width:70px; min-width:80px; margin:5px 0 10px; cursor:pointer; }
div#content form input { font-size:11px; width:200px; border:2px solid #CCCECD; -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:5px 10px; border-width:3px; cursor:pointer; }
div#content form input.submit:hover, div#left form input[type=submit]:hover { background:#FEFEFE; border-color:#AAA; }
div#content form select { width:210px; content:2px solid #CCCECD; -moz-border-radius:5px; margin:2px 0 0; padding:2px 5px; }
div#content form textarea { float:left; clear:both; width:300px; height:200px; border:2px solid #CCCECD; -moz-border-radius:5px; margin:2px 0; padding:2px 5px; }
form.contentsearch { float:right; margin-top:3px !important; margin-left:0 !important; margin-left:200px;}
form.contentsearch input.search { border:1px solid #C6C6C6 !important; padding:2px 4px; -moz-border-radius:3px; width:120px !important; }
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 { float:left; margin:5px 0 5px 20px; }
span.info.right { float:right; margin-right:20px; }
form.categoryselect { float:right; margin-left:50px; margin-top:-65px !important; }
form.categoryselect select { width:150px !important;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; }
table.cmstable form { margin:0 !important; padding:0 !important; }
table.cmstable input { background:transparent !important; }
input#captcha { width:150px !important; }

/* 6. Spezielle Elemente */
a.button { color:#000; border:3px solid #CCC !important; padding:5px 10px; background:#fff; -moz-border-radius:8px; margin:10px auto 10px 20px; display:inline-block; text-decoration:none; }
a.button:hover { background:#FEFEFE; border-color:#CCCECD; color:#000 !important; }
a.button.right { margin-right:20px; }
div.pages { margin:10px 3px; clear:both; border-bottom:1px dotted #CCCECD; 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 #363636; background:#CCCECD; color:#333; }
div.pages a.page_active:hover { border:1px solid #363636 !important; color:#333 !important; }
div.pages a.page_inactive { border:1px solid #CCCECD; background:#EFEFEF; }
div.pages a.page_inactive:hover { border:1px solid #CCCECD !important; background:#EFEFEF !important; }
.rating { display:block; background:url(../../../image/rating_inactive.png) repeat-x; width:120px; height:24px; margin:15px 20px 5px;}
.rating_active { background:url(../../../image/rating_active.png) repeat-x; height:24px; }
.rating_small { display:block; background:url(../../../image/rating2_inactive.png) repeat-x; width:80px; height:16px; margin:2px 5px;}
.rating_small_active { background:url(../../../image/rating2_active.png) repeat-x; height:16px; }
.error { color:#f34722; }
div#content small { margin:5px 10px 0px 10px; float:right; }

/* 7. Kommentare */
div.comment_head { padding:0 5px 0 10px; height:30px; line-height:30px; font-size:12px; font-weight:bold; background:#F2F2F2; border:1px solid #E7E7E7; border-bottom-width:2px; }
div.comment_main { border:1px solid #E7E7E7; line-height:150%; border-bottom:3px double #F2F2F2; }
div.comment_sidebar { float:left; width:120px; padding:5px;  }
div.comment_sidebar h4 { font-size:12px; font-weight:bold; color:#f34722; text-indent:5px; }
div.comment_sidebar img { margin:5px 0 10px 5px; }
div.comment_sidebar h4 a { color:#f34722; }
div.comment_content { float:left;  overflow:scroll;   border-left:1px solid #E7E7E7; padding:10px; min-height:180px; width:350px; }
div.comment_content p { margin-bottom:8px; }
/*div.comment { margin:10px 2%; background:#F5F5F5; -moz-border-radius:12px; width:96%; overflow:display;  }
div.comment_side { float:left; width:120px; 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:#D5D5D5; float:left; width:276px !important; min-height:180px; padding:5px; -moz-border-radius:12px; overflow:display; }
div.comment_main div.comment_options { float:right; background:#CCCECD; margin-top:5px; width:180px; padding:5px; -moz-border-radius:12px 12px 12px 12px; }
div.comment_main p { color:#000; margin:5px 10px; } */

/* 8. Unterseiten */
/* 8.1 Profil */
ul.profilioptions { margin:15px 0px 15px 5px; }
ul.profilioptions li { float:left; background:#FEFEFE; border:1px solid #CCCECD; border-width:0px 1px 1px 0; padding:5px 8px; margin:0 1px; display:inline-block; text-decoration:none; }
ul.profilioptions li:hover,ul.profilioptions li.active { border-color:#666; }
ul.profilioptions li:hover a { color:#000 !important; }
ul.profilioptions li.active a { color:#000 !important; font-weight:bold; }
img.userimage { float:left; margin:0 10px 5px 10px; max-width:120px; }
div.left { float:right; width:290px; }
div.left dt { width:95px; }
div.left dd { padding-left:110px !important; }
/* 8.2 Teamansicht */
div#squad_members { float:left; width:245px; }
ul.squad_members_index img.memberimage { width:80px; padding:3px; border:1px solid #EEE; }
ul.squad_members_index li { margin:8px 8px 4px; border:1px solid #CCCECD; padding:5px; float:left; width:110px; text-align:center; height:140px; list-style:none; }

ul.squad_members_detail img.memberimage { width:90px; padding:3px; border:1px solid #EEE; float:left; margin-right:8px; }
ul.squad_members_detail li { list-style:none; margin:8px 0 4px; border:1px solid #CCCECD; padding:5px; }
ul.squad_members_detail div.user_description { width:120px; float:left; }
div#squad_sidebar { float:right; width:180px; }
div#squad_sidebar li { list-style:none; padding:4px 5px; border-bottom:1px dotted #CCCECD; width:170px; }
div#squad_sidebar li b{ float:right; }
/* 8.3 Galerie */
ul#gallery_list { margin: 0 2%; width:96%; }
ul#gallery_list li { float:left; margin:10px 5px; border:1px solid #CCCECD; padding:10px 10px 10px; width:42%;  list-style:none; }
ul#gallery_list li img { float:left; margin:10px !important; }
ul#gallery_list li h3 { display:inline-block; }
ul#gallery_pics li { float:left; list-style:none; margin:6px 10px;  }
ul#gallery_pics li img{ border:3px solid #CCCECD; 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 #f34722; }
div.gallery_pin a { display:none; }
div.gallery_pin:hover { border:0; }
div.gallery_pin:hover a { display:block; }
div.gallery_pin:hover a img { width:100px; }
a.left { float:left; }
a.right { float:right; }
/* 8.4 Forum */
ul#globalselect { margin:15px 0px 15px 5px; }
ul#globalselect li { float:left; background:#FEFEFE; border:1px solid #CCCECD; border-width:0px 1px 1px 0; padding:5px 8px; margin:0 1px; display:inline-block; text-decoration:none; }
ul#globalselect li:hover,ul#globalselect li.active { border-color:#666; }
ul#globalselect li:hover a { color:#000 !important; }
ul#globalselect li.active a { color:#000 !important; font-weight:bold; }
ul#globalselect2 { clear:both; margin:15px 0px 15px 5px; white-space:nowrap; }
ul#globalselect2 li { margin-right:2px; line-height:27px; width:128px; height:27px; float:left; background:url(images/reiter_inaktiv.jpg) no-repeat; display:inline-block; text-align:center; text-decoration:none; }
ul#globalselect2 li a { font-weight:bold; color:#FFF !important; }
ul#globalselect2 li.active { background:url(images/reiter_aktiv.jpg) no-repeat; }
tr.boardred th { background:#FE0000 !important; color:#FFF !important; white-space:nowrap;}
/* 8.5 Linkus */
div#content code { border:1px dashed #AAA; background:#EEE; padding:5px; display:block; margin:5px; }
div.center  { text-align:center; }
div.center img { max-width:432px; }
/* 8.6 Matchansicht */
div.half { width:50%; float:left; margin:10px 0; font-size:20px; font-weight:bold; }