/* NAVIX OY */

#zoom1:hover {background: url(../images/systems/1.jpg) }
#zoom1 { float:left; position:relative; width:100%; margin-right:0px;  }
#zoom1 a img { border:0pt none; border-color='red' }
#zoom1 a.p1:hover { background-color:transparent; background: url(../images/systems/1.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom1 a .large { position: absolute; width:0px; }
#zoom1 a.p1:hover .large { border:1px solid black;  position: absolute; left: 301px; top: -2px; margin: 0; width:197px; }

#zoom2:hover {background: url(../images/systems/2.jpg) }
#zoom2 { float:left; position: relative;  width:100%; margin-right:0px; }
#zoom2 a img { border:0pt none; }
#zoom2 a.p1:hover { background-color:transparent;  background: url(../images/systems/2.jpg) no-repat; } /* IE6sp2 needed this to open the large image */
#zoom2 a .large { position: absolute; width:0px; }
#zoom2 a.p1:hover .large { border:1px solid black; position: absolute; left: 226px; top: -2px; margin: 0; width:197px; }

#zoom3:hover {background: url(../images/systems/3.jpg) }
#zoom3 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom3 a img { border:0pt none;}
#zoom3 a.p1:hover { background-color:transparent; background: url(../images/systems/3.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom3 a .large { position: absolute; width:0px; }
#zoom3 a.p1:hover .large { border:1px solid black; position: absolute; left: 150px; top: -47px; margin: 0; width:197px; }

#zoom4:hover {background: url(../images/systems/4.jpg) }
#zoom4 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom4 a img { border:0pt none;}
#zoom4 a.p1:hover { background-color:transparent; background: url(../images/systems/4.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom4 a .large { position: absolute; width:0px; }
#zoom4 a.p1:hover .large { border:1px solid black; position: absolute; left: 75px; top: -2px; margin: 0; width:197px; }

#zoom5:hover {background: url(../images/systems/5.jpg) }
#zoom5 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom5 a img { border:0pt none;}
#zoom5 a.p1:hover { background-color:transparent; background: url(../images/systems/5.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom5 a .large { position: absolute; width:0px; }
#zoom5 a.p1:hover .large { border:1px solid black; position: absolute; left: 301px; top: -47px; margin: 0; width:197px; }

#zoom6:hover {background: url(../images/systems/6.jpg) }
#zoom6 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom6 a img { border:0pt none;}
#zoom6 a.p1:hover { background-color:transparent; background: url(../images/systems/6.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom6 a .large { position: absolute; width:0px; }
#zoom6 a.p1:hover .large { border:1px solid black; position: absolute; left: 226px; top: -47px; margin: 0; width:197px; }

#zoom7:hover {background: url(../images/systems/7.jpg) }
#zoom7 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom7 a img { border:0pt none;}
#zoom7 a.p1:hover { background-color:transparent; background: url(../images/systems/7.jpg) no-repat; } /* IE6sp2 needed this to open the large image */
#zoom7 a .large { position: absolute; width:0px; }
#zoom7 a.p1:hover .large { border:1px solid black; position: absolute; left: 150px; top: -93px; margin: 0; width:197px; }

#zoom8:hover {background: url(../images/systems/8.jpg) }
#zoom8 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom8 a img { border:0pt none;}
#zoom8 a.p1:hover { background-color:transparent; background: url(../images/systems/8.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom8 a .large { position: absolute; width:0px; }
#zoom8 a.p1:hover .large { border:1px solid black; position: absolute; left: 75px; top: -47px; margin: 0; width:197px; }

#zoom9:hover {background: url(../images/systems/9.jpg) }
#zoom9 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom9 a img { border:0pt none;}
#zoom9 a.p1:hover { background-color:transparent; background: url(../images/systems/9.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom9 a .large { position: absolute; width:0px; }
#zoom9 a.p1:hover .large { border:1px solid black; position: absolute; left: 301px; top: -93px; margin: 0; width:197px; }

#zoom10:hover {background: url(../images/systems/10.jpg) }
#zoom10 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom10 a img { border:0pt none;}
#zoom10 a.p1:hover { background-color:transparent; background: url(../images/systems/10.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom10 a .large { position: absolute; width:0px; }
#zoom10 a.p1:hover .large { border:1px solid black; position: absolute; left: 226px; top: -93px; margin: 0; width:197px; }

#zoom11:hover {background: url(../images/systems/11.jpg) }
#zoom11 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom11 a img { border:0pt none;}
#zoom11 a.p1:hover { background-color:transparent; background: url(../images/systems/11.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom11 a .large { position: absolute; width:0px; }
#zoom11 a.p1:hover .large { border:1px solid black; position: absolute; left: 226px; top: -139px; margin: 0; width:197px; }

#zoom12:hover {background: url(../images/systems/12.jpg) }
#zoom12 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom12 a img { border:0pt none;}
#zoom12 a.p1:hover { background-color:transparent; background: url(../images/systems/12.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom12 a .large { position: absolute; width:0px; }
#zoom12 a.p1:hover .large { border:1px solid black; position: absolute; left: 226px; top: -186px; margin: 0; width:197px; }

#zoom13:hover {background: url(../images/systems/13.jpg) }
#zoom13 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom13 a img { border:0pt none;}
#zoom13 a.p1:hover { background-color:transparent; background: url(../images/systems/13.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom13 a .large { position: absolute; width:0px; }
#zoom13 a.p1:hover .large { border:1px solid black; position: absolute; left: 226px; top: -232px; margin: 0; width:197px; }

#zoom14:hover {background: url(../images/systems/14.jpg) }
#zoom14 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom14 a img { border:0pt none;}
#zoom14 a.p1:hover { background-color:transparent; background: url(../images/systems/14.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom14 a .large { position: absolute; width:0px; }
#zoom14 a.p1:hover .large { border:1px solid black; position: absolute; left: 150px; top: -232px; margin: 0; width:197px; }

#zoom15:hover {background: url(../images/systems/15.jpg) }
#zoom15 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom15 a img { border:0pt none;}
#zoom15 a.p1:hover { background-color:transparent; background: url(../images/systems/15.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom15 a .large { position: absolute; width:0px; }
#zoom15 a.p1:hover .large { border:1px solid black; position: absolute; left: 75px; top: -232px; margin: 0; width:197px; }


#zoom16:hover {background: url(../images/systems/16.jpg) }
#zoom16 { float:left; position:relative; width:100%; margin-right:0px; }
#zoom16 a img { border:0pt none;}
#zoom16 a.p1:hover { background-color:transparent; background: url(../images/systems/16.jpg) no-repat;} /* IE6sp2 needed this to open the large image */
#zoom16 a .large { position: absolute; width:0px; }
#zoom16 a.p1:hover .large { border:1px solid black; position: absolute; left: 150px; top: -2px; margin: 0; width:197px; }