/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:11px Tahoma, Verdana, Arial, sans-serif; color:#474747; background:#1B1B1B url(images/body_background.jpg) repeat-x left top; min-width:1032px; }
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#wrapper { position:relative; left:50%; width:1032px; margin-left:-516px; }
div#header { position:relative; height:161px; background:url(images/header.jpg) no-repeat; }
div#banner { position:absolute; top:43px; right:22px; }
div#navigation { position:relative; height:86px; background:url(images/navigation.jpg) no-repeat left -2px; }
ul#navi { position:absolute; left:69px; top:5px; list-style:none; height:31px; }
ul#navi li { float:left; height:31px; cursor:pointer; margin-right:31px; }
ul#navi li#navi1 { width:70px; background-position:0px 0px; }
ul#navi li#navi2 { width:69px; background-position:-101px 0px; }
ul#navi li#navi3 { width:120px; background-position:-200px 0px;  }
ul#navi li#navi4 { width:67px; background-position:-351px 0px; }
ul#navi li:hover,ul#navi li:active,ul#navi li.active { background-image:url(images/navi_hover.jpg); background-repeat:no-repeat; }
ul.subnavi { position:absolute; left:60px; top:47px; list-style:none; }
ul.subnavi li { float:left; padding:0 12px; }
ul.subnavi li a { color:#FFF; font-weight:bold; padding-bottom:8px; }
ul.subnavi li a:hover,ul.subnavi li a:active, ul.subnavi li a.active  { background:url(images/subnavi.jpg) no-repeat bottom center; text-decoration:none; }
a#clan7 { display:block; width:116px; height:40px; position:absolute; right:17px; bottom:0px; cursor:pointer; }
div#equal { background:url(images/content_background.jpg) repeat-y right top; }
div#left, div#center, div#right,div#wrapper2 { float:left; overflow:hidden; }
div#wrapper2 { width:741px; }
div#leaderboard { margin-left:11px; }
div#left { width:432px; margin:0px 5px 0 15px; display:inline; }
div#left div.headline { height:44px; background:url(images/headline.jpg) no-repeat; position:relative; margin:5px 0 0px; }
div#left div.headline h2  { position:absolute; color:#DF020B; left:55px; top:10px; font-size:12px; width:360px; overflow:hidden; white-space:nowrap; }
div#left div.headline h2 a { color:#DF020B !important; }
div#left div.headline img { position:absolute; left:9px; top:9px; }
div#left div.headline span.autor  { position:absolute; color:#4E4E4E; left:55px; top:24px; font-size:10px; }
div#left div.headline span.date  { position:absolute; color:#4E4E4E; right:16px; top:24px; font-size:10px; }
div#left div.box { border-left:1px solid #CCCECD; border-right:1px solid #CCCECD; line-height:160%; padding:10px 10px 3px; }
div#left div.box p { margin:0 0 10px; }
div#left div.foot { clear:both; height:56px; background:url(images/foot.jpg) no-repeat; position:relative; color:#333; margin:0px 0 7px;}
div#left div.foot span.comments { position:absolute; left:13px; top:28px; }
div#left div.foot span.links { position:absolute; left:13px; top:13px; }
div#left div.foot span.links  a { color:#333 !important; }
div#center { width:289px; }
div#center div.box { background:url(images/box_right.jpg) repeat-y; width:272px !important; width:282px; padding:0 5px;}
div#center div.trenn { margin:10px 25px 0; border-top:1px dotted #000; height:15px; }
h2#partner { height:41px; background:url(images/h2_partner.jpg) no-repeat; }
h2#forum { height:64px; background:url(images/h2_forum.jpg) no-repeat; }
ul#boardlist { list-style:none; background:url(images/list_forum.jpg) repeat-y; }
ul#boardlist li { position:relative; height:31px; line-height:29px; float:left; clear:both; width:282px; }
ul#boardlist li a { display:block; width:275px; height:31px; position:absolute; left:0px; top:0px; }
ul#boardlist li a:hover,ul#boardlist li a:active { text-decoration:none; background:url(images/list_forum_hover.jpg) no-repeat 3px -1px; color:#FFF; }
ul#boardlist li strong { padding-left:49px; font-weight:normal; }
ul#boardlist li span { position:absolute; right:4px; top:0px; width:55px; text-align:center; display:inline-block; }
h2#shouthead { height:56px; background:url(images/h2_shoutbox.jpg) no-repeat; }
div#shoutbox_foot { height:13px; background:url(images/shoutbox_foot.jpg) no-repeat; line-height:0; font-size:0; }
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:250px; }
form#shoutform input#shoutboxsubmit { border:0px; background:transparent; font-size:11px; color:red; font-weight:bold; padding:0 8px; }
div.shoutbox strong, div.shoutbox strong a { color:#ee020d; }
h2#umfrage { height:48px; background:url(images/h2_umfrage.jpg) no-repeat -2px 0;  }
div#poll b { font-size:11px; padding:10px; display:block; text-align:center;  }
div#poll { line-height:200%; color:#353535; }
div#umfrage_foot { height:20px; background:url(images/umfrage_foot.jpg) no-repeat -3px 0; }
div#right { width:291px; color:#343434;}
div#loggedin { background:url(images/loggedin.jpg) no-repeat; height:202px; position:relative; color:#CCC; }
div#loggedin a { color:#CCC !important; }
form#notloggedin { height:202px; background:url(images/notloggedin.jpg) no-repeat; position:relative; }
form#notloggedin input { background:transparent; border:0; position:absolute; color:#F9F9F9; }
form#notloggedin input#nickname { left:81px; top:81px; width:118px; }
form#notloggedin input#password { left:81px; top:107px; width:118px; }
form#notloggedin input#loginsubmit { left:228px; top:44px; width:55px; height:100px; }
form#notloggedin a { display:block; top:153px; height:23px; position:absolute; }
a#lostpassword { left:121px; width:140px; }
a#register { left:19px; width:99px; }
span#login_username { position:absolute; right:35px; top:55px; font-size:12px; }
span#login_avatar { position:absolute; left:22px; top:85px; }
div#login_options { position:absolute; right:35px; top:77px; text-align:right; }
h2#switch { height:51px; background:url(images/h2_switch.jpg) no-repeat; position:relative; }
h2#switch span{ cursor:pointer; display:block; height:38px; position:absolute; top:8px; }
h2#switch span.active { background-image:url(images/h2_switch_active.jpg); background-repeat:no-repeat; }
h2#switch span#switch1{ width:131px; left:2px; background-position:-2px -8px; }
h2#switch span#switch2{ width:145px; left:135px; background-position:-135px -8px; }
div#right div.box { background:url(images/box_right.jpg) repeat-y; width:272px !important; width:282px; padding:0 5px;}
ul#matchlist li { list-style:none; float:left; clear:both; height:30px; line-height:30px; width:287px; background:url(images/list_match.jpg) no-repeat; }
ul#matchlist li a { font-weight:bold; }
ul#matchlist li img{ float:left; margin:5px 15px 0 15px; }
ul#matchlist li span.match{ float:left;  }
ul#matchlist li span.result{ float:right; margin-right:14px; width:40px; text-align:center; font-weight:bold; line-height:26px; }
.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;  }
.center.win { color:#2ea003;font-weight:bold; }
.center.draw { color:#c39001;font-weight:bold; }
.center.lose { color:#a70328;font-weight:bold; }
ul#articlelist  li { padding:5px 0 5px 10px; border-bottom:1px dotted #000; color:#000;  }
div#box_end {  height:15px; background:url(images/h2_server.jpg) no-repeat top left; }
h2#server { height:50px; background:url(images/h2_server.jpg) no-repeat bottom left; }
ul#serverlist { margin-top:-5px; }
ul#serverlist li { padding:5px 0 5px 30px; border-bottom:1px dotted #000; color:#000; }
h2#videos { height:59px; background:url(images/h2_videos.jpg) no-repeat; }
div#video { height:101px; background:url(images/videos.jpg) no-repeat; position:relative; }
div#video ul { position:absolute; left:13px; width:260px; list-style:none; }
div#video ul li { float:left; clear:both; height:27px; line-height:27px; width:260px; }
div#video ul li a { height:27px; display:block; width:260px; text-indent:40px; font-weight:bold; }
div#footer { position:relative; height:83px; background:url(images/footer.jpg) no-repeat; }
div#footer p { position:absolute; left:0px; top:30px; color:#FFF; width:100%; text-align:center; }
div#footer p a { color:#FFF !important; font-weight:bold; }
/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.center { text-align:center; }
div#right .center * { margin:0 43px 0 0; }
.right { float:right; }
img.right { margin:0px 0px 5px 5px; }
.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 */
/*#adsense { width:100%; height:50px; } */

/* 0. Farben
	rot				#DF020B
	grau (Rahmen)	#CCCECD

*/

/* 0.1 Test ob überhaupt vorhanden */
h3.border { background:pink; }
h2.forum { background:pink; }
table.noborder { background:pink; }
table.forum { background:pink; }
table.forumlist { background:pink; }


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

/* 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: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#left form { font-size:11px; color:#474747; margin:10px 20px 15px; line-height:150%; }
div#left form fieldset { border:0; }
div#left 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#left form input { font-size:11px; width:200px; border:2px solid #CCCECD; -moz-border-radius:5px; margin:3px 0; padding:2px 5px; background:#FFF; }
div#left form input[type=checkbox],div#left form input[type=radio]  { width:auto !important; }
div#left form input.submit, div#left form input[type=submit] {width:auto !important; padding:5px 10px; border-width:3px; cursor:pointer; }
div#left form input.submit:hover, div#left form input[type=submit]:hover { background:#FEFEFE; border-color:#AAA; }
div#left form select { width:210px; border:2px solid #CCCECD; -moz-border-radius:5px; margin:2px 0 0; padding:2px 5px; }
div#left form textarea { float:left; clear:both; width:300px; height:200px; border:2px solid #CCCECD; -moz-border-radius:5px; margin:2px 0; padding:2px 5px; }
table.cmstable form { margin:0 !important; padding:0 !important; }
table.cmstable input { background:transparent !important; }
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; }
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:#DF020B; }
div#left 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:#DF020B; text-indent:5px; }
div.comment_sidebar img { margin:5px 0 10px 5px; }
div.comment_sidebar h4 a { color:#DF020B; }
div.comment_content { float:left;  overflow:scroll;   border-left:1px solid #E7E7E7; padding:10px; min-height:180px; width:275px; }
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 #DF020B; }
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 4px; 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#left 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; }

ul#serverlist { list-style:none; }
ul#serverlist li  { padding:10px 5px; border-top:1px dotted #000; }
ul#serverlist li:first-child  { border-top:0; }