/*
	Version 0.1h, updated on 13.08.2009
	initial version 0.1 created on 23.06.2009
	@charset "utf-8";
*/

* {
	margin: 0; /* it's good practice to zero the margin, padding and border of all elements to account for differing browser defaults */
	padding: 0;
	border: none;
}
html {
	height: 100%;
	border-bottom: 1px solid #ffffff;
}
body  {
	padding: 0 3px; /* avoid content touching the border of the browser window */
	font: 11px/15px Arial, Helvetica, sans-serif;
	background: #ffffff;
	text-align: center; /* this centers the page area in IE 5* browsers. The text is then set to the left aligned default in the #pageArea selector */
	color: #000000;
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	color: #e2001a;
}
.indented {
	display: inline-block;
	clear: both;
	padding-left: 40px;

}
.alignRight {
	display: inline-block;
	float: right;
	margin-left: 2px;
}
.selected a {
	padding-left: 14px;
	background: no-repeat top left url("/wps/wcm/connect/1813d0004f9343d38f4def5f71144a63/navigation_marker.gif?MOD=AJPERES");
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #e2001a;
}
a.highlighted {
	color: #0080C0;
}
a:hover.highlighted {
	text-decoration: underline;
}
a.active {
	color: #e2001a;
	font-weight: bold;
}
img {
	background-color: #cfd1d2;
}
a img {
	background-color: transparent;
}
a.moreLink, a.browserIcon, a.iconLink {
	background-color: #999999;
}
a.iconLink {
	 display: inline-block;
	 height: 14px;
	 border: none !important;
}

a.iconLink img{
	 border: none !important;
}
a.browserIcon {
/*	margin-left: 5px;	removed with deployment of new icons */
}
a.moreLink:hover, a.browserIcon:hover, a.iconLink:hover {
	background-color: #e2001a;
}
a.moreLink img, a.browserIcon img, a.iconLink img {
	float: none;
	height: 16px; /* fix the link underline effect */
	margin: 0;
	vertical-align: top;
}
label {
	display: block;
	padding: 1em 0 0.2em 0;
	font-style: oblique;
}
input, textarea, select {
	width: 99%;
	margin: auto;
	border: 1px inset #cfd1d2;
	font: 12px Arial, Helvetica, sans-serif;
}
input.halfwidth {
	width: 50%;
}
input.autowidth {
	width: auto;
}
input.checkbox {
	width: auto;
	margin: auto;
	border: none;
}
input.submit {
	float: right;
	clear: both;
	margin-top: 1em;
	border: 2px outset #cfd1d2;
}
textarea {
	height: 10em;
	line-height: 17px;
}
#pageArea { 
	width: 980px;  /* using 44px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#brandHead {
	height: 60px;
} 
#navigation, #brandLogo, #bottomSidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin-right: 20px;
}
#brandLogo {
	width: 183px;
	padding: 18px 0 0 15px;
}
#navigation, .articleCategorySelector {
	font: 10px Arial, Helvetica, sans-serif;
}
#navigation ul {
	list-style: none outside;
}
#navigation ul.listExpanded {
	padding-bottom: 7px;
}
#navigation li {
	padding-left: 14px;
}
#navigation li.selected {
	padding-left: 0;
}
#layeredNavigation {
	min-height: 305px;
	line-height: 16px;
}
#layeredNavigation .navigationLinks {
	padding: 15px 0;
}
#directNavigation {
	line-height: 13px;
}
#directNavigation .navigationLinks {
	padding: 5px 15px 0 0;
}
#directNavigation li {
	margin-left: 14px;
	padding-left: 4px;
	border-top: 1px solid #cfd1d2;
}
#directNavigation li.selected {
	margin-left: 0;
	padding-bottom: 6px;
	border-top: none;
	line-height: 16px;
}
#theater, #content, #brandSlogan, #bottomContent { 
	width: 760px;
	float: left;
}
#bottomContentLeft {
	float: left;
	width: 50%;
	text-align: left;
}
#bottomContentRight { 
	float: right;
	width: 50%;
	text-align: right;
}
#brandSlogan {
	padding-top: 28px;
	text-align: right;
}
#banner {
	overflow: hidden;
	width: 760px;
}
#content {
	padding-bottom: 20px;
}
.newsComposition, .newsListComposition, .newsMatrixComposition, .newsSingleViewComposition, .companyListComposition, .companyResultListComposition, .companyMatrixComposition, .companySingleViewComposition, .productSingleViewComposition, .companyFormComposition, .productFormComposition, .srDetailComposition{	/* compensate for reduced padding-top of #content	*/
	padding-top: 20px;
}
#imprintBottom { 
	clear: both;
	height: 40px;
	padding-top: 40px; /* changed from 20px to 40px on 30.06.2009 */
	font: 10px/15px Arial, Helvetica, sans-serif;
} 
#imprintBottom p {
	height: 17px;
	padding-top: 1px;
}
#bottomSidebar p {
	padding-left: 15px;
}
.highlighted {
	color: #e2001a;
	font-weight: bold;
}
.dimmed {
	color: #999999;
}
.plainDividerTop {
	border-top: 1px solid #cfd1d2;
}
.plainDividerBottom {
	border-bottom: 1px solid #cfd1d2;
}
.dashedDividerTop {
	border-top: 1px dashed #cfd1d2;
}
.dashedDividerBottom {
	border-bottom: 1px dashed #cfd1d2;
}
.newsComposition {
	float: left;
}
.newsComponent {
	float: left;
	width: 240px;
	height: 220px; /* this is to avoid the broken columns effect */ 
	padding-bottom: 17px;
}
.newsComponent h1 {
	display: block; /* this is to avoid the broken columns effect */
	height: 15px; /* this is to avoid the broken columns effect */
	padding: 9px 0;
	font: 11px/15px Arial, Helvetica, sans-serif;
}
.newsComponentSpacer {
	float: left;
	width: 20px;
}
.articleComponentHeader {
	float: left;
	width: 700px;
}
.articleComponent h1 {
	padding-bottom: 10px;
	color: #e2001a;
	font: bold 16px Arial, Helvetica, sans-serif;
}
.articleComponentBrowser {
	float: right;
	overflow: hidden;
	height: 12px;
	line-height: 13px;
}
.articleComponentLeadText {
	float: left;
	clear: both;
	width: 100%;
}
.articleCategorySelector {
	float: left;
	width: 100%;
	margin-bottom: 3px;
	padding: 15px 0;
}
.productSummaryImage {
	float: left;
	margin-right: 15px;
}
.productSummaryText {
	padding-top: 10px;
	float: left;
}
.productSummary span.productId {
	color: #e2001a;
	line-height: 20px;
	font-weight: bold;
}
/*classes for News Lists, Matrix and Details added on 30.06.2009 */
.newsMatrixComposition h1 {
	padding: 0.5em 0;
	font: italic 16px Arial, Helvetica, sans-serif;
}
.newsMatrixComposition h2 {
	padding: 0.2em 0 0 15px;
	font: italic 11px Arial, Helvetica, sans-serif;
}
.newsMatrixComposition h3 {
	padding: 0 0 0.2em 15px;
	font: 14px Arial, Helvetica, sans-serif;
}
.newsMatrixComponent {
	float: left;
	width: 240px;
	padding-bottom: 17px;
}
.newsMatrixComponentSpacer {
	float: left;
	width: 20px;
}
.newsListComposition h1, .companyListComposition h1 {
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}
.companyListComposition h1 {
	font-style: normal;
}
.newsListComposition h2, .newsListComposition h3, .companyListComposition h2, .companyListComposition h3, .companyResultListComposition h3 {
	padding: 0.5em 0 0.2em 0;
}
.newsListComposition h2, .companyListComposition h2 {
	font-size: 14px;
}
.newsListComposition h3, .companyListComposition h3, .companyResultListComposition h3 {
	font-size: 12px;
}
.companyResultListComposition h3 span.fileDetails {
	margin-left: 1em;
	font-size: 11px;
}
.newsListComposition img, .companyListComposition img, .companyResultListComposition img {	/* eliminated image class .newsListImage on 01.07.09	*/
	float: left;
	margin-right: 15px;
}
.companyResultListComposition .companyListTeasers img {
	float: none;
	margin: 0;
}
.companyResultList {
	width: 500px;
}
.newsListComposition a.moreLink img, .companyListComposition a.moreLink img, .companyResultListComposition a.moreLink img {	/* eliminated image class .newsListImage on 01.07.09	*/
	float: none;
	margin-right: 0;
}
.newsListHeader {
	font: 12px/17px Arial, Helvetica, sans-serif;
}
.newsListHeader p {	/* eliminated paragraph class .newsListDescription on 01.07.09	*/
	padding: 0.5em 0 1em 0;
}
.newsLatestEntry, .newsListBrowser, .companyListBrowser {
	float: left;
	font: 12px/17px Arial, Helvetica, sans-serif;
}
.newsListBrowser, .companyListBrowser {
	margin-top: 20px;
	padding-top: 10px;
	width: 100%;
	text-align: center;
}
.newsListEntry, .companyListEntry {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 15px;
}
.companyResultListComposition .companyListEntry {
	width: inherit;
}
.newsSingleViewComposition, .newsDetailsComponent {
	float: left;
	width: 100%;
}
.newsSingleViewComposition h1, .newsSingleViewComposition h2, .newsSingleViewComposition h3, .newsSingleViewComposition h4, .newsSingleViewComposition h5, .newsSingleViewComposition h6, .newsSingleViewComposition p {	/* added on 03.07.09 to keep content from sppilling over into image area	*/
	margin-right: 240px;
}
.newsSingleViewComposition h1 {
	padding-bottom: 0.5em;
	font: bold 20px Arial, Helvetica, sans-serif;
}
.newsSingleViewComposition h2 {	/* eliminated paragraph class .newsDetailsLead on 01.07.09	*/
	padding: 0.5em 0;
	font: bold 14px/19px Arial, Helvetica, sans-serif;
}
.newsSingleViewComposition p {	/* eliminated paragraph class .newsDetailsBody on 01.07.09	*/
	padding: 0.5em 0;
	font: 12px/17px Arial, Helvetica, sans-serif;
}
.newsSingleViewComposition a {
	text-decoration: none;
	color: #0080C0;
}
.newsSingleViewComposition a:hover {
	text-decoration: underline;
}
.newsDetailsImages h1, .newsDetailsImages h2, .newsDetailsImages h3, .newsDetailsImages h4, .newsDetailsImages h5, .newsDetailsImages h6, .newsDetailsImages p {
	margin-right: 0;
}
.newsDetailsImages img {
	float: right;
	clear: both;
	margin-left: 15px;
}
.newsDetailsImagesSpacer {
	float: right;
	clear: both;
	height: 15px;
}
.newsDetailsLead {
}
/*classes for Company Portrait, Subsidiaries and Production Plants added on 01.07.2009 */
.companyMatrixComposition h1 {
	padding-bottom: 0.8em;
	font: normal 20px Arial, Helvetica, sans-serif;
}
.companyMatrixComposition h2 {
	padding: 0.5em 0;
	font: normal 16px Arial, Helvetica, sans-serif;
}
.companyMatrixComposition h5 {
	height: 7em;
	padding-top: 4em;
	text-align: center;
	font: bold 12px/17px Arial, Helvetica, sans-serif;
}
.companyMatrixComposition p {
	font: 12px/17px Arial, Helvetica, sans-serif;
	/*height:110px;*/
}
.companyMatrixComponent {
	float: left;
	width: 240px;
	padding-bottom: 17px;
	height: 250px;
/*	height: 220px; */ /* this is to avoid bottom page not to scroll when there is a lot of content */
}
.companyMatrixComponentAddress {
	float: left;
	width: 240px;
	padding-bottom: 17px;	
/*	height: 220px; */ /* this is to avoid bottom page not to scroll when there is a lot of content */
}
.companyMatrixComponentSpacer, .formFieldsetSpacer {
	float: left;
	width: 20px;
}
.companyMatrixBrowser {
	float: left;
	padding-top: 10px;
	width: 100%;
	text-align: center;
	font: 12px/17px Arial, Helvetica, sans-serif;
}
.companySingleViewComposition, .newsDetailsComponent, .productSingleViewComposition {
	float: left;
	width: 100%;
}
.companySingleViewComposition h1, .companySingleViewComposition h2, .companySingleViewComposition h3, .companySingleViewComposition h4, .companySingleViewComposition h5, .companySingleViewComposition h6, .companySingleViewComposition p {	/* added on 03.07.09 to keep content from sppilling over into image area	*/
	margin-right: 240px;
}
.companySingleViewComposition h1, .productSingleViewComposition h1 {
	padding-bottom: 0.5em;
	font-size: 20px;
	font-weight: normal;
}
.companySingleViewComposition p, .companyFormComposition p, .companyResultListComposition .companyResultListHeader p, .companyResultListComposition .companyListTeasers p, .productSingleViewComposition p {
	padding: 0.5em 0;
	font: 12px/17px Arial, Helvetica, sans-serif;
}
.productFormComposition p {
	padding: 0.5em 0;
	font: 11px/17px Arial, Helvetica, sans-serif;
}
.companySingleViewComposition a, .productSingleViewComposition a {
	text-decoration: none;
	color: #0080C0;
}
.companySingleViewComposition a:hover, .productSingleViewComposition a:hover {
	text-decoration: underline;
}
.companyDetailsImages h1, .companyDetailsImages h2, .companyDetailsImages h3, .companyDetailsImages h4, .companyDetailsImages h5, .companyDetailsImages h6, .companyDetailsImages p {
	margin-right: 0;
}
.companyDetailsImages h1, .companyDetailsImages h2, .companyDetailsImages h3, .companyDetailsImages img, .companyDetailsImages p {	/* added paragraph and title tags together width property on 03.07.2009	*/
	float: right;
	clear: both;
	width: 240px;
	margin-left: 15px;
}
.companyDetailsImages h1, .companyDetailsImages h2, .companyDetailsImages h3 {
	margin-top: 0.5em;
	padding: 0;
}
.companyDetailsImagesSpacer {
	float: right;
	clear: both;
	height: 15px;
}
.contactDetailLabel {
	display: inline-block;
	width: 5em;
}
/*classes for Company Designers and Contact section added on 03.07.2009 */
.companyMatrixComposition h3 {
	padding: 0.5em 0;
	font: italic 16px Arial, Helvetica, sans-serif;
}
.companySingleViewComposition h2, .companyFormComposition h2, .productFormComposition h2, .companyResultListComposition h2, .productSingleViewComposition h2 {
	padding-bottom: 0.5em;
	font: italic 20px Arial, Helvetica, sans-serif;
}
.companySingleViewComposition h3, .productSingleViewComposition h3 {
	padding: 0.5em 0;
	font: bold 14px/19px Arial, Helvetica, sans-serif;
}
.companyFormComponent, .productFormComponent {
	padding-bottom: 17px;
}
.companyFormComponent fieldset, .productFormComponent form, .productDetailsComponent form {
	float: left;
	width: 240px;
}
.companyFormTeasers, .companyListTeasers, .productDetailsForm {
	float: right;
	width: 240px;
	margin-left: 15px;
}
.companyFormTeasers h1, .companyFormTeasers h2, .companyFormTeasers h3, .companyListTeasers h1, .companyListTeasers h2, .companyListTeasers h3, .productDetailsForm h1, .productDetailsForm h2, .productDetailsForm h3 {
	margin-top: 0.5em;
	margin-right: 0;
	padding: 0;
}
.companyFormTeasersSpacer, .companyListTeasersSpacer {
	height: 15px;
	float: none;
}
/* definitions for designline templates, added on 10.07.09 */
.bannerImageBrowser {
	float: right;
	overflow: hidden;
	height: 12px;
	margin-bottom: 1px;
	line-height: 13px;
}
.dlComponent {
	float: left;
	width: 760px; /* this is to avoid the column brokent effect when there are not product details below */
}
.dlComponent h1, .dlComponent h3 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
}
.dlComponent h2, .dlComponent h4 {
	font: normal 16px/20px Arial, Helvetica, sans-serif;
}
.dlComponent h3, .dlComponent h4 {
	color: #e2001a;
}
.dlComponent h6 {
	padding: 0.5em 0;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.dlComponent p {
	width: 520px;
	margin: 1em 0;
}

.dlComponent ul {
	list-style: disc inside;
	margin: auto;
	font-size: 10px;
}

.dlComponent li {
	margin: auto;
}
.dlComponent .companyMatrixComponent p {
	width: auto;
	margin: 0.5em 0;
	font-size: 10px;
}
.dlComponentTeaser {
	margin-bottom: 15px; /* this is to fix the lack of space beetwing the brochure image and tabs */
	background-color: #fff;
}
.dlComponentTeaser, .dlComponentImage {
	float: right;
	padding-left: 20px;
}
.dlComponentTeaser p {
	width: 95px;
}
.dlComponentTeaser a {
	color: #0080C0;
}
.dlComponentTeaser a:hover {
	text-decoration: underline;
}
.dlComponentTeaser img {
	float: left;
	margin-right: 10px;
	border: 1px solid #cfd1d2;
}
.dlComponentTeaser, .dlComponentTabs, .dlComponentMatrix, .dlComponentList, .dlComponentArticle {
	font: 10px/14px Arial, Helvetica, sans-serif;
}

.dlComponentTeaser .dlListItem {clear:both; display: block; width: 55px; /*margin: 20px 0 0 0; padding: 10px 0 0 0;*/ text-align: left;}
.dlComponentTeaser .dlListItem img{margin: 0; padding: 0; text-align: left; border: 0;}


.dlComponentTabs {
	clear: both;
	margin: 14px 0 0 -2px;
	background: #cfd1d2 repeat-x top left url("/wps/wcm/connect/8df834804f491ac6baa5baaf14ff42fa/dlTabBgPadding.gif?MOD=AJPERES");
}
.dlComponentTabs span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	vertical-align: bottom;
}
.dlComponentTabs span.padding {
	border-left: 2px solid #ffffff;
}
.dlComponentTabs a {
	display: inline-block;
	height: 20px;
	width: 125px;
	border-left: 2px solid #ffffff;
	line-height: 20px;
	vertical-align: bottom;
	background: #cfd1d2 no-repeat top left url("/wps/wcm/connect/657b43804f491b75baadbaaf14ff42fa/dlTabBg.png?MOD=AJPERES");
	text-align: center;
	color: #000000;
}
.dlComponentTabs a:hover {
	background-color: #e2001a;
	color: #ffffff;
	text-decoration: none;
}
.dlComponentTabs a.selected {
	background-color: #e2001a;
	color: #ffffff;
	font-weight: bold;
}
.dlComponentMatrix, .dlComponentList, .dlComponentArticle {
	float: left;
	clear: both;
	overflow: hidden;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #cfd1d2;
	border-bottom: 1px solid #cfd1d2;
	border-left: 1px solid #cfd1d2;
}
.dlComponentMatrix {
	height: 389px;
	width: 758px;
}
.dlComponentList, .dlComponentArticle {
	/*height: 369px;*/
	width: 738px;
	padding: 10px;
}
.dlComponentForm {
	width: 760px;
	font-size: 10px;
}
.dlComponentList p, .dlComponentForm p {
	width: auto;
}
.dlComponentForm input {
	width: auto;
	font-size: 11px;
}
.dlComponentForm input.submit {
	float: none;
}
.dlComponentMatrixHeader {
	height: 49px;
	line-height: 49px;
	padding-left: 0.5em;
}
.dlComponentMatrixHeader p {
	margin: 0 0 0 0.5em;
}
.dlComponentMatrixHeader a {
	display: inline-block;
	/* margin: 0 0.3em; */
}
.dlComponentMatrixHeader a.active, .dlComponentMatrixElement a {
	color: #e2001a;
	font-weight: bold;
}
.dlComponentMatrixElement {
	float: left;
	height: 170px;
	padding: 0 1px 0 9px;
}
.halfHeight .dlComponentMatrixElement {
	height: 60px;
}
.dlComponentMatrixElement div {
	float: left;
	width: 240px;
}
.dlComponentMatrixElement p {
	display: block;
	float: right;
	width: 130px;
	margin: 0.5em 0 0.1em 0;
	padding: 0 10px 0 10px;
}
.dlComponentMatrixElement img {
	float: left;
	margin: 0.5em 0 0 0;
}
.dlComponentMatrixElement div div {
	width: 90px;
	text-align: center;
}
.dlComponent h5 {
	margin-bottom: 3px;
	padding-top: 1em;
	border-bottom: 1px solid #cfd1d2;
	font: bold 10px/20px Arial, Helvetica, sans-serif;
}
.dlComponentList h6 {
	margin: 0.5em 0;
	color: #0080C0;
	font: bold 10px Arial, Helvetica, sans-serif;
}
.dlListTitle {
	display: inline-block;
	width: 288px;
}
.dlListLabel {
	display: inline-block;
	width: 80px;
	text-align: left;
}
.dlListItem {
	display: inline-block;
	width: 80px;
	text-align: right;
}
.dlComponentBrowser {
	float: left;
	clear: both;
	width: 750px;
	padding: 5px 0 0 10px;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
}
.dlComponentBrowser a.browserIcon {
	display: inline-block;
	overflow: hidden;
	height: 12px;
	vertical-align: text-top;
}
.dlComponentArticle p {
	width: 478px;
}
.dlComponentArticle div {
	float: right;
	width: 240px;
	text-align: center;
}
.dlComponentArticle div img {
	margin: 1em 0 10px 0;
}
.dlComponent form {
	float: left;
}
.dlComponent fieldset {
	float: left;
	width: 240px;
}
.dlComponentForm fieldset {
	width: auto;
}
.dlComponent label {
	float: left;
	width: 80px;
	padding: 0;
	line-height: 1.7em;
}
.dlComponent ul.stacked {
	list-style: none inside;
}
.dlComponent ul.stacked li {
	float: left;
	width: 226px;
	background-image: url("/wps/wcm/connect/e035878040073affb1c7b39143ce2835/bullet_discRed.gif?MOD=AJPERES");
	background-repeat: no-repeat;
	padding-left: 14px;
}

.dlComponentForm label {
	float: none;
	display: inline-block;
	line-height: 2.5em;
}
.dlComponentForm label.checkbox {
	width: auto;
	line-height: normal;
	padding-left: 1em;
	font-style: normal;
}
.dlComponent select {
	float: right;
	width: 160px;
	font-size: 11px;
}
.dlComponentForm select {
	float: none;
	width: auto;
}
.dlResultList, .dlResultMatrix {
	float: left;
	clear: both;
	width: 760px;
	font: 10px Arial, Helvetica, sans-serif;
}
.dlResultList span {
	display: inline-block;
}
.dlResultListHeader {
	padding: 1em 0 3px 0;
	border-bottom: 1px solid #cfd1d2;
}
.dlResultListFooter {
	float: left;
	padding: 1em 0 3px 0;
}
.dlResultListHeader span, .dlResultListFooter span {
	line-height: 11px;
	font-weight: bold;
}
.dlResultListFooter .dlResultCheckbox {
	margin-bottom: 0;
	vertical-align: middle;
}
.dlResultListBody {
	margin-bottom: 1em;
}
.dlResultListFooter input.submit {
	float: none;
}
.dlResultListBody p {
	width: auto;
	margin: 0;
	line-height: 30px;
	border-bottom: 1px solid #cfd1d2;
}
.dlResultListBody img {
	vertical-align: middle;
}
.dlResultListBody a.iconLink img {
}
.dlResultListBody a {
	color: #e2001a;
	font-weight: bold;
}
.dlResultListBody span {
	line-height: 14px;
}
.dlResultThumb {
	width: 50px;
}
.dlResultThumb img {
	width: 45px; /* this fix the search results images distortion */
}
.dlResultThumbL {
	width: 65px;
}
.dlResultCheckbox {
	width: 50px;
	margin-bottom: 6px;
	text-align: center;
	vertical-align: bottom;
}
.dlResultID {
	width: 45px;
}
.dlResultTitle {
	width: 130px;
}
.DownloadBasket{
	width: 180px;
}
.dlResultTitleL {
	width: 400px;
}
.dlResultCategory {
	width: 100px;
	text-align: center;
}
.dlResultDetail {
	width: 50px;
	text-align: right;
}
.dlResultDetailM {
	width: 75px;
	text-align: right;
}
.dlResultDetailL {
	width: 100px;
	text-align: right;
}
.dlResultLinks {
	width: 50px;
	text-align: right;
}

/* SHOWROOM Styles */

.srList, .srListMatrix {
	float: left;
	clear: both;
	width: 760px;
	font: 10px Arial, Helvetica, sans-serif;
	margin-top: 20px;	
}
.srList span {
	display: inline-block;
}



.srListFooter input.submit {
	float: none;
}
.srListBody {
	margin-bottom: 1em;
}
.srListBody p {
	width: auto;
	margin: 0;
	border-bottom: 1px solid #cfd1d2;
	line-height: 30px;
}
.srListBody img {
	vertical-align: middle;
}
.srListBody a.iconLink img {
}
.srListBody a {
	color: #e2001a;
	font-weight: bold;
}
.srListBody span {
	line-height: 14px;
}

.srListProvider{
	width: 150px;
}
.srListZIP{
	width: 50px;
	text-align: right;
	margin-right: 10px;
}
.srListCity{
	width: 80px;
}
.srListAddress{
	width: 150px;
}
.srListTelefon{
	width: 130px;
}
.srListEmail{
	width: 100px;
}

.srDetailComposition{
	width: 760px;
}

.srDetailComponent{
	background-color: #E5E5E5;
	width: 500px;
	float: left;
	height: 150px; /* this is to avoid the broken columns effect */ 
	/*padding-bottom: 17px;*/
}


.srDetailAddress{
	display: inline-block;
	margin-left: 20px;
	font-weight: bolder;
}
.srDetailLabel{
	display: inline-block;
	width: 5em;
	margin-left: 20px;
}
.srDetailNr{
	font-weight: bolder;	
}
.srDetailLogo{
	float: left;
	padding-left: 20px;
	width: 240px;
	height: 60px;	
	margin-bottom: 20px;
}
.srDetailMap{
	float: left;
	width: 240px;
	margin-left: 20px;	
}
.srDetailMapSubtitle{
	display: inline-block;
	margin-left: 5px;
	font-style: italic;
}
.srDetailDL{
	float: left;
	width: 760px;
	padding-bottom: 20px;

	
}
.srDetailDLList{
	margin-left: 20px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #e2001a;

}

.srDetailDL a{
	color: #e2001a;
}

#srbrandLogoPRINT {
	width: 183px;
	float: left;
	padding: 25px 0 0 0px;
}

#srbrandSloganPRINT {
	width: 577px;
	float: left;
	padding-top: 28px;
	text-align: right;
}
#srpageAreaPRINT {
	width: 780px;
	background: #ffffff;  /*the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-left: 20px;
}

.google{
	width: 240px;
	height: 150px;
}

/* DOCUMENT FINDER */

.dfBrochures h2{
	font-size: 10px;	
}
.dfBrochures p{
	width: 120px; 
	
}

.dfForm{
	float: left;
	width: 200px;
	height: 200px;
	margin-left:20px;
	margin-right: 20px;
}
.dfForm label {
	float: left;
	width: 200px;
	padding: 0;
	line-height: 1.7em;
	margin-bottom: 5px;
}
.dfForm fieldset{
	width: 200px;
}

.dfForm select{
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.dfBrochures{
	float: left;
	display: inline;
	width: 758px;
	
}
.dfSingleBrochure{
	float: left;
	width: 120px;
	/*margin-right: 20px;*/
	/*margin-bottom: 20px;*/
	margin-top: 5px;
	padding-left: 20px;
	min-height: 220px;
}

.dfSingleBrochure h2{
	font-size: 11px;
	line-height: 110%;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
}

.dfSingleBrochure img{
	border: 1px solid #ddd;
}

.dfFilesize{
	font-style: italic;
}
/*  Document Results  */

.drList{
	float: left;
	clear: both;
	width: 760px;
	font: 10px Arial, Helvetica, sans-serif;
}
.drList span {
	display: inline-block;
}
.drThumb{
	width: 80px;
	margin-left: 10px;
}
.drDocumentType{
	width: 140px;
}
.drDesignline{
	width: 140px;
}
.drProdType{
	width: 100px;
}
.drModNr{
	width: 100px;
}
.drSize{
	width: 80px;
}
.drDocuName{
	width: 250px;
}
.dbDescription1 {
width : 150px;
}
.dbDescription2 {
width : 180px;
}
.dbFilename {
width : 210px;
}

.dFinderComponent {
	float: left;
	width: 760px; /* this is to avoid the column brokent effect when there are not product details below */
}
.dFinderComponent h1, .dFinderComponent h3 {
	font: bold 16px/20px Arial, Helvetica, sans-serif;
}
.dFinderComponent h2, .dFinderComponent h4 {
	font: normal 16px/20px Arial, Helvetica, sans-serif;
}
.dFinderComponent h3, .dFinderComponent h4 {
	color: #e2001a;
}
.dFinderComponent h6 {
	padding: 0.5em 0;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.dFinderComponent p {
	width:120 px
	margin: 1em 0;
}

.dFinderComponent ul {
	list-style: disc inside;
	margin: auto;
	font-size: 10px;
}

.dFinderComponent li {
	margin: auto;
}
.dFinderComponent {
	width: auto;
	margin: 0.5em 0;
	font-size: 10px;
}

/* supplier application */

div.suphead {margin: 5px 0 15px 0; display: block; clear: both;}

h1.stit {font-size: 18px; font-weight: normal; padding: 5px 0;}
h4.sblocks {font-size: 12px; font-weight: bold; padding: 5px 0; border-bottom: 1px solid #ddd; clear: both;}

.supboxout {clear:both; margin: 10px 0;}
.supboxout h5 {float:left; clear:both; font-size: 12px;}

.supboxout .marginspecial{margin:0 0 10px 99px;}
.supboxout .paddingspecial{padding-top:5px; line-height: 140% !important; }

.supboxout button{margin-top: 5px; margin-bottom: 5px; padding: 3px; display: block; clear: both; background-color: #d4d4d1;}
.supboxout button:hover {background-color: #eee; cursor: pointer;}

.supboxin {width: 646px; background-color: #f3f3f2; padding: 8px; margin: 0 0 10px 0; float:right; position: relative;}


.supboxin.scontact {width: 648px !important;}
.supboxin input,.supboxin select {border: 1px solid #ddd; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 2px; background: #fff url("wps/wcm/connect/a46c048040ff7846a506bddaf6df82b7/input-bkg.png?MOD=AJPERES") repeat-x; margin: 4px 0; padding: 3px; color: #666; float: left;}
.supboxin input:focus{border: 1px solid #666; }
.supboxin input.sbig {width: 384px; margin-right: 2px;}
.supboxin input.smed {width: 255px; margin-right: 2px;}
.supboxin input.ssmall {width: 133px; margin-right: 2px;}
.supboxin input.smin {width: 85px; margin-right: 2px;}
fieldset.smedium{width: 300px; float: left; padding: 0 15px 15px 5px; margin-right: 2px;}
div.smedium {width: 310px; float: left; padding: 0 5px 15px 5px; margin-right: 2px;}
.supboxin .smargintop {margin-top: 15px;}

.supboxin select.sbig {width: 384px; margin-right: 2px;}
.supboxin select.smed {width: 255px; margin-right: 2px;}
.supboxin select.ssmall {width: 133px; margin-right: 2px;}
.supboxin select.smin {width: 85px; margin-right: 2px;}

.supboxin ul {list-style-type: none;}
.supboxin ul li{list-style-type: none; line-height: 265%; padding: 0 0 0 6px;}
.supboxin ul li input[type=checkbox] {margin-right: 6px;}

.supboxin input[type=checkbox] {width: auto !important; clear: both; margin-top: 8px;}
.supboxout input[type=submit] {width: auto !important; clear: both; padding: 6px 12px; display: block; margin: 0 !important;background-color: #ddd; border: 1px solid #ddd; }

.supboxout input[type=submit]:hover {background-color: #eee; cursor: pointer;}

.scols {width: 315px !important; float: right; display: inline;}
.sborder {border-bottom: 1px solid #ddd; margin-bottom: 10px;}


.supboxin p {float: left; line-height: 280%; padding: 0 5px 0 5px; position: relative; }
.supboxin p.first {width: 90px;}
div.nofloat, p.nofloat{clear: both; display: block; width: 100%; position: relative;}
p.nofloat{margin-bottom: 15px;}
span.scol01 {position: absolute; left: 5px; top:-5px; min-width: 100px;}
span.scol02 {position: absolute; left: 147px; top:-5px; min-width: 100px;}
span.scol03 {position: absolute; left: 290px; top:-5px; min-width: 100px;}
span.scol04 {position: absolute; left: 430px; top:-5px; min-width: 100px;}
span.scol05 {position: absolute; left: 470px; top:-5px; min-width: 100px;}

span.scol01b {position: absolute; left: 12px; top:10px; min-width: 100px;}
span.scol02b {position: absolute; left: 102px; top:10px; min-width: 100px;}
span.scol03b {position: absolute; left: 198px; top:10px; min-width: 100px;}

span.scol01c {position: absolute; left: 2px; top:-4px; min-width: 100px;}
span.scol02c {position: absolute; left: 100px; top:-4px; min-width: 100px;}
span.scol03c {position: absolute; left: 240px; top:-4px; min-width: 100px;}
span.scol04c {position: absolute; left: 384px; top:-4px; min-width: 100px;}

span.scol02d {padding-left: 4px;}

.supboxin input.sattach {position: relative; border:1px solid #ddd; margin-top: 10px;}