/* http://www.marks-solutions.de */
* { margin:0; padding:0; }
body { font:11px Arial,Verdana,sans-serif; color:#313131; background:#217F97 url(img/body_background.jpg) repeat-x; min-width:1004px; }
a:link, a:visited { color:#CA3535; text-decoration:none; }
a:focus, a:hover, a:active { color:#CA3535; text-decoration:none; }
fieldset,img { border:0; }
img { vertical-align:middle; }
form *,input { font:11px Arial,Verdana,sans-serif; }

/* Layout Formatierungen */
div#wrapper { width:1004px; position:relative; left:50%; margin-left:-502px;}
div#header { background:url(img/header.jpg) no-repeat left bottom; height:594px; position:relative; }
div#header2 { background-repeat:no-repeat; height:273px; position:relative; width:1004px; }
a#headerlink  { position:absolute; left:50px; top:20px; display:block; width:655px; height:250px; }
ul#navigation { position:absolute; left:122px; top:276px; height:38px; list-style:none; }
ul#navigation li { position:absolute; top:0px; height:38px;  }
ul#navigation li a {display:block; height:38px;  }
li#nInfo { left:13px; width:152px; }
li#nInfo a.active,li#nInfo a:hover,li#nInfo a:active { background:url(img/navi1_hover.jpg) no-repeat; }
li#nClan { left:129px; width:152px; }
li#nClan a.active,li#nClan a:hover,li#nClan a:active { background:url(img/navi2_hover.jpg) no-repeat -116px 0px; }
li#nComm { left:246px; width:152px; }
li#nComm a.active,li#nComm a:hover,li#nComm a:active { background:url(img/navi1_hover.jpg) no-repeat -233px 0px; }
li#nForum { left:362px; width:152px; }
li#nForum a.active,li#nForum a:hover,li#nForum a:active { background:url(img/navi2_hover.jpg) no-repeat -349px 0px; }
li#nFeat { left:479px; width:152px; }
li#nFeat a.active,li#nFeat a:hover,li#nFeat a:active { background:url(img/navi1_hover.jpg) no-repeat -466px 0px; }
ul.subnavi { position:absolute; left:125px; top:318px; height:30px; list-style:none; }
ul.subnavi li { float:left; width:90px; height:30px; background:url(img/navi_trenn.jpg) no-repeat right top; text-align:center; font-weight:bold; text-transform:uppercase; line-height:30px;}
ul.subnavi li a { display:block; height:30px; color:#FFF !important;}
ul.subnavi li a:hover,ul.subnavi li a:active { color:#DDD; background:url(img/subnavi_hover.jpg) no-repeat 1px bottom ; }
div#header ul.list li { font-weight:bold; float:left; clear:both; list-style:none; position:relative; width:270px; height:30px; line-height:30px;}
div#header ul.list img { position:absolute; left:0px; margin:5px 0; }
div#header ul.list span.date { position:absolute; left:40px; }
div#header ul.list a { position:absolute; left:100px; }
div#header ul.list span.result { position:absolute; right:0px }
div#header ul.list a.esl { position:absolute; left:233px; white-space:nowrap; }
div#header ul.list2 span.date { left:0px; }
div#header ul.list2 a { left:60px; }

span.win { color:#668714; }
span.draw { color:#6F6F6F; }
span.lost { color:#FF0101; }
div#header ul.game li { float:left; cursor:pointer; width:22px; height:15px; display:inline-block; margin-right:6px;}
div#login { position:absolute; left:747px; top:214px; width:222px; height:50px; }
div#login form#notloggedin { background:url(img/login.jpg) no-repeat; width:222px; height:50px; }
input#loginemail { background:transparent; border:0; width:85px; position:absolute; left:30px; top:7px; }
input#loginpassword { background:transparent; border:0; width:85px; position:absolute; left:132px; top:7px; }
input#loginsubmit { border:1px solid #D2D2D2; padding:2px 3px; background:#FFF; position:absolute; right:0px; top:28px;}
span#loginlinks { position:absolute; left:0px; top:32px; font-size:10px;}
ul#boxselect { position:absolute; left:203px; top:365px; z-index:20;}
ul#boxselect li { float:left; cursor:pointer; width:30px; height:15px; display:inline-block;}
ul#news { position:absolute; left:53px; top:402px;}
div#specials { position:absolute; left:39px; top:358px; background:url(img/specials.jpg) no-repeat; overflow:display; height:44px; width:294px; z-index:2; }
div#votes { position:absolute; left:39px; top:358px; background:url(img/votes.jpg) no-repeat; overflow:display; height:44px; width:294px; z-index:2; }
div#votes ul li { font-weight:bold; float:left; clear:both; list-style:none; position:relative; width:270px; height:30px; line-height:30px;}
div#votes ul { position:absolute; left:23px; top:42px;}
div#specials ul { position:absolute; left:23px; top:42px;}
ul#wars { position:absolute; left:353px; top:402px;}
ul#warsselect { position:absolute; left:518px; top:365px; }
ul#nextselect { position:absolute; left:838px; top:365px; }
ul#events { position:absolute; left:658px; top:402px; }
div#next { position:absolute; left:676px; top:410px; font-weight:bold;}
div#next img { position:absolute; left:158px; top:0px;}
div#next span.time { position:absolute; left:115px; top:60px; color:#6F706B;}
div#next ul#nextlist { position:absolute; top:110px; left:0;}
ul#quicknavi { position:absolute; left:174px; top:562px; width:350px; height:14px; list-style:none; }
ul#quicknavi li { float:left; width:63px; margin-right:6px; }
ul#quicknavi li a {height:14px; display:block; }
ul#quicknavi li a:hover { background-image:url(img/quicknavi_hover.jpg); background-repeat:no-repeat; }
li#qNews a { background-position:0px 0px; }
li#qMembers a { background-position:-69px 0px; }
li#qWars a { background-position:-138px 0px; }
li#qBoard a { background-position:-138px 0px; }
li#qContact a { background-position:-207px 0px; }
form#search { position:absolute; left:745px; top:562px; width:200px; }
form#search input{ border:0; background:transparent; position:absolute;  top:0px; }
form#search input#searchtext { left:0px; width:160px; }
form#search input#searchsubmit { left:170px; width:45px; height:15px; }
div#equal { background:url(img/content_background.jpg) repeat-y; width:963px; margin-left:23px; }
div#center, div#right { float:left; overflow:hidden; }
h2#area { height:43px; background:url(img/h2_area.jpg) no-repeat; font-size:12px; text-indent:12px; line-height:35px; }
div#center { width:675px !important; width:698px; padding-left:23px; }
h2#area { height:43px; background:url(img/h2_area.jpg) no-repeat; font-size:12px; text-indent:12px; line-height:35px; }
div#center h3 { text-indent:10px; height:23px; line-height:23px; background:#2E2E2E; color:#FFF; font-size:11px; margin:0 3px; color:#FFF; }
div#center h3 a { color:#FFF; }
div#center h4 { font-size:11px; position:relative; height:22px; padding:0 10px; line-height:22px; border-bottom:1px dotted #8E8E8E; margin:0 3px; color:#949494; font-weight:normal; }
div#center h4 small{ position:absolute; right:10px; font-size:11px; color:#ca3535; }
div#center h4 small a { color:#ca3535; }
div#center div.text { line-height:150%; margin-bottom:15px; padding:5px 10px; }
div#center p { margin:0 0 7px; }
div#center ul { list-style-position:inside; }
div#right { width:228px !important; width:240px; padding-left:12px; }
div#right h2#sponsoren { height:34px; background:url(img/h2_sponsors.jpg) no-repeat; }
div#right h2#shoutbox { height:34px; background:url(img/h2_shoutbox.jpg) no-repeat; }
h2.sidebar { font-family:verdana; font-size:11px; padding:5px; border-bottom:2px solid #ca3535; color:#ca3535; text-transform:uppercase; margin-bottom:10px; }
h2.sidebar span {color:#3d3d3d; }

div#right div.box { background:url(img/box_background.jpg) repeat-y; }
div#right div.box h3 { font-size:11px; padding:3px 10px 0px 10px; font-weight:normal; }
div#right div.box p,div#right div.box form ,div#right div.box a#shoutarchiv { padding:0px 10px 5px 10px; }
div#right div.box input { background:transparent; border:1px solid #D2D2D2; color:#313131; padding:2px;}
div#right div.box h3 a { color:#CA3535;}
div#right div.trenn { font-size:0; line-height:0; height:11px; background:url(img/sponsor_trenn.jpg) no-repeat 1px 0px; margin:3px 0; }
div#right div.foot { height:10px; background:url(img/box_foot.jpg) no-repeat; margin-bottom:10px; font-size:0; line-height:0; }
div#footer { clear:both; background:url(img/footer.jpg) no-repeat; height:109px; position:relative; width:963px; margin-left:23px;}
a#gnomlink { position:absolute; left:795px; top:58px; display:block; width:155px; height:50px; }
div.trenn { margin:5px 0; background:#CCC; height:2px; font-size:0; line-height:0; clear:both;}

/* Allgemeine Klassen */
.clear { clear:both; }
.hidden { display:none; }
.center { text-align:center; }
.left { float:left; margin:0 7px 7px 0;}
.right { float:right; margin:3px 10px 7px 7px; }
.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#center dt img,div#center label img,div#center td img { vertical-align:middle; }
/* Tabellenseiten */
div#center table { width:99% !important; border-collapse:collapse; margin:5px 3px 10px 3px; font:11px Arial,Verdana,sans-serif;}
div#center table tr th { border:1px dotted #D0D0D0; height:25px; line-height:25px; border-bottom:2px solid #C93535; }
div#center table tr th a { color:#000; font-weight:bold; }
div#center table tr td {  padding:5px 5px; border:1px dotted #D0D0D0;}
div#center table tr.row1 td { background:#EEE; }
div#center table tr.row2 td { background:#E8E8E8; }
div#center table tr td a { color:#000; font-weight:bold; }

/* Formulare */
div#center form { margin:5px 0 10px 0; }
div#center form * { font-family:inherit; font-size:inherit; }
div#center form fieldset { border:0; }
div#center form fieldset legend { display:none; }
div#center form fieldset label { float:left; clear:both; cursor:pointer; min-width:100px; text-indent:5px; line-height:35px; }
div#center form fieldset input[type=submit] { padding:3px; width:auto !important; }
div#center form fieldset input { width:150px; background:#FFF; border:1px solid #000; padding:4px; margin:4px; }
div#center form fieldset input:hover,div#center form fieldset textarea:hover { background:#EEE; border:1px solid #444; }
div#center form fieldset input:focus,div#center form fieldset textarea:focus { background:#DDD; border:1px solid #888; }
div#center form fieldset select { width:150px; background:#FFF; border:1px solid #000; padding:3px; margin:4px; }
div#center form fieldset option { background:#EEE; border-bottom:1px solid #444; padding:2px; }
div#center form fieldset textarea { width:97%; padding:4px; border:1px solid #000; margin:4px;}
/* Listen */
div#center ul,div#center ol, div#center dl { margin:5px 0; width:100%; overflow:hidden; }
div#center ul li { list-style:square inside; margin:0 10px 0 10px; line-height:150%; }
div#center ol li { list-style:decimal inside; margin:0 10px 0 0; line-height:150%; }
div#center dl dt, div#center dl dd { margin:3px; border:1px solid #DDD; min-height:22px; line-height:22px; margin-bottom:3px; }
div#center dl dt { padding-left:5px; width:120px; background:#CCC; }
div#center dl dd { margin-top:-27px; padding-left:130px; }

/* Kommentare */
div#center div.comment_avatar { margin-left:3px; float:left; padding:10px 10px; width:120px; text-align:center;}
div#center div.comment_text { margin-right:3px; float:left; min-height:140px; border-left:3px solid #DDD; padding: 10px 10px 10px; width:480px; }
div#center div.comment_signatur { margin:0 3px; clear:both; background:#DDD; color:#000; padding:5px; }
div#center blockquote { background:#DDD; border:1px solid #000; padding:5px; margin:5px; }

/* Blätterfunktion */
div#center div.page_select { line-height:30px; text-align:right; margin:5px 3px; border-bottom:1px dotted #8E8E8E; border-top:1px dotted #8E8E8E;}
div#center div.page_select a.page_inactive { border:1px solid #C2B79B; padding:3px 5px; margin:1px; background:#FFF; color:#000 !important; }
div#center div.page_select a.page_inactive:hover { background:#C0C0C0; color:#444 !important; }
div#center div.page_select span.page_active { border:1px solid #A7A090; background:#D9D9D9; padding:3px 5px; margin:1px; color:#000; font-weight:bold; }

ul#cms_profil li { float:left; border:1px dotted #C2B79B; margin:3px 0px 3px 5px !important; padding:2px 4px; list-style:none !important; background:#C2B79B; }
ul#cms_profil li:hover {  background:#C0C0C0; }
div.cms_votebar { height:12px; background:#217F97; line-height:0px; font-size:0;}