/* ================================================================ 
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 {
	width:534px;
	position:relative;
	height:60px;
	padding-top:356px;
	margin: 0;
   }
#gallery img.left {
   width:55px;  
   height:62px; 
   background:#BCE27F; 
   float:left;
   cursor:pointer;
   }
#gallery img.right {
	width:55px;
	height:62px;
	float:left;
	cursor:pointer;
	background-color: #669999;
   }
#gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	border:2px solid #BEC5CE;
	border-width:5px 2px;
	background-color: #BEC5CE;
   }
#gallery ul li {
   display:inline; 
   width:50px; 
   height:50px; 
   float:left; 
   margin:0 4px; 
   border:1px solid #799BA8; 
   cursor:pointer;
   padding: 0;
   }
#gallery ul li.hide {
   display:none;
   }

/* die ersten 7 sind sichtbar */

#gallery ul li.th1 {background: url(pics/floh1_kl.jpg);}
#gallery ul li.th2 {background: url(pics/floh2_kl.jpg);}
#gallery ul li.th3 {background: url(pics/floh3_kl.jpg);}
#gallery ul li.th4 {background: url(pics/floh4_kl.jpg);}
#gallery ul li.th5 {background:url(pics/floh5_kl.jpg);}
#gallery ul li.th6 {background:url(pics/floh6_kl.jpg);}
#gallery ul li.th7 {background:url(pics/floh7_kl.jpg);}
#gallery ul li.th8 {background:url(pics/floh8_kl.jpg);}
#gallery ul li.th9 {background:url(pics/floh9_kl.jpg);}
#gallery ul li.th10 {background:url(pics/floh10_kl.jpg);}
#gallery ul li.th11 {background:url(pics/floh11_kl.jpg);}
#gallery ul li.th12 {background:url(pics/floh12_kl.jpg);}
#gallery ul li.th13 {background:url(pics/floh13_kl.jpg);}
#gallery ul li.th14 {background:url(pics/floh14_kl.jpg);}
#gallery ul li.th15 {background:url(pics/floh15_kl.jpg);}
#gallery ul li.th16 {background:url(pics/floh16_kl.jpg);}
#gallery ul li.th17 {background:url(pics/floh17_kl.jpg);}
#gallery ul li.th18 {background:url(pics/floh18_kl.jpg);}
#gallery ul li.th19 {background:url(pics/floh19_kl.jpg);}
#gallery ul li.th20 {background:url(pics/floh20_kl.jpg);}
#gallery ul li.th21 {background:url(pics/floh21_kl.jpg);}
#gallery ul li.th22 {background:url(pics/floh22_kl.jpg);}
#gallery ul li.th23 {background:url(pics/floh23_kl.jpg);}
#gallery ul li.th24 {background:url(pics/floh24_kl.jpg);}
#gallery ul li.th25 {background:url(pics/floh25_kl.jpg);}
#gallery ul li.th26 {background:url(pics/floh26_kl.jpg);}
#gallery ul li.th27 {background:url(pics/floh27_kl.jpg);}
#gallery ul li.th28 {background:url(pics/floh28_kl.jpg);}
#gallery ul li.th29 {background:url(pics/floh29_kl.jpg);}
#gallery ul li.th30 {background:url(pics/floh30_kl.jpg);}
#gallery ul li.th31 {background:url(pics/floh31_kl.jpg);}
#gallery ul li.th32 {background:url(pics/floh32_kl.jpg);}
#gallery ul li.th33 {background:url(pics/floh33_kl.jpg);}
#gallery ul li.th34 {background:url(pics/floh34_kl.jpg);}
#gallery ul li.th35 {background:url(pics/floh35_kl.jpg);}
#gallery ul li.th36 {background:url(pics/floh36_kl.jpg);}
#gallery ul li.th37 {background:url(pics/floh37_kl.jpg);}
#gallery ul li.th38 {background:url(pics/floh38_kl.jpg);}
#gallery ul li.th39 {background:url(pics/floh39_kl.jpg);}
#gallery ul li.th40 {background:url(pics/floh40_kl.jpg);}
#gallery ul li.th41 {background:url(pics/floh41_kl.jpg);}
#gallery ul li.th42 {background:url(pics/floh42_kl.jpg);}
#gallery ul li.th43 {background:url(pics/floh43_kl.jpg);}
#gallery ul li.th44 {background:url(pics/floh44_kl.jpg);}
#gallery ul li.th45 {background:url(pics/floh45_kl.jpg);}
#gallery ul li.th46 {background:url(pics/floh46_kl.jpg);}
#gallery ul li.th47 {background:url(pics/floh47_kl.jpg);}
#gallery ul li.th48 {background:url(pics/floh48_kl.jpg);}
#gallery ul li.th49 {background:url(pics/floh49_kl.jpg);}
#gallery ul li.th50 {background:url(pics/floh50_kl.jpg);}
#gallery ul li.th51 {background:url(pics/floh51_kl.jpg);}
#gallery ul li.th52 {background:url(pics/floh52_kl.jpg);}
#gallery ul li.th54 {background:url(pics/floh54_kl.jpg);}
#gallery ul li.th55 {background:url(pics/floh55_kl.jpg);}
#gallery ul li.th56 {background:url(pics/floh56_kl.jpg);}
#gallery ul li.th57 {background:url(pics/floh57_kl.jpg);}
#gallery ul li.th58 {background:url(pics/floh58_kl.jpg);}
#gallery ul li.th59 {background:url(pics/floh59_kl.jpg);}
#gallery ul li.th60 {background:url(pics/floh60_kl.jpg);}
#gallery ul li.th61 {background:url(pics/floh61_kl.jpg);}
#gallery ul li.th62 {background:url(pics/floh62_kl.jpg);}
#gallery ul li.th63 {background:url(pics/floh63_kl.jpg);}
#gallery ul li.th64 {background:url(pics/floh64_kl.jpg);}
#gallery ul li.th65 {background:url(pics/floh65_kl.jpg);}
#gallery ul li.th66 {background:url(pics/floh66_kl.jpg);}
#gallery ul li.th67 {background:url(pics/floh67_kl.jpg);}
#gallery ul li.th68 {background:url(pics/floh68_kl.jpg);}
#gallery ul li.th69 {background:url(pics/floh69_kl.jpg);}
#gallery ul li.th70 {background:url(pics/floh70_kl.jpg);}
#gallery ul li.th71 {background:url(pics/floh71_kl.jpg);}
#gallery ul li.th72 {background:url(pics/floh72_kl.jpg);}
#gallery ul li.th73 {background:url(pics/floh73_kl.jpg);}
#gallery ul li.th74 {background:url(pics/floh74_kl.jpg);}
#gallery ul li.th75 {background:url(pics/floh75_kl.jpg);}
#gallery ul li.th76 {background:url(pics/floh76_kl.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {
   visibility:hidden;  
   display:block; 
   width:50px; 
   height:50px;
   }
#gallery ul li b {
   color:#669999;
   }
#gallery ul li.chosen {
   border-color:#fff; 
   cursor:default;
   }
#gallery ul li.chosen div {
	position:absolute;
	left:0;
	top:0;
	width:534px;
	height:355px;
	background-color: #BEC5CE;
	}
#gallery ul li.chosen div i {
   width:530px; 
   height:355px; 
   display:table-cell; 
   vertical-align:middle; 
   text-align:center;
   } 
#gallery ul li.chosen div i img {
   visibility:visible; 
   width:auto; 
   height:auto; 
   border:2px solid #799BA8; 
   margin:0 auto;
   }
#gallery ul li.chosen span {
   display:block;
   }
#gallery ul li span {
   display:none; 
   position:absolute; 
   left:61px; 
   top:430px; 
   width:411px;
   font-family:verdana, arial, sans-serif; 
   color:#CCCCCC; 
   font-size:15px; 
   line-height:15px; 
   text-align: center;
   padding: 5px 0;
   }
#rahmen {
	width: 96%;
	height: 180px;
	z-index: 1000;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
 }
#rahmen a img {
 border: 0;
 }
.bilder {
 position: relative;
 float: left;
 text-align: center;
 padding: 3px;
 border: 2px solid #799BA8;
 margin-right: 15px;
 }
 span.bildtext {
 display: block;
 font-size: 110%;
 font-weight: bold;
 margin-top: 4px;
 }

