div.imageHold {
  padding: 0px 0px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.imageHold div {
  float: left;
  width: 85px;
  height: 126px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin: 0px;
  padding: 0px 0px;
}

div.imageHold img.x{
  width: 85px;  /* wir skalieren das große bild auf die kleine größe */
  height: 126px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold img.x:hover {
  position: absolute;
  margin-left: -50px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -500px;  /* hier genau so */
  width: 440px;       /* die weite beim vergrößern */
  height: 660px;      /* die höhe beim vergrößern */
  border:1;
  solid black;
}

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;  }

i.flash:hover
  {
background-color:silver; font-family: sans-serif; text-decoration:none; display:inline; width:auto;
}
i.flash
  {
color:blue; font-family: sans-serif; text-decoration:none; display:inline; width:auto; cursor:pointer;
}

p.p3, li {
text-align:left;
}

#inhalt {
z-index:2;
  position:absolute;
  top:50%;
  width:900;
  height:560;
  font-family: Verdana;
  font-size: 11px;
  color:black;
  letter-spacing:1px;
  left:50%;
  margin-left:-450;
  margin-top:-280;

}

#scrollbar {
z-index:1;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
bottom:0;
overflow:auto;
text-align: center;
}

#rahmen {
 position: absolute;
 height: 100%;
 width:100%;
 font-family: Verdana Ref;
 font-size: 12px;

}

#oben{
 position: absolute;
 height: 100px;
 width:100%;
 z-index:10;
}

#obenli{
 position: absolute;
 height: 70px;
 width:70px;
 z-index:80;
}

#obenre{
 position: absolute;
 right:0;
 top:0;
 height: 70px;
 width:70px;
 z-index:80;
}

#mitte{
 z-index:30;
 position: absolute;
 top:0;
 left:0;
}

#unten{
 z-index:11;
 position: absolute;
 height: 70px;
 width:100%;
 bottom:0;
}
#untenli{
 position: absolute;
 height: 70px;
 width:70px;
 bottom:0;
  z-index:21;
}
#untenre{
 position: absolute;
 right:0;
 bottom:0;
 width:130;
   z-index:20;

}
#untenfe{
 z-index:3;
position:absolute;
width:660;
bottom:7;
font-family : verdana;
font-size : 9px;
font-weight:bold;
  left:50%;
  margin-left:-330;
}
#untensc{
 z-index:3;
position:absolute;
margin:0 120 0 90;
padding: 0 0 7 0;
bottom:0;
color:black;
background-color:white;
width:800;
font-family : verdana;
font-size : 9px;
font-weight:bold;
}
#untenrelink{
 position: absolute;
 right:0;
 bottom:30;
 width:110;
   z-index:92;
}

A:link
  {
	font-family : verdana;
         text-decoration:none;
         font-weight:bold;
	color : black;
         display:inline;

}
A:visited
   {
	font-family : verdana;
         text-decoration:none;
	color : black;
                  font-weight:bold;
         display:inline;

}
A:focus
  {
	font-family : verdana;
         text-decoration:none;
                  font-weight:bold;
	color : black;
         display:inline;

}
A:active
  {
	font-family : verdana;
         text-decoration:none;
                  font-weight:bold;
	color : black;
         display:inline;

}

A:hover  {
font-family : verdana;

	color : #0033cc;
                  font-weight:bold;
	background-color : silver;
}

a.agbimp,
a.agbimp:link,
a.agbimp:visited,
a.agbimp:focus,
a.agbimp:hover,
a.agbimp:active
  {
    font-family : sans-serif;
    font-size : 9px;
    color : #0000ff;
    text-decoration : none;
}
a.ferrex,
a.ferrex:link,
a.ferrex:visited,
a.ferrex:focus,
a.ferrex:hover,
a.ferrex:active
  {
    font-family : sans-serif;
    text-decoration : none;
}

td
  {
    font-family : sans-serif;
    font-size : 12px;

}