@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Arial,Tahoma,Helvetica,sans-serif; }
/* General Specifications */
body { color: #404040; font-size: 12px; background: #e9ecee url(../../images/de/body-bg.gif) repeat-x; text-align: center;  }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden;	width: 0; }

hr { display: none; }
h2 { color: #d80015; font-size: 22px; font-weight: normal; padding-top: 35px; }
h3 { color: #595959; font-size: 14px; font-weight: normal; margin: 0px; padding-top: 35px; }
h3.datasheet { font-size: 12px; font-weight: bold; padding: 5px 20px; margin-top: 30px; border-left: 1px solid #ccd0d3; border-right: 1px solid #ccd0d3; border-top: 1px solid #ccd0d3; background-color: #f7f8f9;  }
h4 { font-size: 12px; line-height: 20px; padding-top: 21px; }
p { line-height: 20px; padding-top: 21px;  text-align: justify; }
p.error { color: #d80015; }
p.rightfloat {  padding-top: 35px; float: right; margin-left: 20px; }
p.searchfiltervalues { display:block; padding: 10px; margin-top: 21px; background-color: #f7f8f9; border-top: 1px solid #ccd0d3; border-bottom: 1px solid #ccd0d3; font-size: 11px; }
p.searchfiltervalues strong { font-weight: bold; font-size: 11px; }
p.searchfiltervalues span { font-style: italic; }
p.success { color: #ff6c00; }
p em { font-style: italic; }
a { color: #d80015; outline: none; }
p.paging a { text-decoration: none; color: #404040; background-color: #f7f8f9; }
p.paging strong { background-color: #fff;  }
p.paging a.gxpager, p.paging strong {  display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px;  border: 1px solid #ccd0d3; margin-right: 5px }
ul,ol { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; border: 0px; }
td,th { font-size: 12px; }
fieldset, img { border: 0; }
p img { padding: 4px; border: 1px solid #ccd0d3; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
caption, th { text-align: left; }
textarea { height: 100px; }
/* General Container */
div#container { position: relative; width: 960px; background: #fff url(../../images/de/container-bg.gif) repeat-y; text-align: left; position: relative; margin: 0px auto 20px auto; border-bottom: 1px solid #ccd0d3; }

div#branding { height: 200px; position: relative; background: #fff url(../../images/de/branding-bg.gif) no-repeat 0px 50px; }
div#branding h1 { position: absolute; left: 740px; top: 74px; width: 200px; height: 70px; z-index: 2;  }
div#branding h1 a { display: block; width: 200px; height: 70px; text-indent: -9999px; }

div#mainnavigation { position: absolute; top: 51px; width: 960px; height: 149px; }
div#mainnavigation ul { position: relative; width: 960px; height: 149px; }
div#mainnavigation ul li { position: absolute; }
div#mainnavigation ul li.hdl-200 { left: 160px; }
div#mainnavigation ul li.hdl-250 { left: 320px; }
div#mainnavigation ul li.broschuere,div#mainnavigation ul li.zubehoer { left: 740px; }
div#mainnavigation ul li.broschuere { top: 45px; }
div#mainnavigation ul li.zubehoer { top: 80px; }
div#mainnavigation ul li.hdl-250 { left: 320px; }
div#mainnavigation ul li a { display: block; background-repeat: no-repeat; background-position: top left; text-decoration: none; color: #747575; }
div#mainnavigation ul li a.hdl-170 { width: 160px; height: 149px; background-image: url(../../images/de/nav-01.gif); text-indent: -9999px; }
div#mainnavigation ul li a.hdl-200 { width: 160px; height: 149px; background-image: url(../../images/de/nav-02.gif); text-indent: -9999px; }
div#mainnavigation ul li a.hdl-250 { width: 160px; height: 149px; background-image: url(../../images/de/nav-03.gif); text-indent: -9999px; }
div#mainnavigation ul li a.broschuere, div#mainnavigation ul li a.zubehoer { padding-left: 30px; background-image: url(../../images/de/pdf-icon.gif); height: 21px; line-height: 21px; }
div#mainnavigation ul li a:hover { text-decoration: underline; }
div#mainnavigation ul li.hdl-170 a:hover, div#mainnavigation ul li.hdl-200 a:hover, div#mainnavigation ul li.hdl-250 a:hover { background-position: bottom; }
div#mainnavigation ul li.hdl-170 a.active, div#mainnavigation ul li.hdl-200 a.active, div#mainnavigation ul li.hdl-250 a.active { background-position: bottom; }


div#metanavigation { position: absolute; z-index: 1; top: 0px; height: 50px; width: 960px; background: #e9ecee url(../../images/de/metanavigation-bg.gif) repeat-x; }
div#metanavigation ul { position: relative;  height: 50px; width: 960px; }
div#metanavigation ul li { position: absolute; top: 18px; }
div#metanavigation ul li.kontakt { left: 195px; }
div#metanavigation ul li.niederlassungen { left: 78px; }
div#metanavigation ul li.impressum { left: 265px; }
div#metanavigation ul li.lang1 { right: 148px; }
div#metanavigation ul li.lang2 { right: 72px; }
div#metanavigation ul li.lang3 { right: 0px; }
div#metanavigation ul li a { display: block; font-size: 11px; color: #747575; text-decoration: none; background: #e9ecee url(../../images/de/dots.gif) no-repeat right;  }
div#metanavigation ul li a.startseite,div#metanavigation ul li a.kontakt,div#metanavigation ul li a.niederlassungen { padding-right: 17px; }
div#metanavigation ul li a.impressum,div#metanavigation ul li a.lang1 { background: none; }
div#metanavigation ul li a.lang1 { text-align: right; }
div#metanavigation ul li a.lang2,div#metanavigation ul li a.lang3 { background-position: left; padding-left: 17px; text-align: right; }
div#metanavigation ul li a:hover, div#metanavigation ul li a.active { text-decoration: underline; }

div#maincontent { width: 720px; float: left; }
div#subcontent { width: 240px; float: left; font-size: 11px;   }
div#subcontent p{ padding-top: 13px; text-align: left; }

body#index div#maincontent, body#index div#subcontent {  height: 411px; }
body#index div#maincontent { width: 479px; background: #d80015 url(../../images/de/index-maincontent-bg.gif) repeat-x;  }
body#index div#subcontent { width: 481px; background: #fff url(../../images/de/index-subcontent-bg.jpg) no-repeat; font-size: 12px; }
body#index div#subcontent h2, body#index div#subcontent p { color: #000; padding-left: 261px; padding-right: 30px; text-align:left; }
body#index div#subcontent p { padding-top: 10px; }
body#index div#subcontent h2 span { color: #fff; }
body#index div#maincontent div#indexteaser { height: 250px; color: #fff; padding-left: 21px; padding-right: 21px; }
body#index div#maincontent div#indexteaser h2,body#index div#maincontent div#indexteaser a { color: #fff; }

div#slider { width: 479px; height: 160px; overflow:hidden; }
div#slider ul { width: 479px; height: 160px; }
div#slider ul li { width: 479px; height: 160px; background-repeat: no-repeat; left: 0px; top: 0px; }
div#slider ul li h2, div#slider ul li p { padding-left: 200px; padding-right: 20px; }
div#slider ul li p { padding-top: 0px; text-align: left; }
div#slider ul li.hdl170 { background-image: url(../../images/de/hdl-170-slide.gif); }
div#slider ul li.hdl200 { background-image: url(../../images/de/hdl-200-slide.gif); }
div#slider ul li.hdl250 { background-image: url(../../images/de/hdl-250-slide.gif); }

div#subcontent2 { width: 960px; clear: both; background: #fff url(../../images/de/subcontent2-bg.gif) repeat-y; border-top: 1px solid #ccd0d3; }

div#pageinformation { height: 40px; background-color: #fff; font-size: 11px; border-top: 1px solid #ccd0d3; padding: 0px 21px; margin: 0px 1px; color: #acacac; }
div#pageinformation p a { color: #acacac; }
div#pageinformation p { padding-top: 10px; }
div#pageinformation p#copyright { float: left; }
div#pageinformation p#powered { text-align: right; }

div.box { border-top: 1px solid #ccd0d3; padding: 0px 20px 35px 20px; }
div.first { border: none; }
div.jumpbox { border-bottom: 1px solid #ccd0d3; }
div.konfigurator { margin-left: 1px; margin-right: 1px; background: #fff url(../../images/de/konfigurator-bg.gif) repeat-x bottom; }
div.metainfos { float: left; display: inline; width: 240px; color: #747575; min-height: 185px; }
div.metainfos h4  { padding: 21px 21px 2px 21px; }
div.metainfos p { text-align: left; font-size: 11px; padding: 0px 21px 21px 21px; }
div.metainfos ul { padding: 0px 21px; line-height: 20px; font-size: 11px; }
div.metainfos ul li { padding-left: 20px; background: transparent url(../../images/de/arrow1.gif) no-repeat 0px 6px; }
div.metainfos ul li a { color: #747575; }
div.metainfos ul li a:hover,div.metainfos ul li a.active { color: #d80015; }
div.special2 h4 { color: #d80015;  }
div.special1 { background: red url(../../images/de/messe.jpg) no-repeat; }

table.technicaldata {width: 673px; }
table.technicaldata th { font-weight: bold; padding: 5px 20px; border: 1px solid #ccd0d3; background-color: #f7f8f9; line-height: 20px; }
table.technicaldata tr.zebra { background-color: #f7f8f9; }
table.technicaldata td p { padding: 5px 20px; text-align: left; }
table.technicaldata td {  border: 1px solid #ccd0d3; }
table.technicaldata td.praefix { width: 300px; }

table#productdetail { width: 673px; }
table#productdetail td { vertical-align: top;  }
table#productdetail td.produktimage { padding-top: 30px; text-align: center; width: 300px; }
table#productdetail td.description { padding-left: 20px; padding-top: 4px; }
table#productdetail td.produktimage img { border: none; padding: 0px; }
table#productdetail td.produktimage div { text-align: left; border: 1px solid #ccd0d3; padding: 20px; margin-top: 30px;  }

ul.detaildownloads { padding-top: 21px;  }
ul.detaildownloads li { line-height: 20px; padding-left: 25px; background: transparent url(../../images/de/pdf_icon.gif) no-repeat 0px 2px;  }
ul.detaildownloads li a { color: #404040; text-decoration: underline; }
ul.detaildownloads li a:hover { color: #d80015; }

ul.ultilizationlinks { padding-top: 21px; width: 203px; }
ul.ultilizationlinks li { position: relative; line-height: 20px; padding-left: 25px; background: transparent url(../../images/de/arrow3.gif) no-repeat 0px 5px; }
ul.ultilizationlinks li a { color: #404040; }
ul.ultilizationlinks li a:hover { color: #d80015; }


ul.textlist { padding-top: 21px; border-bottom: 1px solid #ccd0d3; }
ul.textlist li { line-height: 20px;  border-top: 1px solid #ccd0d3; padding:5px; padding-left: 25px; background: #f7f8f9 url(../../images/de/arrow3.gif) no-repeat 5px 10px; }

ul.textlist2 { padding-top: 21px; border-bottom: 1px solid #ccd0d3; }
ul.textlist2 li { line-height: 20px; border-top: 1px solid #ccd0d3; }
ul.textlist2 li a { padding:5px; padding-left: 25px; background: #f7f8f9 url(../../images/de/arrow3.gif) no-repeat 5px 10px; display: block; text-decoration: none; color: #404040; }
ul.textlist2 li a:hover { background-color: #ccd0d3; }

div#subnavigation ul { padding-top: 0px; margin: 0px 1px; border-bottom: 1px solid #ccd0d3; }
div#subnavigation ul li { line-height: 20px; border-top: 1px solid #ccd0d3; }
div#subnavigation ul li.first { border: none; }
div#subnavigation ul li a { padding:5px; padding-left: 25px; background: #f7f8f9 url(../../images/de/arrow3.gif) no-repeat 5px 10px; display: block; text-decoration: none; color: #404040; }
div#subnavigation ul li a:hover,div#subnavigation ul li a.active { background-color: #dde1e4; }

form.gxform { padding-top: 35px;  line-height: 20px; }
form.gxform legend { display: none; }
form.gxform fieldset{ border: solid 0px #fff; }
form.gxform ol{ list-style-type: none; }
form.gxform ol li{ padding-bottom: 13px; }
form.gxform ol li label{ vertical-align: top; display: inline-block; width: 100px; }
form.gxform ol li input,
form.gxform ol li textarea{ width: 560px; font-size: 12px; }
form.gxform ol li select { width: 564px; color: #404040; font-size: 12px; }
form.gxform ol li input.checkbox { width: auto; }
form.gxform ol li input.radio { width: auto; }
form.gxform ol li fieldset { margin-left: 102px; }
form.gxform ol li fieldset label { display: block; width: auto; }
form.gxform input.submit {  margin-left: 100px;  font-size: 12px; }

div#youtubesmall { padding-top: 30px; }
div#youtubesmall table { border-collapse: collapse; width: 670px; }
div#youtubesmall table tr td.movie { width: 320px; }

div.branches { float: left; width: 225px; border-top: 1px solid #ccd0d3; margin-top: 21px; }
div.branches h3 {  padding-top: 21px; }
div.middle { width: 230px; }
div.middle h3, div.middle p { padding-left: 20px; }
div.last { width: 223px; }
div.last h3, div.last p { padding-left: 20px; }

table.fairdates { width: 683px; }
table.fairdates td { vertical-align: top; border-bottom: 1px solid #ccd0d3; }
table.fairdates td.description  { padding: 20px 0px 20px 20px; }
table.fairdates td.description h3 { font-size: 16px; line-height: 1.5em; padding: 0px; color: #404040; }
table.fairdates td.description p.ordernumber { float: left; }
table.fairdates td.description p strong { font-weight: bold; }
table.fairdates td.description p.details { text-align: right; }
table.fairdates td.ordernumber { border-right: 1px solid #ccd0d3; width: 225px; padding: 20px 0px; }
table.fairdates td.fairdate { border-right: 1px solid #ccd0d3; vertical-align: top; width: 225px; padding: 20px 0px; }
table.fairdates td.fairdate {  }

/* LIGHTBOX CODE START */
#lightbox{ position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0; }
#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: transparent url(../../images/de/blank.gif) no-repeat; /* 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/de/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/de/next.gif) right 50% no-repeat; }
#nextLinkText, #prevLinkText{ color: #5ca102; font-weight: bold; text-decoration: none; }
#nextLinkText{ padding-left: 20px; }
#prevLinkText{ padding-right: 20px; }
.ontop #imageData { padding-top: 5px; }
#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	}
#imageData{	padding:0 10px;	}
#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #000;	filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; }
.clearfix:after { content: ".";	display: block; height: 0; clear: both;	visibility: hidden;	}
* html>body .clearfix {	display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */ }
/* LIGHTBOX CODE END */