/* COMMON STYLES */
body {
  background: url('/img/bgr-body.jpg') repeat-x top left #fdf6ec; 
	font: 75%/1.4 Arial, sans-serif;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: Arial, sans-serif;
}

td, th, input, textarea {
	font-size: 100%;
	_font-size: 75%;
	_f\ont-size/**/: 100%;
}

h1 {
	margin-top: 0;
	font-size: 150%;
	color: #803a3c;
}

h1 span {
	display: none;
}

h2 {
  font-size: 120%;
  color: #000;
}

h3 {
  font-size: 100%;
  color: #777;
  font-weight: bold;
}

a {
	color: #636363;
}

a:hover {
	color: #000;
}

a.banner img {
  border: none;
}

a img {
  border-color: #636363;
}

a:hover img {
  border-color: #000;
}

address {
  font-style: normal;
  margin-bottom: 1.5em;
}

form table {
  width: 480px; 
}

form {
  width: 505px; 
}

form th {
	text-align: right;
	vertical-align: top;
	width: 215px;
}

form th em {
  font-weight: normal;
}

th, td {
	text-align: left;
	vertical-align: top;
}

fieldset {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 1em;
}

table input,
table select {
  width: 225px;
}

input.short {
  width: 100px;
}

legend {
  color: #666;
}

textarea {
  width: 460px;
}

label.err {
  color: red;
  font-weight: bold;
}

table {
  font-size: 100%;
  padding: 0;
  margin: 1em 0;
  border-collapse: collapse;
  border: 2px solid #CBC9BC;
}

td, th {
  padding: 5px 8px;
  background: #F6F0E2;
  border: 1px solid #fff;
  text-align: left;
}

td {
  background: #fff;
}

.center {
  text-align: center;
}

.clener,
.cleaner {
  clear: both;
}

.dyspln {
  display: none;
}

p.oki, p.err, p.info {
  background: #f6f0e2;
  padding: 15px;
  text-align: center;
  font-weight: bold;
}

.highlight {
  background: #c93838;
  padding: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 100%;
  color: #fff;
}


/* DEFAULT ENGINE */
#screen {
  background: url('/img/bgr-content.gif') repeat-y 3px 0 #fffbf7;
	position: relative;
	width: 774px;
	text-align: left;
	margin: 0 auto;
	margin-top: 28px;
}

#screen div.boxs {
	border: 3px solid #cbc9bc;
	width: 768px;
	_width: 100%;
}

#content {
  padding-top: 340px;
}

#main {
  background: url('/img/bgr-main.jpg') repeat-x top left #FBF8F1;
  float: right;
  width: 560px;
}

#main div.boxm {
  padding: 20px;
}

/* HEADER */
#header {
  background: url('/img/bgr-header.jpg') repeat-x top left #faf8f1;
  position: absolute;
  top: 3px; left: 3px;
  width: 768px;
  height: 340px;
}

#logo, #logo span {
	width: 275px; height: 82px;
	position: absolute;
	display: block;
	left: 0; top: 0;
}

#logo {
  top: 0; left: 0;
}

#logo span {
  background: url('/img/logo.jpg') no-repeat top left;
}

#logo a span {
  cursor: pointer;
}

#banner-hmain {
  position: absolute;
  top: 82px; left: 0;
}

#banner-hright {
  position: absolute;
  top: 82px; left: 505px;
}

#banner-left {
  margin-bottom: 10px;
}

#h2-products {
  position: absolute;
  top: 295px; left: 0;
  width: 208px; height: 46px;
}

#h2-products span {
  background-image: url('/img/h2-products.gif');
}

.grp-btn {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;  
}

.grp-btn span {
  background: no-repeat top left;
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

#lang {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -25px; right: -10px;
}

#lang li {
  margin: 0 10px 0 0;
  padding: 0;
  list-style: none;
  float: left;
}

#lang li a {
  height: 11px;
  background: url('/img/flags.gif') 0 2px no-repeat;
  padding-left: 20px; 
  color: #000;
  text-decoration: none; 
}

#lang li a:hover {
  text-decoration: underline;
}

#lang li a.en {
  background-position: 0 -98px;
}

#lang li a.de {
  background-position: 0 -198px;
}

/* LEFT */ 
#left {
  float: left;
  width: 208px;
}

#h2-materials {
  position: relative;
  width: 208px; height: 40px;
}

#h2-materials span {
  background-image: url('/img/h2-materials.gif');
}


#h2-technology {
  position: relative;
  width: 208px; height: 40px;
}

#h2-technology span {
  background-image: url('/img/h2-technology.gif');
}

.lmenu {
  font-size: 120%;
  margin: 15px 0 15px 20px; 
  padding: 0;
  list-style: none;
}

.lmenu li {
  margin: 0.3em 0;
}

.lmenu li a {
  text-decoration: none;
}

.lmenu li a:hover {
  text-decoration: underline;
}

/* MENU */
#menu {
  position: absolute;
  top: 295px; left: 209px;
	margin: 0; padding: 0;
}

#menu li {
  height: 46px; 
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}

#menu li a {
  cursor: pointer;
}

#menu li a,
#menu li strong {
  width: 100%; height: 100%;
  display: block;
  position: relative;
}

#menu li a span,
#menu li strong span {
  background: no-repeat top left;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: block;
}


#menu li#home {
  width: 55px;
}

#menu li#home span {
  background-image: url('/img/btn-home.gif');
}

#menu li#company-profile {
  width: 108px;
}

#menu li#company-profile span {
  background-image: url('/img/btn-company-profile.gif');
}

#menu li#news {
  width: 59px;
}

#menu li#news span {
  background-image: url('/img/btn-news.gif');
}

#menu li#download {
  width: 63px;
}

#menu li#download span {
  background-image: url('/img/btn-download.gif');
}

#menu li#career {
  width: 78px;
}

#menu li#career span {
  background-image: url('/img/btn-career.gif');
}

#menu li#brochures {
  width: 66px;
}

#menu li#brochures span {
  background-image: url('/img/btn-brochures.gif');
}

#menu li#references {
  width: 68px;
}

#menu li#references span {
  background-image: url('/img/btn-references.gif');
}

#menu li#contact {
  width: 62px;
}

#menu li#contact span {
  background-image: url('/img/btn-contact.gif');
}
	
/* FOOTER */
#footer {
  clear: both;
	text-align: center;
	margin: 0;
	padding: 10px;
	color: #2e2b24;
}

#footer li {
	list-style: none;
	display: inline;
}

#footer a {
  color: #803a3c;
  text-decoration: none;
}

#footer li#copyright {
  display: block;
  margin-top: 7px;
  font-size: 90%;
}

#footer li#copyright span {
  color: #ff0000;
}

#footer li#copyright a {
  color: #000;
  margin: 0;
  padding: 0;
}

/* OTHER */

#quicknav {
  margin-bottom: 1em;
  padding: 5px; 
  background: #fff; 
}

/* GALLERY */

.gallery-list {
  margin: 1.5em 0 0 0;
  padding: 0;
}

#content ul.gallery-list li {
  margin: 0 0 1em 0;
  padding: 0 0 0.5em 0;
  /* border-bottom:1px solid #d3d3d3;*/
  list-style: none;
  background: none;
}

.gallery-list img {
  margin: 0 15px 10px 0;
  float: left;
  border: #ff600 2px solid;
}

.gallery-list h4 {
  padding: 0;
  margin: 0;
  font-size: 100%;
}

.gallery-list .desc {
  float: right;
  width: 435px;
}

.shorter .gallery-list .desc {
  width: 300px;
}

.gallery-list .desc p {
  padding: 0;
  margin: 0.7em 0 0.5em 0;
}

.imgs {
  margin: 0 0 0 40px;
  padding: 0;
}

.imgs img {
  border: #ff600 2px solid; 
}

#content ul.imgs li {
  float: left;
  margin: 0 15px 10px 0;
  _margin-right: 3px;
  position: relative;
  list-style: none;
  background: none;
  padding: 0;
}

.imgs a span {
/*\*/
	position:absolute;
	left:-9999px;
}

.imgs a:hover span {	
  top: 2px;
  left: 2px;
  width: 135px;
  font-weight: bold;
  background: #fff;
  color: #999;
  padding: 5px 0 5px 0;
  font-size: 90%;
  text-transform:uppercase;
  text-align: center;
  filter: alpha(opacity=70);
	-moz-opacity:.7;
  opacity:.70;
  display: block;
  text-decoration: none;
/**/
}

.full {
  text-align: center;
}

.navi {
  padding: 1em 0;
}

.photo-desc {
  background: #fff;
  padding: 10px;
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}

/* PRICELISTS */

.pricelists {
  width: 100%;
  _width: 92%;
  border: none;
}

.pricelists td, 
.pricelists th {
  padding: 6px 3px;
}

.pricelists img {
  border: none;
}

/* NEWS */

.news h3 {
  margin-bottom: 0.5em;
}

.date {
  font-size: 90%;
}

.img {
  float: left;
  margin : 0 10px 0 0;
}

.news-cleaner {
  clear: both;
}

/* SUBPAGES */ 

.subpages {
  background: #fff;
  border: 1px solid #cbc9bc;
  border-width: 1px 0 1px 0;
  margin: 1em 0 1em 0;
  padding: 0;
}

.subpages li {
  line-height: 27px;
  border-bottom: 1px solid #cbc9bc;
  margin: 0 15px 0 15px;
  list-style: none;
  padding-left: 15px;
}

.subpages li.last {
  border: none;
}

.another-subpages {
  font-size: 75%;
  margin: 10px 0 5px 0;
  color: #ccc;
}

.subpages a {
  text-decoration: none;
}

.subpages a:hover {
  text-decoration: underline;
}

.back {
  background: #fff;
  border: 1px solid #cbc9bc;
  border-width: 1px 0 1px 0;
  line-height: 20px;
  font-size: 90%;
  padding-left: 10px;
}

.back.top {
  margin-bottom: 15px;
}

.back.bottom {
  margin-top: 15px
}

.back a {
  text-decoration: none;
}

.back a:hover {
  text-decoration: underline;
}

/* File upload progress */

.progressContainer {
  border: solid 1px #CEE2F2;
  background-color: #F0F5FF;
  padding: 5px;
  margin: 5px 0;
}

.progressName {
  width: 323px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
  font-size: 0;
  width: 0%;
  height: 7px;
  background-color: #0099ff;
  margin-top: 2px;
}

.progressBarComplete {
  width: 100%;
  background-color: green;
  visibility: hidden;
}

.progressBarError {
  width: 100%;
  background-color: red;
  visibility: hidden;
}

.progressBarStatus {
  margin-top: 2px;
  width: 337px;
  text-align: left;
  white-space: nowrap;
  color: #777;
}

a.progressCancel {
  font-size: 0;
  display: block;
  height: 14px;
  width: 14px;
  background-image: url('/tools/swfupload/cancelbutton.gif');
  background-repeat: no-repeat;
  background-position: -14px 0px;
  float: right;
}

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

.swfupload {
  vertical-align: top;
}

#filesUploaded {
  padding: 10px 0;
  font-weight: bold;
  color: #777;
}

#filesUploaded em {
  font-style: normal;
  font-weight: bold;
  color: #000;
  display: block;
}

.file {
  background: url('/img/icon-white.gif') no-repeat 0 50%;
  padding-left: 20px;
  margin: 4px 0;
}

.help {
  border-top: 1px solid #ccc;
}

#btnCancel {
  background: url('/img/btn-cancel.png') no-repeat 0 0;
  border: 0;
  padding: 0;
  margin: 0 0 0 5px;
  text-indent: -9999px;
  width: 117px;
  height: 21px;
  cursor: pointer;
}