html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit; /*Der Wert inherit gibt an, das der Wert vom Wert eines Elternelementes geerbt werden soll. Normalerweise passiert das automatisch. Wenn ein Element aber durch eine CSS-Klasse, seine ID oder durch eine Inline-Styleangabe einen anderen Wert erhält, wird der automatisch geerbte Wert überschrieben. Hier kann dann durch gezielte Zuweisung des Wertes inherit dafür gesorgt werden, das weiterhin der geerbte Wert verwendet wird.*/
vertical-align: baseline;
background-color: transparent;
}


body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
background-image: url(../img/bgpx.gif);
background-repeat: repeat-x;
background-position: 0px 211px;
text-align: center;
overflow:scroll;
}

/*Überschriften*/
/*Hauptüberschrift 14px mit Balken links, Abstand unten*/
h1 {
font-family:arial;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;

}
/*Hauptüberschrift 14px mit Balken links, Abstand oben und unten*/
h1.b {
margin-top: 15px;
}
/*Hauptüberschrift Media 14px mit Balken links, (größerer Abstand oben) und unten*/
h1.media {
margin-top: 35px;
}
/*Überschrift 12px, Abstand oben und unten*/
h2 {
font-size: 12px;
font-weight: bold;
margin-top: 14px;
margin-bottom: 5px;
}

h2.nfdyn, h2.nftw, h2.tf, h2.lsc {
margin-top: 6px;
}
/*Überschrift 12px, Spannungs-Dehnungs-Diagramm, Abstand oben und unten*/
h2.sdd {
border-left-width: 3px;
border-left-style: solid;
border-left-color: #09C;
padding: 3px 0px 3px 7px;
margin-top: 20px;
background-color: #ccc;
}
#disclaimerContent h2 {
margin-top: 0px;
margin-bottom: 10px;
}


/*Überschrift 11px, Abstand oben*/
h3 {
font-size: 11px;
font-weight: bold;
margin-top: 5px;
}
/*h3 Anwendungen*/
#apps h3 {
margin: 0px;
}
#messereview h3 {
margin-top: 0px;
margin-bottom: 10px;
}
/*Ende Überschriften*/


/*Absätze*/
p.text {
margin-bottom: 10px;
font-weight: normal;
}
p.altec {
margin-top: 16px;
}
p.fussnote {
margin-top: 5px;
}
p.bold {
font-weight: bold;
}
/*Ende Absätze*/


/*span*/
span.cy {
color: #09C;
}
span.blue {
color: #049;
font-weight: bold;
}
span.bold {
font-weight: bold;
}
span.boldcy {
font-weight: bold;
color: #09C;
}
#newscontent span{
color: #049;
}
#footer span {
padding-left: 3px;
padding-right: 3px;
color: #FFF;
}
/*Ende span*/


/*Links*/
a {
font-weight: normal;
text-decoration: none;
color: #09C;
}
a:link {
font-weight: normal;
text-decoration: none;
color: #09C;
}

a:visited {
font-weight: normal;
text-decoration: none;
color: #09C;
}
a:hover {
font-weight: normal;
text-decoration: underline;
color: #09C;
}
a:active {
font-weight: normal;
text-decoration: underline;
color: #09C;
}
/*Ende Links*/


#wrapper {
background-color: #FFF;
width: 960px;
margin: 0px auto;
text-align: left;
}


/*Header*/
#wrapper #header {
height: 131px;
position: relative;
}
/*Navigation oben rechts*/
#topnavigation {
width: 249px;
float: right;
padding-top: 23px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #7E868B;
}
#topnavigation #menu {
list-style-type: none;
width: 90px;
}
#menu li {
display: inline;
}
#menu li a {
padding-left: 20px;
display: block;
margin-bottom: 5px;
text-decoration: none;
color: #7E868B;
}
#menu li a:hover {
background: url(../img/hover.gif) 5px 6px no-repeat;
}
#menu li.on {
padding-left: 20px;
display: block;
margin-bottom: 5px;
color: #09C;
background: url(../img/hover.gif) 5px 6px no-repeat;
}
/*Ende Navigation oben rechts*/

#logo {
position: absolute;
bottom: 0px;
}
/*Ende Header*/


/*Hauptteil*/
#main {
padding-top: 50px;
}
#content {
width: 710px;
float: left;
}

/*Hauptnavigation*/
#mainnavigation {
list-style-type: none;
text-align: right;
padding-top: 9px;
padding-bottom: 8px;
}
#mainnavigation li {
display: inline;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #7E868B;
padding-right: 29px;
padding-left: 5px;
}
#mainnavigation li.on {
text-transform: uppercase;
color: #09C;
}
#mainnavigation li a {
text-decoration: none;
text-transform: uppercase;
color: #7E868B;
}

#mainnavigation li a:link {
color: #7E868B;
}
#mainnavigation li a:visited {
color: #7E868B;
}
#mainnavigation li a:hover {
color: #09C;
}
#mainnavigation li a:active {
color: #09C;
}
#mainnavigation li a.on {
color: #09C;
}
/*Ende Hauptnavigation*/
/*Hauptnavigation English*/
#mainnavigationEn {
list-style-type: none;
text-align: right;
padding-top: 9px;
padding-bottom: 8px;
}
#mainnavigationEn li {
display: inline;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #7E868B;
padding-right: 34px;
padding-left: 5px;
}
#mainnavigationEn li.on {
text-transform: uppercase;
color: #09C;
}
#mainnavigationEn li a {
text-decoration: none;
text-transform: uppercase;
color: #7E868B;
}
#mainnavigationEn li a:link {
color: #7E868B;
}
#mainnavigationEn li a:visited {
color: #7E868B;
}
#mainnavigationEn li a:hover {
color: #09C;
}
#mainnavigationEn li a:active {
color: #09C;
}
#mainnavigationEn li a.on {
color: #09C;
}
/*Ende Hauptnavigation*/

/*Navigation links*/
#leftnavigation {
width: 200px;
float: left;
margin-top: 60px;
}
/*1. Navigation links*/
#leftnavigationa {
width: 199px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #7E868B;
text-align: right;
float: right; /*FF*/
}
#menuleft {
width: 160px;
margin-top: 20px;
margin-bottom: 16px;
list-style-type: none;
float: right; /*FF*/
white-space: nowrap;/*IE5*/
}
#menuleft li {
display: inline;
}
#menuleft li a {
display: block;
padding-right: 20px;
margin-bottom: 5px;
text-decoration: none;
text-transform: uppercase;
color: #7E868B;
}
#menuleft li a:hover {
background: url(../img/hover.gif) 145px 6px no-repeat;
}
#menuleft li.on {
display: block;
padding-right: 20px;
margin-bottom: 5px;
text-transform: uppercase;
color: #09C;
background: url(../img/hover.gif) 145px 6px no-repeat;
}
/*Ende 1. Navigation links*/
/*2. Navigation links*/
#leftnavigationb {
width: 200px;
margin-top: 20px;
text-align: right;
float: right;
}
#menuleftb {
width: 200px;
float: right; /*FF*/
}
#menuleftb li {
display: inline;
}
#menuleftb li a {
padding-right: 20px;
padding-bottom: 9px;
display: block;
margin-bottom: 20px;
text-decoration: none;
text-transform: uppercase;
color: #7E868B;
background: url(../img/doc.gif) no-repeat;
}
#menuleftb li a:hover {
color: #09C;
}
#menuleftb li.on {
padding-right: 20px;
padding-bottom: 9px;
display: block;
margin-bottom: 20px;
text-decoration: none;
text-transform: uppercase;
color: #09C;
background: url(../img/doc.gif) no-repeat;
list-style-type: none;
}
/*Ende 2. Navigation links*/
/*Ende Navigation links*/

/*Inhalt Hauptteil*/
#innerContent {
padding: 44px 32px 0px 238px;
text-align: justify;
line-height: 1.4;
}

/*Img Qualität, Referenzen, Anfahrtsskizze*/
#innerContent #imgContentCert {
margin-top: 19px;
float: right;
}
#innerContent #imgContentRef {
margin-top: 19px;
}
/*Ende Img*/

/*Listen Hauptteil*/
#innerContent li {
list-style-type: square;
list-style-position: inside;
}
#innerContent #history li {
list-style-type: none;
list-style-position: outside;
line-height: 2.0;
}
/*Ende Listen Hauptteil*/


/*Produkte, eingetragene Warenzeichen*/
#innerContent #wz {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
padding-top: 10px;
padding-bottom: 10px;
}
/*Ende eingetragene Warenzeichen*/

/*Produkte, Datenblätter*/
#innerContent #db.except {
margin-top: -2px;
}
#innerContent #db {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}

#innerContent #db #dbContent {
padding-top: 8px;
padding-bottom: 8px;
}

#innerContent #db #dbRight{
width: 16px;
padding-top: 12px;
padding-left: 10px;
float: right;
}
/*Ende Datenblätter*/

/*Anwendungen*/
#apps {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
margin-bottom: 10px;
padding-bottom: 19px;
}

/*Anwendungen, weitere Anwendungen, Höhe letzter div*/
#apps.except {
height: 125px;
}
/*Ende weitere Anwendungen*/

#apps #appsImg {
float: left;
margin: 10px 20px 5px 0px;
}

#apps #appsText {
margin: 6px 0px 0px 0px;
}

#apps #appsPi {
width: 107px;
height: 22px;
float: right;
}

#apps #appsPi a {
padding-top: 4px;
padding-bottom: 5px;
display: block;
text-decoration: none;
color: #7E868B;
background: url(../img/docpi.gif) no-repeat;
}

#apps #appsPi a:hover {
color: #09C;
}
/*Ende Anwendungen*/


/*Kontakt, Ansprechpartner*/
#innerContent #ap.except {
margin-top: -8px;
}
#innerContent #ap {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
#innerContent #ap #apLeft {
width: 210px;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
float: left;
}
#innerContent #ap #apRight {
width: 13px;
padding-top: 11px;
float: right;
}
#innerContent #ap #apCenter {
padding-top: 8px;
padding-bottom: 8px;
}
/*
#apRight a{
background: url(../img/email.gif) no-repeat;
}

#apRight a:hover{
background: url(../img/email_over.gif) no-repeat;
}*/
/*Ende Ansprechpartner*/

/*Media, Pressemitteilung, -berichte*/
#innerContent #pm.except {
margin-top: -8px;
}
#innerContent #pm {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
#innerContent #pmLeft {
height: 30px;
font-weight: bold;
color: #049;
padding: 8px 10px 8px 0px;
float: left;
}
#innerContent #pmRight {
width: 16px;
padding-top: 12px;
padding-left: 10px;
float: right;
}
#innerContent #pmCenter {
padding-top: 8px;
padding-bottom: 8px;
}
/*Ende Media*/


/*Aktuell, rechte Seite*/
#news {
background-color: #FFF;
width: 250px;
float: left; /*wegen shadow FF*/
}

#news #aktuell {
background-color: #09C;
height: 30px;
}
#aktuellContent {
margin: -6px 0px 0px 20px;
text-transform: uppercase;
color: #FFF;
}
/*Newsletter Abo, rechte Seite*/
#news #nl {
background-color: #7E868B;
height: 30px;
}
#nlContent {
margin: -6px 0px 0px 20px;
text-transform: uppercase;
}
#nlContent li {
list-style-type: none;
}
#nlContent li a {
text-decoration: none;
color: #FFF;
}
#nlContent li a:link {
text-decoration: none;
}
#nlContent li a:visited {
text-decoration: none;
}
#nlContent li a:hover {
text-decoration: underline;
}
#nlContent li a:active {
text-decoration: none;
}
/*Newsarchiv, rechte Seite*/
#news #archiv {
background-color: #000;
height: 30px;
}
#archivContent {
margin: -6px 0px 0px 20px;
text-transform: uppercase;
color: #FFF;
}


#newscontent {
padding: 10px 20px 10px 20px;
}
#newscontentA {
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
color: #7E868B;
}
#newscontentB {
padding-top: 7px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
color: #7E868B;
}

#newscontentC {
padding-top: 7px;
padding-bottom: 8px;
border-bottom-width: 1px;
color: #7E868B;
}

#newscontent a {
color: #049;
text-decoration: none;
}
#newscontent a:link {
text-decoration: none;
}
#newscontent a:visited {
text-decoration: none;
}
#newscontent a:hover {
text-decoration: underline;
}
#newscontent a:active {
text-decoration: none;
}
/*Ende Aktuell*/


/*Footer*/
#wrapperFooter {
clear: both;
background-color: #FFF;
padding-top: 30px;
}
#footer {
background-color: #7E868B;
}
#footer #footerContent {
height: 25px;
background-color: #049;
color: #7E868B;
margin-left: 200px;
}
#footerCopyright {
margin-left: 530px;
padding-top: 5px;
}
/*Ende Footer*/

.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* für IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/*Popups*/
#wrapperNewsletterAbo {
width: 300px;
margin: 0px auto;
text-align: left;
}

#newsletterAbo {
width: 250px;
padding: 30px 25px 0px 25px;
text-align: justify;
}

#wrapperPopup {
width: 500px;
margin: 0px auto;
text-align: left;
}
#messereview {
width: 450px;
padding: 20px 25px 0px 25px;
text-align: justify;
}
/*Ende Popups*/

/*Disclaimer*/
#wrapperDisclaimer {
width: 700px;
margin: 0px auto;
text-align: left;
}
#disclaimerContent {
width: 650px;
padding: 50px 25px 10px 25px;
text-align: justify;
}

#disclaimerContent li {
font-weight: bold;
list-style-position: inside;
}
/*Ende Disclaimer*/



/**lightbox2.5**/
#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox img {
width: auto;
height: auto;
}
#lightbox a img {
border: none;
}
#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer {
padding: 10px;
}
#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav {
left: 0;
}
#hoverNav a {
outline: none;
}

/*
#prevLink, #nextLink {
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA); Trick IE into showing hover
display: block;
}

#prevLink {
left: 0;
float: left;
}
#nextLink {
right: 0;
float: right;
}
#prevLink:hover, #prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url(../images/nextlabel.gif) right 15% no-repeat;
}
*/

#imageDataContainer {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
}
#imageData {
padding:0 10px;
color: #666;
}
#imageData #imageDetails {
width: 70%;
float: left;
text-align: left;
}
#imageData #caption {
font-weight: bold;
}
#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
/**Ende lightbox2.5**/