/* SETTINGS */

#boutique{
	width:750px;
	height:158px;
}

/* The frames */
#boutique li{
	width:236px;
}

/* Headers of all frames */
#boutique h6{
	margin-left: 5px;
	line-height: 130%;
	font-weight: bold;
	font-family: sans-serif;
	color: #fff;
}

/* Description text of all frames */
/* Note that this is the complete text layer, including the header inside */
#boutique span{
	line-height: 130%;
	color: #fff;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	z-index:-1;
	text-align:center;
	width:180px;
	height:43px;
}



/* The most frontal item */
#boutique .front{
	margin-top: 10px;	/* Distance between this frame and the container top */
}
#boutique .front img{
	margin: 6px;		/* Determines the gap between image and frame border */
}
#boutique .front h6{
	font-size: 12px;	/* Front frame header */
}
#boutique .front span{
	
	font-size: 12px;	/* Front frame description text */
}

/* The further back items */
#boutique .behind{
	margin-top: 22px;	/* Distance between these frames and the container top */
}
#boutique .behind img{	/* Determines the gap between image and frame border */
	margin: 0px;
}
#boutique .behind h6{	/* Behind frame headers */
	font-size: 18px;
}
#boutique .behind span{	/* Behind frame description text */
	font-size: 9px;
}

/* The furthest back items */
#boutique .back{
	margin-top: -25px;		/* Distance between these frames and the container top */
}
#boutique img{			/* Determines the gap between image and frame border */
	margin: 40px;
}
#boutique .back h6{		/* Back frames header */
	font-size: 13px;
}
#boutique .back span{	/* Back frame description text */
	font-size: 9px;
}

/* That's it for the settings */

.boutique{ margin:0; padding:0; position:relative; z-index:10000000 }
.boutique li{ margin:0; padding:0; list-style:none; position:absolute; z-index:1; display:none; border-width:0 }
.boutique img{ border:0; vertical-align:bottom; cursor:pointer; 	z-index:10000; }
.boutique span{ display:block; position:absolute; left:30px; right:0; bottom:-43px; text-align:left; cursor:default }
.boutique h6{ cursor:normal; bottom:0px;}
.boutique a{ cursor:pointer; text-decoration:none }
.boutique img, .boutique li, .boutique a{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }

#controls{position:absolute; z-index:1000; margin-top:-7px; margin-left:257px; background:url(../images/bg_legende_image.jpg) no-repeat top center;
	width:236px;
	height:43px;}
	
#controls_inner{
	margin-top:13px;
	margin-left:7px;
	z-index:100000000000;
}

#controls a{
	color:#fff;
}

#controls a:hover{
	text-decoration:none;
}

#controls ul{
	list-style-type:none;
}

#controls #left{
	float:left;
}

#controls #right{
	float:left;
	margin-left:180px;
}