/**
 * HOFFMANN
 *
 * CSS version $version
 *
 * @author      PROMACX AG
 * @copyright   PROMACX AG / Wasserwerkgasse 20 / 3011 CH-Bern
 * @link        www.promacx.ch
 * @version     0.0.1
 * @media       screen
 */

/* ------------------------------ Layout
*/
html {
	height:100%;
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	color:#4B4B4B;
	
	background-color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#Container {position:relative; z-index:2; min-width:990px;/*width:100%; display:none;  height:100%; overflow:auto; */}
#Background {display:none;}
#Head {
	position:relative;
	height:150px;
	background-repeat:no-repeat;
}
#Body {

}

#ContentLeft {
	position:absolute;
	left:25px;
	top:205px;
	width:200px;
}

#ContentMain {
	position:absolute;
	left:275px;
	top:235px;
	width:700px;
	height:auto;
}
#Subtitle {
position:relative;
top:0px;
left:0px;
width:650px;
height:auto;
}

#ContentMiddle {
position:relative;
margin-top:10px;
height:440px;
width:335px;
float:left;
}

#ContentRight {
	position:relative;
	margin-top:10px;
	float:right;
	width:335px;
}
#Foot {
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	background-color:#000000;
	z-index:3;
}
#LogoContainer {
	/*position:absolute;
	left:20px;
	top:158px;
	z-index:100;
	background-image:url(../images/layout/bg-mainmenu.png);
	background-repeat:repeat-x;*/
	
	position:absolute;
	left:0px;
	top:140px;
	z-index:5;
	width:100%;
	height:63px;
}
#Logo {
	position:absolute;
	top:17px;
	left:20px;
}
#MainMenu {
	position:absolute;
	top:140px;
	left:275px;
	z-index:5;
}


#Stripe {
	position:absolute;
	top:140px;
	width:100%;
	height:63px;
	background-image:url(../images/layout/bg-mainmenu_hell.png);
	background-repeat:repeat-x;
	z-index:4;
}
/* ------------------------------ Home
*/

li.textlink a{text-decoration:none;}
#ShowroomHome {
background-image:url(../images/layout/bgShowroomHome.png);

background-repeat:repeat-x;
background-position:bottom;
position:fixed;
bottom:0px;
height:160px;
width:100%;
}

* html #ShowroomHome{position:absolute; bottom:0px;}

.HomeImageContainer {
float:left;
background-image:url(../images/layout/bgHome.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:auto;
width:1024px;
}




#innovation, #login, #jobs {float:right;}
#innovation{ margin-top:20px; margin-bottom:20px;}
#login{margin-top:10px;}
* html .legend {position:absolute; bottom:10px; font-size:16px; margin-left:-110px; }
*+html .legend {position:absolute; bottom:10px; font-size:16px; margin-left:-110px; }

.legend {position:absolute; bottom:10px; font-size:16px; margin-left:100px;}

.fce-linked-image-container{z-index:1;}
.fce-linked-image-textlink-container{margin-top:10px; z-index:2; position:absolute; top:5px;margin-left:180px; width:150px;}
.textlink-list{margin-top:0px;}
li.textlink{padding:0px; margin:0px;font-size:11px; line-height:12px; list-style-image:url(../images/layout/li-home.png);}

/* ------------------------------ Basics
*/
.accessibility {display:none;}
img {border:none;}
/* ------------------------------ Formats
*/
p {margin:1em 0em;}
a {
	background-color:transparent;
	color:#4B4B4B;
}
a:hover {color:#2C2582;}
h1 {
	
	font-weight:lighter;
	font-size:30px;
	line-height:1.1em;
	margin:12px 0em;
	color:#5f5f5f;
}
/* ------------------------------ TopMenu
*/
#TopMenu { color:#FFFFFF; }
#TopMenu a { color:#FFFFFF; text-decoration:none; text-transform:lowercase; }
#TopMenu a:hover { text-decoration:underline; }
#TopMenu a.active { }

.topmenu-level1-container { position:absolute; right:100px; top:5px; }
.pmx-langmenu-container { position:absolute; right:5px; top:5px; }

/* ------------------------------ MainMenu
*/
#MainMenu { color:#303030; }
#MainMenu a { color:#303030; text-decoration:none; }
#MainMenu a:hover { color:#2C2582; }
#MainMenu a.active,#MainMenu a.path { color:#2C2582; }

div.mainmenu-level1-container {
	position:relative;
	line-height:63px;
}
span.mainmenu-level1-item { position:relative; }
/*
ul.mainmenu-level1-container {
	position:relative;
	left:230px;
	margin:0px;
	padding:0px;
	line-height:63px;
	list-style-type:none;
}
li.mainmenu-level1-item {
	float:left;
}
*/
/* ------------------------------ LeftMenu
*/
.leftmenu-level1-container { color:#303030; }
.leftmenu-level1-container a { color:#303030; text-decoration:none; }
.leftmenu-level1-container a:hover { color:#2C2582; }
.leftmenu-level1-container a.path { color:#2C2582; }
.leftmenu-level1-container a.active { color:#2C2582; }

.leftmenu-level1-container {list-style-type:none; margin:2em 0px 0em 0px; padding:0px;}
.leftmenu-level1-item {margin:0px; padding:0px;}

.leftmenu-level2-container {list-style-type:none; margin:0px; padding:0px 0px 0px 0em;}
.leftmenu-level2-item {margin:0px; padding:0px;}

.leftmenu-level2-item a {padding-left:8px; background-image:url(../images/layout/li.png); background-position:left center; background-repeat:no-repeat;}
.leftmenu-level2-item a:hover {background-image:url(../images/layout/li-hover.png);}
.leftmenu-level2-item a.path {background-image:url(../images/layout/li-hover.png);}
.leftmenu-level2-item a.active {background-image:url(../images/layout/li-hover.png);}

/* ------------------------------ Showroom
*/
#Showroom {
	display:none;
}
#MooFlow {display:none;}
	#OpenCloseButton {display:none;
}

/* ------------------------------ News
*/
.news-stdlist-item { position:relative; margin:1em 0em 1em 0em;}
.news-stdlist-date a {font-weight:normal; color:4B4B4B;}
.news-stdlist-title {font-size:1em; margin:0em;}
.news-stdlist-morelink { font-size:0.9em; /*text-align:right; position:absolute; top:0px; right:0px; */ }
.news-stdlist-morelink a { color:#2C2582;}
.news-stdlist-item p.bodytext {margin:0em;}
.news-stdlist-item a {text-decoration:none;}

.news-stdlist-container a {font-weight:normal; color:4B4B4B;}


.news-list-item {
	float: left;
	width: 335px;
	padding-bottom: 20px;
}
.news-list-date {
	font-size: 11px;
	color: #969696;
}
.news-list-item #news-contentbox #news-content {
	float: left;
	width: 215px;
}
.news-list-item #news-contentbox #news-images {
	float: left;
	width: 120px;
	text-align: center;
}


.tx-ttnews-browsebox {
	float: left;
	width: 335px;
	text-align: left;
	padding-top: 10px;
}