
/* ====================== Box 1 ================= */
#ybg { width:663px; height:470px; background:#EBECEE; border:2px outset #fff; text-align:left; }
#ybg * { position:absolute; } #yvp { margin:8px; } #yvp * { text-decoration:none; }
#yvp a, #yvp u, #yvp s { background:#fff no-repeat center; border:2px outset #fff; }
#yvp a { width:74px; height:100px; } #yvp a:hover, #yvp u { border-style:groove; }
#yvp u { width:310px; height:450px; margin:-2px; background-image:url('http://www.i2tlf.de/avorlagen/pv/ldg.gif'); }
#yvp b { display:block; width:100%; height:100%; background:no-repeat center; cursor:default; }
a#yb00, a#yb00 img, #yvp u, #yvp s { visibility:hidden; } a#yb00 img { border:0; }
a#yb00 u, a#b00:hover img, #yvp a:hover u, #yvp b, #yvp a.xxl s { visibility:visible; }
a#yb00, #yvp a:hover { display:block; z-index:1; } #yvp s { padding:1px; right:-4px; bottom:-4px;
        font-size:8px; line-height:1em; color:#090; font-family:arial,sans-serif; cursor:pointer; }
#yvp i { left:320px; bottom:-2px; width:317px; padding:2px; border:2px groove #fff; background:#fff;
        font-size:11px; color:#333; font-family:verdana,sans-serif; font-style:normal; cursor:default; }
.hint { width:660px; text-align: center; font-size:10px; color:#999; font-family:verdana,sans-serif; }

a#yb01 { left:322px; top:  0px; } a#yb01 u { left:-322px; top:   0px; }
a#yb02 { left:404px; top:  0px; } a#yb02 u { left:-404px; top:   0px; }
a#yb03 { left:486px; top:  0px; } a#yb03 u { left:-486px; top:   0px; }
a#yb04 { left:568px; top:  0px; } a#yb04 u { left:-568px; top:   0px; }

a#yb05 { left:322px; top: 108px; } a#yb05 u { left:-322px; top: -108px; }
a#yb06 { left:404px; top: 108px; } a#yb06 u { left:-404px; top: -108px; }
a#yb07 { left:486px; top: 108px; } a#yb07 u { left:-486px; top: -108px; }
a#yb08 { left:568px; top: 108px; } a#yb08 u { left:-568px; top: -108px; }

a#yb09 { left:322px; top:216px; } a#yb09 u { left:-322px; top:-216px; }
a#yb10 { left:404px; top:216px; } a#yb10 u { left:-404px; top:-216px; }
a#yb11 { left:486px; top:216px; } a#yb11 u { left:-486px; top:-216px; }
a#yb12 { left:568px; top:216px; } a#yb12 u { left:-568px; top:-216px; }

a#yb13 { left:322px; top:324px; } a#yb13 u { left:-322px; top:-324px; }
a#yb14 { left:404px; top:324px; } a#yb14 u { left:-404px; top:-324px; }
a#yb15 { left:486px; top:324px; } a#yb15 u { left:-486px; top:-324px; }
a#yb16 { left:568px; top:324px; } a#yb16 u { left:-568px; top:-324px; }

html:first-child>b\ody #ybg { width:667px; height:474px; }
html:first-child>b\ody #yvp a { width:78px; height:104px; }
html:first-child>b\ody #yvp u { width:314px; height:454px; }
html:first-child>b\ody #yvp i { width:325px; }  /* Opera 7/8 */
* html b\ody #ybg { width:667px; height:474px; }
* html b\ody #yvp a { width:78px; height:104px; }
* html b\ody #yvp u { width:314px; height:454px; }
* html b\ody #yvp i { width:325px; }  /* IE 6 */

/*==== Vorschaubilder ====*/
a#yb01 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_fans.jpg'); }
a#yb02 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_borderblue.jpg'); }
a#yb03 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_borderred.jpg'); }
a#yb04 { background-image:url(''); }

a#yb05 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_rainbowblocks.jpg'); }
a#yb06 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_mixblocks.jpg'); }
a#yb07 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_blueblocks.jpg'); }
a#yb08 { background-image:url(''); }

a#yb09 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_summerpastell.jpg'); }
a#yb10 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_sunnybrown.jpg'); }
a#yb11 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_dustygreen.jpg'); }
a#yb12 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_smoky.jpg'); }

a#yb13 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_edgesblue.jpg'); }
a#yb14 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_terracotta.jpg'); }
a#yb15 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_edgesgreen.jpg'); }
a#yb16 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_edgesgrey.jpg'); }

/*====   Großbilder ====*/
b#yc00,
a#yb01:hover b, b#yc01 { background-image:url('http://www.i2tlf.de/avorlagen/pv/fans.jpg'); }
a#yb02:hover b, b#yc02 { background-image:url('http://www.i2tlf.de/avorlagen/pv/borderblue.jpg'); }
a#yb03:hover b, b#yc03 { background-image:url('http://www.i2tlf.de/avorlagen/pv/borderred.jpg'); }
a#yb04:hover b, b#yc04 { background-image:url(''); }

a#yb05:hover b, b#yc05 { background-image:url('http://www.i2tlf.de/avorlagen/pv/rainbowblocks.jpg'); }
a#yb06:hover b, b#yc06 { background-image:url('http://www.i2tlf.de/avorlagen/pv/mixblocks.jpg'); }
a#yb07:hover b, b#yc07 { background-image:url('http://www.i2tlf.de/avorlagen/pv/blueblocks.jpg'); }
a#yb08:hover b, b#yc08 { background-image:url(''); }

a#yb09:hover b, b#yc09 { background-image:url('http://www.i2tlf.de/avorlagen/pv/summerpastell.jpg'); }
a#yb10:hover b, b#yc10 { background-image:url('http://www.i2tlf.de/avorlagen/pv/sunnybrown.jpg'); }
a#yb11:hover b, b#yc11 { background-image:url('http://www.i2tlf.de/avorlagen/pv/dustygreen.jpg'); }
a#yb12:hover b, b#yc12 { background-image:url('http://www.i2tlf.de/avorlagen/pv/smoky.jpg'); }

a#yb13:hover b, b#yc13 { background-image:url('http://www.i2tlf.de/avorlagen/pv/edgesblue.jpg'); }
a#yb14:hover b, b#yc14 { background-image:url('http://www.i2tlf.de/avorlagen/pv/terracotta.jpg'); }
a#yb15:hover b, b#yc15 { background-image:url('http://www.i2tlf.de/avorlagen/pv/edgesgreen.jpg'); }
a#yb16:hover b, b#yc16 { background-image:url('http://www.i2tlf.de/avorlagen/pv/edgesgrey.jpg'); }
/*==== Vorgewähltes Bild (sonst erstes) ====*/
b#yc00 { background-image:url('http://www.i2tlf.de/avorlagen/pv/fans.jpg'); }
/* ================= Ende box1 ============================== */
/* ================= box2  ============================ */
#xbg { width:663px; height:470px; background:#EBECEE; border:2px outset #fff; text-align:left; }
#xbg * { position:absolute; } #xvp { margin:8px; } #xvp * { text-decoration:none; }
#xvp a, #xvp u, #xvp s { background:#fff no-repeat center; border:2px outset #fff; }
#xvp a { width:74px; height:100px; } #xvp a:hover, #xvp u { border-style:groove; }
#xvp u { width:310px; height:450px; margin:-2px; background-image:url('http://www.i2tlf.de/avorlagen/pv/ldg.gif'); }
#xvp b { display:block; width:100%; height:100%; background:no-repeat center; cursor:default; }
a#xb00, a#xb00 img, #xvp u, #xvp s { visibility:hidden; } a#xb00 img { border:0; }
a#xb00 u, a#xb00:hover img, #xvp a:hover u, #xvp b, #xvp a.xxl s { visibility:visible; }
a#xb00, #xvp a:hover { display:block; z-index:1; } #xvp s { padding:1px; right:-4px; bottom:-4px;
        font-size:8px; line-height:1em; color:#090; font-family:arial,sans-serif; cursor:pointer; }
#xvp i { left:320px; bottom:-2px; width:317px; padding:2px; border:2px groove #fff; background:#fff;
        font-size:11px; color:#333; font-family:verdana,sans-serif; font-style:normal; cursor:default; }
.hint { width:660px; text-align: center; font-size:10px; color:#999; font-family:verdana,sans-serif; }

a#xb01 { left:322px; top:  0px; } a#xb01 u { left:-322px; top:   0px; }
a#xb02 { left:404px; top:  0px; } a#xb02 u { left:-404px; top:   0px; }
a#xb03 { left:486px; top:  0px; } a#xb03 u { left:-486px; top:   0px; }
a#xb04 { left:568px; top:  0px; } a#xb04 u { left:-568px; top:   0px; }

a#xb05 { left:322px; top: 108px; } a#xb05 u { left:-322px; top: -108px; }
a#xb06 { left:404px; top: 108px; } a#xb06 u { left:-404px; top: -108px; }
a#xb07 { left:486px; top: 108px; } a#xb07 u { left:-486px; top: -108px; }
a#xb08 { left:568px; top: 108px; } a#xb08 u { left:-568px; top: -108px; }

a#xb09 { left:322px; top: 216px; } a#xb09 u { left:-322px; top:-216px; }
a#xb10 { left:404px; top:216px; } a#xb10 u { left:-404px; top:-216px; }
a#xb11 { left:486px; top:216px; } a#xb11 u { left:-486px; top:-216px; }
a#xb12 { left:568px; top:216px; } a#xb12 u { left:-568px; top:-216px; }

a#xb13 { left:322px; top:324px; } a#xb13 u { left:-322px; top:-324px; }
a#xb14 { left:404px; top:324px; } a#xb14 u { left:-404px; top:-324px; }
a#xb15 { left:486px; top:324px; } a#xb15 u { left:-486px; top:-324px; }
a#xb16 { left:568px; top:324px; } a#xb16 u { left:-568px; top:-324px; }

html:first-child>b\ody #xbg { width:667px; height:474px; }
html:first-child>b\ody #xvp a { width:78px; height:104px; }
html:first-child>b\ody #xvp u { width:314px; height:454px; }
html:first-child>b\ody #xvp i { width:325px; }  /* Opera 7/8 */
* html b\ody #xbg { width:667px; height:474px; }
* html b\ody #xvp a { width:78px; height:104px; }
* html b\ody #xvp u { width:314px; height:454px; }
* html b\ody #xvp i { width:325px; }  /* IE 6 */

/*==== Vorschaubilder ====*/
a#xb01 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_violett.jpg'); }
a#xb02 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_seagreen.jpg'); }
a#xb03 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_rosee.jpg'); }
a#xb04 { background-image:url('http://'); }

a#xb05 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_wood2.jpg'); }
a#xb06 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_wood1.jpg'); }
a#xb07 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_books4pv.jpg'); }
a#xb08 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_motorrad.jpg'); }

a#xb09 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_baum.jpg'); }
a#xb10 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_candle.jpg'); }
a#xb11 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_gold.jpg'); }
a#xb12 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_sclaus.jpg'); }

a#xb13 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_sterne.jpg'); }
a#xb14 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_schnee.jpg'); }
a#xb15 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_guides.jpg'); }
a#xb16 { background-image:url('http://www.i2tlf.de/avorlagen/pv/t_happyny.jpg'); }

/*====   Großbilder ====*/
b#xc00,
a#xb01:hover b, b#xc01 { background-image:url('http://www.i2tlf.de/avorlagen/pv/violett.jpg'); }
a#xb02:hover b, b#xc02 { background-image:url('http://www.i2tlf.de/avorlagen/pv/seagreen.jpg'); }
a#xb03:hover b, b#xc03 { background-image:url('http://www.i2tlf.de/avorlagen/pv/rosee.jpg'); }
a#xb04:hover b, b#xc04 { background-image:url('http://'); }

a#xb05:hover b, b#xc05 { background-image:url('http://www.i2tlf.de/avorlagen/pv/wood2.jpg'); }
a#xb06:hover b, b#xc06 { background-image:url('http://www.i2tlf.de/avorlagen/pv/wood1.jpg'); }
a#xb07:hover b, b#xc07 { background-image:url('http://www.i2tlf.de/avorlagen/pv/books4pv.jpg'); }
a#xb08:hover b, b#xc08 { background-image:url('http://www.i2tlf.de/avorlagen/pv/motorrad.jpg'); }

a#xb09:hover b, b#xc09 { background-image:url('http://www.i2tlf.de/avorlagen/pv/baum.jpg'); }
a#xb10:hover b, b#xc10 { background-image:url('http://www.i2tlf.de/avorlagen/pv/candle.jpg'); }
a#xb11:hover b, b#xc11 { background-image:url('http://www.i2tlf.de/avorlagen/pv/gold.jpg'); }
a#xb12:hover b, b#xc12 { background-image:url('http://www.i2tlf.de/avorlagen/pv/sclaus.jpg'); }

a#xb13:hover b, b#xc13 { background-image:url('http://www.i2tlf.de/avorlagen/pv/sterne.jpg'); }
a#xb14:hover b, b#xc14 { background-image:url('http://www.i2tlf.de/avorlagen/pv/schnee.jpg'); }
a#xb15:hover b, b#xc15 { background-image:url('http://www.i2tlf.de/avorlagen/pv/guides.jpg'); }
a#xb16:hover b, b#xc16 { background-image:url('http://www.i2tlf.de/avorlagen/pv/happyny.jpg'); }


/*==== Vorgewähltes Bild (sonst erstes) ====*/
b#xc00 { background-image:url('http://www.i2tlf.de/avorlagen/pv/violett.jpg'); }
/* ================ Ende Box 2 ======================== */

