body {position: relative; background-image: url(hatter.jpg); margin: 0; padding: 0;}

div#links {position: absolute; top: 3px; left: 3px; width: 160px; /*height: 700px;*/ font: 14px arial, sans-serif; z-index: 100;} /*menü-szöveg*/

div#links a {display: block; text-align: left; font: normal 12px sans-serif; 
   padding: 5px 5px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;} /*13px eredetileg, a menü szövege*/

div#links a:hover {color: #900; background: #AAA;}

div#links a img {height: 0; width: 0; border-width: 0;}

div#links a:hover img {position: absolute; top: 35px; left: 162px; height: 580px; width: 840px;} /*a megjelenő kép*/

div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 0px; left: 160px; width: 840px;
   padding: 5px; margin: 5px; z-index: 100;
   color: #a52a2a;
   font: 12px Verdana, sans-serif; text-align: left; font-weight: bold;} /*a megjelenő szöveg*/

div#content {position: absolute; top: 180px; left: 160px; right: 25px;
   color: #BAA; background: #22232F; 
   font: 13px Verdana, sans-serif; padding: 10px; /*13px*/
   border: solid 5px #444;}