/* Erstellt von Marks Solutions */
/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:11px Verdana, Arial, sans-serif; color:#333; background:#FFF; min-width:1008px; }
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:11px Verdana, Arial, sans-serif; color:#000; }
form *, img { vertical-align:middle; }

/* Layout Formatierungen */
div.blackcontainer { background:#000; width:100%; }
div.blackcontainer.header { height:247px; margin-bottom:25px; }
div.blackcontainer.footer { height:75px; margin-top:25px; }
div#header { position:relative; left:50%; margin-left:-504px; width:1008px; height:247px; background:url(_img/header.jpg) no-repeat; }
div#header h1 a { position:absolute; left:0px; top:50px; display:block; width:500px; height:120px;  }
div#header ul { position:absolute; left:0px; top:211px; height:24px; list-style:none; width:1000px; }
div#header ul li { margin-right:12px; float:left; height:24px;  }
div#header ul li a { display:block; height:24px; background-image:url(_img/navi.png); }
div#header ul li a.active, div#header ul li a:hover, div#header ul li a:active { background-repeat:no-repeat; background-image:url(_img/navi_hover.jpg); }
div#header ul li a#navi1 { width:80px; background-position:left top; }
div#header ul li a#navi2 { width:53px; background-position:-92px top; }
div#header ul li a#navi3 { width:75px; background-position:-157px top; }
div#header ul li a#navi4 { width:164px; background-position:-244px top; }
div#header ul li a#navi5 { width:80px; background-position:-420px top; }
div#header ul li a#navi6 { width:43px; background-position:-512px top; }
div#header ul li a#navi7 { width:68px; background-position:-567px top; }
div#header ul li a#navi8 { width:79px; background-position:-647px top; }
div#header ul li a#navi9 { width:66px; background-position:-738px top; }
div#wrapper { position:relative; left:50%; width:1008px; margin-left:-504px; }
div#equal { background:url(_img/content_background.jpg) repeat-y; }
div#left, div#center, div#right { float:left; overflow:hidden; }
div#left { width:243px; }
h2#login { margin-top:5px; height:20px; background:url(_img/h2_login.jpg) no-repeat; }
div#notloggedin form { width:202px; height:83px; background:url(_img/notloggedin.jpg) no-repeat; position:relative; margin-bottom:5px; }
div#notloggedin form input { position:absolute; border:0; background:transparent; }
div#notloggedin form input#loginemail{ left:7px; top:7px; width:188px; }
div#notloggedin form input#loginpassword{ left:7px; top:35px; width:188px; }
div#notloggedin form input#loginsubmit{ font-size:10px; left:1px; top:57px; width:56px; height:22px; text-align:center; color:#FFF; font-weight:bold; }
a.createClanpage { margin:10px 0 20px; display:block; width:202px; height:68px; background:url(_img/button_clanpage_erstellen.jpg) no-repeat; }
a.createClanpage:hover, a.createClanpage:active { background:url(_img/button_clanpage_erstellen_hover.jpg) no-repeat; }
div#loggedin { line-height:150%; margin-bottom:20px; }
div#left p { margin-bottom:5px; }
a#socialFacebook { float:left; margin-right:20px; display:block; width:91px; height:31px; background:url(_img/facebook.jpg) no-repeat; }
a#socialFacebook:hover, a#socialFacebook:active { background:url(_img/facebook_hover.jpg) no-repeat; }
a#socialTwitter { float:left; display:block; width:86px; height:31px; background:url(_img/twitter.jpg) no-repeat; }
a#socialTwitter:hover, a#socialTwitter:active { background:url(_img/twitter_hover.jpg) no-repeat; }
a#socialSteam { margin-top:8px; float:left; display:block; width:91px; height:29px; background:url(_img/steam.jpg) no-repeat; }
a#socialSteam:hover, a#socialSteam:active { background:url(_img/steam_hover.jpg) no-repeat; }
h2#statistiken { margin-top:25px; height:20px; background:url(_img/h2_statistiken.jpg) no-repeat; }
ul#stats li { clear:both; line-height:200%; height:22px; width:201px; border-bottom:1px dotted #333; list-style:none; }
ul#stats li span.left { float:left; }
ul#stats li span.right { float:right; }
div#center { width:541px; margin-right:40px; }
div#center h2 { margin-bottom:10px; }
div#center p { margin-bottom:10px; line-height:150%; }
div#center li { padding-left:30px; list-style:inside; }
div#right { width:183px; }
h2#partner { margin-top:5px; height:20px; background:url(_img/h2_partner.jpg) no-repeat; }
div#right img { margin-bottom:20px; width:183px; }
div#footer { position:relative; left:50%; margin-left:-504px; width:1008px; height:75px; }
div#footer ul { position:absolute; left:0px; top:10px; list-style:none; width:300px; height:11px; background:url(_img/footer_navi.jpg) no-repeat; }
div#footer ul li { float:left; margin-right:17px; height:11px; }
div#footer ul li a { display:block; height:11px; }
div#footer ul li a.active, div#footer ul li a:hover, div#footer ul li a:active { background-repeat:no-repeat; background-image:url(_img/footer_navi_hover.jpg); }
div#footer ul li a#footernavi1 { width:24px; background-position:left top; }
div#footer ul li a#footernavi2 { width:66px; background-position:-41px top; }
div#footer ul li a#footernavi3 { width:36px; background-position:-124px top; }

/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }


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

fieldset { border:0; }
div#center form { margin:13px 0 10px 0; }
div#center form h3 { font-weight:bold; margin:5px 0; }
div#center code { color:#FFF; }
div#center form label { width:140px; clear:both; float:left; }
div#center form select { float:left; margin-bottom:7px; width:189px; color:#313131; font-size:11px; padding:0 2px; height:17px; }
div#center form option {color:#313131; font-size:11px; }
div#center img#captchaimage { float:left; margin:3px 10px 10px 0; }
div#center form input { width:201px !important; width:207px; padding:1px 3px 0; height:17px; margin-bottom:5px; color:#313131; font-size:11px; }
div#center form input[type=submit] { height:auto !important; }
div#center div#right_middle input { width:160px !important; }
div#center a:link, div#center a:visited { color:#222; font-weight:bold; text-decoration:none; border-bottom:1px dotted #EEE; }
div#center a:hover, div#center a:active { color:#f00000; border-bottom:1px dotted #f00000; }
.center { text-align:center; }
#right_middle dl { line-height:200%; width:201px; }
#right_middle dt { float:left; clear:both; width:165px; border-bottom:1px dotted #FFF; }
#right_middle dd { float:right; border-bottom:1px dotted #FFF; margin-top:-23px; }
.domainlist a { margin-right:20px; border:0 !important; }
.domainlist img { border:0; }
.left.domainlist img { margin:10px 0; }
code { background:#333; display:block; padding:10px; margin-bottom:40px;text-align:left; }
div#media img { border:1px solid #CCC; }
div.pages { margin:10px 0; clear:both; }
div.pages:before { content:"Seite";  }
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 #FFF; background:#333; color:#FFF; }
div.pages a.page_inactive { border:1px solid #C6C6C6; color:#FFF }
div.pages a.page_inactive:hover, div.pages a.page_inactive:active { background:#323232; color:#FFF; }
div#center table { line-height:150%; width:100%; }
div#center table th { text-align:left; border-bottom:1px dashed #000; }
ul.designs { list-style:none; }
ul.designs li { position:relative; text-transform:uppercase; list-style:none; padding:0 !important; }
ul.designs li img{ margin-top:5px; border:3px solid #000; }
ul.designs li:hover a.link { display:block; background:url(_img/preview.png) no-repeat; width:144px; height:35px; position:absolute; left:4px; bottom:62px; z-index:99; border:0 !important; }
a.designwaehlen { margin-top:8px; display:block; width:161px; height:23px; background:url(_img/design_auswaehlen.jpg) left 1px; border:0 !important; }
a.designwaehlen:hover { background:url(_img/design_auswaehlen2.jpg);  }