* {
  margin: 0;
  padding: 0;
  z-index: 0;
  /*reset all margins and paddings*/
}

img, a img{
  border: none;
  /*no borders for images or images within links*/
}
html, body, #wrapper {
  width: 100%;
  height: 100%;  
}

body {
  font-family: Trebuchet MS, Arial, sans-serif;
  font-weight: normal;
  line-height: 120%;
  font-variant: normal;
  font-size: 12px;
  color: #606060;
  background-color: #fff;
}

#outer {
  margin: 0 50px;
  height: 100%;
}

#wrapper {
  padding-bottom: 48px;/*space for footer*/
}

#nonFooter {
  min-height: 100%;
}

#content {
  padding: 110px 5px 48px 0;/*space for header, right padding, space for footer, left padding*/
  min-height: 100%;
}

.fixHeadline {
  top: 10px;
  background-color: #fff;
  width: 100%;
  padding-bottom: 0.3em;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  color: #424242;
  margin-bottom: 10px;
  /*was position fixed, layout has been abandoned because of space problems*/
}

span.fixHeadline {
  display: inline;
  position: static;
  padding: 0;
}

#prodNames{
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0;
  color: #424242;
  padding: 3px 0;
  /*product name for product detail*/
}

#breadcrumb {
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  color: #606060;
  left: 0;
  position: relative;
  top: 100px;
  width: 100%;
  background-color: #fff;
  padding: 15px 0 0px;
  z-index: 3;
}

#breadcrumb a {
  text-decoration: none;
}

#breadcrumb #last{
  font-weight: bold;
  text-decoration: none;
  color: #424242;
}

#breadcrumb ul {
  list-style: none;
  position: relative;
}

#breadcrumb ul li {
  float: left;
  padding-right: 5px;
}

#header {
  background: url(../file/img/bg_header.gif) repeat-x top;
  height: 110px;
  z-index: 5;
  position: fixed;
  width: 100%;
  margin-left: -50px;
  /*header stays in place while rest of the page scrolls under header - doesn`t work in IE6 though*/
}

#headerInner {
  margin: 0 -50px 0 50px;
}

#navi {
  position: absolute;
  top: 36px;
  left: 185px;
}

#mainNavi {
  margin: 4px 0 14px 0px;
  list-style: none;
  position: relative;
}
.navili {
  color: #adadad;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 20px;
  background: url(../file/img/line_vertical.gif) right no-repeat;
}


.navililast {
  background: none;
  padding-left: 7px;  
}

#subNavi, #tab-navi {
  position: relative;
  bottom: -1px;
  left: 2px;
  list-style: none;  
}

#subNavi{
  top: 10px;
  left: -135px;
}

#subNavi li, #tab-navi li {
  background-image: url(../file/img/reiter_inaktiv_rechts.png);
  background-position:  right top;
  background-repeat:  no-repeat;
  float: left;
  height: 30px;
  padding-left: 3px;
  display: inline;
}

#subNavi li a, #tab-navi li a {
  background-image: url(../file/img/reiter_inaktiv_links.png);
  background-position:  left top;
  background-repeat:  no-repeat;
  display: block;
  padding: 9px 20px 8px 20px;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  color: #424242;
  margin-left: -6px;
}

#subNavi #current, #tab-navi #current-tab {
  background-image: url(../file/img/reiter_aktiv_rechts.png);
  background-position:  right top;
  background-repeat:  no-repeat;
  color: white;
}

#subNavi #current a, #tab-navi #current-tab a {
  background-image: url(../file/img/reiter_aktiv_links.png);
  background-position:  left top;
  background-repeat: no-repeat;
  color: white;
}

#tab-outer {
  position: relative;
  top: 20px;
  left: 0;
  width: 100%;
}

#tab-container {
  clear: both;
  position: relative;
  height: 100%;
  border: 1px solid #ccc;
  top: 0;
  left: 0;
}

.tab-content {
  top: 0;
  left: 0;
  display: none;
  padding: 20px;
  padding-top: 22px;
  position: relative;
  width: 98%;
}

#a-tab-1 {
  display: block;
}

.tab-flash-text {
  float: right;
  width: 215px;
  position: relative;
  border-left: 1px solid #ccc;
  padding: 0 5px 5px 20px;
  color: #424242;
  height: auto;
  display: inline;
  z-index: 3;
}

.tab-flash-text h2 {
  margin: 0 0 20px 0;
  padding: 0;
  color: #424242;
}

.tab-flash-text h3 {
  padding: 0;
}

.tab-p, .tab-flash-text h3 {
  margin: 0 20px 10px 0;
}

.tab-flash {
  position:relative;
  left: 0;
  top: 0;
  display: block;
  padding-right: 240px;
  z-index: 0;
}

.divider {
  margin: 0 0 20px 0;
  width: 190px;
  color:#ccc;
  border-top: 1px solid #ccc;
  border-bottom: none;
  border-left: none;
  border-right: none;
  height: 1px;
}

#flashholder1, #flashholder2, #flashholder3{
  margin: 0 auto;
  position: relative;
  display: block;
}

.tab-image {  
  float: left;
  position: relative;
  width: 425px;
  margin: 0 0 0 -100%;
}

.tab-content h2 {
  clear: both;
}

.tab-content .tile-outer {
  height: 120px;
  width: 210px;
}

.navili, #footerLinks li, #subNavi li, #tab-navi li {
  display: inline;
  margin-right: 10px;
}

.footerLink, #languageText {
  color: #666;
}

a.link, a {
  color: #606060;
  text-decoration: underline;
}

a:hover, #footerLinks a:hover {
  color: #29b7db;
  text-decoration: none;  
}

a.naviLink {
  font-size: 12px;
  color: #898989;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;  
}

a.naviLinkActive {
  color: #393939;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

a.naviLink:hover {
  color: #393939;
}

#homeleft {
  width: 585px;
  margin-right: 20px;
  float: left;
}

#homeright {
  width: 280px;
  float: left;
}

#userbox, #flashbox, #homelinks, #homenews {
  float: left;
  position: relative;
}

#flashbox {
  margin-bottom: 20px;
}

#userbox {
  height: 350px;
  margin-bottom: 20px;
}

#loginbox {
  width: 240px;
  color: white;
  background-color: #606060;
  padding: 20px;
  height: 160px;
}

#logout {
  position: absolute;
  right: 240px;
  top: 90px;
  z-index: 12;
}

#regBox {
  width: 240px;
  height: 125px;
  padding: 11px 19px 11px 19px;
  border: 1px solid #dadada;
  background: url(../file/img/hg_registrierung.jpg) top no-repeat;
}

#regBox a {
  text-decoration: none;
}

#regBox h2 {
  margin: 0;
}

#regBox p {
  margin: 4px 0;
}

#regBox a{
  background: url(../file/img/btn_registrierung_over.png) top no-repeat;
  display: block;
  width: 159px;
  height: 43px;
  color: #fff;
  line-height: 43px;
  text-align: center;
  margin-left: -5px;
  margin-top: -3px;
  position: absolute;
  bottom: 3px;
}

#regBox a:hover{
  background: url(../file/img/btn_registrierung.png) top no-repeat;
  color: #424242;
}

#homenews, #homeintro {
  color: #424242;
  margin-bottom: 20px;
}

#newsSpacer {
  width: 600px;
}

#homenews #newsSpacer {
  width: 585px;
}

.newsBlock {
  margin: 20px 0 0 0;
}
.newsText {
  margin: 0 0 0 129px;
  padding: 0;
}


.newsText h2 {
  padding: 0;
  margin: 0 0 5px 0;
  line-height: 120%;
  font-weight: bold;
  color: #424242;
}

#homeintro h1 {
  font-weight: normal;
  display: inline;
  width: 100%;
}

#homeintro img {
  float: left;
}

#homelinks {
  width: 238px;
  background: url(../file/img/hg_links.jpg) top repeat-y;
  border: 1px solid #dadada;
  padding: 20px;
}

.link-tile {
  margin: 10px 0;
  clear: both;
}

#homelinks h2 {
  margin: 0;
  padding: 0;
}

.link-tile img {
  float: left;
}

.link-tile p {
  padding-left: 90px;
}

.link-tile a {
  font-weight: bold;
}

#produravit {
  position: relative;
  left: 0;
  top: 0;
}

#logo {
  position: absolute;
  float: right;
  right: 50px;
  top:0;
}

#youarehere {
  float:left;
  margin-right: 3px;
}

#footerNavi {
  top: 0;
}

#footerLinks {
  position: relative;
  top: 20px;
  float: left;
}

#footerLinks li {
  display: inline;
  list-style: none;
  float: left;  
}

#footerLinks li a {
  background: url(../file/img/line_vertical.gif);
  background-position: 30px 5px;
  background-repeat: no-repeat;
  padding-left: 61px;  
  display: block;
  text-decoration: underline;
  font-size: 11px;
}

#footer {
  bottom: 0;
  width: 100%;
  height: 48px;
  padding: 0;
  padding-top: 8px; 
  clear: both;
}

.floating-tile-container {
  width: 100%;
  margin-right: -10px;
  margin-left: 1px;
  float: left;
}

#prodContent {
  width: 100%;
}
h2.lined {
  clear: both;
  background: url(../file/img/subheadline_linie_1px.jpg) bottom repeat-x;
  padding-bottom: 10px;
}

#prodContent a {
  text-decoration: underline;
}

#prodContent a:hover {
	
}

#pdwrapper {
	  float: left;
  	  display: inline;
      height: 1%;
      position: relative;
      overflow: visible;
}

#download-preview {
  visibility: hidden;
  position: fixed;
  z-index: 100;
  margin: 0 0 0 25px;
  min-width: 300px;
}
/* IE 6 */
* html #download-preview {
   position: absolute;
  top: expression((ignoreMe = document.documentElement.scrollTop) + 'px');
  left: 0;
}
/* IE 7 */
* + html #download-preview{
   position: absolute;
   top: expression((ignoreMe = document.documentElement.scrollTop) + 'px');
   left: 0;
}
       

#DownloadPreviewHead {
	width: 100%;
	height: 25px;
	position: relative;
}

#DownloadPreviewTitle {
	float: left;
	width: 150px;
}

#closeDownloadPreview {
	background: url(../file/img/icon_closewin_h.gif);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
	margin-top:3px;
	padding: 1px 0 2px 10px;
	width: 14px;
	right: 0px;
	position: absolute;
}

#download-preview-image{
  position: relative;
  left: 0;
  top: 10px;
}

#utilinks a, #tab-navi a {
  text-decoration: none;
  color: #606060;
}

#utilinks a:hover {
	
}

/*product lists*/
.tile-outer {
  float:left;
  width:125px;
  margin-right: 10px;
}

.tile-thumb {
  height: 90px;
}

.tile-thumb a {
  border: 1px solid #ccc;
  text-align: center;
  display: block;
  text-decoration: none;
}

.tile-outer .tile-thumb a {
  width: 122px;
  height: 90px;
  text-decoration: none;  
}
.tile-overview .tile-thumb a {
  width: 60px;
  height: 40px;
  text-decoration: none;  
}
.tile-thumb a:hover {
  border: 1px solid #3399ff;
  text-align:center;
  display: block;
}

.tile-outer .tile-thumb img, tile-outer .tile-thumb img.series-thumb{
	margin-top: 12px;
	max-height: 70px;
    max-width: 110px;     
}

.tile-overview  .tile-thumb img {
  position: relative;
  top: 50%;
  margin-top: -33%;
}





.tile-text a, .tile-text a:hover {
  border: none;
  vertical-align: baseline;  
}

.tile-text a:hover {

}

.tile-text {
  min-height:37px;
  max-height:72px;
  overflow:hidden;
  padding-right:10px;
  padding-top: 3px;
  line-height:140%;
  text-align: center;
  height: 72px;
}

.tile-button {
  height:30px;
  overflow:hidden;
  padding-right:10px;
  line-height:140%;
}

.tile-button A.btn {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 1px;
	background-repeat: no-repeat;
	background-position: center 0px;
}

.tile-button A:hover.btn {
	background-position: center -26px;
}

.four-lines {
  height: 7em;
}

.height-max {
  min-height: 100px;
  max-height: 120px;
  height: 100px;
}

.height-search-dl {
  height: 60px;
}

.tile-overview {
  width: 70px;
  margin-right: 10px;
}

.tile-overview .tile-thumb {
  height: 40px;
}

.tile-overview .tile-text {
  height: 28px;
  line-height: 110%;
}

.ls-01 { background-image:url(../file/assets/lochsymbol_01.gif); }
.ls-02 { background-image:url(../file/assets/lochsymbol_02.gif); }
.ls-03 { background-image:url(../file/assets/lochsymbol_03.gif); }
.ls-04 { background-image:url(../file/assets/lochsymbol_04.gif); }
.ls-05 { background-image:url(../file/assets/lochsymbol_05.gif); }
.ls-06 { background-image:url(../file/assets/lochsymbol_06.gif); }
.ls-07 { background-image:url(../file/assets/lochsymbol_07.gif); }
.ls-08 { background-image:url(../file/assets/lochsymbol_08.gif); }
.ls-09 { background-image:url(../file/assets/lochsymbol_09.gif); }
.ls-10 { background-image:url(../file/assets/lochsymbol_10.gif); }
.ls-11 { background-image:url(../file/assets/lochsymbol_11.gif); }
.ls-12 { background-image:url(../file/assets/lochsymbol_12.gif); }
.ls-13 { background-image:url(../file/assets/lochsymbol_13.gif); }
.ls-14 { background-image:url(../file/assets/lochsymbol_14.gif); }
.ls-15 { background-image:url(../file/assets/lochsymbol_15.gif); }
.ls-16 { background-image:url(../file/assets/lochsymbol_16.gif); }
.ls-17 { background-image:url(../file/assets/lochsymbol_17.gif); }
.ls-18 { background-image:url(../file/assets/lochsymbol_18.gif); }
.ls-19 { background-image:url(../file/assets/lochsymbol_19.gif); }
.ls-20 { background-image:url(../file/assets/lochsymbol_20.gif); }



.ls {
	padding-left:60px!important;
	background-repeat:no-repeat;
	background-position:left center;
}

#relSizes {
  margin-top: 15px;
  float:right;
  /*related sizes product detail*/
}

#prodContent .tile-text a {
  text-decoration: none;
}
/*end product lists*/

h1 {
  font-weight: bold;
  font-size: 18px;
  color: #424242;
  margin-bottom: 10px;
}

h2 {
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0;
  color: #424242;
  padding: 3px 0;
}

h3 {
  font-weight: bold;
  font-size: 12px;
  margin: 10px 0;
  color: #424242;
  padding: 3px 0;
}

p.popup {
  font: inherit;
  padding: 10px;
}

#greeter {
  font-weight: bold;
  font-size: 11px;
  color: #424242;
}

#logout a {
  font-size: 11px;
  text-decoration: none;
}

#logout a:hover {

}

div.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.separator{
  clear: both;
  background: url(../file/img/subheadline_linie_1px.png) center repeat-x;
  width: 100%;
  height: 9px;
  line-height: 9px;
  margin-left: -3px;
}
/* forms as is from duravit website - not anymore, lots of changes have been made */

INPUT.t, SELECT, TEXTAREA {
  font-family: Arial, Helvetica, sans-serif; /* makes a 22px-high select-field with Trebuchet instead of 24px in IE6 (strange!) */
  font-size:12px; /* set global font-size here */
  padding:0px;
  padding-top:2px; /* moz */
  padding-bottom:1px; /* moz */
  margin:0px;
  border:1px solid #cacaca;
  background-image:url(../file/img/bg_input.gif);
  color:#000;
  overflow: visible;
}

INPUT { /* desired standard height including border: 20px */
  line-height:1.4em; /* align text with label in IE6 */
  height:1.3em; /*1.35em;*/
}

LABEL {
  line-height:1.49em;
}

INPUT.btn, BUTTON.btn {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1em; /* was 0.9 */
	min-height:24px;
	background-position:0 3px; /* moz-fix für vertikal nicht korrekt zentrierte schrift (3px top) */
	background-repeat:no-repeat;
	border:0;
	margin:0;
	padding:0;
	height:26px!important;
	margin-top:-3px; /* moz-fix für vertikal nicht korrekt zentrierte schrift */
	color:#444;
	background-color:transparent;
	cursor:pointer;
    text-decoration: none;
}

INPUT.btn:hover, BUTTON:hover {
	color:#fff;
}

.btn-30 {
	background-image:url(../file/img/bg_but_30px.png);
	width:30px;
}

.btn-30:hover {
  	background-image:url(../file/img/bg_but_over_30px.png);
    width:30px;
}

.btn-30-db {
	background-image:url(../file/img/bg_but_30_db.gif);
	width:30px;
}

.btn-30-lb {
	background-image:url(../file/img/bg_but_30_lb.gif);
	width:30px;
}

.btn-30-gr {
	background-image:url(../file/img/bg_but_30_gr.gif);
	width:30px;
}

.btn-60 {
	background-image:url(../file/img/bg_but_60px.png);
	width:60px;
}

.btn-60:hover {
  	background-image:url(../file/img/bg_but_over_60px.png);
    width:60px;
}

.btn-60-lb {
	background-image:url(../file/img/bg_but_60_lb.gif);
	width:60px;
}

.btn-90 {
	background-image:url(../file/img/bg_but_90px.png);
	width:90px;
}

.btn-90:hover {
	background-image:url(../file/img/bg_but_over_90px.png);
	width:90px;  
}

.btn-90-gr {
	background-image:url(../file/img/bg_but_90_gr.gif);
	width:90px;
}

.btn-90-lb {
	background-image:url(../file/img/bg_but_90_lb.gif);
	width:90px;
}

.btn-120 {
	background-image:url(../file/img/bg_but_120px.png);
	width:120px;
}

.btn-120:hover {
	background-image:url(../file/img/bg_but_over_120px.png);
	width:120px;
}

.btn-120-gr {
	background-image:url(../file/img/bg_but_120_gr.gif);
	width:120px;
}

.btn-140 {
	background-image:url(../file/img/bg_but_140px.gif);
	width:140px;
}

.btn-140:hover {
	background-image:url(../file/img/bg_but_over_180px.gif);
	width:140px;
}

.btn-180 {
	background-image:url(../file/img/bg_but_180px.gif);
	width:180px;
}

.btn-180:hover {
	background-image:url(../file/img/bg_but_over_180px.gif);
	width:180px;
}

INPUT.btn-text {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1em; /* was 0.9 */
	min-height:19px;
	border:0;
	margin:0;
	padding:0;
	height:19px;
	background-color:transparent;
	cursor:pointer;
	text-align:left;
	text-decoration:underline;
	color:#005099;
}


INPUT.cb {
	float:left;
	margin-top:-0.15em;
}
INPUT.cb2 {
	float:left;
	font-size:.9em;
	padding:0px;
	padding-top:2px; /* moz */
	padding-bottom:1px; /* moz */
	margin:0px;
	margin-top:3px;
}

DIV.cb {
	float:left;
	width:100%;
	margin-right:-2em;
}

LABEL.cb {
	display:block;
	margin-left:5px;
	margin-right:2em;
	font-size:0.9em;
	line-height:1.2em;
}

SELECT { /* height should be 20 or 21px */
	display:block;
	padding-top:1px; /* moz */
}

TEXTAREA {
	overflow:auto;
	line-height:1.4em;
}

LABEL.form-default {
	float:left;
	width:33%;
	text-align:right;
}
LABEL.form-default SPAN {
	padding-right:5px;
}

DIV.form-default {
	float:left;
	width:67%;
	margin-right:-33%;
}

DIV.form-ip-spcr { /* single field on line - spacer-DIV to compensate the 100%-width-input-field-is-too-wide bug */
	width:99.5%; /* IE 6 Win:99.3% - Moz:99.5% - Opera:100% */
	padding-right:2px; /* Opera:0 */
}
DIV.form-ta-spcr { /* Spacer-DIV to compensate the 100%-width-textarea-field-is-too-wide bug, behaves slightly different than input-field in some UAs */
	width:99.5%; /* IE 6 Win:99.3% - Moz:99.5% - Opera:100% */
	padding-right:4px; /* Opera:0 */
}

.form-ip25-l { float:left; width:25%; }
.form-ip25-l INPUT { width:90%; }

.form-ip25-c { float:left; width:25%; text-align:center; }
.form-ip25-c INPUT { width:87% }

.form-ip25-r { float:left; width:25%; text-align:right; }
.form-ip25-r INPUT { width:90%; }

.form-ip75-l { float:left; width:75%; }
.form-ip75-l INPUT { width:98%; }

.form-ip75-r { float:left; width:75%; text-align:right; }
.form-ip75-r INPUT { width:98%; }

.form-ip50-l { float:left; width:50%; }
.form-ip50-l INPUT { width:96%; }

.form-ip50-r { float:left; width:50%; text-align:right; }
.form-ip50-r INPUT { width:96%; }
.form-ip50-r DIV { padding-left:5px; line-height:1.6em; }

.pn-container SELECT { width:128px; }
.pn-container INPUT.t { width:126px; }

.form-focus {
  border-color:#ff7800!IMPORTANT;
}

.form-feedback-okay {
  color:#424242;
  padding: 0;
  margin: 0;
}

.form-feedback-error{
  margin: 0;
  padding: 0;
  color: #f00;
}

.fail INPUT, .fail TEXTAREA, .fail SELECT {
  border-color:#d20;
}

.input-check.fail, .input-check.fail A {
  color:#d20;
}

.h10 {
  height:10px!IMPORTANT;
}

#loginbox a {
  color: white;
}

#loginbox h2, .t, #loginbox p {
  margin: 5px 0;
  padding: 0;
  color: white;
}

#loginbox .t {
  padding-top: 2px;
  padding-bottom: 1px;
  margin: 0;
}

#userbox .t {
  width: 200px;
  margin: 5px 0;
}

#logButton {
  position: absolute;
  width: 27px;
  height: 26px;
  left: 230px;
  top: 108px;
  background: url(../file/img/btn_ok.png) top no-repeat;
  border: none;
  display: block;
}

.fc-closed {
  display: none;
}

#loginbox DIV.form-ip-spcr { /* single field on line - spacer-DIV to compensate the 100%-width-input-field-is-too-wide bug */
  width:99.5%; /* IE 6 Win:99.3% - Moz:99.5% - Opera:100% */
  padding-right:2px; /* Opera:0 */
}

#loginbox .form-default{
  clear: both;
  width: 200px;
}

#filter-form {
  position:absolute;
  top: 147px;
  left: 415px;
  width: 200px;
  z-index: 12;  
}

#search {
  width: 186px;
  height: 30px;
  position: absolute;
  right: 50px;
  top: 80px;
  background: url(../file/img/bg_search.png) top no-repeat;
  z-index: 50;
  padding: 0;
  margin: 0;
}

#detailSearch {
  background: url(../file/img/bg_detail_search.png) left bottom no-repeat;
  position: absolute;
  top: 30px;
  left: -5px;
  width: 196px;
  border: 0px solid white;
  padding: 10px 10px 8px 16px;
  z-index: 50;
}

#detailSearch .field {
  border:0px solid red;
  width:163px;
  margin: 0 0 5px 0;
  padding: 0;
}

#search .t {
  width: 128px;
  height: 15px;
  margin: 4px;
}
#detailSearch .t {
  height: 17px;
  width: 128px;
}

#doSearch {
  position: relative;
  right: 0px;
  bottom: 0px;  
  float: right;
}

#search .form-default{
  width: 128px;
}
#dlBasket {
  position: absolute;
  right: 290px;
  bottom: 0;
  line-height: 26px;
  width: auto;
}

#dlBasket a {
  position: relative;
  padding-left: 30px;
  display: block;
  background: url(../file/img/download_korb_pfeil.png) no-repeat;
  background-position: 0px 0px; 
  color: #424242;
  font-weight: bold;
  font-size: 11px;
  float: left;
  text-decoration: none;
}

#dlBasket span {
  position: relative;
}

#dlBasket a:hover {
  background-position: 0px -26px;
}

.cartLine, .cartLineLast {
  border-top: 1px solid #424242;
}

.cartLineLast {
   border-bottom: 1px solid #424242;
}

IFRAME {
  display: none;
}

#rtf_item_durartf {
	display:block;	
}

#TB_window IFRAME{
  display: block;
}

#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	display:none;
}

#TB_window, #TB_window_small {
	position: absolute;
	/* position: fixed; - needs research */
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 0px solid #ccc;
	width:952px;
	height:420px;
	top:20px;
	left:10px;
}

#TB_window_small { /* used for download */
	width:498px;
	height:300px;
	/* background: #fff url(../file/all/ani_loader_big2.gif) center center no-repeat; */
	top:174px;
}

#TB_HideSelect {
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	display:none;
}

#inline-window {
	border:1px solid #ccc;
	position:absolute;
	top:-5000px;
	left:0;
	width:400px;
	height:500px;
	background-color:#fff;
	z-index:9995;
	visibility:collapse;
  text-align: left; /* resets the default text alignment for the page */
}

.inline-window {
  background-color:#fff;
  text-align: left; /* resets the default text alignment for the page */
}

.inline-window .title {
	background-image:url(../file/img/header_popup.gif);
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	height:23px;
	border:2px solid #fff;
}

.inline-window .titletext {
	float:left;
	padding:1px 0 2px 10px;
	margin-top:3px;
}

.inline-window .content {
	overflow:auto;
	background-color:#fff;
	padding:0;
	/*height:px;*/
}

.inline-window.hidden .title, .inline-window.hidden .content {
	visibility:hidden;
}

.closewin {
	background-image:url(../file/img/icon_closewin.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:14px;
	float:right;
	padding:1px 0 2px 10px;
	margin-top:3px;
	cursor:pointer;
}

#tooltip {
	position:absolute;
	width:270px;
	height:110px;
	top:0;
	left:0;
	display:none;
	z-index:1000;
}
#login-error {
  color: #f00;
  float: left;
}
.relSize {
  text-decoration: underline;
}

/*the cluster thing*/

#clusterHolder {
   position: relative; 
}

#clusterHolder ul {
  list-style: none;
}

#clusterHolder li {
  background-color: #e1f3fb;
  display: block;
  background: none;    
  float: none;
  padding-left: 0;
  height: auto !important;
  margin-bottom: 10px; 
}

#clusterHolder #tab-navi {
  position: absolute;
  left: 0;
  top: 0;
  text-decoration: none;
  font-size: 12px;
  background: none;
  background-color: #bae4f9;
  width: 173px;
  padding: 10px;
  height: 372px;
}

#clusterHolder .clusterNavi, #clusterHolder #current-tab {
  color: #424242;
  background: none;
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  margin: 0;
}

#clusterHolder #current-tab a{
  color: #424242;
  font-weight: bold;
  display: block;
  background: none;
  background-image: url(../file/img/arrow_cluster.gif);
  background-position:  100% 22%;
  background-repeat:  no-repeat;
  margin-bottom:10px;
}

#clusterHolder a {
  color: #424242;
}

.clusterText {
  position: absolute;
  height: 372px;
  top: 0;
  left: 0;
  width: 195px;
  color: #fff;
  padding: 10px;
  background-color: #606060;
  font-size: 12px;
}

.clusterPic {
  position: absolute;
  left: 210px;
  top: 0;  
  width: 458px;
  height: 390px;
  border: 1px solid #424242;
  margin: 0;
  padding: 0;
}

#clusterHolder .tab-content {
  display: none;
}

#clusterHolder .tab-content-active {
  display: block;
}

#clusterHolder #tab-container {
  position: absolute;
  left: 193px;
  top: 0;
  width: 695px;
  height: 392px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
}

#clusterHolder .tab-content {
  padding: 0;
  margin: 0;
  border: none;
}
#clusterHolder #tab-outer{
  top: 0;  
}

#clusterHolder .clusterMoreLink {
  color: #e1f3fb;
}

.tile-overview .cluster {
  width: 66px;
  height: 52px;
}

.tile-outer .cluster a{
  width: 64px;
  height: 50px;
}

.tile-overview .cluster img {
  margin-top: -37%;
}

.clusterLinks {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #7a7a7a;
  height: 18px;
  width: 205px;
  padding: 6px 0 6px 10px;
}

#prodContent h2.lined a , h2.lined:hover{
  text-decoration: none;
  color: #424242;
}

#clusterHolder h2 {
  color: #fff;
  padding-top: 0;
  margin-top: 0;
  font-size: 12px;
}

/*end clusters*/
.factory-site {
  height: 150px;
  width: 220px;
}

.service-tile {
 float: left;
 width: 220px;
 position: relative;
}

.legend {
  vertical-align: middle;
  padding-bottom: 2px;
}

.legend img {
  padding-top: 2px;
}

.foldable-block {
	margin-top:10px;
	border-top:1px solid #cacaca;
}

.fb-anchorlist {
	border:0;
	margin-top:0;
}

.foldable-block.last {
	border-bottom:0;
}

.fb-closed .fileGroupHeadline {
  background-position:0 -36px;
  background: #dadada url(../file/img/arrow_cluster.gif) no-repeat 0%;
}

tr.fb-closed, tr.fb-closed td, #user-form .fb-closed {
  display: none;
}

.fileGroupHeader {
  margin:0;
  padding:0;
}

.groupHeader, .groupHeaderClosed {
  border-top: 1px solid #dadada;
  height: 45px;
}

.gropHeaderFirst{
  border-top: none;
}

.fb-closed DIV.fold-content {
	display:none;
}

.fold-content .fb-closed * {
  display: none;
}

.fc-closed * {
  display: none;
}

/* my pro.duravit*/
.projectList, .projectListFirst, .projectListLast {
  border-bottom: 1px solid #ccc;
  height: 52px;
  margin: 0;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: #424242;
}

.projectListFirst {
  margin-top: -12px;
}

.projectListLast {
  border: none;
}

.accessList, .accessListFirst, .accessListLast {
  border-bottom: 1px solid #ccc;
  height: 32px;
  padding: 5px 0;
  margin: 0;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: #424242;
}

.accessListFirst {
  margin-top: -2px;
}

.folderHeader{
  margin-top: 10px;
  background: #f0f0f0 url(../file/img/pfeil_offen.gif) no-repeat 2%;
  padding: 0 0 0 30px;
  height: 23px;
  top: 3px;
}

.fb-closed .folderHeader {
  background: #f0f0f0 url(../file/img/pfeil_zu.gif) no-repeat 2%;
}

span.folderHeadline{
  display: block;
  float: left;
  margin-top: 3px;
  font-weight: bold;
  font-size: 16px;
  width: 80%;
  color: #424242;
}

.fileGroupHeadline {
  border-bottom: 1px solid #424242;
  margin: 11px 0 18px 0;
}

.folderHeader a {
  float: right;
}

.icontd, .inputtd {
  width: 21px;
  padding: 0;
  margin: 0;
  text-align: right;  
}

.inputtd {
  padding-top: 2px;
}

.filetd {
  border-top: 1px solid #dadada;
  height: 26px;
  font-size: 12px;
}

.nametd{
  width: 325px;
}

.filesheet {
  font-size: 12px;
  width: 447px;
}

.filesheet h2 {
  font-size: 13px;
}

.projectList a.btn, .projectListFirst a.btn,.projectListLast a.btn, .createlink {
  height: 26px;
  cursor: pointer;
  display: block;
  width: 27px;
  text-decoration: none;  
}

.createlinkbox {
  float: left;
  margin-left: 10px;
}

a.projectLink{
  background: url(../file/img/ordner.png) no-repeat 0%; 
  background-position:0 7px; 
  font-size: 14px;
  line-height: 52px;
  height: 52px;
  padding: 0 0 0 40px;
  display: block;
  width: 470px;
  margin: 0;
  float: left;
  text-decoration: none;
}

a.btn:hover, .sb:hover {
  color: #fff;
}

a.btnsmall:hover {
  background-position: 0 -20px;
}

table.folderUtilLinks {
  float: right;
  margin-top: 10px;
  width: 80px;
}

div.folderUtilLinks {
  float: right;
  width: 27px;
}

.folderHeader div.folderUtilLinks {
  float: right;
  margin-top: 2px;
  width: 50px;
}

.fi {
 background-image:url(../file/img/bg_input.gif);
 height:20px!important;
 width: 100%; 
}

.ta {
  width: 100%;
  height: 229px;
  display: block;
  clear: both;
}

#projectform, #invitationform{
  width: 440px;
}

#fileform {
  width: 100%;
  height: 100%;
}

#popupSpacer form, #popupSpacer #projectform, #popupSpacer #folderform {
  width: 460px;
}

#popupSpacer table {
  width: 450px;
}

#TB_window html, #TB_window body{
  width: 480px;
}

.listHolder, .buttonHolder, .buttonHolderLong, #newsSpacer, .listHolderProject, .buttonHolderMedium { 
  float: left;
  display: inline;
  height: 1%;
  position: relative;
  overflow: visible;
  visibility: visible;
}

.listHolderProject {
  width: 605px;
}

.buttonHolder, .buttonHolderLong, .buttonHolderMedium {
  padding: 10px 20px 20px 20px;
  margin: 0 0 0 25px;
  width: 207px;
}

.buttonHolder {
  background: url(../file/img/kasten.gif) top center no-repeat;
  min-height: 146px;
}

.buttonHolderMedium {
  background: url(../file/img/kasten_middle_medium.gif) top center no-repeat;
  min-height: 198px;
}

.buttonHolderLong {
  background: url(../file/img/kasten_long.gif) top center no-repeat;
  min-height: 352px;
}

.buttonHolder h3, .buttonHolderMedium h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.listHolder {
  width: 445px;
  padding: 0 25px 0 0;
  border: none;
  border-right: 1px solid #dadada;
  min-height: 170px;
}

.listHolder h2 {
  padding: 0;
  margin-top: 9px;
}

.picHolder{
  min-height: 200px;
  float:left;
  margin: 0 20px 10px 0;
  padding: 0;
  position:relative;
  background-color: #e4e4e4;  
}

/*end my pro.duravit*/

/*news*/
.newsPic {
  max-width: 245px;
  max-height: 175px;
  padding: 0;
  margin: 0 0 0 0;
  border: 1px solid #e4e4e4;
  top: 0;
  left: 0;
  float: left;
}

.newsPicThumb {
  float: left;
}

.picLegend{
  color: #424242;
  padding: 0 5px 5px 5px;
  font-size:12px;
  text-align: left;
  max-width: 237px;
  width: 100%;
  clear: both;
}  

.bigSizeLink {

}

.zoomIcon, .galleryIcon {
  position: absolute;
  top: 150px;
  left: 222px;
  z-index: 200;
}
/*end news*/
/*new buttons and boxes*/
a.btn, .sb {
  display: block;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:12px; /* was 0.9 */
  background-position:0 2px; /* moz-fix für vertikal nicht korrekt zentrierte schrift (3px top) */
  background-repeat:no-repeat;
  border:0;
  margin:0;
  padding:0;
  height:26px!important;
  margin-top:-2px; /* moz-fix für vertikal nicht korrekt zentrierte schrift */
  color:#444;
  background-color:transparent;
  cursor:pointer;
  text-align: center;
  line-height: 26px;
  padding-bottom: 2px;
  text-decoration: none;    
}

a.btnsmall {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:12px; /* was 0.9 */
  background-repeat:no-repeat;
  background-color:transparent;
  text-align: center;
  border:0;
  width: 21px;
  height: 20px;
  display: block;    
  padding: 0;
  margin: 0;
}

.btnicon {
  display: block;
  background-position: 2px 0;
  background-repeat: no-repeat;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:12px; /* was 0.9 */  
  border: 0;
  padding: 0 0 0 30px;
  height: 22px!important;
  margin: 2px 0 20px 0;
  color: #444;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  line-height: 22px;
  width: 199px;
  text-decoration:none;
}

.btnicon:hover {
  color: #fff;
}

.cartadd {
  background: url(../file/img/btn_addtocart.gif) left top no-repeat;
}

.cartadd:hover {
  background: url(../file/img/btn_addtocart_over.gif) left top no-repeat;
}

.folderadd {
  background: url(../file/img/btn_addtofolder.gif) left top no-repeat;
}

.folderadd:hover {
  background: url(../file/img/btn_addtofolder_over.gif) left top no-repeat;
}

.downloadall {
  background: url(../file/img/btn_downloadall.gif) left top no-repeat;
}

.downloadall:hover {
  background: url(../file/img/btn_downloadall_over.gif) left top no-repeat;
}
.newfolder {
  background: url(../file/img/btn_newfolder.gif) left top no-repeat;
}

.newfolder:hover {
  background: url(../file/img/btn_newfolder_over.gif) left top no-repeat;
}

.newsubfolder {
  background: url(../file/img/btn_newsubfolder.gif) left top no-repeat;
}

.newsubfolder:hover {
  background: url(../file/img/btn_newsubfolder_over.gif) left top no-repeat;
}

.edit {
  background: url(../file/img/btn_edit.gif) left top no-repeat;
}

.edit:hover {
  background: url(../file/img/btn_edit_over.gif) left top no-repeat;
}

.delete {
  background: url(../file/img/btn_delete.gif) left top no-repeat;
}

.delete:hover {
  background: url(../file/img/btn_delete_over.gif) left top no-repeat;
}

.portfolio {
  background: url(../file/img/btn_portfolio.gif) left top no-repeat;
}

.portfolio:hover {
  background: url(../file/img/btn_portfolio_over.gif) left top no-repeat;
}

.access {
  background: url(../file/img/btn_access.gif) left top no-repeat;
}

.access:hover {
  background: url(../file/img/btn_access_over.gif) left top no-repeat;
}

.fileGroupIcontd, .fileGroupIcontdClosed, .fileGroupIcontdPopup {
  height:45px;
  padding-left: 15px;
}

.fileGroupIcontdPopup {

}

.fileGroupIcontd h2, .fileGroupIcontdPopup h2 {
   margin:0 0 0 15px;
   padding:0;
   width:370px;
}

.fileGroupIcontd {
  background: #fff url(../file/img/pfeil_offen.gif) no-repeat 2% 60%;
  width:25px;
}

.fileGroupIcontdClosed {
  background: #fff url(../file/img/pfeil_zu.gif) no-repeat 2% 60%;
  width:25px;
}

.fileGroupIcontd img, .filesheet .fileGroupIcontdClosed img {
  margin-bottom: -10px;
}

.fileAdd{
  text-align: center;
}

FORM H3 {
  font-size: 12px;
  margin: 5px 0;
  padding: 0;
  clear: both;
}

.buttonBlock, .buttonFloatLeft, .buttonFloatRight {
  margin: 25px 5px 0 0;
}

.buttonHolder .buttonFloatLeft, .buttonHolder .buttonFloatRight {
  margin: 0 5px 0 0;  
}

.buttonFloatLeft {
  float: left;
}

.buttonFloatRight {
  float: right;  
}

.formHeader {
  padding-top: 0;
  margin-top: 10px;
}

#popupSpacer {
  width:460px;
  padding:10px;
  margin: 0;
}

#popupSpacer .ta {
  height: 100px;
}

.infoBox {
  position: relative;
  margin: 18px 0;
  background: url(../file/img/infofeld.gif) top center no-repeat;
  padding: 1px 20px;
  height: 74px;
  width: 890px;
  top: 0;
  left: 0;
}

.infoBox p {
  padding: 0 5px;
  vertical-align: middle;
  height: 74px;
  display: table-cell;
}

.infoBox img {
  float: left;
}

.infoBoxLink{
  display: table-cell;
  vertical-align: middle;
  position: relative;
  right: 0;
}

*+html .infoBox {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  height: 74px;
  width: 890px;
}

*+html .infoBox p {
  position: absolute;
  top: 23px;
  left: 5px;
  height: 74px;  
}

*+html .infoBox p * {
  position: relative;
}

*+html .infoBoxLink {
  position: absolute;
  left: 730px;
  top: 23px;
  margin: 0;
  padding: 0;
  width: 100px;
}

.functionBox {
  clear: both;
  width: 176px;
  height: 380px;
  margin: 0 10px;
  padding: 20px;
}

.functionBox h2{
  padding: 0;
  margin: 0 0 20px 0;
}

.fuctionBox p{
  padding: 0;
  margin: 0;
}

.listHolder input, .listHolder textarea {
  font-size: 1.1em; 
}

.bookmarks, .newsFunctions {
  list-style: none;
  margin:0;
  padding:0;
}

.bookmarks li{
  display: inline;
}

.socialLink {
  width: 18px;
  height: 18px;
  display: block;
  background-image: url(../file/img/social_icons_bg_grau.jpg);
  background-repeat: no-repeat;
  float: left;
}

.functionLink {
  display: block;
  background-repeat: no-repeat;
  background-position: 0% 2px;
  padding-left: 26px;
  line-height: 24px;
}

.functionLink:hover {
  background-position: 0% -18px;
}
/*end new buttons and boxes*/
TABLE.blind-standard{
  width: 498px;
}

TABLE.blind-standard TD {
	padding:5px;
	vertical-align:top;
}

TD.lf {
	padding-left:0!important;
}

TD.rt {
	padding-right:0!important;
}

TD.ra {
	text-align:right!important;
}

TD.ctr {
	text-align:center;
}

TR.ruled {
	background-color:#e8e8e8;
}

.datasheet p {
  margin-top: 5px;
}

.productdetail {
  margin: 0;
  padding: 0;
  float: left;
}

/*my pro.duravit explanation picture and texts*/

#explanationpic {
  position: relative;
  margin: 0;
  padding: 0;
}

.explanationtext  {
  width: 150px;
  height: 50px;
  position: absolute;
  top: 90px;
}

#exp1 {
  left: 15px;
}

#exp2 {
  left: 185px;
}

#exp3 {
  left: 360px;
}

#exp4 {
  left: 535px;
}

#exp5 {
  left: 710px;
}

.expNr {
  color: #a2dcf9;
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin: -2px 2px 0 0;
}

/*end my pro.duravit explanation picture and texts*/

.picaddlabel{
  float:left;
  width:90px;
  padding-top:5px
}

.picaddselect{
  width:328px;
  float:left;
  padding-top:2px;
}

.contact-tile {
  float: left;
  width: 150px;
  margin-left: 10px;
}

.contact-separator {
  width: 100%;
  border-bottom: 1px solid #dadada;
}

.helpText {
  float: left;
  display: inline;
  position: relative;
  overflow: visible;
  margin: 50px 0 0 -18px;
  width: 243px;
}

.helpText p {
  margin: 0 0 0 30px;
}

.helpText h4 {
  padding: 20px 0 0 30px;
  margin: -21px 0 8px 0;
  font-size: 12px;
}

.helpIcon {
  float: left;
}

.pictureDescription {
	float: left;
	width: 180px; 	
}


/* styles from folderportfolio */

#folderData {
	padding: 0;
	margin: 0;
	width: 932px;
	font: normal normal normal 12px/120% Trebuchet MS, Arial, sans-serif;
	color: #444;
}

#formtable, #projecttable, #oldproducts, #mainForm {
	width: 930px;
	padding: 0;
	margin: 0;
	border-spacing:0;
}

#formtable {
	background-color: #e8e8e8;    
}

#oldproducts, #formtable {
	margin-top: 30px;
}

#formtable td, #formtable .tafield, #oldproducts td, #oldproducts th{
	padding: 0px 10px;
}  

#mainForm label, #mainForm a.detailProduct, .textlabel{
	color: #000;
}

#projecttable {
	margin-top: 40px;
}

a.detailProduct {
	font-size: 13px;
	font-weight: bold;  	
}

#mainForm label {
	font-weight: bold;
	padding: 0;
	text-align: left;
}

#oldproducts th {
	text-align: left;
	color: #000;
}

.labelleft {
	margin-right: 5px;
	float: left;
	line-height: 25px;
}

.labelright {
	margin-left: 5px;
	width: 150px;
}

.labelabove {
	display: block;
	width: 100%;
	line-height: 100%; 	
}

.picUpload .labelabove {
	margin: 20px 0 10px 0;
}

#formtable .labelabove {
	margin: 0 0 10px 0;
	line-height: 100%;
}

#formtable .labelselect {
	margin-top: 10px;
}

#formtable .darker, #oldproducts th {
	background-color: #d9d9d9;
	height: 28px;
	border: 1px solid #d9d9d9;
}

.brighter {
	background-color: #e8e8e8;
	border: 1px solid #e8e8e8;
}

.spacer {
	background-color: #fff;
	height: 30px;
}

.darker, .brighter, .spacer {
	padding: 0;
	margin: 0;
}

#oldproducts td.oldproducts {
	height: 50px;
	background: url(../file/img/bg_mmtable_brighter.gif) top center repeat-x;
}

#formtable td.linebottom {
	background:url(../file/img/bg_mmtable_bottom.gif)top center repeat-x;
}

#formtable td.linetop {
	background:url(../file/img/bg_mmtable_top.gif)top center repeat-x;  
}

#formtable .cbfield {
	width: 160px;
	height: 28px;
	text-align: left;
	vertical-align: top;
	margin: 0;
}

.cbfield input, .cbfield label {
	vertical-align: top;
}

.inputright {
	text-align:right;
	display:inline;
	display:inline-table;
	display:inline-block;
	vertical-align:middle;
	position: absolute;
	right: 0px;
	top: 2px;
}

*+html .inputright {
	top: -1px;
}

.tafield {
	height: 230px;
	vertical-align: top;
}
.tafield textarea.padded{
	padding: 6px 0 6px 6px;
}

.picUpload {
	width: 236px;
}

.picUpload, #contacts {
	height: 236px;
	vertical-align: top;
}

.contactTexts{
	width: 99%;
	height: 230px;
	padding: 0;
	margin: 0;
}

#contacts select {
	width: 100%;
	margin-bottom: 30px;
}

#contacts {
	height: 238px;
	min-height: 260px;
	margin: 0;
	display: block;  	
}

.fileUploader {
	width: 257px;
	height: 25px;
	padding: 0;
	margin: 0;
}

.imgHolder {
	width: 257px;
	height: 250px;
	display: table-cell;
	border: 1px solid #D9D9D9;
	vertical-align: middle;  	
}

.imgHolder img {
	width: 257px;
	height: auto;  	
}

#scalerButton1, #scalerButton2 {
	margin-top: 10px;
}

#scalerButton1:hover, #scalerButton2:hover {
	color: #000;
}  

.horizontalSpacer {
	width: 20px;
}

.verticalSpacer {
	height: 20px;  	
	background-color: #fff;
}

#helpBox {
	background-color: #dadada;
	padding: 20px 0 0 0;
	position: relative;
	background: url(../file/img/bg_helpbox.gif) top center repeat-y;
}

#helpBox .helpStepHeadline {
	line-height: 120%;
}

#helpBoxToggler {
	position: absolute;
	right: 4px;
	top: 8px;
	width: 19px;
	height: 18px;
	background-position:  top center;
	background-repeat: no-repeat;
}

.helpBoxTogglerOpen {
	background-image: url(../file/img/btn_closehelp.gif);  
}

.helpBoxTogglerClosed {
	background-image: url(../file/img/btn_openhelp.gif);
}

.helpStep {
	background-color: #dadada;
	height: 27px;
	padding: 0 10px;  	
}

.helpStepHeader {
	background-color: #fefefe;
	height: 33px;
	border: 1px solid #dadada;
	position: relative;  
	vertical-align: middle;
	line-height: 32px;	
	border-bottom: none;  	
}  

.helpStepNr {
	font-size: 20px;
	font-weight: bold;
	color: #606060;
	line-height: 21px;  	
}

.helpStepHeadline {
	font-size: 13px;
	font-weight: bold;
	color: #424242;
	margin: 0 0 0 5px;
	padding: 0; 
	line-height: 32px;  	 	
}

.helpStepText, #helpStepTextContainer p{
	margin: 0 0 0 24px;
	padding: 0;
}

#helpStepImageContainer{
	position: absolute;
	top: 20px;
	left: 10px;
	width: 181px;
	height: 257px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../file/img/folderportfolio_dummy_1.jpg);
}

#helpImageLinks {
	width: 180px;
	height: 10px;
	position: absolute;
	top: 300px;
	left:10px;
	text-align: center;
}

#helpImageLinks a {
	text-decoration: none;
}

.heImgHi {
	font-weight: bold;
} 

#helpStepTextContainer {
	margin-left: 230px;
	position: relative;
	top: 4px;
	left: 0;
	line-height: 130%;
}

#helpBoxShadow {
	background: url(../file/img/helpbox_shadow_bottom.gif)top center no-repeat;
}

/* CSS for productdetail.tml */
TABLE.datasheet {
	width: 100%;
	border: 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 20px 0;
}

.datasheet TH {
	text-align: left;
	padding: 3px 10px 3px 0;
}

TH.subheadline {
	border-top: 1px solid #333;
	padding-top:20px;	
}

.datasheet TD {
	border-top: 1px solid #333;
	padding: 3px 10px 3px 0;
}

.graycell {
	background-color: #e0e0e0;
	width: 140px;
	padding-left: 10px ! important;
}


TABLE.downloads {
	width: 300px;
	border: 0;
	border: 0px solid olive;
}

.downloads TH {
	text-align: left;
	border-top: 10px solid #fff;
	padding: 3px 10px 3px 35px;
	background-repeat: no-repeat;
	background-position: left;
}

.downloads A.prvw {
	display: block;
	margin-top:1px;
	padding: 3px 0 3px 8px;
	width: 100%;
}

.downloads A:hover.prvw {
	background-color: #f8f8f8;
}

.downloads A.btn, #utilinks A.btn {
	display: block;
	width: 24px;
	height: 24px;
	margin: 1px;
	background-repeat: no-repeat;
	background-position: center 0px;
}

#utilinks A.btn {
	float:left;
	line-height:24px;
	padding-left:30px;
	width: auto !important;
	background-position: left 0px;
}

.downloads A:hover.btn {
	background-position: center -26px;
}

#utilinks A:hover.btn {
	background-position: left -26px;
}

.allbtn {
	background-image: url(../file/img/alle_dateien_speichern.png);
	background-repeat:no-repeat;
	padding-left:30px;
	height:24px;
	line-height:24px;
	text-decoration:none !important;
	display:block;
}

#preview-error {
	color: #777;
	text-align: left;
	left: 0px;
	position: absolute;
	/* margin-top: -70px;*/	
}
/*for pics from website content store*/
.websitepic .wga-urltype-extfile {
	width: 200px!important;
}