/*
 * Template CSS styles for display
 * @author	Display:inline <contact@display-inline.fr>
 * @url		http://display-inline.fr
 * @version	1.0
 */


/******************************* Slideshow *******************************/

/* Basic style for js-disabled browsers */
.slideshow {
	height: 200px;
	overflow: auto;
	position: relative;
	border: 1px solid #CCCCCC;
	margin-bottom: 34px;
	background: white;
	}

	.top-slideshow {
		margin: 0 -10px 0px 0px;
	}
	.slideshow li {
		height: 100%;
		list-style:none;
		}
#kasserne ul{margin-left:0;margin-right:5px;}
#kasserne ul li {
list-style-image:none;
margin-left:0px;
		}
		
		.slideshow li a {
			display: block;
			height: 100%;
			position: relative;
			}
			.slideshow li a span {
				background: url(../images/slideshow_legend_bg.png);
				display: block;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				padding: 10px 2px 11px 2px;
				color: white;
				min-height: 55px;
				}
				.ie6 .slideshow li a span {
					background: transparent;
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/slideshow_legend_bg.png, sizingMethod='scale');
				}
				.slideshow li a span strong {
					color: white;
					font-size: 14px;
				}
				.slideshow img{height:300px; width:550px;}

/* Full featured style when slideshow enabled */
.slideshow-enabled {
	overflow: hidden;
	border: 0;
	}
	.slideshow-enabled li {
		position: absolute;
		
		}
		.slideshow-enabled li a {
			background: url(../images/slideshow_pulltab.png) repeat-y;
			padding: 0 0 0 22px;
			}
			.slideshow-enabled li a .slide-title {
				position: absolute;
				display: block;
				left: 1px;
				top: 1px;
				width: 20px;
				height: 350px;
				/*background: #c2c0c0 url(../images/slideshow_titles.png) no-repeat;
			*/
			-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);		
			border-right:1px solid #666;
			
			}
			.slideshow-enabled li a .slide-number {
				position: absolute;
				display: block;
				left: 0;
				bottom: 0;
				width: 20px;
				height: 30px;
				background: url(../images/slideshow_number.png) repeat-x;
				font-size: 14px;
				line-height: 20px;
				text-align: center;
				color: #CCCCCC;
			}
			.slideshow-enabled li a span {
				left: 20px;
				}
	.slideshow-enabled li.news a .slide-title { background-position: 0 0; }
	.slideshow-enabled li.products a .slide-title { background-position: -20px 0; }
	.slideshow-enabled li.events a .slide-title { background-position: -40px 0; }
	.slideshow-enabled li.special a .slide-title { background-position: -60px 0; }

/* Wrapper enabling previous/next buttons */
.slideshow-wrapper {
	padding: 0;
	margin: 0;
	position: relative;
	}
	.slideshow-prev-button,
	.slideshow-next-button {
		display: block;
		position: absolute;
		height: 61px;
		width: 8px;
		top: 50%;
		margin-top: -30px;
		background-repeat: no-repeat;
		}
		a.slideshow-prev-button, a.slideshow-prev-button a, a.slideshow-prev-button a:link, a.slideshow-prev-button a:visited {
			margin-top:50px; margin-left:-5px;
			background-position: right top;
			background-image: url(../images/slideshow_left_tab.png);
		}
		.slideshow-prev-button:hover {
			background-position: right bottom;
		}
		a.slideshow-next-button, a.slideshow-next-button a, a.slideshow-next-button a:link,a.slideshow-next-button  a:visited {
	     margin-left:10px;margin-top:50px;
		background-image: url(../images/slideshow_right_tab.png);
		background:inherit url(../images/slideshow_right_tab.png) no-repeat inherit right bottom;		
		}
		a.slideshow-prev-button:hover {
			background-position: left bottom;
		}

.grid-list
	{ zoom: 1; } /* IE7 */
