* {
  margin: 0;
  padding: 0;
  z-index: 0;
}
img, a img{
  border: none;
}
html, body, #wrapper {
  width: 100%;
  height: 100%;  
}
body {
  font: normal normal normal 12px/120% Trebuchet MS, Arial, sans-serif;
  color: #606060;
  background-color: #fff;
}
#outer {
  margin: 0 50px;
  height: 100%;
}
#wrapper {
  padding-bottom: 48px;
}
#nonFooter {
  min-height: 100%;
}
#content {
  padding: 160px 5px 48px 0;
  min-height: 100%;
}
.fixHeadline {
  position: fixed;
  z-index: 3;
  top: 140px;
  background-color: #fff;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  color: #424242;
  margin-bottom: 10px;
}
span.fixHeadline {
  display: inline;
  position: static;
  padding: 0;
}
#prodNames{
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0;
  color: #424242;
  padding: 3px 0;
}
#breadcrumb {
  position: fixed;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  color: #606060;
  left: 50px;
  top: 100px;
  width: 100%;
  background-color: #fff;
  padding: 15px 0 0px;
  z-index: 3;
}
#breadcrumb a {
  text-decoration: underline;
}
#breadcrumb a:visited {
  xolor: #6a6a6a;
}
#breadcrumb ul li a:hover {
  color: #3399ff;
}
#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;
}
#headerInner {
  margin: 0 -50px 0 50px;
}
#navi {
  position: absolute;
  top: 36px;
  left: 50px;
}
#mainNavi {
  margin: 4px 0 14px 140px;
  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;
}
#subNavi li, #tab-navi li {
  background: url(../file/img/reiter_inaktiv_rechts.png) right top no-repeat;    
  float: left;
  height: 30px;
  padding-left: 3px;
  display: inline;
}
#subNavi li a, #tab-navi li a {
  background: url(../file/img/reiter_inaktiv_links.png) left top 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: url(../file/img/reiter_aktiv_rechts.png) right top no-repeat;
  color: white;
}
#subNavi #current a, #tab-navi #current-tab a {
  background: url(../file/img/reiter_aktiv_links.png) left top no-repeat;
  xadding: 7px 20px 10px 20px;
  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 {
  xloat: left;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  padding: 10px;
  xverflow: visible;
  position: relative;
}
.graycell a {
  color: #424242;
}
.graycell a:visited {
  xolor: #a0c9f4;
}
.graycell a:hover {
  color: #3399ff;
}
#a-tab-1 {
  display: block;
}
.tab-text {
  float: left;
  position: relative;
  padding: 0 0 0 425px;
}
.tab-text-de {
  float: right;
  width: 210px;
  position: relative;
  border-left: 1px solid #ccc;
  padding: 0 5px 5px 20px;
  color: #424242;
  xeight: 650px;
  height: auto;
  display: inline;
  xorder: 1px solid blue;
  z-index: 3;
}
.tab-text h2, .tab-text-de h2 {
  margin: 0 0 20px 0;
  padding: 0;
  color: #424242;
}
.tab-text h3, .tab-text-de h3 {
  padding: 0;
}
.tab-p, .tab-text-de h3 {
  margin: 0 20px 10px 0;
}
 
.tab-text a, .tab-text a:hover, .tab-text-de a, .tab-text-de a:hover {
  color: #29b7db;
}
.tab-image-de {
  position:relative;
  left: 0;
  top: 0;
  xorder: 1px solid red;
  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;
  xorder: 1px solid green;
  width: 715px;
  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 {
  text-decoration: none;
  color: #606060;
}
a:hover, #footerLinks a:hover {
  color: #ccc;
}
a.naviLink {
  font-size: 12px;
  color: #898989;
  font-weight: bold;
  text-transform: uppercase;
}
a.naviLinkActive {
  color: #393939;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;  
}
a.naviLink:visited, #subNavi a:visited {
  xolor: #6a6a6a;
}
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;
  xackground-color: #f00;
  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;
  xorder: 1px solid red;
}
#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 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;
  xorder: 1px solid red;
}
#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;
  xorder:1px solid red;
}
.link-tile p {
  padding-left: 90px;
}
.link-tile a {
  color: #424242;
  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;
  xorder-top: 1px dotted black;
}
#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;
  color: #424242;
  font-size: 11px;
}
#footer {
  bottom: 0;
  width: 100%;
  height: 48px;
  padding: 0;
  xargin: -48px 0 0 0;
  clear: both;
}
.floating-tile-container {
  width: 100%;
  margin-right: -10px;
  margin-left: 1px;
  float: left;
}
#prodContent {
  padding-top: 20px;
  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;
     color: #606060;
}
#prodContent a:hover {
    color: #3399ff;
 
}
#download-preview {
  height: 1%;
  xosition: absolute;
  left: 0;
  top: 10px;
  border:none;
  width: 500px
}
#download-preview-image{
  position: relative;
  left: 0;
  top: 10px;
}
#utilinks a, #tab-navi a {
  text-decoration: none;
  color: #606060;
}
#utilinks a:hover {
  color: #606060;
}
#tab-navi a:hover {
  xolor: #ccc;
}
.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;
}
.tile-outer .tile-thumb a {
  width: 122px;
  height: 90px;
}
.tile-overview .tile-thumb a {
  width: 60px;
  height: 40px;
}
.tile-thumb a:hover {
  border: 1px solid #3399ff;
  text-align:center;
  display: block;
}
.tile-overview  .tile-thumb img {
position: relative;
top: 50%;
margin-top: -33%;
}
.tile-thumb img {
  position: relative;
  top: 75%;
  margin-top: -55%;
  xorder: 1px solid red;
}
*+html .tile-thumb img {
  top: 90%;
}

*+html .tile-overview  .tile-thumb img {
  top: 50%;
}
*+html .tile-overview .tile-thumb .series-thumb {
  top: 70%;
}

.tile-text a, .tile-text a:hover {
  border: none;
  vertical-align: middle;
}
.tile-text a:visited {
  xolor: #a0c9f4;
}
.tile-text a:hover {
  color: #3399ff;
}
.tile-text {
  height:40px;
  overflow:hidden;
  padding-right:10px;
  padding-top: 2px;
  line-height:140%;
  text-align: center;
}
.tile-button {
  height:30px;
  overflow:hidden;
  padding-right:10px;
  line-height:140%;
	Xackground-color:#f00!important;
}

.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 {
  height: 120px;
}
.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 {
	padding-left:60px!important;
	background-repeat:no-repeat;
	background-position:left center;
}
#relSizes {
  margin-top: 15px;
  float:right;
}
#prodContent .tile-text a {
  text-decoration: none;
}
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;
  color: #adadad;
}
#logout a:visited {
  xolor: #6a6a6a;
}
#logout a:hover {
  color: #3399ff;  
}
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 */

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:0.9em; /* 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;
}
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;
}

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;
	xargin-top:-3px; /* moz-fix für vertikal nicht korrekt zentrierte schrift */
	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%;
	/*background-color:#09f;*/
}

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;
  xeight: 20px;
  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: fixed;
  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;
}
#dlBasket span {
  position: relative;
}

#dlBasket a:visited {
  xolor: #6a6a6a;
}
#dlBasket a:hover {
background-position: 0px -26px;
}
.cartLine, .cartLineLast {
  border-top: 1px solid #424242;
}
.cartLineLast {
   border-bottom: 1px solid #424242;
}








IFRAME {
  display: none;
  xisibility: hidden;
}
#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 {
	/* border:1px solid #005099; */
	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);
	background-color:#757575;
	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: 25px;
}
#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;
  background: none;
}
#clusterHolder #current-tab a{
  color: #424242;
  font-weight: bold;
  display: block;
  background: none;
  height: 23px;
  background: url(../file/img/arrow_cluster.gif) 100% 22% no-repeat;
}
#clusterHolder a {
  height: 23px;
  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;
  xine-height: 0;
}
#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;
}
.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 {
  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;
}
.projectList, .projectListFirst {
/*  border-bottom: 1px solid #ccc;
  height: 52px;
  xadding: 10px 0;
  margin: 0;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: #424242;*/
  border-bottom: 1px solid #ccc;
  height: 20px;
  padding: 10px 0;
  margin: 0;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  color: #424242;
}
.projectListFirst {
  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;
}
.inputtd {
  text-align: center;
  padding-top: 2px;
}
.filetd {
  border-top: 1px solid #dadada;
  height: 26px;
}
.nametd{
  width: 325px;
}
.folder, .filesheet{
  width: 440px;
}
.filesheet h2 {
  font-size: 13px;
}
.projectList a.btn, .projectListFirst a.btn, .createlink {
  height: 26px;
  cursor: pointer;
  display: block;
  width: 27px;
}
.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: 300px;
  margin: 0;
  float: left;
  xargin-top: 2px;*/
  background: url(../file/img/btn_ordner.gif) no-repeat 0%;
  background-position:0 0px; /* moz-fix für vertikal nicht korrekt zentrierte schrift (3px top) */
  font-size: 14px;
  line-height: 26px;
  height: 26px;
  padding: 0 0 0 30px;
  display: block;
  width: 300px;
  margin: 0;
  float: left;

}
a.btn:hover, .sb:hover {
  color: #fff;
}
a.btnsmall:hover {
  background-position: 0 -20px;
}
table.folderUtilLinks {
  /*float: right;
  margin-top: 10px;
  width: 50px;*/
  float: right;
  margin-top: -2px;
  width: 50px;
}
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:26px!important;
 width: 100%;
 
}
.ta {
  width: 100%;
  height: 229px;
}
#projectform, #invitationform{
  width: 440px;
}
 #fileform {
  width: 100%;
  height: 100%;
}
#projectform .t {
  width: 100%;
}
#popupSpacer form, #popupSpacer table, #popupSpacer #projectform, #popupSpacer #folderform {
  width: 460px;
}
#TB_window html, #TB_window body{
  width: 480px;
}
.listHolder, .buttonHolder, .buttonHolderLong, #newsSpacer{
  float: left;
  display: inline;
  height: 1%;
  position: relative;
  overflow: visible;
}
.buttonHolder, .buttonHolderLong {
  /*padding: 10px 20px 20px 20px;
  margin: 0 0 0 25px;
  width: 207px;*/
  padding: 10px 0 0 10px;
}
.buttonHolder {
  /*background: url(../file/img/kasten.gif) top center no-repeat;
  height: 146px;*/
}
.buttonHolderLong {
  background: url(../file/img/kasten_long.gif) top center no-repeat;
  height: 352px;
}
.buttonHolder h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.listHolder {
  width: 470px;
  padding: 0;
}
.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;  
}

.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: #000;
  padding: 0 5px 5px 5px;
  font-size:12px;
  text-align: left;
  max-width: 237px;
  width: 100%;
  clear: both;
}
.bigSizeLink {
  xackground: url(../file/img/icon_zoom.gif) bottom right no-repeat;
  x-index: 200;
}
.zoomIcon, .galleryIcon {
  position: absolute;
  top: 150px;
  left: 222px;
  z-index: 200;
}
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;
}
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;
}
.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;
  xine-height:43px;
  padding-left: 15px;
}
.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;
}
.buttonBlock, .buttonFloatLeft, .buttonFloatRight {
  margin: 5px 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;
}
#popupSpacer .ta {
  height: 100px;
}
.infoBox {
  position: relative;
  margin: 18px 0;
  background: url(../file/img/infofeld.gif) top center no-repeat;
  padding: 30px 20px;
  height: 16px;
  vertical-align: middle;
}
.w930 {
  width: 890px;
}
.functionBox {
  clear: both;
  width: 176px;
  height: 380px;
  background-color: #f00;
  margin: 0 10px;
  padding: 20px;
  background: url(../file/img/freigabe.png) top center no-repeat;
  xorder: 1px solid red;
}
.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;
}
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;
}
#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;
}