/*********************************************************************
#slider = Scrollable
*********************************************************************/

#slider
{	display: inline;
	}
#slider .scrollable
{	/* required settings */
	position: relative;
	overflow: hidden;
	width: 335px; /* max 352*/
	height: 75px; /*91? 67+x*/
	/* custom decorations */
	float: left; /* wegen der Buttons! */
	}
#slider .items
{	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
	margin: 0;
	}
#slider .items div
{	float: left;
	width: 335px;
	}

#slider .scrollable img,
#slider .scrollable div.info
{	float: left;
	}
#slider .scrollable div.info
{	width: 329px;
	background: url(h300.png) repeat-x;
	height: 69px;
	background-color: white;
	padding: 2px;
	border: 1px solid #CCCCCC;
	/*height: 75px; = mbild*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}
#slider .scrollable div.info img
{	/*width: 100px; = mbild*/
	margin: 4px;
	width: 60px;
	height: 60px;
	}

#slider a.browse
{	background: url(hori_large.png) no-repeat;
	display: block;
	width: 30px; /* Bildausschnitt! */
	height: 30px;
	float: left;
	cursor: pointer;
	font-size: 1px;
	display: inline;
	}
#slider a.left
{	margin: 20px 10px 30px 44px;
	} 
#slider a.left:hover { background-position:-30px 0; }
#slider a.left:active { background-position:-60px 0; }
#slider a.right
{	background-position: 0 -30px;
	margin: 20px 0 30px 10px;
	clear: right;
	}
#slider a.right:hover { background-position:-30px -30px; }
#slider a.right:active { background-position:-60px -30px; } 
#slider a.disabled
{	visibility:hidden !important;		
	}

#slider h2,
#slider p
{	/*text-align: center; mbild*/
	text-align: left;
	padding-left: 4px;
	}
#slider p
{	font-size: 11px;
	padding-right: 5px;
	line-height: 11px;
	}
#slider h2
{	/*font-size: 150%; mbild*/
	/*padding-top: 20px; mbild*/
	padding-top: 0;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	}
#slider p a,
#slider a
{	text-decoration: underline;
	font-size: 11px;
	}
	
/*********************************************************************
#pano4 = Scrollable (hier das Innenleben)
#pano6 = gibts auch als extrabreite Version!
*********************************************************************/

#pano4 .scrollable
{	position: relative;
	overflow: hidden;
	width: 477px; /*722px*/
	/*margin-left: 247px;*/
	height: 165px;
	padding-top: 1px;
	}
#pano4 .items
{	width: 4000px;
	position: absolute;
	clear: both;
	}
#pano4 .items>div
{	float: left;
	}
#pano4 a.browse
{	background: url(hori_large.png) no-repeat;
	width: 30px; /* Bildausschnitt! */
	height: 30px;
	cursor: pointer;
	font-size: 1px;
	display: block;
	float: right;
	margin-bottom: 3px;
	}

#pano4 a.left { } 
#pano4 a.left:hover { background-position:-30px 0; }
#pano4 a.left:active { background-position:-60px 0; }
#pano4 a.right { background-position: 0 -30px; }
#pano4 a.right:hover { background-position:-30px -30px; }
#pano4 a.right:active { background-position:-60px -30px; } 
#pano4 a.disabled { visibility: hidden !important; }

#pano4 div
{	float: left;
	}
#pano4 h3, #pano h4, #pano p
{	text-align: left;
	}
#pano4 p
{	font-size: 11px;
	padding-right: 5px;
	line-height: 11px;
	}
#pano4 h3
{	font-size: 13px;
	font-weight: bold;
	}
#pano4 h4
{	font-size: 11px;
	font-weight: normal;
	}
#pano4 p a,
#pano4 a
{	text-decoration: underline;
	font-size: 11px;
	}
	
/*********************************************************************
Overlay

Versionen fuer Quer- und Hochformate:
480 x 360 fuer 4:3, 480 x 320 plus 3 Zeilen Bildtext fuer 3:2 Motive
320 x 480 (2:3) bzw. 320 x 440 (fast 3:4) mit 3 Zeilen Bildtext.
Passepartous sind fuer 12 Zeichen weissen Rand und Schatten angelegt.

.bplus signalisiert Anklickbarkeit des Bildes!
*********************************************************************/

.bplus
{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 0 6px #2f3a3c;
	-webkit-box-shadow: 0 0 6px #2f3a3c;
	-moz-box-shadow: 0 0 6px #2f3a3c;
	padding: 0 !important;
	margin: 0 12px 12px 0;
	}

.apple_overlayh,
.apple_overlayv
{	display: none;
	z-index: 10000;
	padding: 35px;
	}
.apple_overlayh
{	background-image: url(white480x360.png);
	width: 480px;
	}
.apple_overlayv
{	background-image: url(white320x480.png);
	width: 320px;
	}
.apple_overlayh img
{	width: 480px;
	height: 320px;
	}
.apple_overlayv img
{	width: 320px;
	height: 440px;
	}
.apple_overlayh .close,
.apple_overlayv .close
{	background-image: url(close.png);
	position: absolute; right: 5px; top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
	}
.details
{	font-size: 11px;
	padding-top: 3px;
	overflow: hidden;
	height: 39px;
	}
.details p
{	padding-left: 0 !important;
	}