﻿body{
	margin:0;
	background:#fff;
	font:13px Arial, sans-serif;
	color:#4c4c4c;
	/*overflow-y:scroll;
	overflow-x:auto;*/
}
a{
	color:#4c4c4c;
	text-decoration:none;
}
#gallery a:hover{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border-style:none;}
.container{
	width:590px;
	margin:0 auto;
}
.ls-container{
	width:900px;
	margin:0 auto;
}
.braun{color:#9a2400;}
.columns-holder{
	width:100%;
	overflow:hidden;
	padding:102px 0 14px;
}
#left-column,
#right-column{
	width:291px;
	float:left;
	position:relative;
	height:379px;
	overflow:hidden;
}
#ls-column{
	font-weight:bold;
	color:#717171;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
	width:350px;
	float:left;
	position:relative;
	height:450px;
	overflow:hidden;
	background:#f8f8f8;
}
#ls-navcolumn{
	font-size:14px;
	font-weight:normal;
	color:#717171;
	width:350px;
	float:left;
	position:relative;
	height:60px;
	overflow:hidden;
	background:#fff;
}
#ls-center{
	width:20px;
	float:left;
	position:relative;
	height:450px;
	overflow:hidden;
	background:#fff;
}
#ls-navcenter{
	width:120px;
	float:left;
	position:relative;
	height:60px;
	overflow:hidden;
	background:#fff;
}
#left-column:hover .text-block,
#left-column.hover .text-block,
#right-column:hover .text-block,
#right-column.hover .text-block{display:block;}
#right-column{
	width:284px;
	float:right;
}
.columns-holder img{
	display:block;
	margin:0 0 15px;
}
#left-column .text-block,
#right-column .text-block{
	width:260px;
	position:absolute;
	bottom:0;
	height:169px;
	padding:13px 15px 0 16px;
	background:#f8f8f8;
	display:none;
}
#left-column .text-block{left:0;}
#right-column .text-block{
	width:253px;
	right:0;
}
#left-column .text-block p,
#right-column .text-block p{
	margin:0 0 7px;
	line-height:17px;
}
#left-column .text-block .title,
#right-column .text-block .title{
	margin:0 0 7px;
	display:block;
}
#left-column .text-block .more,
#right-column .text-block .more{
	background:url(../images/bg-link.gif) no-repeat 0 6px;
	padding:0 0 0 15px;
	font-weight:bold;
}
.award-info-box{
	width:100%;
	overflow:hidden;
	margin:0;
	list-style:none;
	padding:0 0 20px;
}
.award-info-box li{float:left;}
.award-logo,
.award-logo-dd{
	text-indent:-9999px;
	overflow:hidden;
	width:107px;
	height:68px;
	float:left;
	background:url(../images/award-logo.gif) no-repeat;
	margin:13px 33px 0 0;
}

.award-logo-dd{
	width:70px;
	height:93px;
	background:url(../images/designpreis-deutschland.gif) no-repeat;
	margin:0px;
}

.award-text{
	font-size:11px;
	color:#1d1b20;
	width:180px;
	line-height:12px;
	float:left;
	margin:47px 0 0;
	font-weight:normal;
}
.award-text .red{color:#e3001b;}
#wrapper{
	width:900px;
	margin:0 auto;
	padding:0 0 20px;
}
#header{
	width:100%;
	overflow:hidden;
	padding:10px 0;
}
.logo{
	text-indent:-9999px;
	overflow:hidden;
	width:80px;
	height:81px;
	float:left;
	background:url(../images/logo.gif) no-repeat;
	margin:0;
}
.logo a{
	height:100%;
	display:block;
}
#nav{
	float:left;
	padding:66px 0 0 1px;
	width:819px;
	margin:0;
	list-style:none;
}
#nav li{
	float:left;
	padding:0 0 0 19px;
}
#nav li a{
	font-weight:bold;
	color:#717171;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
}
#nav li a:hover,
#nav li.active a{
	text-decoration:none;
	color:#9a2400;
}
#content{
	width:896px;
	padding:0 0 0 4px;
}
#content .product-box{
	margin:0 0 0 -15px;
	padding:0;
	list-style:none;
	width:911px;
	overflow:hidden;
}
#content .product-box li{
	display:inline-block;
	width:291px;
	position:relative;
	margin:0 0 15px 15px;
}
* html #content .product-box li{display:inline;}
* +html #content .product-box li{display:inline;}
#content .product-box li.short{width:284px;}
#content .product-box li img{display:block;}
#content .product-box li strong{
	position:absolute;
	top:13px;
	left:14px;
	color:#949494;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
	
}
#content .product-box li a:hover{
	text-decoration:none;
	color:#717171;
	
}
#content .product-box li a:hover strong{color:#717171;}
#menu{
	width:100%;
	margin:-3px 0 0;
}
.bottom-menu{
	margin:0;
	padding:0 0 0 3px;
	list-style:none;
	float:left;
	width:815px;
}
.bottom-menu li{float:left;}
.bottom-menu li a{
	color:#717171;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.bottom-menu li a:hover,
.bottom-menu li.active a{
	text-decoration:none;
	color:#9a2400;
}
.bottom-menu ul{
	margin:0;
	padding:7px 0 0;
	list-style:none;
	width:100%;
}
.bottom-menu ul:after,
#menu:after{
	clear:both;
	content:'';
	display:block;
}
.bottom-menu ul li{
	padding:0 18px 0 0;
	position:relative;
}
.bottom-menu ul li a{
	font-size:10px;
	letter-spacing:1px;
}
.bottom-menu ul li a,
.bottom-menu li.active li a{color:#717171;}
.bottom-menu li.active li a:hover,
.bottom-menu ul li a:hover,
.bottom-menu li ul li.active a,
.bottom-menu li ul li#thumbs ul.thumbs li.selected a{color:#9a2400;}
.bottom-menu ul ul{
	position:absolute;
	top:22px;
	padding:0;
	left:0;
	width:140px;
}
.bottom-menu ul ul li{
	float:none;
	padding:0 0 1px;
}
.bottom-menu li.active li.active li a,
.bottom-menu ul li ul li a{color:#717171;}
.bottom-menu li.active li.active li a:hover,
.bottom-menu li.active li.active li.active a{color:#9a2400;}
.main-content{
	width:761px;
	overflow:hidden;
	background:#f8f8f8;
	padding:33px 40px 34px 95px;
	margin:0 0 14px 4px;
}
.main-content .image-box{
	width:250px;
	float:right;
	margin:7px 0 0 14px;
}
.main-content .image-box img{
	float:right;
	margin:0 0 35px;
}
.main-content .text-box{
	overflow:hidden;
	height:1%;
}
.main-content .text-box-right{
	width:393px;
	float:right;
	/*margin:7px 0 0 14px;*/
}
.main-content h2{
	margin:0 0 15px;
	font-size:13px;
}
.main-content p{
	margin:0 0 13px;
	line-height:20px;
	word-spacing:1px;
}
.main-content .ref-list{
	margin:0;
	padding:3px 0 0;
	list-style:none;
}
.main-content .ref-list li{padding:0 0 2px;}
.main-content .ref-list li a{
	font-weight:bold;
	background:url(../images/bg-link.gif) no-repeat 0 4px;
	padding:0 0 0 15px;
}
.product-info h2{
	margin:0 0 8px 0px;
	font-size:12px;
	color:#717171;
}
.product-info p{
	margin:0;
	font-size:12px;
	color:#717171;
	line-height:15px;
}
.product-info .ref-holder{
	overflow:hidden;
	width:100%;
	padding:0 0 11px;
}
.product-info .more{
	background:url(../images/bg-more.gif) no-repeat 0 4px;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 11px;
}
.caption p{
	margin-bottom:9px;
	line-height:15px;
	padding-right:15px;
}
.product-info .info-box{padding:0 21px 0 1px;}
.product-info .info-box p{margin:0 0 10px;}
.switcher{
	float:right;
	padding:2px 0 0;
	width:56px;
}
.switcher a{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	height:10px;
	width:14px;
	position:relative;
}
.switcher a.prev{position:relative; top:0px; left:0px; background:url(../images/bg-switcher.gif) no-repeat;}
.switcher a.prev:hover{background-position:0 -10px;}

.switcher a.pause{position:relative; top:0px; left:28px; background:url(../images/bg-switcher.gif) no-repeat -18px 0; width:8px;}
.switcher a.pause:hover{background-position:-18px -10px;}
.switcher a.play{position:relative; top:0px; left:28px; background:url(../images/bg-switcher.gif) no-repeat -28px 0; width:8px;}
.switcher a.play:hover{background-position:-28px -10px;}

.switcher a.next{position:relative; top:0px; left:20px; background:url(../images/bg-switcher.gif) no-repeat -40px 0;}
.switcher a.next:hover{background-position:-40px -10px;}

/*.switcher ul{
	margin:0;
	padding:0;
	list-style:none;
}
.switcher li{
	float:left;
	padding:0 1px 0 8px;
}
*/

/* -------------------- Index -------------------- */
.center-index{text-align:center; padding-top:100px;}
.center-index .language-switch ul{list-style-type:none;}
.center-index .language-switch ul li{list-style-type:none;}
.index #nav{padding-left:200px; padding-top:40px;}
/*.index #nav li a{color:#2f2e2e};
.index #nav li a:hover{color:#9a2400};*/

/* -------------------- Slideshows -------------------- */


/*a.advance-link{margin:0;padding:0;}
div#gallery span.image-wrapper {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
*/

/*#gallery-container,
#gallery,
*/

/*#gallery span.image-wrapper{*/

/*
#gallery span.current,
#gallery a.advance-link,
#gallery a.advance-link img{background-color:black;margin:0px!important;padding:0px!important;top:0px!important;left:0px!important;}
#gallery #content{
	padding:0 0 0 0px;
}*/

/*#gallery,
.product-gallery{
	width:894px;
	padding:0 0 0 0px!important;
	display:block;
	height:379px;
	/*
	/*width:900px;*/
	/*background-color:black;*/
	/*margin-left:4px;
	
}*/


/*#gallery-container{background-color:red;}*/

/*.image-wrapper{background-color:black;width:896px; padding:0px!important;}
.image-wrapper a img{margin: 0 0 0 -4px; }*/

/*#gallery-container #gallery,
#gallery-container .product-gallery,
#gallery-container #gallery .current,
#gallery-container #gallery .image-wrapper,
#gallery-container #gallery .image-wrapper a img,
#gallery-container #gallery .image-wrapper .advance-link,
#gallery-container #gallery .image-wrapper a{
	background-color:green!important;
	position:abolute!important;
	top:0px!important;
	left:0px!important;
	display:block;
	margin:0px!important;
	padding:0px!important;
	overflow:hidden;
	width:920px;
	height:370px;
}*/

/*#gallery-container{
	width:900px;
	height:379px;
	margin:0px 0px 15px 0px;
	position:relative;
}
	
.product-gallery{
	width:896px;
	height:379px;
	overflow:hidden;
	padding:0;
}*/






#gallery-container .product-info{
	position:absolute;
	right:1px;
	top:1px;
	height:365px;
	background:#fff;
	width:172px;
	padding:12px 0 0 13px;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

div#gallery-container{
	position:relative;
	margin:0px 0px 15px 4px;
	height:379px;
	width:896px;
	display:block;
	clear: both;
}

div#gallery-container span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div#gallery-container a.advance-link {
	display: block;
	width:896px;
	height:379px /* This should be set to be at least the height of the largest image in the slideshow */
	height:379px /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}

.image-wrapper a img{margin: 0 0 0 -4px; }


/* -------------------- Kontakt -------------------- */

#map_canvas {width:393px;height:273px;}
