/* ----------------------------------------------------------------------------
//
//	P O L A R O I D   V 1 . 0
//
//	Copyright (C) 2004, Ulf Brossmann (contact: www.brossmann.biz)
//
//
//	This program is free software; you can redistribute it and/or
//	modify it under the terms of the GNU General Public License
//	as published by the Free Software Foundation; either version 2
//	of the License, or any later version.
//
//	This program is distributed in the hope that it will be useful,
//	but WITHOUT ANY WARRANTY; without even the implied warranty of
//	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
//	GNU General Public License for more details.
//
//	You should have received a copy of the GNU General Public License
//	along with this program; if not, write to the Free Software
//	Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307,
//	USA.
//
// --------------------------------------------------------------------------*/


div.polaroid {

/*	Hier können zusätzliche Angaben, zum Beispiel Außenabstände oder
	Positionierung eingefügt werden. Der Innenabstand "padding" darf
	nicht geändert werden. Die Hintergrundfarbe #eee definiert die
	Farbfläche des Polaroidrahmens; sie kann nach Geschmack etwas
	dunkler (#ddd), oder noch heller (#efefef) eingestellt werden.
*/

	padding: 0;
	background-color: #eee;
}

div.plr_head {
	height: 14px;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_ct.png" );
	background-repeat: repeat-x;
	overflow: hidden;
}

div.plr_hcornel {
	float: left;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_lt.png" );
	background-repeat: no-repeat;
}

div.plr_hcorner {
	float: right;
	width: 22px;
	height: 14px;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_rt.png" );
	background-repeat: no-repeat;
}

div.plr_chest {
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_lc.png" );
	background-repeat: repeat-y;
	overflow: hidden;
}

div.plr_rwing {
	float: right;
	width: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_rc.png" );
	background-repeat: repeat-y;
}

img.plr_pic {
	margin: 0 0 0 14px;
	border-top: 1px solid #9c9c9c;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #9c9c9c;
	padding: 0;
}

div.plr_navel {
	height: 40px;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_lc.png" );
	background-repeat: repeat-y;
	color: #334;
	font-family: monospace;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
}

div.plr_rleg {
	float: right;
	width: 12px;
	height: 40px;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_rc.png" );
	background-repeat: repeat-y;
}

div.plr_foot {
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_cb.png" );
	background-repeat: repeat-x;
}

div.plr_fcornel {
	float: left;
	width: 14px;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_lb.png" );
	background-repeat: no-repeat;
}

div.plr_fcorner {
	float: right;
	width: 22px;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url( "polaroid_rb.png" );
	background-repeat: no-repeat;
}
// --------------------------------------------------------------------------*/

#sb {
  width:710px;
  height:404px;
}
#bg {
  background:#eee;
  border:1px solid #ccc;
  text-align:left;
  padding:8px;
}
#vp {
  width:680px;
  height:406px;
  top:0px;
  left:0px;
}

#vp {
  position:relative;
}
#vp a, #vp span {
  position:absolute;
}
#bg, #sb {
  position:static;
}
#vp span.imgbigi, #vp span.imgsmli, #vp span.imgtxtm, #vp span.imgtxti {
  position:static;text-align:center;
}
#vp * {
  text-decoration:none;
}
#vp span.imgsmlo, #vp span.imgbigo, #vp span.xxl {
  background:#fff no-repeat center;
  border:1px solid #ccc;
}
#vp a:hover span.imgsmlo, #vp span.imgbigo {
  border:1px solid #999;
}

#vp span.imgbigo {
  left:0px;
  top:0px;
  background:url('../../basic/img/LSR-MV_Logo.gif') no-repeat center;
}
#vp span.imgbigi {
  left:0px;
  top:0px;
  width:0px;
  height:0px;
  color: #555;
  background:no-repeat center;
  cursor:default;
}

#vp a:hover span.imgbigi, #vp a#b00 span.imgbigi {
  width:400px;
  height:402px;
}

#vp a {
  display:block;
  cursor:default;
}
#vp span.area, #vp span.imgbigo, #vp span.imgbigi, #vp span.imgsmlo, #vp span.imgsmli, #vp span.imgtxti, #vp span.imgtxtm, #vp span.imgtxto {
  display:block;
}
#vp span.area {
  visibility:hidden;
  width:0;
  height:0;
}
#vp a:hover span.area, #vp a#b00 span.area {
  visibility:visible;
  width:100%;
  height:100%;
}
#vp a {
  z-index:3;
}
#vp a:hover {
  z-index:2;
}
#vp a#b00 {
  z-index:1;
}
#bg, #vp {
  z-index:0;
}
#vp span.xxl {
  padding:1px;
  right:-4px;
  bottom:-4px;
  font-size:9px;
  line-height:1em;
  color:#555;
  background:#eee;
  text-align:center;
  cursor:pointer;
}

#vp span.imgtxto {
  right:-10px;
  bottom:0px;
  width:268px;
  height:21px;
  background:#eee;
}
#vp span.imgtxtm {
  padding:2px;
  border:1px solid #ccc;
}

#vp span.imgtxti {
  width:260px;
  height:15px;
  font-family:verdana,sans-serif;
  font-size:10px;
  color:#555;
  cursor:default;
}

#vp span.imgsmli { width:60px; height:60px; }
#vp a { width:64px; height:64px; }
#vp span.area { left:0px; top:0px; }
#vp span.imgsmlo, #vp span.imgsmli { left:0px; top:0px; }

a#b01, a#b01:hover span.imgsmlo { left:422px; top:0px; }
a#b02, a#b02:hover span.imgsmlo { left:490px; top:0px; }
a#b03, a#b03:hover span.imgsmlo { left:558px; top:0px; }
a#b04, a#b04:hover span.imgsmlo { left:626px; top:0px; }
a#b05, a#b05:hover span.imgsmlo { left:422px; top:68px; }
a#b06, a#b06:hover span.imgsmlo { left:490px; top:68px; }
a#b07, a#b07:hover span.imgsmlo { left:558px; top:68px; }
a#b08, a#b08:hover span.imgsmlo { left:626px; top:68px; }
a#b09, a#b09:hover span.imgsmlo { left:422px; top:136px; }
a#b10, a#b10:hover span.imgsmlo { left:490px; top:136px; }
a#b11, a#b11:hover span.imgsmlo { left:558px; top:136px; }
a#b12, a#b12:hover span.imgsmlo { left:626px; top:136px; }
a#b13, a#b13:hover span.imgsmlo { left:422px; top:204px; }
a#b14, a#b14:hover span.imgsmlo { left:490px; top:204px; }
a#b15, a#b15:hover span.imgsmlo { left:558px; top:204px; }
a#b16, a#b16:hover span.imgsmlo { left:626px; top:204px; }
a#b17, a#b17:hover span.imgsmlo { left:422px; top:272px; }
a#b18, a#b18:hover span.imgsmlo { left:490px; top:272px; }
a#b19, a#b19:hover span.imgsmlo { left:558px; top:272px; }
a#b20, a#b20:hover span.imgsmlo { left:626px; top:272px; }

#vp a:hover, #vp a#b00 {
  left:0px;
  top:0px;
  width:680px;
  height:404px;
}
#vp span.imgbigo, #vp span.imgsmlo, #vp span.imgtxto { background-color:#fff; }
.no {display:none;}