html,
body {
	font-family: Georgia,"Times New Roman", Times, serif;
	color: #666666;
}

#pageContent {
	width: 960px;
	margin: 0 auto;
}

/*font sizes*/
#pageContent{font-size:0.625em;}
#siteNavi_01 ul a,
#siteNavi_02 ul a{
	font-size: 1.3em;
}

#header .logoWrap h1,
#header .logoWrap span{
	font-size: 2.2em;
}

.welcomeText {
	font-size: 2.8em;
}

.teaserContainer2 h5,
.teaserImgContainer h2,
.pageContent .productIntroduction h1,
.pageContent .centerPan h1 {
	font-size: 1.8em;
}

.pageContent .leftPan .subNav li ul li,
.pageContent .leftPan .subNav li ul li ul li,
.pageContent .productIntroduction ul li ul li{
	font-size: 1em;
}

.documentList,
.pageContent .centerPan p,
#header .searchWrap input,
#frontPage .news li span,
#frontPage .news li a,
#frontPage .productNews h2,
#frontPage .news h2,
.menuContent p,
.menuContent ul li a,
.languageSelection a,
.teaserContainer p,
.teaserContainer a,
.teaserContainer .centerPan h2,
.productNews p,
.productNews a,
.productInfo p,
.related p,
.pageContent .leftPan .subNav li,
.pageContent .productIntroduction ul li {
	font-size: 1.2em;
}

.menuContent h2,
.productNews h2,
.productInfo h2,
.related h2 {
	font-size: 1.4em;
}

.languageList a ,
.languageList li.first span,
#footer {
	font-size: 1.1em;
}

.frontPageNavi span {
	font-size: 1.6em;
}
/* Header */

#landingPage #header {
	background: #ffffff url(../img/bg_header_lp2.png) left bottom no-repeat;
	height: 194px;
}

#frontPage #header {
	background: #ffffff url(../img/bg_header_frontPage.png) left bottom no-repeat;
	height: 227px;
}

#header {
	background: #ffffff url(../img/bg_header.png) left bottom no-repeat;
	height: 145px;
}

#landingPage #header .logoWrap {
	margin-top: 49px;
}

#header .logoWrap{
	position: absolute;
	margin-top: 50px;
	margin-left: 21px;
	text-transform: uppercase;
}

#header .logo {
	display: block;
	width: 165px;
	height: 44px;
	float: left;
	margin-top: 5px;
	background: transparent url(../img/logo.png) left top no-repeat;
}

#header a.logo span {
	display: none;
}

#header .logoWrap h1,
#header .logoWrap span{
	display: inline;
	color: #ffffff;
	font-family: arial, verdana;
}

#header .logoWrap span {
	padding: 0 10px;
}

#header .headerWrap {
	height:145px;
	position:absolute;
	width: 960px;
}

#header .searchWrap {
	float: right;
	padding: 40px 10px 0 0;
}

#header .searchWrap input {
	color: #00728f;
	font-family: arial, verdana;
	background: transparent url(../img/bg_searchField.png) left center no-repeat;
	border: none;
	padding-left: 5px;
}

#header #submitHeaderSearch {
	background: url(../img/bg_searchButton.png) left center no-repeat;
	border: none;
	font-size: 0px;
	padding: 15px 0 9px 23px;
}

.languageSelection,
.languageList {
	width: 83px;
}

.languageSelection {	
	background: url(../img/bg_languageSelection_left.png) left top no-repeat;
	padding-left: 10px;
	margin-top: 10px;
	clear: both;
	float: right;
	margin-right: 42px;
}

.bg_languageSelection {
	background: url(../img/bg_languageSelection_right.png) right top no-repeat;
	height: 25px;
}

.languageSelection a{	
	background: url(../img/arrow_languageSelection.png) right center no-repeat;
	padding-right: 15px;
	color: #00728f;
	font-family: arial, verdana;
}

.languageList {
	position: absolute;
	margin-top: -25px;
	list-style: none;
	margin-left: -10px;
	/* width: 100%;  */
	padding-right: 10px;
	/* display: none; */
	visibility: hidden;
	z-index: 100;
}

.languageList a {
	color: #00728f;
	font-family: arial, verdana;
	background: none;
	display: block;
	padding-left: 15px;
	padding-top: 2px;
}

.languageList li {
	background-color: #ffffff;
	border: 1px solid #00728f;
	border-top: none;	
	margin-left: -1px;
	width: 100%;
	padding-right: 10px;
	height: 18px;
}

.languageList li.selected {
	background-color: #56c6e3;
}

.languageList li.first {
	border: none;
	border-bottom: 1px solid #00728f;
	/* padding-left: 10px; */
	/* background-color: transparent; */
	/* width: auto; */
	padding-right: 10px;
	width: 100%;
	margin-top: 2px;
	margin-left: 0;
}

.languageList li.first span {
	padding-left: 10px;
	font-weight: bold;
	color: #00728f;
	font-family: arial, verdana;
}


#siteNavi_01 ul {
	margin-top: 120px;
	margin-left: 5px;
	font-family: arial, verdana;
}

#siteNavi_01 ul a{
	color: #ffffff;
}

#siteNavi_01 li#siteNavi_01_topNavi {
	top: -115px;
	right: 0;
	position: absolute;
}

#siteNavi_01 ul li {
	float: left;
	list-style: none;
	margin-left: 15px;
	font-weight: 700;
}

#siteNavi_01 ul ul li{
	font-weight: normal;
	margin-left: 0;
	margin-right: 5px;
}

#siteNavi_01 ul ul li a{
	color: #666666;
}

/* Front page */

#frontPageNaviWrap {
	/* position: relative; */
	margin-bottom: 8px;
}

#frontPageNaviWrap img{
	margin: 8px 0;
}

.frontPageNavi {
	background: #bd500f url(../img/bg_nav2_frontPage.png) left top no-repeat;
	height: 49px;
	padding: 23px 0 0 40px;
}

.frontPageNavi span {
	font-family: arial, verdana;
	color: #ffffff;
	padding: 0 .5em;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
}

/* Front Page Menus */

#menu1 {
	margin-left: 0;
}

#menu2 {
	margin-left: 26em;
}

#menu3 {
	margin-left: 48em;
}

#menu4 {
	margin-left: 61em;
}

.menuContent {
	background: url(../img/bg_bubble_l.png) left top no-repeat;
	position: absolute;
	/* width: 470px; */
	height: 157px;

	overflow: auto;
	margin-top: 18px;
	/* display: none; */
	visibility: hidden;
	z-index: 10;
	font-family: arial, verdana;
}

.bgMenuContent {
	background: url(../img/bg_bubble_c.png) center bottom no-repeat;
	height: 157px;
}

.bgMenuContent2 {
	background: url(../img/bg_bubble_r.png) right top no-repeat;
	padding: 10px 10px 0 0;
	height: 110px;
	margin-left: 10px;
}

.menuContent .ingress{
	float: left;
	width: 160px;
}

.menuContent ul {
	float: left;
	/* width: 154px; */
}

.menuContent ul li {
	list-style: none;
	margin-left: 10px;
	background: url(../img/arrow_basicBullet.png) left .3em no-repeat;
	padding-left: 10px;
}

.menuContent ul li a{
	color: #000000;
}

.menuContent h2 a {
	color: #6d6e71;
	font-weight: bold;
}

.menuContent p {
	color: #000000;
	margin-top: 10px;
}

/* News */

#frontPage .news {
	width: 690px;
	float: left;
	margin-bottom: 35px;
}

#frontPage .news h2,
#frontPage .productNews h2{
	background-color: #dcddde;
	font-weight: bold;
	color: #000000;
	font-family: arial, verdana;
	height: 23px;
	padding: 9px 0 0 45px;
}

#frontPage .news li {
	list-style: none;
	border-bottom: 1px dashed #bcbdbf;
	padding: 10px 0 10px 45px;
	float: left;
	width: 645px;
}

#frontPage .news li a {
	color: #999a9c;
	display: block;
	float: left;
}

#frontPage .news li span {
	display: block;
	color: #d06f1a;
	float: right;
	padding-right: 18px;
}

#frontPage .productNews {
	float: right;
	width: 260px;
	margin: 0;
	border: none;
}

#frontPage .productNews h2{
	background-color: #edeeee;
	padding-left: 8px;
}

#frontPage .productNews img {
	padding: 0;
}


/* Sitenav 2 */

#siteNavi_02 {
	/*  background-color: #dcddde;  */
	background: #dcddde url(../img/bg_siteNavi_02.png) left top no-repeat;
	margin: 10px 0;
	float: left;
	width: 100%;
}

#siteNavi_02 ul li{
	float: left;
	list-style: none;
	padding: 5px 20px;
	border-right: 5px solid #ffffff;
}

#siteNavi_02 ul li.selected{
	background-color: #58585a;
}

#siteNavi_02 ul li a{
	color: #000000;
	font-family: arial, verdana;
	font-weight: bold;
}

#siteNavi_02 ul li.selected a{
	color: #ffffff;
}

/*  Teaser Banner */

.teaserImgContainer {
	background: #ffffff url(../img/bg_teaserImgCont.png) left bottom no-repeat;
	float: left;

}

.teaserImgContainer h2 {
	width: 300px;
	padding-left: 20px;
	font-family: arial, verdana;
	color: #ffffff;
	text-transform: uppercase;
	float: left;
	padding-top: 16px;
	height: 36px; /* height + top padding =  52px, which is 8px more than the backround images height (i.e 8px is the space between the image above and background) .   */
}

/*  Teaser content */

.teaserContainer {
	margin-top: 10px;
	background: url(../img/bg_teaserContainer.png) left top repeat-y;
	float: left;
	width: 960px;
}

.teaserContainer .panel {
	float: left;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	width: 280px;
}

.teaserContainer .highlight {
	border-top: 1px dashed #bcbdbf;
	margin-top: 20px;
	padding-top: 10px;
}

.teaserContainer .centerPan img {
	float: right;
	margin-right: 15px;
	margin-left: 10px;
}

.teaserContainer .subNav li{
	list-style: none;
	padding: 4px 0 4px 15px;
	border-top: 1px dashed #cccccc;
	background: url(../img/arrow_browse.png) left .7em no-repeat;
}

.teaserContainer .subNav li.first {
	border-top: none;
}

.teaserContainer .subNav li a {
	display: block;
	color: #666666;
}

.teaserContainer .centerPan .subNav li{
	background: url(../img/arrow_basicBullet.png) left .7em no-repeat;
}

.teaserContainer .centerPan .subNav li a{
	color: #00728f;
}

.teaserContainer .centerPan h2 {
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
}

.teaserContainer .ingress p {
	color: #000000;
	margin-bottom: 10px;
}

.teaserContainer .extraBox {
	background: url(../img/bg_teaserExtrabox.png) left top no-repeat;
	padding-top: 36px;
}

/* Product news */

.productNews {
	margin-top: 15px;
	float: left;
}

.productNews .productNewsHeader {
	border-top: 1px dashed #999999;
	background: url(../img/bg_productNewsHeader.png) left top no-repeat;
	color: #ffffff;
	height: 22px;
	padding-top: 3px;
	padding-left: 20px;
}

.productNews .panel {
	float: left;
	width: 390px;
	padding: 5px 20px 0 10px;
	margin-right: 30px;
}

.productNews .leftPan {
	margin-left: 45px;
	width: 385px;
}

.productNews h2 {
	color: #d06f1a;
	font-weight: bold;
	font-family: arial, verdana;
}

.productNews a {
	background: url(../img/arrow_basicBullet.png) left .3em no-repeat;
	padding-left: 15px;
}

.productNews img {
	float: right;
	padding-left: 20px;
}

.productNews a {
	color: #00728f;
}

.productNews p {
	color: #000000;
	margin: 10px 0;
}

/* Sub Page Content */

.pageContent .panel {
	float: left;
}

.pageContent .leftPan {
	width: 212px;
	margin-left: 10px;
}

.pageContent .centerPan {
	width: 850px;
	margin: 25px 25px;
}

.pageContent .centerPan h1 {
	color: #6d6e71;
	font-family: arial, verdana;
}

.pageContent .centerPan p {
	color: #000000;
	line-height:1.8em;
	margin-top: 10px;
}

.pageContent .centerPan .first{
	border-top: none;
}

.pageContent .rightPan {
	width: 145px;
	margin-right: 20px;
}

.pageContent .leftPan .subNav li{
	list-style: none;
	font-family: arial, verdana;
	border-bottom: 1px solid #cccccc;
	padding:0;
	padding-left: 10px;
	font-weight: bold;
	color: #00728f;
}

.pageContent .leftPan .subNav li.first {
	border-top: 1px solid #cccccc;
}

.pageContent .leftPan .subNav li ul li{
	padding-left: 25px;
	border-bottom: none;
	border-top: 1px solid #cccccc;
	background-color: #e2e3e4;
	margin-left: -10px;
}

.pageContent .leftPan .subNav li ul li ul li{
	background-color: #f3f3f3;
	margin-left: -25px;
	padding-left: 40px;
}

.pageContent .leftPan .subNav a{
	color: #00728f;
	display: block;
	padding: 4px 0;
}

.pageContent .leftPan .subNav .selected a {
	color: #000000;
}

.pageContent .leftPan .subNav .new a {
	background: url(../img/new_li.png) right .65em no-repeat;
	padding-right: 30px;
	margin-right: 10px;
}

.productInfo {
	border-top: 1px dashed #999999;
	padding-bottom:10px;
	padding-top:20px;
	width:513px;
	float:left;
}

.productInfo h2,
.productInfo h2 a{
	color: #d06f1a;
	font-weight: bold;
	font-family: arial, verdana;
}

.productInfo h2 span {
	color: #00728f;
}

.productInfo .productInfoImgWrap {
	display:block;
	float:left;
	width:100px;
}

.productInfo .productInfoTxtWrap {
	width: 410px;
	float: left;
	display: block;
}

.productInfo p{	
	color: #000000;
	line-height: 2em;
}

.related h2{
	color: #000000;
	font-family: arial, verdana;
	font-weight: bold;
	margin: 20px 0 0 0;
}

.related p{
	margin: 10px 0;
	line-height: 1.5em;
	padding-left: 15px;
	background: url(../img/arrow_related.png) left .3em no-repeat;
}

.related a{
	color: #00728f;
}

.pageContent .productIntroduction{
	color: #000000;
	padding-bottom: 15px;
}

.pageContent .productIntroduction h1 {
	font-weight: bold;
	font-family: arial, verdana;
}

.pageContent .productIntroduction ul {
	list-style: disc;
	margin: 10px 0 10px 15px;
}

.pageContent .productIntroduction ul li {
	margin: 4px 0;
}

.pageContent .TabbedPanels {
	margin-bottom: 15px;
}


/* Footer */

#footer,
#footer a {
	color: #666666;
	font-family: arial, verdana;
}

#footer {
	clear: left;
	border-top: 12px solid #e6e7e8;
	padding-top: 2px;
	padding-left: 20px;
	margin-bottom: 10px;
}

/* documentList */

.documentList {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
}

.documentList th {
	background-color: #f3f3f3;
	color: #6d6d6d;
	font-weight: bold;
	padding: 3px 5px;
}

.documentList td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #e2e3e4;
	padding-left: 10px;
}

.documentList a {
	display: block;
	background: #ffffff url(../img/arrow_basicBullet.png) 10px .5em no-repeat;
	margin: 0;
	line-height: normal;
	padding: 2px 25px;
	color: #00728f;
	margin-left: -10px;
}

/* LandingPage */

.teaserContainer2 {
	background: none;
	color: #333333;
	margin-top: 3px;
}

#pageContent .teaserContainer2 img {
	margin: 0 auto;
}

#pageContent .teaserContainer2 .threeCols .panel{
	width: 310px;
	padding: 8px 5px;
}

#pageContent .teaserContainer2 .threeCols .panel .content{
	padding: 0 5px;
}

#pageContent .teaserContainer2 .twoCols .panel{
	width: 440px;
}

#pageContent .teaserContainer2 .oneCol .panel{
	width: 920px;
}

.teaserContainer2 h5 {
	font-weight: bold;
	margin: 10px 0;
}

#pageContent .teaserContainer2 .centerPan img {
	float: none;

}

.teaserContainer2 p {
	line-height: 22px;
}

.welcomeText {
	color: #ffffff;
	margin-top: -55px;
	position: absolute;
	font-family: arial, verdana;
	font-weight: bold;
	margin-left: 21px;
	letter-spacing: -1px;
}




.clearfix:after {content:".";display:block;height:0;clear: both;visibility: hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height:1%;}
.clearfix {display:block;}