/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {
	position:relative; 
	width:562px; 
	height:123px; 
	margin-top: 16px;
	padding:442px 10px 10px 10px; 
	border: 1px solid #cccccc;
	}
#gallery img.left {
	float:left;
	width:25px; 
	height:123px; 
	background: white;
	cursor:pointer;
	}
#gallery img.right {
	float:left;
	width:15px; 
	height:123px; 
	background: white;
	cursor:pointer;
	}

#gallery ul {
	float:left; 
	list-style:none; 
	padding:0; 
	margin:0; 
	background: white; 
	}
#gallery ul li {
	float:left; 
	display:inline; 
	width:164px; 
	height:123px; 
	margin-right: 8px; 
	cursor:pointer; 
	border: 1px solid white;
	}

#gallery ul li.hide {
	display:none;
	}

/* verwendete Thumbnail Images */
#gallery ul li.zl1 {background:url(../images/produktbeispiele/zeitlos_1_thumb.jpg);}
#gallery ul li.zl2 {background:url(../images/produktbeispiele/zeitlos_2_thumb.jpg);}
#gallery ul li.zl3 {background:url(../images/produktbeispiele/zeitlos_3_thumb.jpg);}
#gallery ul li.zl4 {background:url(../images/produktbeispiele/zeitlos_4_thumb.jpg);}
#gallery ul li.zl5 {background:url(../images/produktbeispiele/zeitlos_5_thumb.jpg);}
#gallery ul li.zl6 {background:url(../images/produktbeispiele/zeitlos_6_thumb.jpg);}
#gallery ul li.zl7 {background:url(../images/produktbeispiele/zeitlos_7_thumb.jpg);}
#gallery ul li.zl8 {background:url(../images/produktbeispiele/zeitlos_8_thumb.jpg);}
#gallery ul li.zl9 {background:url(../images/produktbeispiele/zeitlos_9_thumb.jpg);}
#gallery ul li.zl10 {background:url(../images/produktbeispiele/zeitlos_10_thumb.jpg);}

#gallery ul li.mo1 {background:url(../images/produktbeispiele/Modern_1_thumb.jpg);}
#gallery ul li.mo2 {background:url(../images/produktbeispiele/Modern_2_thumb.jpg);}
#gallery ul li.mo3 {background:url(../images/produktbeispiele/Modern_3_thumb.jpg);}
#gallery ul li.mo4 {background:url(../images/produktbeispiele/Modern_4_thumb.jpg);}
#gallery ul li.mo5 {background:url(../images/produktbeispiele/Modern_5_thumb.jpg);}
#gallery ul li.mo6 {background:url(../images/produktbeispiele/Modern_6_thumb.jpg);}
#gallery ul li.mo7 {background:url(../images/produktbeispiele/Modern_7_thumb.jpg);}
#gallery ul li.mo8 {background:url(../images/produktbeispiele/Modern_8_thumb.jpg);}
#gallery ul li.mo9 {background:url(../images/produktbeispiele/Modern_9_thumb.jpg);}
#gallery ul li.mo10 {background:url(../images/produktbeispiele/Modern_10_thumb.jpg);}

#gallery ul li.la1 {background:url(../images/produktbeispiele/landhaus_1_thumb.jpg);}
#gallery ul li.la2 {background:url(../images/produktbeispiele/landhaus_2_thumb.jpg);}
#gallery ul li.la3 {background:url(../images/produktbeispiele/landhaus_3_thumb.jpg);}
#gallery ul li.la4 {background:url(../images/produktbeispiele/landhaus_4_thumb.jpg);}
#gallery ul li.la5 {background:url(../images/produktbeispiele/landhaus_5_thumb.jpg);}
#gallery ul li.la6 {background:url(../images/produktbeispiele/landhaus_6_thumb.jpg);}
#gallery ul li.la7 {background:url(../images/produktbeispiele/landhaus_7_thumb.jpg);}
#gallery ul li.la8 {background:url(../images/produktbeispiele/landhaus_8_thumb.jpg);}
#gallery ul li.la9 {background:url(../images/produktbeispiele/landhaus_9_thumb.jpg);}
#gallery ul li.la10 {background:url(../images/produktbeispiele/landhaus_10_thumb.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {
	visibility:hidden;
	display:block;
	width:164px;
	height:123px;
	}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px; font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#444;}

#gallery ul li.chosen { border: 1px solid #b60006; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0px; top:0px; width:562px; height:422px; background: white; padding: 10px 10px 0 10px;}
#gallery ul li.chosen div i {width:562px; height:422px; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; margin:0 auto;}
#gallery ul li.chosen span {display:block;}