/* global.css (88%) */
/*@charset "UTF-8";*/@media screen {
/* -------- GLOBAL -------- *//* reset *//*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
/* font */body{font-family:Helvetica, Arial, Verdana, sans-serif;font-size:12px;color:#3e3d40;}
/* special colors */.mobile,.gaseous,.mobile a:link,.mobile a:visited{color:#009ee0;}
.fixed,.particles,.fixed a:link,.fixed a:visited{color:#045894;}
.machinetools,.machinetools a:link,.machinetools a:visited{color:#ff7200;}
/* misc */h1,h2,h3{text-transform:uppercase;color:#045894;font-size:16px;margin-bottom:8px;font-weight:700;}
h2 a:link,h2 a:visited,h3 a:link,h3 a:visited{color:#045894;text-decoration:none;}
h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus{color:#65737D;}
h4,h5,h6{color:#3377a8;font-weight:700;}
.price{font-size:16px;color:#045894;font-weight:700;border-bottom:2px solid #045894;}
.break{clear:left;}
.print{display:none;}
a:link,a:visited{text-decoration:underline;color:#3e3d40;}
a:focus,a:hover{text-decoration:none;}
a:active{color:#045894;}
/* -------- LAYOUT -------- *//* background */html{height:100%;}
body{text-align:center;background:url(../img/bg.jpg) repeat-x left top #fff;height:100%;}
/* wrapper */#wrapper{width:848px;border-width:6px 8px;border-color:#fff;border-style:solid;margin:0 auto 30px;text-align:left;background-color:#fff;overflow:hidden;}
.bg-shadow{background:url(../img/bg_shadows.png) left top no-repeat;width:13px;height:556px;position:absolute;top:0;left:50%;margin-left:-445px;}
.bg-shadow.right{background-position:left bottom;margin-left:432px;}
/* z-index / navigation trickery */#wrapper{position:relative;}
header{position:relative;z-index:1;}
#slideshow{z-index:5;}
nav{z-index:10;}
.header{z-index:15;}
a.index{z-index:20;}
a.contact{z-index:25;}
#shim{z-index:30;}
/* header */header h1,header p,nav h2{text-indent:-9999px;position:absolute;}
header{height:170px;min-height:170px;}
#slideshow{position:absolute;top:82px;left:0;}
#slideshow img{display:none;position:absolute;}
#slideshow img.eyecatcher{display:block;}
.header{position:absolute;top:0;left:0;width:848px;height:145px;background:url(../img/header.png) left top no-repeat;}
a.index,a.contact{position:absolute;text-indent:-9999px;overflow:hidden;}
a.index{top:20px;left:20px;width:300px;height:80px;}
a.contact{top:32px;right:20px;width:300px;height:48px;}
/* nav */nav{position:absolute;right:0;top:77px;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,0.5);}
nav li{float:left;}
nav a:link,nav a:visited{color:#fff;text-decoration:none;padding:50px 10px 7px;display:block;border-left:1px solid #fff;border-left:1px solid rgba(255,255,255,0.5);background:#5f737f;background:rgba(95,115,127,0.8);}
nav .first a:link,nav .first a:visited{border-left:0;}
nav a:hover,nav a:focus,nav li.trigger a,nav a.current{background:#3f505c;background:rgba(63,80,92,0.8);}
nav ul ul{display:none;position:absolute;border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,0.5);}
nav li:hover ul,nav li:focus ul,nav li.trigger ul{display:block;}
nav li li{float:none;}
nav li li a:link,nav li li a:visited{font-size:10px;width:230px;padding:7px 10px;background:#5f737f;background:rgba(95,115,127,0.8);}
nav .mobile-nav a:hover,nav .mobile-nav a:focus,nav .mobile-nav.trigger a,nav li.mobile-nav li a:link,nav li.mobile-nav li a:visited{background:#009ee0;background:rgba(0,158,224,0.8);}
nav .fixed-nav a:hover,nav .fixed-nav a:focus,nav .fixed-nav.trigger a,nav li.fixed-nav li a:link,nav li.fixed-nav li a:visited{background:#045894;background:rgba(4,88,148,0.8);}
#wrapper nav li li a:hover,#wrapper nav li li a:focus,#wrapper nav li li.trigger a{background:#3f505c;background:rgba(63,80,92,0.8);}
/* nav-hack */#shim{position:absolute;right:0;top:60px;display:block;}
#shim span{position:absolute;bottom:0;}
/* footer */footer{margin-top:10px;padding-top:10px;border-top:1px solid #ababac;color:#ababac;}
footer li{float:left;}
footer a:link,footer a:visited{float:left;text-decoration:none;color:#ababac;padding:0 5px;}
footer .first a:link,footer .first a:visited{padding-left:0;}
footer ul a:link,footer ul a:visited{border-right:1px solid #ababac;}
footer a:hover,footer a:focus{text-decoration:underline;}
footer address a:link,footer address a:visited{color:#045894;}
.copy{float:right;}
.copy img{vertical-align:bottom;}
/* -------- FORMS -------- */form{margin-top:20px;}
fieldset{border-top:1px solid #ababac;padding:10px 0;}
legend{font-weight:700;color:#045894;display:block;padding-right:10px;font-size:13px;}
label{cursor:pointer;display:block;}
input,select,textarea{margin-top:3px;width:99%;padding:2px;}
textarea{height:70px;}
#wrapper form .price-label{margin:4px 0;}
#wrapper form ul{margin:0;}
#wrapper form li{padding:5px 0;list-style-type:none;}
form .column,form .horizontal li{width:45%;float:left;}
form .horizontal .break{margin-right:5%;}
form .column-r{width:45%;margin-left:5%;float:left;}
input.send{float:left;background-color:#3377a8;color:#d9e5ef;padding:8px 15px;font-size:14px;overflow:visible;border:0;width:auto;cursor:pointer;margin-right:20px;-moz-border-radius:5px;-webkit-border-radius:5px;}
input.send:hover,input.send:focus{color:#fff;}
.mandatory{width:45%;margin-right:5%;float:right;}
div.checkbox{padding:3px 0;overflow:hidden;clear:left;}
form .check input{float:left;width:auto;margin-right:5px;margin-top:0;}
form .check label{margin-left:20px;}
p.error-notice,.error-message,li.error label{color:#BF1B00;font-weight:700;}
.error-message{margin-top:5px;}
.form-error{padding:4px;border:1px solid #BF1B00;}
p.error-notice{float:left;width:150px;padding:8px;border:2px solid #BF1B00;}
/* -------- CONTENT -------- *//* start */#start header{height:464px;}
#start h2{text-indent:-9999px;position:absolute;}
#start .portfolio{border-top:8px solid #fff;}
#start .portfolio li{float:left;height:168px;border-left:6px solid #fff;background-position:left top;background-repeat:no-repeat;position:relative;}
#start .portfolio .portfolio-staub{background-image:url(../img/portfolio/portfolio_01.jpg);}
#start .portfolio .portfolio-gase{background-image:url(../img/portfolio/portfolio_02.jpg);}
#start .portfolio .portfolio-maschinen{background-image:url(../img/portfolio/portfolio_03.jpg);}
#start .portfolio .catchall{position:absolute;top:0;left:0;width:100%;height:100%;}
#start .portfolio .first{border-left:0;}
#start .portfolio div{height:138px;width:248px;padding:15px;}
#start .portfolio h3{font-weight:400;}
#start .portfolio img{float:right;margin-right:10px;}
#start .portfolio .desc{margin:15px 0;width:140px;}
/* listing item */#listing article.main{margin-left:0;}
#listing h2,#listing h3{padding-left:195px;}
#listing .intro{margin-left:195px;}
#listing section.group{margin-top:30px;clear:both;}
#listing section section{clear:both;border-top:1px solid #ababac;padding:8px 0;}
#listing section section img,#listing section section .placeholder-product{float:left;margin:0 35px;}
#listing section section .placeholder-product{width:125px;height:125px;background-color:#3f505c;}
#listing section section h4{margin-bottom:4px;}
#listing .price-label{text-align:right;padding:8px 0;margin:0;}
#listing .price-label a{text-decoration:none;}
#listing .column{float:left;width:500px;}
#listing .column-r{float:right;width:130px;padding-top:30px;}
#wrapper .product-icons{float:left;margin:0;}
#wrapper .product-icons li{background:url(../img/product_icons.png) 0 0 no-repeat;height:42px;width:37px;float:left;text-indent:-9999px;margin-right:5px;list-style-type:none;}
#wrapper .product-icons li.m{background-position:1px 0;}
#wrapper .product-icons li.v230{background-position:-46px 0;}
#wrapper .product-icons li.v400{background-position:-92px 0;}
#wrapper .product-icons li.ex{background-position:-138px 0;}
#wrapper .product-icons li.w3{background-position:-186px 0;}
#wrapper .product-icons li.h2{background-position:-230px 0;}
/* product details */#product article.main{margin-left:0;}
#product h2{text-indent:-9999px;position:absolute;}
#product h3{padding-left:312px;}
#product h4{border-width:1px 0;border-color:#ababac;border-style:solid;font-size:24px;line-height:1;padding:12px 0 12px 312px;position:relative;margin-bottom:12px;}
#product h4 em{position:absolute;right:30px;}
#product .product-details{margin-left:312px;}
p.overview{text-align:right;}
table{width:100%;}
th{background-color:#afcdff;font-weight:700;border-bottom:3px solid #fff;}
td{background-color:#d9e7ff;border-bottom:1px solid #fff;}
th,td{padding:5px 7px;border-left:1px solid #fff;}
/* misc *//* further link */p.contact, p.overview {margin-top:10px;}
p.overview a,p.details a,p.details span{color:#fff;font-size:11px;padding:8px;display:block;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color:#9F9F9F;}

p.contact a {color:#fff;font-size:11px;padding:8px;display:block;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color:#ff7200;}

/* messages */p.message{padding:10px;border:2px solid #43AF20;background-color:#8ACF74;font-weight:700;color:#fff;margin-left:200px;margin-bottom:10px;}
p.error{border-color:#BF2F2F;background-color:#CF6767;}
#start p.message{margin:0;}
.datasheet a:link,.datasheet a:visited{font-size:11px;padding-left:35px;background:url(../img/pdf_icon.png) 8px center no-repeat;line-height:11.5px;text-decoration:none;display:block;}
.datasheet a:hover,.datasheet a:focus{color:#ababac;}
article.main,section.main{margin-left:200px;}
article.main p,section.main p{line-height:1.3;margin-bottom:8px;}
article.main em,section.main em{font-style:italic;}
article.main strong,section.main strong{font-weight:700;}
article.main ol li,section.main ol li{list-style-type:decimal;}
article.main ul li,section.main ul li{list-style-type:disc;}
article.main ol,section.main ol,article.main ul,section.main ul{line-height:1.3;margin:20px 30px;}
/* --- gallery --- */div.gallery{float:left;width:302px;background-color:#e7eaeb;padding-bottom:14px;}
#wrapper ul.thumbs{margin:14px 0 0;}
#wrapper ul.thumbs li{float:left;margin-left:14px;margin-bottom:14px;list-style-type:none;}
#wrapper ul.thumbs li.break{margin-left:0;}
/* examples of usage */#listing-alt .main section{clear:both;margin-top:30px;}
#listing-alt .main ul{border-top:1px solid #ababac;padding-top:16px;margin:0;}
#listing-alt .main li{list-style-type:none;width:139px;float:left;margin-left:30px;margin-bottom:10px;}
#listing-alt .main li.break{margin-left:0;}
#listing-alt .main li img{margin-bottom:5px;}
#listing-alt .main li a{padding:7px;display:block;text-decoration:none;}
#listing-alt .main li a:hover,#listing-alt .main li a:focus{background-color:#eee;}
#listing-alt .main li a:hover span,#listing-alt .main li a:focus span{text-decoration:underline;}
#listing-alt .placeholder-usage{width:125px;height:125px;background-color:#3f505c;display:block;margin-bottom:5px;}
/* CTRL */#ctrl{position:absolute;top:5px;left:5px;width:130px;padding:15px;background-color:#eee;color:#000;z-index:200;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#ctrl p.details{margin-top:10px;}
#ctrl strong{font-weight:700;}
#ctrl p.details a{color:#000;}
/* -------- COLORBOX -------- */#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000;padding:5px;}
#cboxTitle{position:absolute;top:-20px;left:0;color:#3E3D40;}
#cboxCurrent{position:absolute;top:-20px;right:0;color:#3E3D40;}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#3E3D40;}
#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../img/colorbox/controls.png) top left no-repeat;width:28px;height:65px;text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../img/colorbox/controls.png) top right no-repeat;width:28px;height:65px;text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../img/colorbox/controls.png) top center no-repeat;width:38px;height:19px;text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}
/* -------- CLEARFIX -------- *//* http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */nav:after,footer:after,.portfolio:after,.product-icons:after,ul.thumbs:after,article.main:after,section.main:after,#listing-alt .main section ul:after,#listing .main section section:after,.check:after,ul.check li:after,footer li:after,footer li a:after,nav li:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .bg-shadow{display:none;}
* html nav,* html footer,* html .portfolio,* html .product-icons,* html ul.thumbs,* html article.main,* html section.main,* html #listing-alt .main section ul,* html #listing .main section section,* html .check,* html ul.check li,* html footer li a,* html footer li,* html nav li{zoom:1;/* IE6 */}
:first-child+html nav,:first-child+html footer,:first-child+html .portfolio,:first-child+html .product-icons,:first-child+html ul.thumbs,:first-child+html article.main,:first-child+html section.main,:first-child+html #listing-alt .main section ul,:first-child+html #listing .main section section,:first-child+html .check,:first-child+html ul.check li,:first-child+html footer li a,:first-child+html footer li,:first-child+html nav li{zoom:1;/* IE7 */}
}
@media print {
body{font-family:Helvetica, Arial, Verdana, sans-serif;}
header{display:block;margin-bottom:10px;border-bottom:2px solid #000;padding-bottom:10px;}
footer{display:block;margin-top:10px;border-top:2px solid #000;padding-top:10px;}
#slideshow,#ctrl,nav,form,header a,header img,footer address,footer ul,p.overview,p.details{display:none;}
a img{border:0;}
section,article{display:block;margin:10px 0;clear:both;}
.break{clear:left;}
.group{display:block;margin-top:5px;border-top:1px solid #000;padding-top:5px;}
.group img{float:left;margin-right:10px;margin-bottom:10px;}
.gallery{float:left;width:302px;margin-right:15px;margin-bottom:20px;}
.gallery ul{margin:0;padding:0;}
.gallery ul img{float:left;margin-top:8px;margin-left:14px;}
.gallery li{list-style-type:none;}
.gallery li.break img{margin-left:0;}
}