/****************************** EISENMANN Corporate Website layout *****/
/******************************* Copyright (c) 2010-2011 EISENMANN *****/
/***********************************************************************/
/*************************************************** stage feature *****/
/***********************************************************************/
/************************************** author virtual identity AG *****/
/***********************************************************************/

/***********************************************************************/
/* START: web fonts */

.wf-loading #feature .split-container h4,
.wf-loading #feature .sf-layer h5,
.wf-loading #feature .sf-layer p,
.wf-loading #feature .sf-layer p a
{
	visibility: hidden;
}

.hasFontSmoothing-false #feature .split-container h4,
.hasFontSmoothing-false #feature .sf-layer h5,
.hasFontSmoothing-false #feature .sf-layer p,
.hasFontSmoothing-false #feature .sf-layer p a
{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	visibility: visible;
}

.hasFontSmoothing-false #feature .sf-layer h5
{
	font-weight: bold;
}

.hasFontSmoothing-false #feature .split-container h4
{
	font-weight: bold;
	font-size: 23px;
	line-height: 33px;
}

/* END: web fonts */
/***********************************************************************/
/* START: basic typography */
#feature .split-container h4,
#feature .sf-layer h5
{
	font-family: 'Neue Helvetica 65 Medium', Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	line-height: 38px;
	color: #fff;
}

.ie7 #feature .split-container h4
{
	font-size: 27px;
	line-height: 37px;
}

#feature .sf-layer h5
{
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 9px 0;
}

.mac #feature .sf-layer h5
{
	position: relative;
	top: 3px;
}

#feature .sf-layer p,
#feature .sf-layer p a
{
	font-family: 'Neue Helvetica 55 Roman', Arial, Geneva, Helvetica, sans-serif;
}

#feature .sf-layer p
{
	font-size: 16px;
	line-height: 21px;
	margin: 8px 0 9px;
	color: #fff;
}

.mac #feature .sf-layer p
{
	position: relative;
	top: 2px;
}

#feature .sf-layer p a
{
	padding: 0 0 0 14px;
	background: url(../images/icn-arrow.png) 0 7px no-repeat;
	display: inline-block;
}

.mac #feature .sf-layer p a
{
	background-position: 0 5px;
}

.ie6 #feature .sf-layer p a
{
	background-image: url(../images/icn-arrow.gif);
}

/* END: basic typography */
/***********************************************************************/
/* START: grid */

#feature
{
	width: 930px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

#feature .item,
#feature .splitter
{
	background: #fff;
	position: absolute;
	z-index: 1;
}

#feature .splitter
{
	overflow: hidden;
}

#feature .item
{
	padding: 10px;
}

#feature .item,
#feature .item-container
{
	width: 225px;
	height: 195px;
	overflow: hidden;
}

#feature .item-container
{
	position: absolute;
	top: 10px;
	left: 10px;
}

#feature .splitter
{
	left: 10px;
	top: 103px;
	width: 225px;
	height: 215px;
}

#feature .split-container
{
	background: #ccc;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	padding: 0 15px 0 20px;
	width: 190px;
	height: 195px;
	overflow: hidden;
}

#feature .split-container h4
{
	display: table-cell;
	vertical-align: middle;
	width: 190px;
	height: 195px;
}

#feature .split-container h4 span
{
	width: 190px;
	word-wrap: break-word;
	display: block;
}

.mac #feature .split-container h4 span
{
	position: relative;
	top: 4px;
}

.ie6 #feature .split-container h4,
.ie7 #feature .split-container h4
{
	display: block;
	height: auto;
	margin-top: 14px;
}

#feature .split,
#feature .split .item-container
{
	width: 225px;
	height: 400px;
}

#feature .item img
{
	cursor: pointer;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#feature .item img.fullsize
{
	display: none;
	left: -7000;
}

#feature .fullsized img.fullsize
{
	display: block;
	cursor: default;
}

.ie img
{
	-ms-interpolation-mode: bicubic;
}

#feature .sf-layer
{
	background: #adb6bb;
	width: 300px;
	height: 307px;
	position: absolute;
	left: 580px;
	top: 0;
	padding: 73px 25px 20px 25px;
}

#feature .sf-close
{
	background: url(../images/icn-close.gif) 0 0 no-repeat;
	width: 21px;
	height: 21px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

#sf-item0
{
	left: -10px;
	top: -10px;
}

#sf-item1
{
	left: -10px;
	top: 195px;
}

#sf-item2
{
	left: 225px;
	top: -10px;
}

#sf-item3
{
	left: 225px;
	top: 195px;
}

#sf-item4
{
	left: 460px;
	top: -10px;
}

#sf-item5
{
	left: 695px;
	top: -10px;
}

#sf-item6
{
	left: 695px;
	top: 195px;
}

/* END: grid */
/***********************************************************************/