Homepage design problem

@charset "iso-8859-1";
/* -------------------------------------------------------------- */
/* Copyright © 2012 - 2013 by Rivelon2. All rights reserved.
/* -------------------------------------------------------------- */
/* ---- FONTS --------------------------------------------------- */

@font-face {
	font-family: 'FHACondensedFrenchNC';
	src: url('font/fhacondfrenchncnavfont.eot');
	src: url('font/fhacondfrenchncnavfont.eot?#iefix') format('embedded-opentype'),
	url('font/fhacondfrenchncnavfont.woff') format('woff'),
	url('font/fhacondfrenchncnavfont.ttf') format('truetype'),
	url('font/fhacondfrenchncnavfont.svg#fhacondfrenchncnavfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
		
/* -------------------------------------------------------------- */
/* ---- STYLESHEET ---------------------------------------------- */

*{
	margin:0;
	padding:0;	
}

body{
	background:url(img/bg_top.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	background-color:#0c0d0e;
	font-family:"Times New Roman", Times, serif;
	font-weight:100;
}

a{
	color:#718d97;
	text-shadow: 0px -1px -1px #000;
	text-decoration:none;
}

a:hover{
	color:#79acbe;
}

.clear{
	clear:both;
	height:1px;	
}

/* -------------------------------------------------------------- */
/* ---- LOGO ---------------------------------------------------- */

#logo_con{
	width:534px;
	margin:0px auto;	
}

#logo{
	background:url(img/logo.png);
	height:220px;
	background-repeat:no-repeat;
	margin-top:67px;
	margin-left:11px;
}

/* -------------------------------------------------------------- */
/* ---- NAVI ---------------------------------------------------- */

#navi_con{
	width:951px;
	margin:0px auto;
}

#navi{
	background:url(img/navi.png);
	background-repeat:no-repeat;
	height:74px;
	font-family: 'FHACondensedFrenchNC';

}

#navi ul {
	list-style-type:none;
	margin-left:17px;
	height:63px;
	padding-top:7px;
	
	
}

#navi ul li{
	float:left;
	background:url(img/navi_border.png) right 3px no-repeat;
	padding-right:4px;	
}



#navi ul li:last-child {
	background:none;
}

#navi ul li a{
	display:block;
	text-decoration:none;
	color:#718d97;
	height:60px;
	padding-left:20px;
	padding-right:20px;
	line-height:66px;
	
}

#navi ul li a:hover, #navi ul li a.active, #navi ul li a:focus{
	color:#22aac3;
	background:url("img/navi_h.png") repeat-x;
}



/* -------------------------------------------------------------- */
/* ---- LOGIN --------------------------------------------------- */

#login_con{
	width:500px;
	margin-top:4px;
	margin-left:25px;
}

#login_con p{
	font-size:13px;
	font-weight:100;
	color:#988156;
	margin-left:10px;
	text-align:left;
	line-height:35px;
}

#login_con a{
	font-size:13px;
	font-weight:100;
	color:#988156;
}

#login_con a:hover{
	color:#be9953;
}

#login_feld{
	background:url(img/login_feld.png);
	width:528px;
	height:55px;
	float:left;
	margin:0px auto;
}

/* -------------------------------------------------------------- */
/* ---- STATUS -------------------------------------------------- */

#status_feld{
	background:url(img/status_feld.png);
	width:422px;
	height:55px;
	float:left;
	margin:0px auto;
}

#status_feld ul{
	list-style-type:none;	
	margin-left:30px;
}

#status_feld ul li{
	float:left;
	background:url(img/status_border.png) no-repeat right;
}

#status_feld ul li:last-child{
	background:none;
}

#status_feld ul li p{
	line-height:34px;
	padding-left:8px;
	padding-right:8px;
	font-size:14px;
	text-shadow: 0px -1px -1px #000;
}

#status_feld ul li p.on{
	color:#6b834d;
}

#status_feld ul li p.off{
	color:#7a5050;
}

.icon-reload{
	display:block;
	float:right;
	width:32px;
	height:29px;
	background:url(img/reload.png);
	cursor:pointer;
	margin-right:25px;
}

/* -------------------------------------------------------------- */
/* ---- MAIN ---------------------------------------------------- */

#main_top{
	background:url(img/main_top.png);
	background-repeat:no-repeat;
	width:932px;
	height:89px;
	margin:0px auto;
}

#main_mid{
	background:url(img/main_mid.png);
	background-repeat:repeat-y;
	width:932px;
	margin:0px auto;
}

#main_bot{
	background:url(img/main_bot.png);
	background-repeat:no-repeat;
	width:932px;
	height:138px;
	margin:0px auto;	
}

/* -------------------------------------------------------------- */
/* ---- CONTENT UND SIDEBAR AUFLISTUNG -------------------------- */

#left{
	width:518px;
	float:left;
	margin-left:35px;
	margin-top:15px;
}

#right{
	width:327px;
	float:right;	
	margin-right:35px;
	margin-top:15px;
}

.long_border{
	background:url(img/border_long.png);
	background-repeat:no-repeat;
	width:852px;
	height:17px;
	margin:0px auto;
	margin-top:15px;
}

/* -------------------------------------------------------------- */
/* ---- SLIDER -------------------------------------------------- */

#slider-bg {
	background:url(img/slider_bg.png);
	width:516px;
	height:219px;
}

#slider-wrapper {
	margin-top:8px;
}

#slider {
	width:394px;
	height:208px;
	float:right;
	margin-right:5px;
	margin-top:-3px;
}	

#slider ul, #slider li{
	padding:0;
	list-style:none;
	margin:0;
}

#slider li{ 
	width:394px;
	height:208px;
}

ol#controls{
	width:113px;
	float:left;
	position:absolute;
	margin-left:5px;
	margin-top:-3px;
}
		
ol#controls li{
	padding:0;
	float:left;
	list-style:none;
}
		
ol#controls li a{
	float:left;
	background:url(img/slider_buttons.png);
	width:113px;
	height:52px;
	background-position:bottom right;
}
		
ol#controls li.current a{
	background-position:0px 0px;
}
		
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
	outline:none;
}
	
ol#controls li a img {
	float:left;
	margin:4px 8px 4px 4px;
}
	
ol#controls li a p {
	float:left;
	color:#988156;
	width:113px;
	margin-top:5px;
	margin-left:-17px;
	text-shadow: 0px -1px -1px #000;
	font-size:12px;
}
	
ol#controls li.current a p {
	color:#deb949;
	text-shadow:0px -1px 1px #000000,
				0px 1px 1px #000000,
				-1px 1px 1px #000000,
				1px 1px 1px #000000;
}
	
ol#controls li a span {
	float:left;
	margin-left:-87px;
	color:#968c82;
	line-height:60px;
	text-shadow: 0px -1px -1px #000;
	font-size:10px;
}

/* -------------------------------------------------------------- */
/* ---- INPUT --------------------------------------------------- */

input[type="text"]{
	background:url(img/input.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:160px;
	height:33px;
	border:none;
	color:#39382a;
	text-indent:37px;
	text-shadow: 0px -1px -1px #000;
}

input[type="password"]{
	background:url(img/input.png);
	background-repeat:no-repeat;
	background-position:center;
	width:160px;
	height:33px;
	border:none;
	color:#39382a;
	text-shadow: 0px -1px -1px #000;
	text-indent:37px;
}

input[type="submit"], input[type="reset"]{
	background:url(img/btn.png);
	background-repeat:no-repeat;
	width:93px;
	height:38px;
	border:none;
	color:#4f4d34;
	text-shadow: 0px -1px -1px #000;
}

select{
	background:url(img/input.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:160px;
	height:33px;
	border:none;
	color:#39382a;
	text-shadow: 0px -1px -1px #000;
}

a.menu{
	background:url(img/btn.png);
	background-repeat:no-repeat;
	width:93px;
	height:38px;
	border:none;
	color:#4f4d34;
	text-shadow: 0px -1px -1px #000;
	display:block;
	float:left;
	margin:0px auto;
	text-align:center;
	line-height:35px;
}

input[type="submit"]:hover, input[type="reset"]:hover, a.menu:hover{
	background:url(img/btn_h.png);
	background-repeat:no-repeat;
	width:93px;
	height:38px;
	cursor:pointer;
}

/* -------------------------------------------------------------- */
/* ---- BUTTONS ------------------------------------------------- */

a.download{
	background:url(img/download_norm.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:321px;
	height:71px;
	display:block;
}

a.download:hover{
	background:url(img/download_h.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:321px;
	height:71px;
	display:block;
}

a.download:active{
	background:url(img/download_a.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:321px;
	height:71px;
	display:block;
}

a.community{
	background:url(img/community_norm.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:321px;
	height:71px;
	display:block;
}

a.community:hover{
	background:url(img/community_h.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:321px;
	height:71px;
	display:block;
}

a.community:active{
	background:url(img/community_a.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:321px;
	height:71px;
	display:block;
}

a.vote{
	background:url(img/vote_norm.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:321px;
	height:71px;
	display:block;
}

a.vote:hover{
	background:url(img/vote_h.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:321px;
	height:71px;
	display:block;
}

a.vote:active{
	background:url(img/vote_a.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:321px;
	height:71px;
	display:block;
}

/* -------------------------------------------------------------- */
/* ---- CONTENT ------------------------------------------------- */

#left h2{
	background:url(img/content.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:58px;
	color:#675b43;
	text-align:left;
	font-size:13px;
	font-weight:100;
	line-height:54px;
	text-indent:15px;
}

#con-mid{
	background:url(img/content.png);
	background-repeat:repeat-y;
	background-position:top right;
}

#con-mid p{
	text-align:left;
	font-size:12px;
	font-weight:100;
	color:#454539;
	width:490px;
}

#con_mid_con{
	text-align:left;
	font-size:12px;
	font-weight:100;
	color:#454539;
	width:490px;
	margin-left:12px;
}

#con-bot{
	background:url(img/content.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:12px;
}

/* -------------------------------------------------------------- */
/* ---- SIDEBAR ------------------------------------------------- */

#right h2{
	background:url(img/sidebar.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:57px;
	color:#675b43;
	text-align:left;
	font-size:13px;
	font-weight:100;
	line-height:54px;
	text-indent:20px;
}

#sb_mid{
	background:url(img/sidebar.png);
	background-repeat:repeat-y;
	background-position:top right;
}

#sb_mid p{
	text-align:left;
	font-size:12px;
	font-weight:100;
	color:#454539;
	margin-left:15px;
	width:300px;
}

#sb_mid span{
	text-align:left;
	font-size:12px;
	font-weight:100;
	color:#5a3f39;
	margin-left:15px;
	width:300px;
}

.list_point{
	background:url(img/list_point.png);
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	margin-top:15px;
}

#sb_bot{
	background:url(img/sidebar.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:15px;
}

.border{
	background:url(img/border.png);
	background-repeat:no-repeat;
	width:284px;
	height:12px;
	margin:0px auto;
}

/* -------------------------------------------------------------- */
/* ---- RANGLISTE ----------------------------------------------- */

#top_5{
	background:url(img/top_5_player.png);
	background-repeat:no-repeat;
	margin:0px auto;
	width:280px;
	height:222px;
}

#top_5 table {
	width:260px;
	text-align:center;
	color:#554e44;
	font-size:12px;
	text-shadow:0px -1px 1px #000000,
				0px 1px 1px #000000,
				-1px 1px 1px #000000,
				1px 1px 1px #000000;
}

#top_5 table tr {
	height:35px;
}

/* -------------------------------------------------------------- */
/* ---- STATISTIC ----------------------------------------------- */


table#statistic{
	color:#5a3f39;
	margin-left:25px;
	font-size:12px;
	text-shadow:0px -1px 1px #000000,
				0px 1px 1px #000000,
				-1px 1px 1px #000000,
				1px 1px 1px #000000;
	text-align:left;
}

table#statistic td.anzahl{
	color:#514739;
	margin-left:15px;
	font-size:12px;
	text-shadow:0px -1px 1px #000000,
				0px 1px 1px #000000,
				-1px 1px 1px #000000,
				1px 1px 1px #000000;
	text-align:right;
	width:100px;
}

/* -------------------------------------------------------------- */
/* ---- FOOTER -------------------------------------------------- */

#main_bot footer{
	width:700px;
	height:50px;
}

	#main_bot footer address{
		font-style:normal;
		font-weight:100;
		font-size:13px;
		line-height:130px;
		text-align:left;
		text-indent:30px;
		color:#332f29;
	}
	
	#main_bot footer address a{
		color:#69481a;
	}
	
	#main_bot footer address a:hover{
		color:#785119;
		cursor:pointer;
	}

<?PHP

  if(isset($_SESSION['user_admin']) && checkInt($_SESSION['user_admin']) && $_SESSION['user_admin']>=0) {
    if(isset($_GET['k']) && checkInt($_GET['k'])) {
      $sqlCmdS="SELECT * FROM ".SQL_HP_DB.".is_items WHERE kategorie_id='".$_GET['k']."' ORDER BY id DESC";
    }
    else {
      $sqlCmdS="SELECT * FROM ".SQL_HP_DB.".is_items ORDER BY id DESC";
    }
  ?>
    <div id="content_top">Kategorien</div>
	<div id="content_main">
	<div width="80%">
      <?PHP
        $sqlCmd = "SELECT * FROM ".SQL_HP_DB.".is_kategorien ORDER BY titel ASC;";
        $sqlQry = mysql_query($sqlCmd,$sqlHp);
        while($getKats = mysql_fetch_object($sqlQry)) {
          echo'<a href="index.php?s=itemshop&k='.$getKats->id.'">'.$getKats->titel.'</a> &nbsp;&nbsp;&nbsp;&nbsp;';
        }
      ?>
	 </div> 
  </div>
  <div id="content_footer"></div>
  <br>
    <?PHP
      $sqlQry=mysql_query($sqlCmdS,$sqlHp);
      while($getItems=mysql_fetch_object($sqlQry)) {
        $aktItem = compareItems($getItems->vnum);
        $itemStufe = (checkInt($aktItem['stufe'])) ? "+".$aktItem['stufe'] : '';
        ?>
		  <div id="content_top"><?PHP echo $aktItem['item'].$itemStufe; echo ' ('.$getItems->preis.'<img src="img/coins.png"/>)';;?></div>
		  <div id="content_main">
		<table width="75%" cellspacing="0" cellpadding="0">
		<tr align="left">
		<td>
            <?PHP 
              if(!empty($getItems->bild)) echo'<img class="special" src="./is_img/'.$getItems->bild.'" title="'.$aktItem['item'].'" alt="'.$aktItem['item'].'"/>';	
			  elseif (empty($getItems->bild)) echo '<img class="special" src="./is_img/fail.png"</img> ';	
            ?>
			<td class="" align="left" valign="top" style="padding-left:8px;"><?PHP echo $getItems->beschreibung;?></td>
			</td>
		</tr>	
		</table>
		<table width="85%" cellspacing="0" cellpadding="0">
		<tr>
		 <td align="right"><img src="img/buy.png"><a class="special" href="index.php?s=is_buy&id=<?PHP echo $getItems->id; ?>">Kaufen</a></td>
		 </tr>
		</table>
		<br>
		</div>
		<div id="content_footer">
		</div><br>
        <?PHP
      }
    ?>
  <?PHP
  }
  else {
    echo'<div id="content_top">Itemshop</div>
	<div id="content_main">
	<p class="meldung">Sie müssen für diesen Bereich angemeldet sein.</p>
	</div>
	<div id="content_footer"></div>';
  }
?>