/****************************** EISENMANN Corporate Website layout *****/
/******************************* Copyright (c) 2010-2011 EISENMANN *****/
/***********************************************************************/
/************************* grid stylesheet includes page framework *****/
/***********************************************************************/
/************************************** author virtual identity AG *****/

/***********************************************************************/
/* START: a11y */

#logo strong,
#breadcrumb h2,
ul.nav a em,
ul.nav strong em
{
	display: block;
	position: absolute;
	left: -7000px;
}

/* END: a11y */
/***********************************************************************/
/* START: grid */
html,
body
{
	height: 100%; /* for sticky footer */
	background: #fff;
}

#wrapper
{
	position: relative;
	margin: 0 auto;
	width: 930px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -49px auto; /* site-info height */
	top: auto;
}

#footer-position-placeholder
{
	height: 40px;
}

#branding
{
	height: 100px;
}

#logo
{
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 200;
}

#stage
{
	min-height: 400px;
	position: relative;
}

#section #stage
{
	min-height: 250px;
}

#content-stage
{
	position: relative;
	min-height: 200px;
	margin: 0 0 15px;
}

div.stage-copy
{
	position: absolute;
	top: 34px;
	left: 30px;
	width: 435px;
	overflow: hidden;
}

#stage div.stage-copy
{
	max-height: 366px;
}

#section #stage div.stage-copy
{
	max-height: 216px;
}

#stage.stage-teaser-wrapper {
	min-height: 380px;
}

#wrapper-2
{
	padding: 0 0 49px 0; /* sticky footer height */
	border-top: 1px solid #adb6bb;
}

#stage + #wrapper-2
{
	border-top: 0;
	margin: 20px 0 0 0;
}

#home #stage + #wrapper-2
{
	margin-top: 25px;
}

#site-info
{
	border-top: 1px solid #adb6bb;
	height: 28px; /* + border + margin = 49px */
	position: relative;
	margin: 20px auto 0;
	width: 930px;
}

/* 2 column layout: no nav vertical | main column | sidebar */
.col-subcol #wrapper-3
{
}

.col-subcol #main
{
	float: left;
	width: 560px;
}

.col-subcol #extras
{
	float: right;
	width: 290px;
        margin-top:50px;
}

/* home page and section pages */
/* 3 column layout: 1 big column with 3 floating teasers | main */
.col-float3 #wrapper-3,
.col-float3 #main
{
}

.col-float2 #extras,
.col-float3 #extras
{
	display: none;
}

/* END: grid */
/***********************************************************************/
/* START: global navigation */
#nav-global
{
	position: absolute;
	left: 0;
	top: 56px;
	width: 940px;
	z-index: 100;
}

#nav-global ul.nav,
#nav-global span#link-locations
{
	float: right;
	height: 34px;
}

#nav-global span#link-locations a
{
	padding-left: 60px;
	background: url(../images/icons.gif) no-repeat 4px -209px;
}

#nav-global span#link-locations a:hover,
#nav-global span#link-locations a:active
{
	background-position: 4px -253px;
}

#nav-global ul.nav ul
{
	display: none;
}

#nav-global ul.nav div.nav-layer ul
{
	display: block;
}

#nav-global ul.nav li.top-level
{
	float: left;
}

#nav-global ul.nav a.top-level,
#nav-global #link-locations a
{
	color: #6e767c;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 9px 5px 9px;
	white-space: nowrap;
}
.hasFontSmoothing-true.mac.webkit #nav-global ul.nav a.top-level
{
	padding: 8px 9px 3px 9px;
}
.hasFontSmoothing-true.mac.firefox #nav-global ul.nav a.top-level
{
	padding: 7px 9px 4px 9px;
}

#nav-global ul.nav a.on,
#nav-global ul.nav li.open a.top-level,
#nav-global ul.nav strong.on,
#nav-global ul.nav a:hover,
#nav-global ul.nav a:active,
#nav-global ul.nav a:focus,
#nav-global span#link-locations a:hover,
#nav-global span#link-locations a:active,
#nav-global span#link-locations a:focus
{
	color: #c03;
}

#nav-global ul.nav a.top-level:hover,
#nav-global ul.nav a.top-level:active,
#nav-global ul.nav a.active
{
	outline: 0;
}

#nav-global ul.nav a.active
{
	color: #c03; 
	padding: 4px 8px 6px 8px;
	background: #fff url(../images/bg-stripes-transp.png);
	border: 1px solid #adb6bb; 
	border-bottom: none;
	position: relative;
	z-index: 2;
}
.hasFontSmoothing-true.mac.webkit #nav-global ul.nav a.active
{
	padding: 6px 8px 4px 8px;
}
.hasFontSmoothing-true.mac.firefox #nav-global ul.nav a.active
{
	padding: 5px 8px 5px 8px;
}

div.nav-layer
{
	background: transparent url(../images/bg-stripes-transp.png);
	border: 1px solid #adb6bb;
	display: block;
	position: absolute;
	left: -7000px;
	top: 34px;
	width: 928px;
	z-index: 1;
}

div.nav-layer-inner
{
	padding: 10px 19px 0 19px;
	position: relative;
}

div.single-col-nav,
div.special-nav
{
	width: auto;
}

div.multi-col-nav div.nav-layer-inner
{
	padding: 10px 0 0 16px;
}

#nav-global div.nav-layer a,
#nav-global div.nav-layer strong
{
	color: #000;
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}

#nav-global div.nav-layer p.link a
{
	display: inline;
}

#nav-global div.nav-layer .on a,
#nav-global div.nav-layer .on strong
{
	color: #c03;
}

#nav-global div.nav-layer ul
{
	margin: 0 0 10px 0;
}

#nav-global div.nav-layer ul li
{
	margin: 0 0 4px 0;
}

#nav-global div.nav-layer ul li.row-separator
{
	background: url(../images/bg-nav-row.gif) 1px 1px repeat-x;
	clear: left;
	float: none;
	width: auto;
	margin: 0 18px 0 2px;
	height: 13px;
	padding: 0;
}

#nav-global div.nav-layer ul ul
{
	margin: 4px 0 10px 0;
}

#nav-global div.nav-layer ul ul a,
#nav-global div.nav-layer ul ul strong
{
	background: url(../images/icons.gif) -295px -294px no-repeat;
	font-weight: normal;
	padding: 0 0 0 9px;
}

#nav-global div.nav-layer li.on ul a,
#nav-global div.nav-layer li.on ul strong
{
	color: #000;
}

#nav-global div.nav-layer ul ul a:hover,
#nav-global div.nav-layer ul ul a:active,
#nav-global div.nav-layer ul ul a:focus,
#nav-global div.nav-layer ul ul li.on a,
#nav-global div.nav-layer ul ul li.on strong
{
	background-position: -595px 6px;
	color: #c03;
}

#nav-global div.multi-col-nav ul
{
	overflow: hidden;
	margin: 0;
}

#nav-global div.multi-col-nav ul ul
{
	overflow: visible;
}

#nav-global div.multi-col-nav ul li
{
	float: left;
	width: 208px;
	margin: 0;
	padding: 0 18px 0 2px;
}

#nav-global div.multi-col-nav li li
{
	float: none;
	width: auto;
	margin: 0 0 4px 0;
	padding: 0;
}

#nav-global div.single-col-nav ul li
{
	white-space: nowrap;
}

/* END: gobal navigation */
/***********************************************************************/
/* START: meta navigation */

#nav-meta
{
	position: absolute;
	left: 0;
	top: 5px;
	width: 939px;
	z-index: 101;
}

#nav-meta ul.nav
{
	float: right;
	height: 24px;
}

#nav-meta ul.nav ul
{
	display: none;
}

#nav-meta ul.nav div.nav-layer ul
{
	display: block;
}

#nav-meta ul.nav li.top-level
{
	float: left;
}

#nav-meta ul.nav a.top-level
{
	color: #6e767c;
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	padding: 6px 9px 1px 10px;
	white-space: nowrap;
}

#nav-meta ul.nav a:hover,
#nav-meta ul.nav a:active,
#nav-meta ul.nav a:focus
{
	color: #c03;
}

#nav-meta ul.nav a.top-level:hover,
#nav-meta ul.nav a.top-level:active,
#nav-meta ul.nav a.active
{
	outline: 0;
}

#nav-meta ul.nav a.active
{
	color: #c03; 
	padding: 5px 8px 2px 9px;
	background: url(../images/bg-stripes.gif);
	border: 1px solid #adb6bb; 
	border-bottom: none;
	position: relative;
	z-index: 2;
}

#nav-meta div.nav-layer
{
	top: 23px;
}

#nav-meta div.nav-layer li
{
	float: none;
}

#nav-meta div.nav-layer a
{
	color: #000;
	font-size: 11px;
	line-height: 16px;
	white-space: nowrap;
}

#nav-meta div.nav-layer ul ul a
{
	font-weight: normal;
	padding: 0 0 0 10px;
}

#nav-meta div.nav-layer-inner
{
	padding: 10px 8px 0 9px;
}

#nav-meta div.special-nav div.nav-layer-inner 
{
	padding: 0;
}

#nav-meta div.special-nav div.language-links 
{
	padding: 2px 8px 0 9px;
}

#nav-meta div.nav-layer ul
{
	margin: 0 0 10px 0;
}

#nav-meta div.nav-layer ul li
{
	margin: 0 0 4px 0;
}

#nav-meta div.multi-col-nav ul
{
	overflow: hidden;
}

#nav-meta div.multi-col-nav li
{
	float: left;
	width: 208px;
	padding: 0 18px 0 2px;
}

#nav-meta div.multi-col-nav li li
{
	float: none;
	width: auto;
	padding: 0;
}

div.nav-layer li.external
{
	background-image: url(../images/icons.gif);
	background-repeat: no-repeat;
	background-position:  -258px -327px;
	padding-left: 17px;
	text-indent: -17px;
}

div.nav-layer li.external a
{
	padding-left: 17px;
}
/* END: meta navigation */
/***********************************************************************/
/* START: global search */

#search-box
{
	display: none;
}

#nav-meta #search-box 
{
	padding: 11px 9px 14px 9px;
}

#search-box input.text
{
	display: block;
	width: 180px;
}

#search-box input.button
{
	margin: 10px 0 0 0;
}

/* END: global search */
/***********************************************************************/
/* START: breadcrumb */

#breadcrumb
{
	height: 24px; /*DEBUG*/
}

#breadcrumb ol
{
	position: relative;
	top: 11px;
}

#breadcrumb li
{
	font-size: 11px;
	line-height: 16px;
}

/* END: breadcrumb */
/***********************************************************************/
/* START: tab navigation */

#tab-navigation
{
	margin: 0 0 -2px 0;
}

ul.tabs,
div.text ul.tabs,
div.box ul.tabs
{
	margin: 5px 0 0 0;
	padding: 0;
	display: table;
}

ul.tabs li,
div.text ul.tabs li
{
	background: none;
	border-bottom: 1px solid #adb6bb;
	display: table-cell;
	margin: 0;
	padding: 2px 6px 1px 6px;
	font-size: 11px;
	line-height: 16px;
	white-space: nowrap;
}

ul.tabs li.active,
div.text ul.tabs li.active
{
	border: 1px solid #adb6bb;
	border-bottom: none;
	padding: 1px 5px 2px 5px;
}

ul.tabs a
{
	color: #6e767c;
}

ul.tabs a:hover,
ul.tabs a:focus,
ul.tabs a:active,
ul.tabs li.active a
{
	color: #c03;
}

ul.tabs a:hover,
ul.tabs a:active,
ul.tabs li.active a
{
	outline: 0;
}

ul.tabs li.tab-end
{
	width: 100%;
}

#tab-navigation li
{
	padding: 7px 11px 6px 11px;
}

#tab-navigation li.active
{
	padding: 6px 10px 7px 10px;
}

/* END: tab navigation */
/***********************************************************************/
/* START: teaser grid */
.col-float2 #main div.opener,
.col-float2 #main div.teaser
{
	float: left;
	width: 450px;
}

.col-float2 #main div.teaser
{
	margin-top: 25px;
	margin-left: 30px;
}

.col-float2 #main div#teaser-1,
.col-float2 #main div#teaser-2
{
	margin-top: 0;
}

.col-float2 #main div#teaser-1,
.col-float2 #main div#teaser-3,
.col-float2 #main div#teaser-5,
.col-float2 #main div#teaser-7
{
	margin-left: 0;
}

.col-float2 #main div#teaser-3,
.col-float2 #main div#teaser-5,
.col-float2 #main div#teaser-7
{
	clear: left;
}

.col-float3 #main div.opener,
.col-float3 #main div.teaser
{
	float: left;
	width: 290px;
}

.col-float3 #main div.teaser
{
	float: left;
	width: 290px;
	margin-top: 25px;
	margin-left: 30px;
}

.col-float3 #main div#teaser-1,
.col-float3 #main div#teaser-2,
.col-float3 #main div#teaser-3
{
	margin-top: 0;
}

.col-float3 #main div#teaser-1,
.col-float3 #main div#teaser-4,
.col-float3 #main div#teaser-7
{
	margin-left: 0;
}

.col-float3 #main div#teaser-4,
.col-float3 #main div#teaser-7
{
	clear: left;
}
/* END: teaser grid */
/***********************************************************************/
/* START: contact finder */

#contact-box
{
	position: absolute;
	left: -7000px;
	padding: 0 0 18px 0;
	width: 590px;
}

div.nav-layer #contact-box
{
	position: static;
}

#nav-global div.nav-layer div.contact-finder ul.tabs
{
	margin: 9px 0 6px;
}

div.cf-results
{
	background: url(../images/bg-cf-results.gif) 0 0 no-repeat;
	height: 251px;
	padding: 1px 0;
}

div.cf-results div.scroll-pane
{
	height: 100%;
	overflow: auto;
}

div.cf-results div.scroll-wrapper
{
	height: 100%;
	overflow: hidden;
}

div.cf-results div.scroll-wrapper div.scroll-pane
{
	width: auto;
	height: auto;
	overflow: auto;
}

div.contact-finder select
{
	width: 200px;
	margin: 10px 10px 0 0;
}

div.cf-filter
{
	min-height: 38px;
}

div.cf-results div.cols
{
	width: 570px;
}

div.cf-results div.col
{
	width: 275px;
}

div.cf-results ul.contacts
{
	padding: 0;
	margin: 0;
	background: none;
}

#nav-global div.cf-results ul.contacts,
#nav-global div.cf-results ul.contacts li
{
	margin: 0;
}

div.cf-results div.vcard
{
	padding: 0 0 0 10px;
}

/* END: contact finder */
/***********************************************************************/
/* START: columns */

div.cols
{
	
}

div.col
{
	float: left;
	margin: 0 0 0 20px;
}

div.col-first
{
	margin-left: 0 !important;
}

div.col-second
{
	margin-left: 150px !important;
}

div.col-last
{
	margin-left: 0 !important;
	float: right;
}

.col-float3 #main div.col
{
	margin: 0 0 0 30px;
	width: 290px;
}

/* END: columns */
/***********************************************************************/
/* START: display table / vertical alignment */
.display-table {
	display: table;	
	height: 100%;
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle;
}

/* END: display table / vertical alignment */
/***********************************************************************/
.error
{
	font-family: Arial,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.2;
}