@charset "UTF-8";
/**
 * JavaScript Gallery
 *
 * @copyright       Copyright 2006, Arndt Bär; Copyright 2009, Würth Elektronik
 * @link            http://www.we-online.de
 * @version         1.0.0
 * @lastmodified    Date: 2009-01-14
 * @filename        jsgallery_css.css
 * @by              Arndt Bär :-) 
 * @by              Thomas Mühlbauer 
 */

@media all
{
  	#slidepicture {
		background: none;
		width: 580px;
		min-width: 580px;
		height: 100px;
		border: 0px solid red;
		overflow:hidden;
	}

	#preview {
		position: absolute;
		background: none;
		top: 0px;
		display: block;
		border: 1px solid #999999;
		background: white;
		text-align: center;
		visibility: hidden;
	}
	
	#previewpic {
		display: block;
	}

	#previewtext {
		font-family: 'Trebuchet MS', verdana,arial,helvetica,sans-serif;
		color: #000000;
		font-size: 13px;
		line-height: 15px;
		padding: 5px;
		display: block;
		width: 380px;
	}
	
	#previewname, #closebox{
		font-family: 'Trebuchet MS', verdana,arial,helvetica,sans-serif;
		font-size: 13px;
		line-height: 15px;
		padding: 5px;
		text-align: left;
		position: absolute;
		top: 0px;
		font-weight: bold;
		background: black;
		color: white;
		opacity: 0.6;
		MozOpacity: 0.6;
		moz-opacity: 0.6;
		KhtmlOpacity: 0.6;
		filter:alpha(Opacity=60);
	}
	
	 #closebox a, #closebox a:hover, #closebox a:active, #closebox a:visited {
		font-family: 'Trebuchet MS', verdana,arial,helvetica,sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: white;
		text-decoration: none;
		display: block;
	 }
	
	#closebox {
		right: 0px;
	}
	
	#slidecontainer{
		padding: 0;
		margin: 0;
		height: 100px;
		width: 580px;
		position: relative;
		overflow: hidden;
		z-index: 0;
	}

	#slider {
		overflow: hidden;
		width: 20000px;
		height: 100px;
		padding: 0;
		margin: 0;
		margin-left: 0px;
	}

	#slides {
		display: inline;
		padding: 0;
		margin: 0;
	}

	#wrapper {
		position: relative;
	}

	#slides img {
		padding: 0;
		margin: 0;
		display: inline;
	}
	
	#slideleft, #slideright {
		position: absolute;
		top:0px;
		width: 30px;
		height: 100px;
		background: #none;
		opacity: 0.8;
		MozOpacity: 0.8;
		moz-opacity: 0.8;
		KhtmlOpacity: 0.8;
		filter:alpha(Opacity=80);
		cursor: e-resize;
	}
	
	#slideleft {	
		left: 0px;
		visibility: hidden;
	}
	
	#slideright {
		right: 0px;
	}

	#slideleft img, #slideright img {
		border: none;		
	}
	
	.slidetext {
		display: none;
		padding: 0;
		margin: 0;
	}
	
	.slideimage {
		overflow: hidden;
/*
margin-left: -4px;
*/
		width:50px;
		height:50px;
		display: inline;
	}
	
	* html .slideimage {		
/*
		margin-left: -8px;
*/
	} 

	.slideimage img {
		width: 100px;
		height: 100px;
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		display: inline;
	}
}