/* layout */
html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

body {
	height: 101%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #e4e4e4 url(images/bg.png) repeat-x; 
	_background-color: #e1e1e1;
}

img { border: none; }

br.clear { clear: both; }

#exp-left {
position: absolute;
left: 0px;
top: 0px;
height: 590px;
width: 50%;
background: url(images/left_exp.png) repeat-x;
}
#exp-right {
position: absolute;
right: 0px;
top: 0px;
height: 590px;
width: 50%;
background: url(images/right_exp.png) repeat-x;
}
#wrap {
position: relative;
min-height: 100%;
height: 100%;
width: 100%;
}
html>body #wrap {
height: auto;
}
#inner-wrap {
position: relative;
width: 920px;
left: 50%;
margin-left: -480px;
}

/* header */
#header {
	position: relative;
	height: 189px;
	width: 100%;
	background: url(images/logo.png) no-repeat -30px 0px;
	z-index: 20;	
	margin-top: 20px;
}

#header-image {
	padding-left: 27px;
	padding-top: 3px;
	margin-left: 223px;
	height: 189px;
	width: 727px;
	background: url(images/header_image.jpg) no-repeat;
}

#header-image img {
	margin-left: 125px;
}

/* Language Menu */
#language-menu {
position: absolute;
left: 27px;
top: 5px;
z-index: 30;
}
#language-menu img {
height: 14px;
width: 22px;
margin-right: 5px;
border: 1px solid #007e4e;
}
/* mainNav */
#mainnav {
	margin-top: -43px;
	height: 24px;
	width: auto;
	margin-left: 225px;
}

* html #mainnav { margin-top: -27px; }
*+html #mainnav { margin-top: -27px; }

#mainnav li {
list-style: none;
width: 115px;
float: left;
}
#mainnav .layers {
border-bottom: 1px solid #a4a4a4;
border-left: 1px solid #a4a4a4;
border-right: 1px solid #a4a4a4;
}
/* main */
#main-wrap {
position: relative;
top: 35px;
left: 27px;
width: 800px;
z-index: 10;
}
/* subNav */
#subnav-wrap {
position: absolute;
top: 0px;
width: 170px;
left: 0px;
}
#subnav-wrap .headline-replace {
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #fff;
background-color: #007e4e;
padding: 1px 5px 1px 5px;
}
#subnav-wrap .menu-replace {
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
padding: 5px;
width: 158px;
}
#subnav-wrap .menu-replace a {
color: #007e4e;
text-decoration: none;
}
#subnav-wrap .menu-replace a:hover {
color: #000;
}
#subnav {
border-bottom: 1px solid #a4a4a4;
border-left: 1px solid #a4a4a4;
border-right: 1px solid #a4a4a4;
}
#subnav .layers {
border-top: 1px solid #a4a4a4;
z-index: 100;
}
#subnav .layers2 {
border-bottom: 1px solid #a4a4a4;
border-right: 1px solid #a4a4a4;
border-left: 1px solid #a4a4a4;
z-index: 100;
}

/* content */
#content-wrap {
	position: relative;
	top: -11px;
	left: 200px;
	width: 598px;
}

#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	font-size: 10pt;
	width: 390px;
	min-height: 100%;
	height: 100%;
	padding-bottom: 30px;
}

#content h1 {
background: url(images/content_h_image.png) no-repeat 0px 2px;
font-size: 11pt;
padding-left: 30px;
margin-bottom: 25px;
}
#images h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
#content ul {
margin-top: 0px;
}
#content li {
list-style-image: url(images/dot.png);
margin-left: -25px;
_list-style-image: url(images/dot2.gif);
}
#content li.link {
list-style-image: url(images/arrow.gif);
margin-bottom: 7px;
line-height: 15px;
}
#content .content-text {
margin-bottom: 50px;
}
#content a {
text-decoration: none;
color: #007e4e;
}
#content a:hover {
color: #000;
}
#images-wrap {
margin-top: 15px;
margin-right: 0px;
float: right;
width: 180px;
height: 100%;
_margin-top: 5px;

margin-bottom: 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
#images-wrap h1 {
padding-left: 11px;
}
#images-wrap .bodytext {
padding-left: 13px;
}
#images-wrap a {
color: #007e4e;
text-decoration: none;
}
#images-wrap a:hover {
color: #000;
}
#images {
margin-left: 10px;
width: 160px;
}
#images img {
width: 150px;
}
#images .csc-textpic-caption {
width: 144px;
margin-top: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
#trenner-oben {
background: url(images/trenner_oben_2.png) no-repeat 0% top;
z-index: 10;
}
#trenner-unten {
background: url(images/trenner_unten.png) no-repeat 0% bottom;
z-index: 20;
}
/* Anwendungsbeispiele */
#content .link {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
#anwendung-wrap a {
color: #007e4e;
font-size: 10pt;
text-decoration: none;
}
#anwendung-wrap a:hover {
color: #000;
}
/* Kollektionen */
#kollektion-wrap {
margin-top: 36px;
}
#kollektion-wrap .kollektion {
margin-bottom: 65px;
clear: both;
}
#kollektion-wrap .bild {
margin-right: 25px;
float: left;
}
#kollektion-wrap img {
border-width: 0px;
}
#kollektion-wrap .link {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(images/arrow.gif) no-repeat left;
padding-left: 15px;
}
#kollektion-wrap a {
color: #007e4e;
font-size: 10pt;
text-decoration: none;
}
#kollektion-wrap a:hover {
color: #000;
}
/* Technische Daten */
.datentabelle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
width: 590px;
height: auto;
}
.datentabelle .legende {
color: #007e4e;
}
.datentabelle table {
width: 590px;
color: #000;
border-bottom: 1px solid #a4a4a4;
}
.datentabelle td {
border-top: 1px solid #a4a4a4;
border-right: 1px solid #a4a4a4;
padding: 3px;
width: 270px;
border-left: 1px solid #a4a4a4;
}
.datentabelle th {
border-top: 1px solid #a4a4a4;
border-left: 1px solid #a4a4a4;
padding: 3px;
text-align: left;
vertical-align: text-top;
width: 270px;
}
.datentabelle .voreinschub {
float: left;
text-align: left;
width: 120px;
}
.datentabelle .einschub {
border-left: 1px solid #a4a4a4;
padding-right: 5px;
padding-left: 5px;
float: right;
text-align: left;
width: 120px;
}
#content .datentabelle a {
  background: url(images/pdf.png) no-repeat;
  font-weight: bold;
  padding-left: 20px;
  text-decoration: none;
  color: #007e4e;
}
#content .datentabelle a:hover {
  color: #000;
}
#content .datentabelle .special-row-1 {
  color: #fff;
  background-color: #007e4e;
}
#content .datentabelle .special-row-1 a:link, #content .datentabelle .special-row-1 a:visited {
  background: url(images/pdf.png) no-repeat;
  padding-left: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
#content .datentabelle .special-row-1 a:hover, #content .datentabelle .special-row-1 a:active {
  color: #ccc;
}

.datentabelle .special-row-2 {
border-top-width: 2px;
border-top-color: #848484;
}
.datentabelle .adobe a {
background-image: none;
padding-left: 0px;
}
/* Händlersuche */
.hsuche {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #000;
width: 390px;
height: auto;
border-collapse: collapse;
}
.hsuche td {
border-top: 1px solid #a4a4a4;
border-right: 1px solid #a4a4a4;
padding: 3px;
width: 97px;
text-align: left;
vertical-align: text-top;
}
.hsuche th {
border-top: 1px solid #a4a4a4;
border-left: 1px solid #a4a4a4;
border-right: 1px solid #a4a4a4;
padding: 3px;
color: #fff;
background-color: #007e4e;
text-align: left;
vertical-align: text-top;
width: 99px;
}
.hsuche tr {
border-top: 1px solid #a4a4a4;
width: 390px;
}
.hsuche caption {
display: none;
}
.hsuche .tr-0 {
border-bottom: 2px solid #a4a4a4;
width: 390px;
font-size: 8pt;
font-weight: bold;
}
.hsuche .tr-last {
border-top: 1px solid #a4a4a4;
border-bottom: 1px solid #a4a4a4;
width: 390px;
}
.hsuche a {
color: #fff;
text-decoration: none;
}
.hsuche a:hover {
color: #dedede;
}
/* Kontaktformular */
#kontaktformular {
width: 390px;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
#kontaktformular form {
width: 390px;
height: auto;
}
#kontaktformular .headline {
width: 390px;
background-color: #007e4e;
padding: 3px 5px 3px 5px;
margin-bottom: 15px;
clear: both;
}
#kontaktformular h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #fff;
margin: 0px;
}
#kontaktformular .required{
color: #007e4e;
}
#daten input {
padding: 0px 3px 0px 3px;
margin-bottom: 5px;
margin-right: 5px;
height: 15px;
border: 1px solid #007e4e;
_margin-right: 8px;
_margin-bottom: 2px;
}
#daten .label {
margin-left: 10px;
width: 75px;
float: left;
_margin-left: 5px;
_margin-top: 2px;
}
#daten .pflichtfelder {
position: relative;
left: 30px;
top: -5px;
}
#bereich {
margin-top: 10px;
}
#bereich input {
margin-left: 10px;
margin-top: 5px;
_height: 14px;
}
#bereich label {
vertical-align: top;
line-height: 22px;
_vertical-align: baseline;
}
#produkt {
margin-top: 15px;
}
#produkt input {
margin-left: 10px;
}
#produkt label {
vertical-align: top;
line-height: 20px;
_vertical-align: baseline;
}
#mitteilung {
margin-top: 10px;
}
#mitteilung textarea {
margin-left: 10px;
border: 1px solid #007e4e;
}
#antwort {
margin-top: 15px;
}
#antwort input {
margin-left: 10px;
_height: 14px;
}
#antwort label {
vertical-align: top;
line-height: 20px;
_vertical-align: baseline;
}
#submit {
margin-top: 15px;
}
#submit input {
margin-left: 10px;
background-color: #007e4e;
color: #fff;
font-weight: bold;
border: 1px solid #007e4e;
}

/* footer */
#footer-wrap {
	position: relative;
	clear: both;
	width: 100%;
	margin-top: -24px;
	background: url(images/footer_exp.png) repeat-x;
	bottom: 15px;
	height: 24px;
}

#footer-main {
	position: relative;
	margin: 0px auto;
	width: 890px;
	height: 24px;
	background: url(images/footer_bg.png) no-repeat -72px 0px;
	z-index: 4;
}

#footer-main .link {
	margin-left: 650px;
	height: 24px;
	width: 75px;
	padding-top: 4px;
	background: url(images/footer_button.png) no-repeat;
	z-index: 4;
}