@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	color: #333;
	background: #f8f8f9;
	font: normal 100.01% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
img,
a img {
	border: 0;
}
.leftalign {
	float: left;
	margin: 0 .5em .5em 0;
}
.rightalign {
	float: right;
	margin: 0 0 .5em .5em;
}
.clear {
	clear: both;
}
.xs {
	font-size: .9em;
}
.wci {
	color: #009bdd;
}

/* Links
----------------------------------------------- */
a,
a:visited {
	outline: none;
	text-decoration: underline;
}
a:hover,
a:focus {
	text-decoration: underline;
}
a.intern,
a:visited.intern,
a.mail,
a:visited.mail {
	color: #009bdd;
	outline: none;
	text-decoration: underline;
}
a:hover.intern,
a:focus.intern,
a:hover.mail,
a:focus.mail {
	text-decoration: none;
}
a.extern,
a:visited.extern {
	background: url(gfx/extern.gif) no-repeat 0 .5em;
	color: #009bdd;
	padding-left: 12px;
	outline: none;
	text-decoration: underline;
}
a:hover.extern {
	text-decoration: none;
}
a.pdf,
a:visited.pdf {
	color: #009bdd;
	outline: none;
	text-decoration: underline;
}
a:hover.pdf {
	text-decoration: none;
}

/* Typo
----------------------------------------------- */
p, address {
	font-size: 1em;
	font-style: normal;
	line-height: 1.3em;
	margin: 0 0 1em 0;
}
sup {
	font-size: .83em;
	font-weight: normal;
}
ul.standard {
	margin: 0 0 1em 0;
	list-style: none;
	padding: 0;
}
ul.standard li {
	background: url(gfx/bg_li.gif) no-repeat 0 .5em;
	margin: 0;
	padding: 0 0 0 12px;
}
ul.nolist {
	margin: 0 0 1em 0;
	list-style: none;
	padding: 0;
}
ul.nolist li {
	margin: 0;
	padding: 0;
}
ul.ul_sitemap {
	margin: 0;
	list-style: none;
	padding: 0;
}
ul.ul_sitemap li {
	background: url(gfx/bg_li.gif) no-repeat 0 .3em;
	margin: 20px 0 0 0;
	padding: 0 0 0 12px;
}
ul.ul_sitemap ul {
	margin: 0 0 0 15px;
	list-style: none;
	padding: 0;
}
ul.ul_sitemap ul li {
	background: url(gfx/bg_li.gif) no-repeat 0 .3em;
	margin: 0;
	padding: 0 0 0 12px;
}
h1, h2 {
	color: #3f474f;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 .5em 0;
}
h3, h4 {
	color: #3f474f;
	font-size: 1em;
	font-weight: bold;
	margin: 1.5em 0 .2em 0;
}
h2.wci, h3.wci, h4.wci {
	color: #009bdd;
	font-size: 1em;
	font-weight: bold;
	margin: 1.5em 0 .2em 0;
}

h3.hotline {
	color: #3f474f;
	font-size: 1.3em;
	font-weight: bold;
	margin: .83em 0;
}
p.hotline {
	font-size: 1.13em;
	font-weight: bold;
	margin: .83em 0;
}

/* Layout
----------------------------------------------- */
#container {
	background: #fff url(gfx/bg_container.gif) no-repeat bottom left;
	border: 1px solid #a5a5a5;
	font-size: 62.5%;
	margin: 28px auto 0 auto;
	text-align: left;
	width: 900px;
}
#bg {
	background: url(gfx/bg_content.gif) no-repeat bottom right;
	margin: 0;
	padding: 0;
	width: 900px;
}
#content {
	float: right;
	font-size: 1.2em;
	margin: 0;
	line-height: 1.3em;
	padding: 0 25px 100px 0;
	width: 585px; /* IE 5x */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 560px; /* so sollte es sein */
}
html>body #content { /* Opera */
	width: 560px;
}
#startseite #content,
#winix #content,
#abfuellung #content {
	padding: 0 125px 100px 0;
	width: 585px; /* IE 5x */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 460px; /* so sollte es sein */
}
html>body #startseite #content,
html>body #winix #content,
html>body #abfuellung #content { /* Opera */
	width: 460px;
}
#header {
	height: 130px;
}
.logo {
	left: 655px;
	position: relative;
	top: 25px;
}
.firmensitz {
	margin-top: 30px;
}
.produktfoto {
	border: 1px solid #a5a5a5;
}
.bauteile {
	float: left;
	margin: .5em 0 1em 0;
}
.bauteile img {
	float: left;
	margin: 5px 22px;
}
.bauteilleg {
	color: #009bdd;
	float: left;
	font-size: .9em;
	margin: 30px 22px 5px 22px;
	width: 250px;
}
.leitfaden {
	border: 1px solid #333;
}
#footer {
	clear: both;
	font-size: 62.5%;
	margin: 8px auto 28px auto;
	text-align: right;
	width: 900px;
}
#footer ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0 10px;
}
#footer ul li a,
#footer ul li a:visited {
	background: inherit;
	color: #676767;
	outline: none;
}

/* Tabellen
----------------------------------------------- */
table th {
	font-weight: bold;
}
.anwendungsbeispiele {
	margin: .5em 0 1em 0;
	text-align: center;
}
.ab_left {
	text-align: left;
}
.produkttabelle {
	font-size: 11px;
}
.produkttabelle2 {
	font-size: 12px;
}
.produkttabelle,
.produkttabelle2,
.infotabelle {
	border: 1px solid #a5a5a5;
	margin: 1em 0 .67em 0;
	text-align: left;
	width: 560px;
}
.produkttabelle th,
.produkttabelle2 th,
.infotabelle th {
	background: #009bdd;
	color: #fff;
	font-weight: bold;
	padding: 3px 4px;
}
.produkttabelle tr,
.produkttabelle2 tr,
.infotabelle tr {
	background: #fff;
}
.produkttabelle td,
.produkttabelle2 td,
.infotabelle td {
	border-top: 1px dotted #a5a5a5;
	padding: 2px 4px;
}
.produkttabelle td.wn3,
.produkttabelle2 td.wn3 {
	padding: 2px 4px 2px 20px;
}
.groessen {
	font-size: 10px;
}
.produkttabelle .einsatz {
	background: #fff;
	font-size: 1.1em;
	font-weight: bold;
}
.produkttabelle2 .einsatz {
	background: #fff;
	font-size: 1em;
	font-weight: bold;
}
.produkttabelle td.einsatz,
.produkttabelle2 td.einsatz {
	background: #f8f8f9;
	border-top: none;
	padding: 10px 4px;
}
.produkttabelle h1,
.produkttabelle2 h1,
.produkttabelle h2,
.produkttabelle2 h2 {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
h1.tabhead,
h2.tabhead {
	background: #009bdd;
	border: 1px solid #009bdd;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 3px 4px;
}
h2.tabhead {
	margin: 15px 0 0 0;
}
.wx {
	margin: 0 0 1em 0;
}
.bez {
	color: #009bdd;
	font-weight: bold;
	margin: 0;
}
.tend {
	text-align: right;
}
.wn {
	width: 100px;
}
.wn2 {
	width: 300px;
}
.wn3 {
	width: 80px;
}
.wn4 {
	width: 380px;
}
.produkttabelle .xs {
	font-size: 10px;
}
.warn {
	color: #f36;
}
.w225 {
	width: 225px;
}
.w195 {
	width: 195px;
}
.w165 {
	width: 165px;
}
.w150 {
	width: 150px;
}
.w120 {
	width: 120px;
}
.fresslast {
	border-bottom: 1px solid #009bdd;
	border-right: 1px solid #009bdd;
}
.fresslast td {
	border-top: 1px solid #009bdd;
	border-left: 1px solid #009bdd;
	padding: 2px 4px;
}
.reibverschleiss {
	border-bottom: 1px solid #009bdd;
	border-right: 1px solid #009bdd;
	margin: .5em 0 1em 0
}
.reibverschleiss td {
	border-top: 1px solid #009bdd;
	border-left: 1px solid #009bdd;
	padding: 2px 4px;
}

/* Navigation
----------------------------------------------- */
#navigation {
	float: left;
	font-size: 1.2em;
	margin: 0;
	line-height: 1.3em;
	padding: 0;
	width: 315px;
}
#inhalt #navigation {
	width: 900px;
}
ul#menu {
	margin: 0 10px 50px 55px;
	list-style: none;
}
ul#menu li {
	padding: 0 0 10px 0;
}
ul#menu li a,
ul#menu li a:visited {
	color: #009bdd;
	outline: none;
}
ul#menu li a:hover,
ul#menu li a:focus {
	color: #009bdd;
}
ul#menu #active strong,
ul#menu #active2 strong,
ul#menu #active3 strong
ul#menu #active4 strong {
	background: url(gfx/bg_liactive.gif) no-repeat 0 .2em; 
	color: #009bdd;
	padding-left: 15px;
}

/*2. Ebene*/
ul#menu ul {
	margin: 0 0 0 25px;
	list-style: none;
}
ul#menu ol {
	color: #009bdd;
	margin: 0 0 0 25px;
}
ul#menu ul li,
ul#menu ol li {
	padding: 0 0 0 0;
}
ul#menu ul li a,
ul#menu ul li a:visited,
ul#menu ol li a,
ul#menu ol li a:visited {
	color: #009bdd;
}
ul#menu ul li a:hover,
ul#menu ul li a:focus,
ul#menu ol li a:hover,
ul#menu ol li a:focus {
	color: #009bdd;
}
ul#menu li #active,
ul#menu li #active2,
ul#menu li #active3 {
	background: url(gfx/bg_liactive.gif) no-repeat 0 .2em; 
	color: #009bdd;
	font-weight: bold;
	padding-left: 15px;
}

/* Spezielle Formatierungen
----------------------------------------------- */
#hideliame>span:before {/* Spamschutz E-Mail Adressen */
content: "@";
}
#hideliame>span span {
display: none;
}
*+html #hideliame>span span {
display: inline; /* IE 7 */
}