#gal17sb {
width:464px;
height:424px;
}
#gal17bg {
background:#ccc;
border:2px outset #fff;
text-align:left;
padding:8px;
}
#gal17vp {
width:444px;
height:404px;
top:0px;
left:0px;
}
#gal17vp {
position:relative;
}
#gal17vp a, #gal17vp span {
position:absolute;
}
#gal17bg, #gal17sb {
position:static;
}
#gal17vp span.imgbigi, #gal17vp span.imgsmli, #gal17vp span.imgdescm, #gal17vp span.imgdesci {
position:static;
}
#gal17vp * {
text-decoration:none;
}
#gal17vp span.imgsmlo, #gal17vp span.imgbigo, #gal17vp span.xxl {
background:#fff no-repeat center;
border:2px outset #fff;
}
#gal17vp a:hover span.imgsmlo, #gal17vp span.imgbigo {
border-style:groove;
}
#gal17vp span.imgbigo {
left:0px;
top:0px;
background:url(Tools/ldg.gif) no-repeat center;
}
#gal17vp span.imgbigi {
left:0px;
top:0px;
width:0px;
height:0px;
background:no-repeat center;
cursor:default;
}
#gal17vp a:hover span.imgbigi, #gal17vp a#gal17b00 span.imgbigi {
width:300px;
height:300px;
}
#gal17vp a {
display:block;
cursor:default;
}
#gal17vp span.area, #gal17vp span.imgbigo, #gal17vp span.imgbigi, #gal17vp span.imgsmlo, #gal17vp span.imgsmli, #gal17vp span.imgdesci, #gal17vp span.imgdescm, #gal17vp span.imgdesco {
display:block;
}
#gal17vp span.area {
visibility:hidden;
width:0;
height:0;
}
#gal17vp a:hover span.area, #gal17vp a#gal17b00 span.area {
visibility:visible;
width:100%;
height:100%;
}
#gal17vp a {
z-index:3;
}
#gal17vp a:hover {
z-index:2;
}
#gal17vp a#gal17b00 {
z-index:1;
}
#gal17bg, #gal17vp {
z-index:0;
}
#gal17vp span.xxl {
padding:1px;
right:-4px;
bottom:-4px;
font-size:8px;
line-height:1em;
color:#000;
font-family:arial,sans-serif;
text-align:center;
cursor:pointer;
}
#gal17vp span.imgdesco {
left:0px;
bottom:0px;
width:304px;
height:21px;
background:#fff;
}
#gal17vp span.imgdescm {
padding:2px;
border:2px groove #fff;
}
#gal17vp span.imgdesci {
width:296px;
height:13px;
font-family:verdana,sans-serif;
font-size:11px;
line-height:13px;
font-style:normal;
color:#333;
white-space:nowrap;
overflow:hidden;
cursor:default;
}
.hint {
width:448px;
text-align:left;
font-size:10px;
color:#000;
font-family:verdana,sans-serif;
}
#gal17vp span.imgsmli { width:60px; height:60px; }
#gal17vp a { width:64px; height:64px; }
#gal17vp span.area { left:0px; top:0px; }
#gal17vp span.imgsmlo, #gal17vp span.imgsmli { left:0px; top:0px; }
a#gal17b01, a#gal17b01:hover span.imgsmlo { left:312px; top:0px; }
a#gal17b02, a#gal17b02:hover span.imgsmlo { left:380px; top:0px; }
a#gal17b03, a#gal17b03:hover span.imgsmlo { left:312px; top:68px; }
a#gal17b04, a#gal17b04:hover span.imgsmlo { left:380px; top:68px; }
a#gal17b05, a#gal17b05:hover span.imgsmlo { left:312px; top:136px; }
a#gal17b06, a#gal17b06:hover span.imgsmlo { left:380px; top:136px; }
a#gal17b07, a#gal17b07:hover span.imgsmlo { left:312px; top:204px; }
a#gal17b08, a#gal17b08:hover span.imgsmlo { left:380px; top:204px; }
a#gal17b09, a#gal17b09:hover span.imgsmlo { left:312px; top:272px; }
a#gal17b10, a#gal17b10:hover span.imgsmlo { left:380px; top:272px; }
a#gal17b11, a#gal17b11:hover span.imgsmlo { left:312px; top:340px; }
a#gal17b12, a#gal17b12:hover span.imgsmlo { left:380px; top:340px; }
#gal17vp a:hover, #gal17vp a#gal17b00 {
left:0px;
top:0px;
width:444px;
height:404px;
}

#gal17bg { background:url('http://www.uwe-heide.de/AllgemeineTools1/Hintergrund6.jpg')  }
#gal17vp span.imgbigo, #gal17vp span.imgsmlo, #gal17vp span.imgdesco { background-color:#B5C9EE; }
/*==== Vorschaubilder bis max. 60 x 60 ====*/
a#gal17b01 span.imgsmlo { background-image:url(BilderFreunde/thumbname001.jpg); }
a#gal17b02 span.imgsmlo { background-image:url(BilderFreunde/thumbname002.jpg); }
a#gal17b03 span.imgsmlo { background-image:url(BilderFreunde/thumbname003.jpg); }
a#gal17b04 span.imgsmlo { background-image:url(BilderFreunde/thumbname004.jpg); }
a#gal17b05 span.imgsmlo { background-image:url(BilderFreunde/thumbname005.jpg); }
a#gal17b06 span.imgsmlo { background-image:url(BilderFreunde/thumbname006.jpg); }
a#gal17b07 span.imgsmlo { background-image:url(BilderFreunde/thumbname007.jpg); }
a#gal17b08 span.imgsmlo { background-image:url(BilderFreunde/thumbname008.jpg); }
a#gal17b09 span.imgsmlo { background-image:url(BilderFreunde/thumbname009.jpg); }
a#gal17b10 span.imgsmlo { background-image:url(BilderFreunde/thumbname010.jpg); }
a#gal17b11 span.imgsmlo { background-image:url(BilderFreunde/thumbname011.jpg); }
a#gal17b12 span.imgsmlo { background-image:url(BilderFreunde/thumbname012.jpg); }
/*==== Grossbilder bis max. 300 x 300 ====*/
a#gal17b01:hover span.imgbigi { background-image:url(BilderFreunde/001.jpg); }
a#gal17b02:hover span.imgbigi { background-image:url(BilderFreunde/002.jpg); }
a#gal17b03:hover span.imgbigi { background-image:url(BilderFreunde/003.jpg); }
a#gal17b04:hover span.imgbigi { background-image:url(BilderFreunde/004.jpg); }
a#gal17b05:hover span.imgbigi { background-image:url(BilderFreunde/005.jpg); }
a#gal17b06:hover span.imgbigi { background-image:url(BilderFreunde/006.jpg); }
a#gal17b07:hover span.imgbigi { background-image:url(BilderFreunde/007.jpg); }
a#gal17b08:hover span.imgbigi { background-image:url(BilderFreunde/008.jpg); }
a#gal17b09:hover span.imgbigi { background-image:url(BilderFreunde/009.jpg); }
a#gal17b10:hover span.imgbigi { background-image:url(BilderFreunde/010.jpg); }
a#gal17b11:hover span.imgbigi { background-image:url(BilderFreunde/011.jpg); }
a#gal17b12:hover span.imgbigi { background-image:url(BilderFreunde/012.jpg); }
/*==== Init ====*/
a#gal17b00 span.imgbigi { background-image:url(BilderFreunde/001.jpg); }