body {
background-color:#FADBA5;
}

img {
width: 100px; height: 75px;
border: none;
}

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

div.imageHold div {
  float: left;
  width: 100px;
  height: 150px;
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: 16px;
}

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

div.imageHold img:hover {
  position: absolute;
  margin-left: -5px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -5px;  /* hier genau so */
  width: 400px;       /* die weite beim vergrößern */
  height: 260px;      /* die höhe beim vergrößern */
}

p {
text-align: center;
color: #FADBA5;
}

table {
width: 648px;
position: center;
border: 0;
border-collapse: collapse;
padding: 2px;
}
th {
font-family:Comic Sans MS, helvetica, sans-serif;
text-align:left;
font-size:18pt;
color:maroon;
font-weight:700;
}

i {
color:maroon;
font-family:Times New Roman;
font-size:20px;
font-weight:700;
font-style:italic;
text-align:left;
}

td {
color:maroon;
font-family:Times New Roman;
text-align:left;
font-size:18px;
}


.container {
clear: both;
float: left;
width: 100%;
overflow: hidden;
background: #800000;
font-family: Verdana;
font-size: 1em;
}

#navi {
float: left;
position: relative; 
left: 50%;
margin: 0 auto;
padding: 0; 
list-style-type: none;
}

#navi li {
float: left;
position: relative;
right: 50%;
}

#navi a {
width: auto;
display: block;
padding:0 10px;
line-height: 1.5em;
color: #fff; 
background: #800000; 
border:1px solid #800000;
text-decoration:none;
}

#navi a:hover {
background: #FADBA5;
color: #000;
}