body {font: 100.01% Helvetica, Arial, sans-serif; color: #666; background-color:#000; }

div#maincontent{ width: 1004px; margin: 0px 98px;  background-image: url(../images/pagehg.jpg); background-repeat:repeat-y; float:left; }
div#index { width: 611px; float: left; min-height: 500px; padding-top: 1px; }
div#lastnews_oben { width: 393px; height: 26px; background-image: url(../images/lastnews.jpg); }
div#lastnews_ende { width: 393px; height: 24px; background-image: url(../images/lastnewsende.jpg); }
div#lastwars_oben { width: 200px; height: 26px; background-image: url(../images/lastwars.jpg); }
div#lastwars_hg { width: 200px; height: 201px; background-image: url(../images/lastwarshg.jpg); }
div#lastwars_ende { width: 200px; height: 21px; background-image: url(../images/lastwarsende.jpg); }
div#kalender_oben { width: 200px; height: 26px; background-image: url(../images/kalender.jpg); }
div#kalender_hg { width: 200px; height: 130px; background-image: url(../images/lastwarshg.jpg); }
div#umfragen_oben { width: 200px; height: 26px; background-image: url(../images/umfragen.jpg); }
div#umfragen_hg { color: #fff; width: 200px; background-repeat: y; background-image: url(../images/lastwarshg.jpg); }
div#ts_oben { width: 200px; height: 26px; background-image: url(../images/teamspeak.jpg); }
div#ts_hg { width: 200px;  background-repeat: y; background-image: url(../images/ts_hg.jpg); }
div#shoutbox_oben { width: 193px; height: 26px; background-image: url(../images/shoutbox.jpg); }
div#shoutbox_hg { width: 193px; background-image: url(../images/hgrechts.jpg); }
div#partner_oben { width: 193px; height: 26px; background-image: url(../images/partner.jpg); }
div#partner_hg { width: 193px; background-image: url(../images/hgrechts.jpg); }
div#ende_links { width: 200px; height: 70px; background-image: url(../images/ende_links.jpg); }
div#ende_rechts { width: 193px; height: 70px; background-image: url(../images/ende_rechts.jpg); }
div#kontakt { width: 84px; height: 50px; float: left; background-color: transparent; }
div#impressum { width: 89px; height: 50px; float: left; background-color: transparent; }


div#Rahmen{ width: 1004px; height: 41px; padding: 0; }
div#klapptext { width: 111px ;height:16px; padding: 0 0 0 0px; }
div#header { width: 1004px; height: 289px; float: left; }
div#Naviahmen div {clear: left; }
li { list-style: none; padding: 0; text-decoration:none; }
ul#Navigation { margin: 0; padding: 0; text-align: center; }
ul#Navigation li { list-style: none; float: left; position: relative; margin: 0; padding: 0; }
ul#Navigation li ul { margin: 0; padding: 0; position: absolute; top: 41px;  left: -0.0em; display: none; } 
ul#Navigation li:hover ul { display: block; }
ul#Navigation li ul li { float: none; display: block; margin-bottom: 0.0em; }
div#header { width: 1004px; height: 218px; float: left; }
div#logo { width: 629px; height: 218px; background-image:url(../images/logohg.jpg); float: left; }
div#counter { width: 375px; height: 49px; background-image:url(../images/counterhg.jpg); float: left; }
div#login { width: 375px; height: 169px; background-image:url(../images/loginhg.jpg);float: left; }

div#news { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/news.jpg); float: left; }
div#news a { display: inline; width: 111px; height: 41px; float: left; } 
div#news a:hover { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/newsa.jpg); float: left; }

div#teams { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/teams.jpg); float: left; }
div#teams a { display: inline; width: 111px; height: 41px; float: left; } 
div#teams a:hover { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/teamsa.jpg); float: left; }

div#media { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/media.jpg); float: left; }
div#media a { display: inline; width: 111px; height: 41px; float: left; } 
div#media a:hover { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/mediaa.jpg); float: left; }

div#forum { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/forum.jpg); float: left; }
div#forum a { display: inline; width: 111px; height: 41px; float: left; } 
div#forum a:hover { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/foruma.jpg); float: left; }

div#gb { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/gb.jpg); float: left; }
div#gb a { display: inline; width: 111px; height: 41px; float: left; } 
div#gb a:hover { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/gba.jpg); float: left; }

div#join { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/joinus.jpg); float: left; }
div#join a { display: inline; width: 111px; height: 41px; float: left; } 
div#join a:hover { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/joinusa.jpg); float: left; }

div#fight { width: 112px; height: 41px; display: inline; position: relative; background-image: url(../images/fightus.jpg); float: left; }
div#fight a { display: inline; width: 112px; height: 41px; float: left; } 
div#fight a:hover { width: 112px; height: 41px; display: inline; position: relative; background-image: url(../images/fightusa.jpg); float: left; }

div#link { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/linkus.jpg); float: left; }
div#link a { display: inline; width: 111px; height: 41px; float: left; } 
div#link a:hover { width: 111px; height: 41px; display: inline; position: relative; background-image: url(../images/linkusa.jpg); float: left; }

div#esl { width: 115px; height: 41px; display: inline; position: relative; background-image: url(../images/eslteam.jpg); float: left; }
div#esl a { display: inline; width: 115px; height: 41px; float: left; } 
div#esl a:hover { width: 115px; height: 41px; display: inline; position: relative; background-image: url(../images/eslteama.jpg); float: left; }

div#more { width: 58px; height: 21px; display: inline; position: relative; background-image: url(../images/more.png); float: left; }
div#more a { display: inline; width: 58px; height: 21px; float: left; } 
div#more a:hover { width: 58px; height: 21px; display: inline; position: relative; background-image: url(../images/morea.png); float: left; }