html,body{
margin: 0;
padding: 0;
}
body{
background-image:url(hg_shop.jpg);
text-align:center;
font-family:Verdana, Tahoma, sans-serif;
font-size:1em;
color:#ffffff;
overflow:hidden;
}

#container {
position:absolute;
top:62px;
left:105px;
height:645px;
width:890px;
z-index:1;
}
#logo {
  position:absolute;
  top:5px;
  left:315px;
  width:458px;
  height:149px;
  text-decoration:none;
  z-index:100;
}

#logo h1 {
  margin:0px;
  text-decoration:none;
  padding:0px;
  width:458px;
  height:149px;
  background:url(logo.png);
}
* html #logo h1 {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='logo.png');
}

#logo h1 span {
    visibility:hidden;
    text-decoration:none;
}

#logo a {
  text-decoration:none;
}

#navi {
  position:absolute;
  top:250px;
  left:25px;
  width:123px;
  height:812px;
  display:inline;
  z-index:10;
}

#navi li{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#navi ul {
  margin:0;
  padding:0px;
}

#navi a {
  display:block;
  text-decoration:none;
  z-index:10;
  margin:0 0 10px 0;
}

#navi a.schild1 { height:83px; width:241px; margin:0;}
#navi a.schild2 { height:57px; width:241px; margin:0 0 25px 0;}
#navi a.schild3 { height:41px; width:241px; margin:0 0 0px 0;}
#navi a.schild4 { height:53px; width:241px; margin:0;}

#navi a.schild1 {background:url(eingang.png); z-index:5;}
#navi a:hover.schild1, #navi a.schild1#current {background-image:url(eingang_a.png); z-index:5;}
* html #navi a.schild1 {
    z-index:10;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='eingang.png');
}
* html #navi a:hover.schild1, * html #navi a.schild1#current  {
    z-index:10;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='eingang_a.png');
}


#navi a.schild2 {background:url(durchtuer.png); z-index:5;}
#navi a:hover.schild2, #navi a.schild2#current {background-image:url(durchtuer_a.png); z-index:5;}
* html #navi a.schild2 {
    z-index:10;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='durchtuer.png');
}
* html #navi a:hover.schild2, * html #navi a.schild2#current {
    z-index:10;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='durchtuer_a.png');
}

#navi a.schild3 {background:url(entrance.png); z-index:5;}
#navi a:hover.schild3, #navi a.schild3#current {background-image:url(entrance_a.png); z-index:5;}
* html #navi a.schild3 {
    z-index:10;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='entrance.png');
}
* html #navi a:hover.schild3, * html #navi a.schild3#current {
    z-index:10;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='entrance_a.png');
}

#navi a.schild4 {background:url(entree.png); z-index:5;}
#navi a:hover.schild4, #navi a.schild4#current {background-image:url(entree_a.png); z-index:5;}
* html #navi a.schild4 {
    z-index:10;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='entree.png');
}
* html #navi a:hover.schild4, * html #navi a.schild4#current {
    z-index:10;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='entree_a.png');
}
#navi a span {
   visibility:hidden;
}