/*

@author: 	Dominik Mertz, Insignio GmbH
@file:		ie/6.css
@created:	2011-01-20	

*/
			
#carousel {
	display: inline;
	float: left;
	margin: -2.4em 0 0 .25em;
	width: 61.25em; height: 24.25em;
	z-index: 10000;
}

	#carousel .wrapper {
		float: left;
		width: 40.62500em;
		height: 1em;
	}
	
	#carousel h1 {
		margin-bottom: .7em;
	}
	
		#images {
			visibility: visible;
		}

		#images img.carousel {
			position: absolute;
			width: 500px;
			height: 336px;
			z-index: 100;
		}

		#carousel .wrapper #images {
			position: relative;
			top: 10px;
			left: 75px;
			zoom: 1;
		}
		
		ul#controls {
			z-index: 2000;
			position: absolute;
			right: 21em; top: 9.75em;
			margin: 0; padding: 0;
			list-style: none;
		}
		
		body.ie6 ul#controls {
			right: 21.4em;
		}
		
			ul#controls li {
				padding: 0; margin: 0;
				float: left;
				width: .375em; height: .4em;
				margin-right: .1875em;
				background: transparent url(../images/controls.png) no-repeat 0 0;
			}
			
			body.ie6 ul#controls li {
				width: 6px; height: 6px;
				overflow: hidden;
			}
			
			ul#controls li:last-child,
			ul#controls li.last {
				margin: 0;
			}

			ul#controls li.active {
				background-position: 0 -.375em;
			}
			
				ul#controls li a {
					width: .375em; height: 0.375em;
					display: block;
					text-indent: -9999px;
					outline: none;
				}
		
		#carousel #images,
		#carousel #images img {
			zoom: 1;
		}
		
		#carousel #images img {
			background: transparent;
		}
		
		#carousel #images .wrap {
			zoom: 1;
			background: transparent;
		}
	
		#carousel #images img.element {
			display: none;
		}
	
		#carousel #images img.element.nr-1 {
			display: block;
			position: absolute;
			width: 405px; height: 288px;
			top: 70px; left: -72px;
			z-index: 100;
		}
		
		#carousel #images img.element.nr-2 {
			display: block;
			position: absolute;
			top: 33px; left: 5px;
			width: 503px; height: 358px;
			z-index: 500;
		}

		#carousel #images img.element.nr-3 {
			display: block;
			position: absolute;
			top: 12px; left: 78px;
			width: 574px; height: 408px;
			z-index: 1000;
		}
			
			#carousel #images .image {
				width: 100%;
				height: 100%;
			}
	
	#carousel #description {
		display: inline;
		float: right;
		margin-top: 4.5em;
		margin-right: 1.75em;
		width: 15.75em;
	}
	
		#carousel #description p.text {
			font-size: .875em;
			line-height: 1.5em;
		}
	
		#carousel #description a {
			margin-top: 1.4em;
		}
		
		#carousel #description a:active {
			margin-top: 1.5em;
		}