/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:10px Tahoma, Verdana, Arial, sans-serif; color:#666; background:url(images/body_background.jpg) repeat; min-width:1002px; }
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 input, form textarea, form select { font:10px Tahoma, Verdana, Arial, sans-serif; color:#000; }
form *, img { vertical-align:middle; }
td { vertical-align:top }

/* Layout Formatierungen */
div#background { position:absolute; left:0; top:0; width:100%; background:url(images/background.jpg) no-repeat top center; height:719px; }
div#wrapper { position:relative; left:50%; width:1002px; margin-left:-501px; }
div#navigation { position:relative; height:92px; background:url(images/navi.jpg) no-repeat right top; }
ul#navi { position:absolute; left:203px; top:32px; list-style:none; }
ul#navi li { float:left; width:91px; cursor:pointer; height:61px; margin-right:1px; }
ul#navi li#navi1 { width:71px; background-position:0px 0px; }
ul#navi li#navi2 { width:67px; background-position:-72px 0px; }
ul#navi li#navi3 { width:113px; background-position:-140px 0px; }
ul#navi li#navi4 { width:66px; background-position:-254px 0px; }
ul#navi li.active,ul#navi li:hover { background-image:url(images/navi_hover.jpg); }
ul.subnavi { position:absolute; top:55px; right:20px; list-style:none; font-size:10px; font-weight:bold; }
ul.subnavi li { float:left; padding:0 7px; text-transform:uppercase; }
ul.subnavi li a:link,ul.subnavi li a:visited { color:#c0c0c0; }
ul.subnavi li a:hover,ul.subnavi li a:active { color:#31D7DB; border-bottom:1px dotted #31D7DB; text-decoration:none;  }
a#clan7 { display:block; width:120px; height:56px; position:absolute; left:66px; top:37px; }
div#header { position:relative; height:170px; background:url(images/header.jpg) no-repeat; }
div#banner { position:absolute; left:556px; top:70px; }
div#equal { background:url(images/content_background.jpg) repeat-y 1px top; }
div#left, div#center, div#right, div#main, div#content { float:left; overflow:hidden; }
div#left { width:201px; color:#797979; }
div#left a { color:#14a592 !important; }
h2#partner2 { height:37px; background:url(images/h2_partner.jpg) no-repeat; }
div#partner { height:261px; background:url(images/partner.jpg) no-repeat; }
div#partner div { text-align:center; padding-top:50px; }
div#partner div img{ margin:5px 0; max-width:160px; }
h2#poll { height:37px; background:url(images/h2_poll.jpg) no-repeat; }
h3#pollheading { color:#14a592; font-weight:bold; font-size:10px; text-align:center; padding:15px 10px 15px 0; }
div.box { padding:0 10px 0 25px; line-height:150%; }
div#right div.box { padding:0 10px 0 15px; line-height:150%; }
input#votesubmit { border:0; display:block; width:65px; height:17px; background:url(images/voten.jpg) no-repeat; float:left; margin:20px 0px 20px -5px; }
a#pollarchiv { display:block; width:84px; height:18px; background:url(images/ergebnisse.jpg) no-repeat; float:right; margin:20px 5px 20px 0; }
h2#statistic { height:34px; background:url(images/h2_statistik.jpg) no-repeat; }
div#center { width:801px; }
div#login { position:relative; height:45px; background:url(images/userpanel.jpg) no-repeat; }
form#notloggedin { height:38px; width:729px; background:url(images/notloggedin.jpg) no-repeat; position:absolute; left:106px; top:5px; }
form#notloggedin input { background:transparent; border:0; position:absolute; color:#828282; }
input#nickname { left:8px; top:12px; width:127px; }
input#password { left:147px; top:12px; width:127px; }
input#loginsubmit { left:289px; top:8px; width:64px; height:22px; }
form#notloggedin a { display:block; top:8px; height:22px; position:absolute; }
a#lostpassword { left:357px; width:77px; }
a#register { left:440px; width:78px; }
form#notloggedin span { position:absolute; left:535px; top:12px; color:#828282; white-space:nowrap;}
div#loggedin { position:absolute; left:106px; top:15px; }
div#loggedin span { padding-right:10px; }
div#main { width:551px; }
div#box { position:relative; height:184px; background:url(images/boxen.jpg) no-repeat; }
div#box a:link,div#box a:visited { color:#FFF; }
div#box a:hover,div#box a:active { color:#31D7DB; text-decoration:none; }
a#newsarchiv { display:block; width:108px; height:17px; position:absolute; left:169px; top:6px; }
ul#newslist { list-style:none; width:252px; position:absolute; left:18px; top:30px; }
ul#newslist li { float:left; clear:both; line-height:25px; }
ul#newslist li a { font-weight:bold; width:252px; display:block; }
a#matcharchiv { display:block; width:108px; height:17px; position:absolute; left:444px; top:6px; }
ul#matchlist { list-style:none; width:239px; position:absolute; left:292px; top:31px; }
ul#matchlist li { float:left; clear:both; width:239px; line-height:29px; font-weight:bold; }
ul#matchlist li img { float:left; margin:7px 7px 0 0; }
ul#matchlist li a { float:left; }
ul#matchlist li span  { float:right; }
div#content { background:url(images/content_top.jpg) no-repeat; padding:35px 0 0 14px; font-size:10px; width: 537px !important; width:523px; }
div#content div.headline { width:524px; clear:both; height:62px; background:url(images/headline.jpg) no-repeat left top; position:relative; }
div#content div.headline h2  { position:absolute; color:#ce0000; left:16px; top:13px; font-size:11px; }
div#content div.headline h2 a { color:#ce0000 !important; }
div#content div.headline h3 { position:absolute; color:#b0b0b0; left:16px; top:29px; font-size:10px; font-weight:normal; }
div#content div.headline h3 a { color:#b0b0b0 !important; font-weight:bold; }
div#content div.text { line-height:150%; padding:10px 2px 15px; }
div#content div.foot { height:33px; border-top:1px dotted #ABABAB; width:521px; }
div#content div.foot a.weiterlesen { display:block; width:105px; height:28px; float:left; background:url(images/weiterlesen.jpg) no-repeat; margin-top:7px; }
div#content div.foot a.kommentarschreiben { display:block; width:140px; height:28px; float:right; background:url(images/kommentar.jpg) no-repeat; margin-top:7px; }
div#content div.foot span.kommentare { float:right; color:#b0b0b0; padding:14px 20px 0 0; }
div#content div.trenn { position:relative; left:-11px; top:0; height:27px; width:547px; background:url(images/trenn.jpg) no-repeat; }
div#content a:link,div#content a:visited { color:#0cac98; }
div#content a:hover,div#content a:active { color:#0cac98; text-decoration:underline; }
div#right { width:250px; }
div#right a:link,div#right a:visited { color:#484848; }
div#right a:hover,div#right a:active { color:#cf0e0e; text-decoration:none; }
div#threads { position:relative; height:223px; background:url(images/threads.jpg) no-repeat; }
ul#boardlist { list-style:none; width:215px; position:absolute; left:17px; top:20px; }
ul#boardlist li { width:215px; float:left; clear:both; padding:6px 0; border-bottom:1px dotted #000; }
ul#boardlist li a { float:left; font-weight:bold; }
ul#boardlist li span { float:right; }
a#registerlink { display:block; width:218px; height:28px; position:absolute; left:15px; bottom:18px; }
h2#vid { position:relative; height:30px; background:url(images/threads.jpg) no-repeat left bottom; }

h2#shouthead { height:35px; background:url(images/h2_shoutbox.jpg) no-repeat -1px top; }
div#shoutbox strong { color:#EE020D; font-size:10px; line-height:200%; }
div#shoutbox div { padding:3px 2px; }
form#shoutform input { border:1px solid #ADADAD; padding:1px; }
div#shoutbox  { font-size:11px !important; }
div#shoutbox strong { color:#EE020D; font-size:11px; line-height:200%; }
div#shoutbox div { padding:3px 2px; }
form#shoutform input { border:1px solid #ADADAD; padding:1px; margin:2px 0;}
form#shoutform input#shoutbox_text { width:220px; }
form#shoutform input#shoutboxsubmit { border:0px; background:transparent; font-size:11px; color:red; font-weight:bold; padding:0 8px; }

div#footer { position:relative; height:80px; background:url(images/footer.jpg) no-repeat; }
div#footer p { position:absolute; left:203px; top:34px; color:#a3a3a3; }
div#footer p a { font-weight:bold; color:#a3a3a3 !important; }

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

div#content .center.box * { margin:0 17px; }
div#right .center.box * { margin:0 30px; }

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

.result.win, .center.win { color:#94d100; font-weight:bold; }
.result.draw, .center.draw { color:#DDD; font-weight:bold;  }
.result.lose, .center.lose { color:#DF020B; font-weight:bold;  }

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

/* 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:#474747; 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:3px 5px; background:#F2F2F2; color:#333; font-weight:bold; }
dl.cmsdef dd { border-bottom:1px dotted #CCCECD; padding:3px 5px 3px 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#content form input[type=submit]:hover { background:#FEFEFE; border-color:#AAA; }
div#content form select { width:210px; border:2px solid #CCCECD; -moz-border-radius:5px; margin:2px 0 0; padding:2px 5px; }
div#content form textarea { float:left; clear:both; width:400px; 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:#ce0000; }
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:#8E8E8E; text-indent:5px; }
div.comment_sidebar img { margin:5px 0 10px 5px; }
div.comment_sidebar h4 a { color:#8E8E8E; }
div.comment_content { float:left;  overflow:scroll;   border-left:1px solid #E7E7E7; padding:10px; min-height:180px; width:375px; }
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:150px; }
div.left { float:right; width:360px; }
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 #8E8E8E; }
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; 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; }