/*##################### BUTTON MINIFY #####################*/ a.button,button{display:block;float:left;margin:.7em .5em .7em 0;padding:5px 10px 5px 7px;border:1px solid #D3D3D3;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#333;cursor:pointer;} button{width:auto;overflow:visible;padding:4px 10px 3px 7px;} button[type]{padding:4px 10px 4px 7px;line-height:17px;} *:first-child+html button[type]{padding:4px 10px 3px 7px;} button img,a.button img{margin:0 3px -3px 0!important;padding:0;border:none;width:16px;height:16px;float:none;} button:hover,a.button:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#369;} a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;} body .positive{color:#529214;} a.positive:hover,button.positive:hover{background-color:#e6efc2;border:1px solid #c6d880;color:#529214;} a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;} body .negative{color:#d12f19;} a.negative:hover,button.negative:hover{background-color:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;} a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;} /*##################### ICONS MINIFY #####################*/ body a.noicon{background:transparent none!important;padding:0!important;margin:0!important;} a[href^="mailto:"],a[href^="callto:"],a[href$='.pdf'],a[href$='.wmv'],a[href$='.ppt'],a[href$='.pps'],a[href$='.PPT'],a[href$='.zip'],a[href$='.exe'],a[href^='/software/'],a[href^='/files/ebook/'],a[href^='presse-'],a[href^='/PDFs/zertifikate_zulassungen/UL/'],a[href^='/PDFs/zertifikate_zulassungen/CE/'],a[href$='#HE-sen'],a[href$='#HE-pro'],a[href$='#HE-zlr'],a[href^='/PDFs/zertifikate_zulassungen/PTB/'],a[href$='#PTB-sen'],a[href$='#PTB-pro'],a[href$='#PTB-zlr'],a[href^='#sen-zub'],.link_zubehoer,.link_go{display:inline;padding:1px 0 1px 20px;line-height:18px;min-height:18px;overflow:visible;background:url(img/kuebler.png) no-repeat;border:none;} a[href^="mailto:"]{width:16px;height:16px;background-position:-460px -98px;} a[href^="callto:"]{width:16px;height:16px;background-position:-460px -135px;} a[href$='.pdf']{width:16px;height:16px;background-position:-460px -175px;} a[href$='.wmv']{width:16px;height:16px;background-position:-460px -345px;} a[href$='.ppt'],a[href$='.pps'],a[href$='.PPT']{width:16px;height:16px;background-position:-460px -195px;} a[href$='.zip']{width:16px;height:16px;background-position:-460px -305px;} a[href$='.exe'],a[href^='/software/']{width:16px;height:16px;background-position:-460px -325px;} a[href^='/files/ebook/'], a[href^='http://docs.google.com/viewer?url'] {width:16px;height:16px;background-position:-460px -215px;} a[href^='presse-']{width:16px;height:16px;background-position:-460px -235px;} a[href^='/PDFs/zertifikate_zulassungen/UL/']{width:16px;height:16px;background-position:-460px -365px;} a[href^='/PDFs/zertifikate_zulassungen/UL/ULapproval_37XX']{width:42px;height:16px;background-position:-460px -483px;padding-left:45px;} a[href^='/PDFs/zertifikate_zulassungen/UL/ULapproval_counting_process']{width:42px;height:16px;background-position:-460px -483px;padding-left:45px;} a[href^='/PDFs/zertifikate_zulassungen/CE/']{width:16px;height:16px;background-position:-460px -385px;} a[href^='/PDFs/zertifikate_zulassungen/PTB/'],a[href$='#HE-sen'],a[href$='#HE-pro'],a[href$='#HE-zlr']{width:16px;height:16px;background-position:-460px -405px;} a[href$='#PTB-sen'],a[href$='#PTB-pro'],a[href$='#PTB-zlr']{width:16px;height:16px;background-position:-460px -425px;} a[href^='#sen-zub'],.link_zubehoer{width:16px;height:16px;background-position:-460px -445px;} .link_go{width:16px;height:16px;background-position:-460px -465px;} .preisanfrage{display:inline;padding:1px 0 1px 20px;line-height:18px;min-height:18px;overflow:visible;background:url(img/kuebler.png) no-repeat;border:none;width:16px;height:16px;background-position:-460px -80px;} a[class="preisanfrage"]{width:16px;height:16px;background-position:-460px -80px;} a.pdf {width:16px;height:16px;background-position:-460px -175px;} /*##################### DESIGN #####################*/ /* ########## Header ########## */ #headerDIV { background:url(img/header_bg.png) repeat-x;} #header { height:70px; margin-top:5px; } #logo { position:relative; top:6px; left:-11px; z-index:999;} #infobox_contact { position:fixed; width:100%; margin: 0 auto; padding-top:10px; background-color:#FF3; filter: alpha(opacity=75); opacity: 0.75; z-index:9856; text-align:center; font-size:16px; } /* ########## Banner ########## */ #branchen_div { height:90px; padding:0; margin:0; z-index:10; } /* ########## Navigation ########## */ #navi { position:relative; z-index:10; border-bottom:#CCC 1px solid; background-color:#FFF; margin-bottom:5px; } #navigation { margin:0; padding:0; list-style-type:none; width:auto; display:table; display:table-cell;} #navigation li { float:left; display:block; text-align:left; margin-right:43px; padding:15px 0 10px 10px; } #navigation li.kont { margin-right:0;} #navigation .aktiv { color:#FF6400;} #navigation li:hover { color:#FF6400;} #navigation li a { color:#333333; font:bold 15px Verdana, Tahoma, Geneva, sans-serif; text-decoration:none;} #navigation li a:hover { color:#FF6400;} #navigation span { position:relative; top:-7px; margin:0; padding:0; font:normal 9px Verdana, Tahoma, Geneva, sans-serif; line-height: 15px; } /* ########## Language ########## */ #language { position:relative; top:35px; left:-80px; z-index:4900; } #language img { border:#FFFFFF 1px solid;} #language img:hover { border:#FF6400 1px solid;} #more_countries { position:relative; bottom:20px; left:180px; color:#FFF; width:60px; margin-left:10px;} #more_countries img { border:none; margin: 0 3px 2px 2px; } #more_countries img:hover { border:none; } #c_popup_class { z-index:5000; position:absolute; top:15px; right:4px; text-align:left; background-color:#FFF; padding:5px; width:110px; line-height:10px; border:#CCC 1px solid; border-radius:2px; -moz-box-shadow: 0 2px 3px #CCC; -webkit-box-shadow: 0 2px 3px #CCC; box-shadow: 0 2px 3px #CCC;} #c_popup_class a { display:block; text-decoration:none; color:#333333; border:none;} #c_popup_class a:hover { color:#FF6400;} .c_popup_img { position:relative; top:2px; } /* ########## SUCHE ########## */ #searchForm { border:none; margin:0; padding:0; text-align:right; z-index:5200;} #searchForm img { position:relative; left:-22px; vertical-align:text-bottom;} #searchForm { position:relative; top:32px; left:-28px;} #searchForm input { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-decoration:none;color:#FF6400;border:none; background:#FFFFFF;} #searchForm input.searchIMG { font-weight:normal; width:140px; height:15px; margin:0; margin-right:4px; padding:3px 20px 3px 1px; } #searchForm input.searchBTN { position:relative; top:-21px; left:28px; width:47px; height:21px; padding:0; font-weight:bold; background-color:#FFF; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #searchForm input.searchBTN:hover { color:#333;} #searchForm input.searchBTN:active { color:#333;} #google_search iframe { width: 99%;} /* ########## Menu links ########## */ .submenu_quicklinks { height:160px; width:178px; padding-left:8px; margin-top:11px; margin-bottom:0;} .submenu_product { height:190px; width:178px; padding-left:8px; margin-top:11px; margin-bottom:0;} .submenu_productfinder { height:110px; width:178px; padding-left:8px; margin-top:9px; margin-bottom:0;} .submenu_branchen { height:85px; width:178px; padding-left:8px; margin-top:7px; margin-bottom:0;} .submenu_productfinder h4 img { position:relative; left:10px; top:8px; z-index:4500;} .submenu_50Jahre { padding-left:8px; margin-bottom:20px;} .submenu_messe { height:auto; width:178px; padding-left:8px; margin-top:20px; margin-bottom:25px;} .submenu_jobmesse { height:auto; width:178px; padding-left:8px; margin-top:50px; margin-bottom:25px; } .submenu_messe h4 { margin-bottom:3px; margin-top:10px;} .submenu_messe_content { padding-left:7px; padding-bottom:9px;} .submenu_messe_content p { margin:0; padding:0; padding-left:7px; padding-bottom:10px; line-height:14px} .submenu_mttfd { height:235px; width:178px; padding-left:8px; margin-top:30px; margin-bottom:25px;} .submenu_atex { height:auto; width:178px; padding-left:8px; margin-bottom:25px;} .submenu_infobox { width:156px; padding:5px 5px 5px 25px; margin:25px 0; background:url(img/info_i.png) top left no-repeat #eee;} .submenu_kontakt { height:135px; width:178px; padding-left:8px; margin-bottom:40px;} .submenu_kontakt h4 { margin-bottom:3px; margin-top:10px;} .submenu_kontakt_content { margin-left:5px; margin-top:10px;} .submenu_kontakt_content h3 { margin-bottom:10px;} .submenu_kontakt_content h3.up { margin-bottom:-2px;} .werktags { font-size:0.67em; color:#333; position:relative; left:30px; top:-8px;} .submenu_company { height:160px; width:178px; padding-left:8px; margin-top:11px; margin-bottom:0;} .submenu_company2 { height:190px; width:178px; padding-left:8px; margin-top:12px; margin-bottom:0;} .submenu_neues { height:190px; width:178px; padding-left:8px; margin-top:11px; margin-bottom:0;} .submenu_neues_archiv { height:135px; width:178px; padding-left:8px; margin-top:9px; margin-bottom:0;} .submenu_presse { height:135px; width:178px; padding-left:8px; margin-top:11px; margin-bottom:0;} .submenu_presse2 { height:162px; width:178px; padding-left:8px; margin-top:10px; margin-bottom:0;} .submenu_service { height:110px; width:178px; padding-left:8px; margin-top:11px; margin-bottom:0;} .submenu_reparatur { height:85px; width:178px; padding-left:8px; margin-top:7px; margin-bottom:0;} .submenu_download { height:165px; width:178px; padding-left:8px; margin-top:6px; margin-bottom:0;} .submenu_contact { height:85px; width:178px; padding-left:8px; margin-top:11px; margin-bottom:0;} .submenu_contact2 { height:161px; width:178px; padding-left:8px; margin-top:5px; margin-bottom:0;} /* ########## Messe ########## */ /* .submenu_messe_info { position: relative; left:-40px; float:right;} #messe_info { position:absolute; top:632px; margin-left:114px; width:150px; height:auto; background-color:#FFF; border:#CCC 1px solid; line-height:12px;} #messe_info img { padding-right:5px; } #messe_info p { padding:5px; padding-left:20px; padding-top:0;} */ /* ########## Breadcrumbs ########## */ #bread_lang { background:url(img/border_bread_lang.png) no-repeat left bottom; padding-top:5px; position:relative; left:10px; width:740px;} #breadcrumb { position:relative; left:5px; } /* ########## Inhalte ########## */ #wrapper { background:url(img/border_right.png) repeat-y left top;} #inhalt { margin-top:15px; margin-left:-12px; width:722px; min-height:500px;} .go_top { width:100px; margin:auto; text-align:center;} .go_top a:hover { text-decoration:none; color:#FF6400;} /* ########## Footer ########## */ #footer { border-top:#FF6400 2px solid; padding-top:35px; margin-top:5px; height:75px; } #footer a:active { position:relative; top:1px;} #slogan a { padding-left:20px;} /*##################### CSS SPRITE #####################*/ .sprite { background:url(img/kuebler.png) no-repeat;} .sprite_logo { width:212px; height:49px; background-position:-5px -1px;} .sprite_logo_de { width:322px; height:106px; background-position:-5px -390px;} .sprite_logo_en { width:322px; height:106px; background-position:-5px -630px;} .sprite_logo_fr { width:322px; height:106px; background-position:-5px -630px;} .sprite_logo_it { width:322px; height:106px; background-position:-5px -630px;} .sprite_logo_zh-CN { width:322px; height:106px; background-position:-5px -880px;} .sprite_logo_50jahre_de { width:160px; height:95px; background-position:-339px -630px;} .sprite_logo_50jahre_en { width:160px; height:95px; background-position:-339px -880px;} .sprite_logo_50jahre_fr { width:160px; height:95px; background-position:-339px -880px;} .sprite_logo_50jahre_it { width:160px; height:95px; background-position:-339px -880px;} .sprite_slogan_de { width:166px; height:22px; background-position:-5px -53px;} .sprite_slogan_en { width:189px; height:22px; background-position:-5px -76px;} .sprite_slogan_fr { width:250px; height:22px; background-position:-5px -99px;} .sprite_slogan_it { width:164px; height:22px; background-position:-5px -122px;} .sprite_slogan_sp { width:195px; height:22px; background-position:-5px -145px;} .sprite_slogan_zh-CN { width:212px; height:18px; background-position:-5px -370px;} .sprite_contact_de { width:188px; height:135px; background-position:-5px -170px;} .sprite_contact_en { width:188px; height:135px; background-position:-5px -310px;} .sprite_btnnew { width:30px; height:30px; background-position:-230px -10px;} /* 230px=mit New - 430px=ohne New */ .sprite_btnnew_position_de { position:relative; top:83px!important; left:10px!important; } .sprite_btnnew_position_en { position:relative; top:83px!important; left:30px!important; } .sprite_btnnew_position_fr { position:relative; top:83px!important; left:75px!important; } .sprite_btnnew_position_it { position:relative; top:83px!important; left:25px!important; } .sprite_btnnew_position_zh-CN { position:relative; top:83px!important; left:30px!important; } .sprite_search_lupe { width:14px; height:14px; background-position:-270px -10px;} .sprite_go_top { width:9px; height:9px; background-position:-310px -10px;} .sprite_orange_info { width:16px; height:16px; background-position:-370px -10px;} .sprite_kontakt_telefon { width:26px; height:26px; background-position:-5px -330px;} .sprite_kontakt_email { width:25px; height:19px; background-position:-35px -330px;} .sprite_kontakt_rueckruf { width:25px; height:25px; background-position:-65px -330px;} .sprite_kontakt_tsupport { width:26px; height:26px; background-position:-100px -330px;} /**/ .sprite_add { width:14px; height:14px; background-position:-460px -275px;} .sprite_remove { width:14px; height:14px; background-position:-460px -290px;} .sprite_edit { width:15px; height:16px; background-position:-270px -125px;} .sprite_save { width:16px; height:16px; background-position:-290px -125px;} .sprite_rohs { width:20px; height:20px; background-position:-270px -100px;} .sprite_ul { width:32px; height:20px; background-position:-300px -100px;} .sprite_ul_cruus { width:52px; height:20px; background-position:-140px -330px;} .sprite_ex { width:21px; height:20px; background-position:-340px -100px;} .sprite_e1 { width:60px; height:50px; background-position:-365px -100px;} .sprite_tuv { width:56px; height:50px; background-position:-345px -390px;} /* Produktfinder Prozess kleine Icons fuer wichtige Kriterien */ .sprite_wc_eingang { width:16px; height:16px; background-position:-380px -270px;} .sprite_wc_kennlinie { width:16px; height:16px; background-position:-360px -270px;} /* Produktfinder Zaehler kleine Icons fuer wichtige Kriterien */ .sprite_wc_funktion { width:16px; height:16px; background-position:-200px -230px;} .sprite_wc_baugroesse { width:16px; height:16px; background-position:-220px -230px;} .sprite_wc_schalttafel { width:16px; height:16px; background-position:-240px -230px;} .sprite_wc_einbau { width:16px; height:16px; background-position:-260px -230px;} .sprite_wc_spannung { width:16px; height:16px; background-position:-280px -230px;} .sprite_wc_stellen { width:16px; height:16px; background-position:-300px -230px;} .sprite_wc_anzeige { width:16px; height:16px; background-position:-320px -230px;} .sprite_wc_reset { width:16px; height:16px; background-position:-340px -230px;} .sprite_wc_schutzart { width:16px; height:16px; background-position:-360px -230px;} .sprite_wc_vorwahl { width:16px; height:16px; background-position:-380px -230px;} .sprite_wc_sonstiges { width:16px; height:16px; background-position:-400px -230px;} /* Produktfinder Drehgeber kleine Icons fuer wichtige Kriterien */ .sprite_wc_d_ausfuehrung { width:16px; height:16px; background-position:-200px -250px;} .sprite_wc_d_baugroesse { width:16px; height:16px; background-position:-220px -250px;} .sprite_wc_d_welle { width:16px; height:16px; background-position:-240px -250px;} .sprite_wc_d_schnittstelle { width:16px; height:16px; background-position:-260px -250px;} .sprite_wc_d_anschluss { width:16px; height:16px; background-position:-280px -250px;} .sprite_wc_d_aufloesung { width:16px; height:16px; background-position:-300px -250px;} .sprite_wc_d_drehzahl { width:16px; height:16px; background-position:-320px -250px;} .sprite_wc_d_schutzart { width:16px; height:16px; background-position:-340px -250px;} .sprite_wc_d_sonstiges { width:16px; height:16px; background-position:-360px -250px;} /* Schnittstellen Logos */ .sprite_canopen { width:73px; height:23px; background-position:-5px -170px;} .sprite_canlift { width:19px; height:20px; background-position:-150px -200px;} .sprite_ssi { width:47px; height:20px; background-position:-200px -200px;} .sprite_biss { width:53px; height:20px; background-position:-250px -200px;} .sprite_devicenet { width:106px; height:20px; background-position:-90px -170px;} .sprite_profibus { width:49px; height:20px; background-position:-90px -200px;} .sprite_profinet { width:49px; height:20px; background-position:-135px -230px;} .sprite_ethercat { width:86px; height:20px; background-position:-200px -170px;} .sprite_sae { width:71px; height:20px; background-position:-5px -200px;} .sprite_sil { width:71px; height:50px; background-position:-310px -170px;} .sprite_sil_pruef { width:50px; height:50px; background-position:-390px -170px;} /* Picons */ .sprite_picons { background:url(img/icons_sprite.png) no-repeat;} .sprite_10_30V { width:30px; height:30px; background-position:-5px -5px;} .sprite_11_30V { width:30px; height:30px; background-position:-50px -5px;} .sprite_17_30V { width:30px; height:30px; background-position:-100px -5px;} .sprite_115_230V { width:30px; height:30px; background-position:-150px -5px;} .sprite_90_230V { width:30px; height:30px; background-position:-200px -5px;} .sprite_90_260V { width:30px; height:30px; background-position:-250px -5px;} .sprite_10_260V { width:30px; height:30px; background-position:-300px -5px;} .sprite_17_260V { width:30px; height:30px; background-position:-350px -5px;} .sprite_14_segment { width:30px; height:30px; background-position:-5px -80px;} .sprite_4_led { width:30px; height:30px; background-position:-50px -80px;} .sprite_6_led { width:30px; height:30px; background-position:-100px -80px;} .sprite_6_8_led { width:30px; height:30px; background-position:-150px -80px;} .sprite_2_6_lcd { width:30px; height:30px; background-position:-200px -80px;} .sprite_7_lcd { width:30px; height:30px; background-position:-250px -80px;} .sprite_2_6_zahlenrolle { width:30px; height:30px; background-position:-300px -80px;} .sprite_verriegelbare_resettaste { width:30px; height:30px; background-position:-5px -155px;} .sprite_keine_rueckstellung { width:30px; height:30px; background-position:-50px -155px;} .sprite_zeit_betriebsstunden_zaehler{ width:30px; height:30px; background-position:-5px -230px;} .sprite_frequenzanzeige_tachometer { width:30px; height:30px; background-position:-50px -230px;} .sprite_frequenzanzeige_mit_hra { width:30px; height:30px; background-position:-100px -230px;} .sprite_mehrfachfunktion { width:30px; height:30px; background-position:-150px -230px;} .sprite_zeitzaehler { width:30px; height:30px; background-position:-200px -230px;} .sprite_zaehler_din_schiene { width:30px; height:30px; background-position:-250px -230px;} .sprite_positionsanzeige { width:30px; height:30px; background-position:-300px -230px;} .sprite_energie_zaehler { width:30px; height:30px; background-position:-350px -230px;} .sprite_mehrfachfunktion2 { width:30px; height:30px; background-position:-400px -230px;} .sprite_5khz_zaehlfrequenz { width:30px; height:30px; background-position:-5px -305px;} .sprite_30khz_zaehlfrequenz { width:30px; height:30px; background-position:-50px -305px;} .sprite_60khz_zaehlfrequenz { width:30px; height:30px; background-position:-100px -305px;} .sprite_25khz_zaehlfrequenz { width:30px; height:30px; background-position:-150px -305px;} .sprite_1_6_vorwahlen { width:30px; height:30px; background-position:-200px -305px;} .sprite_1_2_vorwahlen { width:30px; height:30px; background-position:-250px -305px;} .sprite_din_24_48 { width:30px; height:30px; background-position:-5px -380px;} .sprite_din_48_48 { width:30px; height:30px; background-position:-50px -380px;} .sprite_din_48_96 { width:30px; height:30px; background-position:-100px -380px;} .sprite_transistor_ausgang_1 { width:30px; height:30px; background-position:-200px -380px;} .sprite_transistor_ausgang_4 { width:30px; height:30px; background-position:-250px -380px;} .sprite_can_schnittstelle { width:30px; height:30px; background-position:-5px -455px;} .sprite_RS_232_485_schnittstelle { width:30px; height:30px; background-position:-50px -455px;} .sprite_transistor_ausgang { width:30px; height:30px; background-position:-100px -455px;} .sprite_mA_V_ausgang { width:30px; height:30px; background-position:-150px -455px;} .sprite_pnp_npn { width:30px; height:30px; background-position:-200px -455px;} .sprite_TTH_HTL_RS422 { width:30px; height:30px; background-position:-250px -455px;} .sprite_1mhz_2_eingaenge { width:30px; height:30px; background-position:-300px -455px;} .sprite_temperatureingang { width:30px; height:30px; background-position:-350px -455px;} .sprite_dms_eingang { width:30px; height:30px; background-position:-400px -455px;} .sprite_mA_V_2_eingaenge { width:30px; height:30px; background-position:-450px -455px;} .sprite_RS232_schnittstelle { width:30px; height:30px; background-position:-500px -455px;} .sprite_hohe_lebensdauer { width:30px; height:30px; background-position:-5px -530px;} .sprite_beschleunigung_140 { width:30px; height:30px; background-position:-50px -530px;} .sprite_beschleunigung_300 { width:30px; height:30px; background-position:-100px -530px;} .sprite_steckbare_schraubklemmen { width:30px; height:30px; background-position:-200px -530px;} .sprite_steckbar_klemme { width:30px; height:30px; background-position:-250px -530px;} .sprite_feder_klemme { width:30px; height:30px; background-position:-300px -530px;} .sprite_2_3_4_Leitertechnik { width:30px; height:30px; background-position:-5px -605px;} .sprite_tara { width:30px; height:30px; background-position:-50px -605px;} .sprite_totalisator { width:30px; height:30px; background-position:-100px -605px;} .sprite_min_max { width:30px; height:30px; background-position:-150px -605px;} .sprite_2_grenzwerte { width:30px; height:30px; background-position:-200px -605px;} .sprite_galvanische_trennung { width:30px; height:30px; background-position:-250px -605px;} .sprite_aufloesung_15_bit { width:30px; height:30px; background-position:-300px -605px;} .sprite_eingang { width:30px; height:30px; background-position:-350px -605px;} .sprite_anzeigelinearisierung_mA_V { width:30px; height:30px; background-position:-400px -605px;} .sprite_anzeigelinearisierung_mA_ohm{ width:30px; height:30px; background-position:-450px -605px;} .sprite_mosaiksysteme { width:30px; height:30px; background-position:-500px -605px;} .sprite_klartextprogrammierung { width:30px; height:30px; background-position:-5px -680px;} .sprite_handschuh { width:30px; height:30px; background-position:-50px -680px;} .sprite_aufloesung_14_bit { width:30px; height:30px; background-position:-150px -680px;} .sprite_2_grenzwerte_2 { width:30px; height:30px; background-position:-200px -680px;} .sprite_rs232_rs485_schnittstelle_2 { width:30px; height:30px; background-position:-250px -680px;} .sprite_ssi_eingang { width:30px; height:30px; background-position:-300px -680px;} .sprite_ssi_anzeigelinearisierung { width:30px; height:30px; background-position:-350px -680px;} .sprite_2x_sensor_versorgung { width:30px; height:30px; background-position:-5px -755px;} .sprite_aufloesung_1ms { width:30px; height:30px; background-position:-50px -755px;} .sprite_multicolor { width:30px; height:30px; background-position:-100px -755px;} .sprite_batch_zaehler { width:30px; height:30px; background-position:-150px -755px;} .sprite_gesamtsummen_zaehler { width:30px; height:30px; background-position:-200px -755px;} .sprite_schockfest { width:30px; height:30px; background-position:-250px -755px;} .sprite_vibrationsfest { width:30px; height:30px; background-position:-5px -830px;} .sprite_verpolschutz { width:30px; height:30px; background-position:-50px -830px;} .sprite_ip_schutz { width:30px; height:30px; background-position:-100px -830px;} .sprite_hd_safetylock { width:30px; height:30px; background-position:-5px -905px;} .sprite_saeftylock { width:30px; height:30px; background-position:-50px -905px;} .sprite_drehzahl { width:30px; height:30px; background-position:-100px -905px;} .sprite_wellenbelastbarkeit { width:30px; height:30px; background-position:-250px -905px;} .sprite_magnetfest { width:30px; height:30px; background-position:-300px -905px;} .sprite_kurzschlussfest { width:30px; height:30px; background-position:-350px -905px;} .sprite_optische_sensorik { width:30px; height:30px; background-position:-5px -980px;} .sprite_magnetische_sensorik { width:30px; height:30px; background-position:-50px -980px;} .sprite_sin_cos { width:30px; height:30px; background-position:-100px -980px;} .sprite_ex_schutz { width:30px; height:30px; background-position:-150px -980px;} .sprite_mechanisches_getriebe { width:30px; height:30px; background-position:-200px -980px;} .sprite_seewasser { width:30px; height:30px; background-position:-250px -980px;} /* Sprachflaggen */ .sprite_lang_more { width:9px; height:5px; background-position:-330px -10px;} .sprite_lang_de { width:16px; height:11px; background-position:-230px -60px;} .sprite_lang_en { width:16px; height:11px; background-position:-250px -60px;} .sprite_lang_fr { width:16px; height:11px; background-position:-270px -60px;} .sprite_lang_it { width:16px; height:11px; background-position:-290px -60px;} .sprite_lang_cn { width:16px; height:11px; background-position:-310px -60px;} .sprite_lang_us { width:16px; height:11px; background-position:-330px -60px;} .sprite_lang_es { width:16px; height:11px; background-position:-350px -60px;} .sprite_lang_ru { width:16px; height:11px; background-position:-370px -60px;} .sprite_lang_cz { width:16px; height:11px; background-position:-390px -60px;} .sprite_lang_pl { width:16px; height:11px; background-position:-410px -60px;} .sprite_lang_kr { width:16px; height:11px; background-position:-430px -60px;} .sprite_lang_in { width:16px; height:11px; background-position:-450px -60px;} /*##################### CONTENT #####################*/ /* ########## Ueberschriften ########## */ h1, h2 { color:#FF6400; font-family: Verdana, Tahoma, Geneva, sans-serif; font-weight:bold;} h3,h4,h5 { color:#333333; font-weight:bold; line-height:1.5;} h1 { font-size:24px; margin: 0 0 0.5em 0;} h2 { font-size:18px; margin: 0.5em 0 0.5em 0;} h3 { font-size:14px; font-family: Arial, Helvetica, sans-serif;} h4 { font-size:14px; font-family: Verdana, Tahoma, Geneva, sans-serif; margin-bottom:8px;} h5 { font-size:12px; font-family: Arial, Helvetica, sans-serif;} /* ########## Formulare ########## */ input[type=text], input.text, textarea, select {margin:3px;} textarea { width:340px;height:100px;padding:5px;} input, textarea { padding: 5px; border: solid 1px #CCC; outline: 0; font: normal 13px/100% Verdana, Tahoma, Geneva, sans-serif; background: #FFF; color:#333; -moz-box-shadow: #D3D3D3 0 0 8px; -webkit-box-shadow: #D3D3D3 0 0 8px; box-shadow: #D3D3D3 0 0 8px; background: -webkit-gradient(linear, left top, left 25, from(#FFF), color-stop(4%, #EEE), to(#FFF)); background: -moz-linear-gradient(top, #FFF, #EEE 1px, #FFF 25px);} textarea { width: 400px; max-width: 400px; height: 150px; line-height: 150%; } input:hover, textarea:hover, input:focus, textarea:focus { border-color: #999; -moz-box-shadow: #CCC 0 0 8px; -webkit-box-shadow: #CCC 0 0 8px; box-shadow: #CCC 0 0 8px;} .submit input { width: auto; padding: 5px 10px; background: #FF6400; font-size: 14px; color: #FFF; border:#FF6400 1px solid; cursor:pointer; -moz-box-shadow: #D3D3D3 0 0 8px; -webkit-box-shadow: #D3D3D3 0 0 8px; box-shadow: #D3D3D3 0 0 8px; } input[type=reset] { background-color:#FFF; color:#FF6400;} /* ########## Links ########## */ a, a:visited { color:#333; text-decoration:none;} a:focus, a:hover, a:active { color:#FF6400;} a.link_color { border-bottom:#FF6400 1px dashed; padding:0; padding-left:2px; padding-right:2px; margin-left:-2px; margin-right:-2px;} a.link_color:focus, a.link_color:hover, a.link_color:active { background-color:#FF6400; color:#FFF;} a:hover h2 { color:#FFF; } /*Grundlagen Headline*/ .orange_bullet_list a { border-bottom:#FF6400 1px dashed; padding:0; padding-left:2px; padding-right:2px; margin-left:-2px; margin-right:-2px;} .orange_bullet_list a:focus, .orange_bullet_list a:hover, .orange_bullet_list a:active { background-color:#FF6400; color:#FFF;} .inhalt_small_link a { border-bottom:#FF6400 1px dashed; padding:0; padding-left:2px; padding-right:2px; margin-left:-2px; margin-right:-2px;} .inhalt_small_link a:focus, .inhalt_small_link a:hover, .inhalt_small_link a:active { background-color:#FF6400; color:#FFF;} #sitemap a { border-bottom:#FF6400 1px dashed; padding:0; padding-left:2px; padding-right:2px; margin-left:-2px; margin-right:-2px;} #sitemap a:focus, #sitemap a:hover, #sitemap a:active { background-color:#FF6400; color:#FFF;} .onlinepresse h5 a { border-bottom:#FF6400 1px dashed; padding:0; padding-left:2px; padding-right:2px; margin-left:-2px; margin-right:-2px;} .onlinepresse h5 a:focus, .onlinepresse h5 a:hover, .onlinepresse h5 a:active { background-color:#FF6400; color:#FFF;} a.downloadlink { position:relative; top:3px; margin-top:3px; padding-left:20px; background:url(img/info_i.png) top left no-repeat;} a.link_white { color:#FFF; text-decoration:underline;} a.link_white:focus, a.link_white:hover, a.link_white:active { color:#333; text-decoration:underline;} /* ########## Rahmen ########## */ .border_grey, .grey_border { border:#CCC 1px solid; border-radius:2px;} .borderbottom_grey { border-bottom:#CCC 1px solid;} /* ########## Texte ########## */ .text_11 { font-size:11px;} .text_small { font-size:80%; color:#565656; font-style:italic;} .text_small_75 { font-size:75%; color:#565656;} .text_big { font-size:150%;} .text_left { text-align:left; display:block;} .text_right { text-align:right; display:block;} .text_center { text-align:center; display:block;} .text_orange { color:#FF6400;} .text_white { color:#FFF;} .text_middle { vertical-align:middle; } .debug { font-weight:bold; padding:5px; border:#333 1px solid; background-color:#CCC; color:#333;} ::selection { background: #FF6400; color:#FFF; /* Safari */ } ::-moz-selection { background: #FF6400; color:#FFF; /* Firefox */} /* ########## Hintergruende ########## */ .background_grey { background-color:#EEE;} /* ########## Abstaende ########## */ .margin_right_02 { margin-right:02px;} .margin_right_05 { margin-right:05px;} .margin_right_10 { margin-right:10px;} .margin_right_15 { margin-right:15px;} .margin_right_20 { margin-right:20px;} .margin_right_25 { margin-right:25px;} .margin_right_50 { margin-right:50px;} .margin_left_05 { margin-left:05px;} .margin_left_10 { margin-left:10px;} .margin_left_25 { margin-left:25px;} .margin_left_50 { margin-left:50px;} .margin_bottom_10 { margin-bottom:10px;} .margin_bottom_25 { margin-bottom:25px;} .margin_bottom_50 { margin-bottom:50px;} .margin_bottom_75 { margin-bottom:75px;} .margin_top_10 { margin-top:10px;} .margin_top_20 { margin-top:5px;} .margin_top_25 { margin-top:25px;} .padding_left_10 { padding-left:10px;} .padding_left_25 { padding-left:25px;} .padding_right_10 { padding-right:10px;} .padding_bottom_05 { padding-bottom:5px;} .padding_bottom_15 { padding-bottom:15px;} .float_right { float:right; display:inline;} .float_left { float:left; display:inline;} .float_clear { clear:both;} .min_height_100 { min-height:100px;} .min_width_150 { min-width:150px;} /* ########## Ausrichtung ########## */ .vertical_top { vertical-align:top;} .vertical_middle { vertical-align:middle;} /* ########## Zitate ########## */ cite, blockquote { font-style:italic;} blockquote { padding:5px 0 0 33px; margin:0; background: url(/css/img/kuebler.png) -490px -40px no-repeat; height:20px; color:#333; font-size:1.1em; font-weight:normal;} cite { font-size:80%; color:#565656; text-decoration:none; padding-right:5px; padding-top:5px; float:right; } .quote { border-top:#F47920 solid 01px; border-right:#F47920 solid 01px; margin:1em 0 1em 0; padding:1em 1em 3.5em 0; max-width:600px;} .quote_large { max-width:700px; min-height:100px;} /* ########## Pfeile, Icons und Aufz?hlungen ########## */ .arrow_messe { display:inline; padding:2px 0 2px 9px; margin:0; margin-left:5px; background:url(img/arrow.png) no-repeat left center; border-bottom:#FF6400 1px dashed;} .orange_bullet { display:inline-block; min-height:8px; overflow:visible; line-height:normal; background:transparent url(img/orange_bullet.png) no-repeat 0 7px; } .orange_bullet_list { list-style:url(img/orange_bullet.png);} .orange_cross_list { list-style:url(img/orange_cross.png);} .normal_list { list-style:disc;} /* ########## Startseite ########## */ #inhalt_sub { position:relative; top:-100px; margin-top:10px; border:none;} #inhalt_sub h5 a { border:none;} .inhalt_main a { border:none;} #inhalt h3 { margin:0; margin-bottom:20px; border:none;} .inhalt_big_zusatz h3 a { position:relative; bottom:125px; margin-right:1px; display:inline-block; width:455px; height:35px; line-height:16px; background-color: #FF6400; filter: alpha(opacity=90); opacity: 0.90; color:#FFF; text-decoration:none; text-align:right; padding:5px; border:none; z-index:9565 } .hinweis_sil { font-size:14px; border:none} .grabItem { position:relative; margin-bottom:-100px; width:200px;} .inhalt_small { width:220px; height:190px; padding:4px; margin:0; margin-bottom:31px;} .inhalt_small h5 { margin-bottom:5px;} .inhalt_small_pad { margin-right:16px;} .inhalt_small p { width:130px;} .inhalt_small_link { float:right; position:relative; left:85px;} .inhalt_small_link1 { bottom:30px; } .inhalt_small_link2 { bottom:13px; } .inhalt_small_link3 { bottom:13px; } .inhalt_small_link4 { bottom:20px; } .HMI_ContentDiv { height:357px;} .HMI_tooltip { display:none; background:#CCC; color:#000; height:75px; width:230px; padding:5px; } .HMI_tooltip a { color:#000; } .HMI_ContentBottom { margin-top:-5px;} #slider { border:#CCC 1px solid;} /* ########## Produkte ########## */ .techn_daten { padding:1px 0;} .picon_tooltip { display:inline; margin:0 1px; } .picon_tooltip_small { z-index:12000; display:none; background:url(img/info_i.png) top left no-repeat #eee; color:#333; min-width:230px; max-width:400px; padding:5px 5px 5px 25px; border:#CCC 1px solid; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5); } /* ########## Service ########## */ .service_table { border-right:#CCC 1px solid; border-bottom:#CCC 1px solid;} .service_table th,.service_table td { border-top:#CCC 1px solid; border-left:#CCC 1px solid; } .service_rma_wuensche_reparatur { position:relative; top:-5px;} a.context { cursor:help; position:relative; top:-4px; left:-2px; font-weight:bold; font-style:italic; color:#FF6400;} /* ########## Presse ########## */ .fachpresse { float:left; height:425px; width:165px; margin-right:15px; margin-bottom:45px;} .fachpresse_texteil { height:230px;} .lokalpresse { float:left; width:40%; margin-right:10%; margin-bottom:25px;} /* ########## Kontakt ########## */ .kontakt_personen { width:600px; height:65px; clear:both;} .kontakt_personen_name { width:350px; float:left;} .kontakt_personen_kontakt, .kontakt_firma_kontakt { width:250px; float:right; text-align:left;} .kontakt_firma { width:550px; height:75px; clear:both;} .kontakt_firma_adr { width:300px; float:left;} .k_gruppe { width:135px; float:left; margin-right:30px; margin-bottom:10px; margin-top:10px; padding:5px; } .plz_pos { position:absolute; top:100px; right:-150px; padding:10px; background-color:#FFFFFF; max-width:540px; width:540px;} .plz_pos2 { position:absolute; padding:10px; background-color:#FFFFFF; max-width:540px; width:540px;} .sendungsverfolgung { width:250px; height:120px;} #daddr { background-color:#EEE; color:#999;} .honeypot_adresse { visibility:hidden;} /* ########## Sitemap ########## */ #sitemap ul { padding: 8px 25px; list-style: none; font-weight:bold;} #sitemap ul ul { font-weight:normal; } #sitemap ul ul ul { font-weight:normal; } #sitemap ul li { float:left; width:325px; margin-bottom:3px; } /* ########## 50 Jahre ########## */ .submenu_50_aktion0 { width:178px; height:auto; padding-left:8px; margin-top:25px; } .submenu_50_aktion1 { width:178px; height:auto; padding-left:8px; margin-top:25px; } .submenu_50_aktion2 { width:178px; height:auto; padding-left:8px; } .badge_mitmachen { position:relative; top:-22px;} .badge_mehr_infos { position:relative; top:-30px;} .einladung_anreise { margin-left:24px;} .einladung_formular { background-color:#FF6400; min-height:285px; max-height:4000px; padding:10px; padding-top:5px; color:#FFF} /* ########## SIL ########## */ .sil_formular { background-color:#FF6400; min-height:285px; max-height:4000px; padding:10px; padding-top:5px; color:#FFF} .sil_sps_box { background-color:#FF6400; width:700px; min-height:100px; padding:10px; padding-top:5px; color:#FFF } /*######################################################################## ## CSS Navigation Sidebar ########################################################################*/ .menu { font-size: 10pt; margin: 10px; margin-top:-8px; margin-left:0;} .menu ul { padding-right: 0; padding-left: 0; padding-bottom:0; padding-top: 0; z-index: 5000; margin: 0; width: 165px; list-style-type: none; position: relative; } .menu li { float: left; background-color:#FFF; padding-left:6px; } .menu li.sub { background-color: #FF6400;} .menu table { margin-top: -1px; font-size: 1em; z-index: 1000; left: 0; position: absolute; top: 0; border-collapse: collapse; } .menu a, .menu a:visited { display: block; width:165px; height: 20px; padding-left:9px; padding-top:3px; padding-bottom:3px; font-weight: normal; text-transform:none; line-height:20px; font-style:normal; text-decoration:none; font-variant:normal; color: #333333; background:url(img/arrow.png) no-repeat left center; border-bottom: #CCC 1px solid;} .menu b { float:right; margin-right:5px;} * html .menu a { width:158px;} * html .menu a:visited { width:158px;} * html .menu a:hover { position:relative; font-weight:normal; font-variant:normal; font-style:normal; text-transform:none; color:#FF6400; background-color:transparent; text-decoration:none; padding-top:3px; padding-bottom:3px;} .menu li:hover { position: relative} .menu a:active { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} .menu a:focus { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} .menu li:hover > a { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} .menu ul li ul li a:link, .menu ul li ul li a:visited { background:none; background-color:#FFFFFF; border-bottom:#FF6400 solid 1px;} .menu ul li ul li a:hover, .menu ul li ul li a:active { background:none; background-color:#FF6400; color:#FFF;} /* special width for submenus */ /* company */ .submenu_company .menu ul { z-index:8000;} .submenu_company .menu ul li ul li a:link { width:280px;} .submenu_company .menu ul li ul li a:visited { width:280px;} .submenu_company .menu ul li ul li a:hover { width:280px;} .submenu_company .menu ul li ul li a:active { width:280px;} /* karriere */ .submenu_company2 .menu ul { z-index:6000;} .submenu_company2 .menu ul li ul li a:link { width:235px;} .submenu_company2 .menu ul li ul li a:visited { width:235px;} .submenu_company2 .menu ul li ul li a:hover { width:235px;} .submenu_company2 .menu ul li ul li a:active { width:235px;} /* product */ .submenu_product .menu ul li ul li a:link { width:220px;} .submenu_product .menu ul li ul li a:visited { width:220px;} .submenu_product .menu ul li ul li a:hover { width:220px;} .submenu_product .menu ul li ul li a:active { width:220px;} /*3.Ebene Produkte*/ .submenu_product .menu ul li ul li ul li a:link { width:230px;} .submenu_product .menu ul li ul li ul li a:visited { width:230px;} .submenu_product .menu ul li ul li ul li a:hover { width:230px;} .submenu_product .menu ul li ul li ul li a:active { width:230px;} .submenu_quicklinks .menu ul li ul li ul li a:link { width:230px;} .submenu_quicklinks .menu ul li ul li ul li a:visited { width:230px;} .submenu_quicklinks .menu ul li ul li ul li a:hover { width:230px;} .submenu_quicklinks .menu ul li ul li ul li a:active { width:230px;} /* contact */ .submenu_contact2 .menu ul li ul li a:link { width:200px;} .submenu_contact2 .menu ul li ul li a:visited { width:200px;} .submenu_contact2 .menu ul li ul li a:hover { width:200px;} .submenu_contact2 .menu ul li ul li a:active { width:200px;} /* IE Hide/show fix */ .menu li ul { padding-right:2em; padding-left:2em; left:7em; visibility:hidden; padding-bottom:2em; padding-top:2em; position:absolute; top:-2em; background-color:transparent;} .menu li:hover > ul { visibility:visible;} .menu ul a:hover ul ul { visibility:hidden;} .menu ul a:hover ul a:hover ul ul { visibility:hidden;} .menu ul a:hover ul a:hover ul a:hover ul ul { visibility:hidden;} .menu ul a:hover ul { visibility:visible;} .menu ul a:hover ul a:hover ul { visibility:visible;} .menu ul a:hover ul a:hover ul a:hover ul { visibility:visible;} .menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;} /*######################################################################## ### Navigation Productfinder ########################################################################*/ /* Navigation LEFT*/ .menuPF { font-size: 10pt; margin: 10px; margin-top:-8px; margin-left:0;} .menuPF ul { padding-right: 0; padding-left: 0; padding-bottom:0; padding-top: 0; z-index: 4000; margin: 0; width: 165px; list-style-type: none; position: relative; } .menuPF li { float: left; background-color:#FFF; padding-left:6px; } .menuPF a, .menuPF a:visited { display: block; width:165px; height: 20px; padding-left:9px; padding-top:3px; padding-bottom:3px; font-weight: normal; text-transform:none; line-height:20px; font-style:normal; text-decoration:none; font-variant:normal; color: #333333; background:url(img/arrow.png) no-repeat left center; border-bottom: #CCC 1px solid;} .menuPF li:hover { position: relative} .menuPF a:active { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} .menuPF a:focus { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} .menuPF li:hover > a { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} /* Navigation Branchen*/ .menuBR { font-size: 10pt; margin: 10px; margin-top:-8px; margin-left:0;} .menuBR ul { padding-right:0; padding-left: 0; padding-bottom:0; padding-top: 0; z-index: 3000; margin: 0; width: 165px; list-style-type: none; position: relative; } .menuBR li { float: left; background-color:#FFF; padding-left:6px; } .menuBR li.sub { background-color: #FF6400;} .menuBR table { margin-top: -1px; font-size: 1em; z-index: 90; left: 0; position: absolute; top: 0; border-collapse: collapse; } .menuBR a, .menuBR a:visited { display: block; width:165px; height: 20px; padding-left:9px; padding-top:3px; padding-bottom:3px; font-weight: normal; text-transform:none; line-height:20px; font-style:normal; text-decoration:none; font-variant:normal; color: #333333; background:url(img/arrow.png) no-repeat left center; border-bottom: #CCC 1px solid;} .menuBR b { float:right; margin-right:5px;} * html .menuBR a { width:158px;} * html .menuBR a:visited { width:158px;} * html .menuBR a:hover { position:relative; font-weight:normal; font-variant:normal; font-style:normal; text-transform:none; color:#FF6400; background-color:transparent; text-decoration:none; padding-top:3px; padding-bottom:3px;} .menuBR li:hover { position: relative} .menuBR a:active { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} .menuBR a:focus { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} .menuBR li:hover > a { font-weight: normal; text-transform: none; color: #FF6400; font-style: normal; background-color:transparent; font-variant: normal; text-decoration: none;} .menuBR ul li ul li a:link, .menuBR ul li ul li a:visited { width:240px; background:none; background-color:#FFFFFF; border-bottom:#FF6400 solid 1px;} .menuBR ul li ul li a:hover, .menuBR ul li ul li a:active { width:240px; background:none; background-color:#FF6400; color:#FFF;} /* IE Hide/show fix */ .menuBR li ul { padding-right:2em; padding-left:2em; left:7em; visibility:hidden; padding-bottom:2em; padding-top:2em; position:absolute; top:-2em; background-color:transparent;} .menuBR li:hover > ul { visibility:visible;} .menuBR ul a:hover ul ul { visibility:hidden;} .menuBR ul a:hover ul a:hover ul ul { visibility:hidden;} .menuBR ul a:hover ul a:hover ul a:hover ul ul { visibility:hidden;} .menuBR ul a:hover ul { visibility:visible;} .menuBR ul a:hover ul a:hover ul { visibility:visible;} .menuBR ul a:hover ul a:hover ul a:hover ul { visibility:visible;} .menuBR ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;} /*######################################################################## ## CSS Productfinder ########################################################################*/ .menu_dropDown { z-index:99; position:relative; width:238px; height:35px; float:left; display:block; } .menu_dropDown img { cursor:pointer; } .dropDownSelect { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; border:#CCC 1px solid; background-color:#FFF; width:175px; position:relative; top:-9px; right:-35px; z-index:100; } .dropDownBackground { background-color:#D3D3D3; } .table_ProdFinderSelect tr td { padding-top:5px; margin-bottom:0; padding-bottom:0;} a.no_img { text-decoration:none; } .checkboxx { top:-0.25em!important;} .markParameter { color:#FF6400; } .orange_info_icon { vertical-align:middle; position:relative; top:-0.1em;} #ergebnis { clear:both; z-index:1;} .search_anz { float:right; z-index:1;} .ergebnis_table { clear:both; z-index:1;} .IS_info { padding:20px 10px 10px 10px; margin-bottom:20px; margin-top:10px; width:600px; background:url(img/info_i.png) top left no-repeat #eee;} .IS_info2 { padding:20px 10px 10px 10px; margin-bottom:20px; margin-top:-26px; width:600px; background:url(img/info_i.png) top left no-repeat #eee; min-height:175px;} .sidebar_IS_info { position:relative; top:150px; padding:20px 10px 10px 10px; width:166px; background:url(img/info_i.png) top left no-repeat #eee;} .IS_info_wc { position:relative; top:5px; left:-15px; width:145px; border: #FF6400 1px solid; border-radius:2px; padding:5px; margin-bottom:-50px;} .IS_info_arrow { position:relative; top:85px; left:413px;} #search_info { position:absolute; margin-top:0; margin-left:10px;} .search_button { border:#333 1px solid!important; background-color:#CCC!important; color:#333!important;} #selected_ausfuehrung, #selected_baugroesse,#selected_welle, #selected_schnittstelle, #selected_anschluss, #selected_aufloesung, #selected_drehzahl, #selected_schutzart, #selected_funktionen, #selected_schalttafel, #selected_einbauart, #selected_spannung, #selected_stellen, #selected_anzeige, #selected_reset, #selected_vorwahl, #selected_eingang, #selected_kennlinie, #selected_grenzwerte, #selected_sonstiges { position:absolute; left:40px; top:30px; } /* DropDown Drehgeber */ #menu_ausfuehrung_dropDown { padding:1px; z-index:19; margin-bottom:15px;} #menu_baugroesse_dropDown { padding:1px; z-index:18; margin-bottom:15px;} #menu_welle_dropDown { padding:1px; z-index:17; margin-bottom:15px;} #menu_schnittstelle_dropDown { padding:1px; z-index:16; margin-bottom:15px;} #menu_anschluss_dropDown { padding:1px; z-index:15; margin-bottom:15px;} #menu_aufloesung_dropDown { padding:1px; z-index:14; margin-bottom:15px;} #menu_drehzahl_dropDown { padding:1px; z-index:13; margin-bottom:15px;} #menu_schutzart_dropDown { padding:1px; z-index:12; margin-bottom:15px;} #menu_sonstiges_dropDown { padding:1px; z-index:11; margin-bottom:15px;} #menu_aktualisieren { padding:1px; z-index:10; margin-bottom:15px; padding-top:5px; clear:both;} /* DropDown Zaehler */ #menu_funktionen_dropDown { padding:1px; z-index:21; margin-bottom:15px;} #menu_baugroesse_dropDown { padding:1px; z-index:20; margin-bottom:15px;} #menu_schalttafel_dropDown { padding:1px; z-index:19; margin-bottom:15px;} #menu_einbauart_dropDown { padding:1px; z-index:18; margin-bottom:15px;} #menu_spannung_dropDown { padding:1px; z-index:17; margin-bottom:15px;} #menu_stellen_dropDown { padding:1px; z-index:16; margin-bottom:15px;} #menu_anzeige_dropDown { padding:1px; z-index:15; margin-bottom:15px;} #menu_reset_dropDown { padding:1px; z-index:14; margin-bottom:15px;} #menu_schutzart_dropDown { padding:1px; z-index:13; margin-bottom:15px;} #menu_vorwahl_dropDown { padding:1px; z-index:12; margin-bottom:15px;} #menu_sonstiges_dropDown { padding:1px; z-index:11; margin-bottom:15px;} /* DropDown Prozess */ #menu_funktionen_dropDownPR { padding:1px; z-index:21; margin-bottom:15px;} #menu_eingang_dropDownPR { padding:1px; z-index:20; margin-bottom:15px;} #menu_schnittstelle_dropDownPR { padding:1px; z-index:19; margin-bottom:15px;} #menu_grenzwerte_dropDownPR { padding:1px; z-index:18; margin-bottom:15px;} #menu_kennlinie_dropDownPR { padding:1px; z-index:17; margin-bottom:15px;} #menu_baugroesse_dropDownPR { padding:1px; z-index:16; margin-bottom:15px;} #menu_spannung_dropDownPR { padding:1px; z-index:15; margin-bottom:15px;} #menu_anzeige_dropDownPR { padding:1px; z-index:14; margin-bottom:15px;} #menu_stellen_dropDownPR { padding:1px; z-index:13; margin-bottom:15px;} #menu_sonstiges_dropDownPR { padding:1px; z-index:12; margin-bottom:15px;} table.produktfinder { line-height: 1.0em; margin:0; padding:0; color:#333; font-size:100%;} table.produktfinder td.ProdFinderImg { padding:0; padding-right:3px;} table.produktfinder td.ProdFinderHead { padding:0;} /*######################################################################## ## jQuery Fancybox ########################################################################*/ div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:10030;} * html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');} div#fancy_wrap{text-align:left;} div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100100;} div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_progress.png') no-repeat;} div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:10030;} div#fancy_loading_icon{position:absolute;background:url('/cfg/javascript/jquery.fancybox/fancy_loading.gif') no-repeat;z-index:10035;width:16px;height:16px;} div#fancy_outer{position:absolute;top:0;left:0;z-index:10090;padding:18px 18px 33px 18px;margin:0;margin-top:0;overflow:hidden;background:transparent;display:none;} div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #CCC;background:#FFF;} div#fancy_content{margin:0;height:100%;width:100%;z-index:100100;position:absolute;} div#fancy_div{background:none;color:#333;height:100%;width:100%;z-index:100100;} div#fancy_div a{text-decoration:underline;} img#fancy_img{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100100;width:100%;height:100%;} div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('/cfg/javascript/jquery.fancybox/fancy_closebox.png') top left no-repeat;cursor:pointer;z-index:100181;display:none;} #fancy_frame{position:relative;width:100%;height:100%;display:none;} #fancy_ajax{width:100%;height:100%;overflow:auto;} a#fancy_left,a#fancy_right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:100111;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none;} a#fancy_left{left:0;} a#fancy_right{right:0;} span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:100112;cursor:pointer;display:block;} span#fancy_left_ico{left:-9999px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_left.png') no-repeat;} span#fancy_right_ico{right:-9999px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_right.png') no-repeat;} a#fancy_left:hover{visibility:visible;} a#fancy_right:hover{visibility:visible;} a#fancy_left:hover span{left:20px;} a#fancy_right:hover span{right:20px;} .fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;} div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10070;border:0;padding:0;margin:0;} div.fancy_bg{position:absolute;display:block;z-index:10070;border:0;padding:0;margin:0;} div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_shadow_n.png') repeat-x;} div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_shadow_ne.png') no-repeat;} div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_shadow_e.png') repeat-y;} div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_shadow_se.png') no-repeat;} div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_shadow_s.png') repeat-x;} div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_shadow_sw.png') no-repeat;} div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_shadow_w.png') repeat-y;} div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url('/cfg/javascript/jquery.fancybox/fancy_shadow_nw.png') no-repeat;} div#fancy_title{position:absolute;top:-12px;left:0;width:auto;z-index:100100;display:none;} div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px;} div#fancy_title table{margin:0 auto;} div#fancy_title table td{padding:0;vertical-align:middle;} td#fancy_title_left{height:32px;width:15px;background:transparent url(/cfg/javascript/jquery.fancybox/fancy_title_left.png) repeat-x;} td#fancy_title_main{height:32px;background:transparent url(/cfg/javascript/jquery.fancybox/fancy_title_main.png) repeat-x;} td#fancy_title_right{height:32px;width:15px;background:transparent url(/cfg/javascript/jquery.fancybox/fancy_title_right.png) repeat-x;} /*##################### FORM MINIFY #####################*/ input[type=text], input[type=password],input.text, input.title,textarea, select { background-color:#fff; border:1px solid #CCC;} input[type=text]:focus, input[type=password]:focus,input.text:focus, input.title:focus,textarea:focus, select:focus { border-color:#CCC;} input[type=text], input[type=password],input.text, input.title,textarea, select { margin:0.5em 0;} input.text,input.title { width: 300px; padding:5px; } input.title { font-size:1.5em; } textarea { width: 400px; height: 100px; padding:5px; } input[type=checkbox], input[type=radio],input.checkbox, input.radio { position:relative; top:1px; padding:0; } label { cursor:pointer; } legend {color:#FF6400;font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:18px; padding:0 5px 0 5px; } form.inline { line-height:3; } form.inline p { margin-bottom:0; } .submit input { width: auto; padding: 5px 10px; background: #FF6400; font-size: 14px; color: #FFF; border:#FF6400 1px solid; cursor:pointer; box-shadow: #CCC 0 2px 3px; -moz-box-shadow: #CCC 0 2px 3px; -webkit-box-shadow: #CCC 0 2px 3px;} input[type=reset] { background-color:#FFF; color:#FF6400;} input.plz_suche { width:auto; padding: 6px 6px; font-size:14px;} .einladung_button input { width: auto; padding: 5px 10px; background: #FFF; font-size: 14px; color: #FF6400; border:#FF6400 1px solid; cursor:pointer; box-shadow: #CCC 0 2px 3px; -moz-box-shadow: #CCC 0 2px 3px; -webkit-box-shadow: #CCC 0 2px 3px;} .einladung_button input[type=reset] { background-color:#FF6400; color:#FFF;} /*######################################################################## ## Organic Tabs by Chris Coyier http://css-tricks.com ########################################################################*/ .hide { position: absolute; top: -9999px; left: -9999px; } #Tabs .nav { overflow: hidden; position:relative; left:-35px; } #Tabs .nav li { width: 124px; float: left; margin:0; } #Tabs .nav li.last { margin-right: 0; } #Tabs .nav li a { display: block; padding: 5px; color:#333; font-size: 12px; text-align: center; border: 0; background:url(img/kuebler.png) no-repeat -5px -290px; } #Tabs li a.current, #Tabs li a.current:hover { background:url(img/kuebler.png) no-repeat -5px -230px; color:#333; } #Tabs .nav li a:hover { background-position: -5px -260px; color:#FFF; } #Tabs .list-wrap { background: #FFF; padding: 10px; margin: -26px 0 15px 0; } #Tabs ul { list-style: none; } #Tabs ul li { display: block; padding: 4px 3px; color: #333; } #Tabs ul li:last-child { border: none;} #Tabs_grundlagen .nav { overflow: hidden; position:relative; left:-35px; } #Tabs_grundlagen .nav li { width: 24px; float: left; margin:0; } #Tabs_grundlagen .nav li.last { margin-right: 0; } #Tabs_grundlagen .nav li a { display: block; padding: 5px; color:#333; font-size: 12px; text-align: center; border: 0; background:url(img/kuebler.png) no-repeat -550px -10px; }/* 3 */ #Tabs_grundlagen li a.current, #Tabs_grundlagen li a.current:hover { background:url(img/kuebler.png) no-repeat -490px -10px; color:#333; } /* 1 */ #Tabs_grundlagen .nav li a:hover { background-position: -520px -10px; color:#FFF; }/* 2 */ #Tabs_grundlagen .list-wrap { background: #FFF; padding: 10px; margin: -26px 0 15px 0; } #Tabs_grundlagen ul { list-style: none; } #Tabs_grundlagen ul li { display: block; padding: 4px 3px; color: #333; } #Tabs_grundlagen ul li:last-child { border: none;} /*######################################################################## ## Validation Styles ########################################################################*/ .LV_validation_message { font-weight:bold; margin:0 0 0 5px; display:inline-block; } .LV_invalid { color:#CC0000; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; } /*######################################################################## ## jQuery Nivo Slider v2.2 ########################################################################*/ .nivoSlider { position:relative; smargin-bottom:75px;} .nivoSlider img { position:absolute; top:0; left:0;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute;top:0;left:0; width:100%; height:100%;border:0;padding:0; margin:0;z-index:60; display:none;} /* The slices in the Slider */ .nivo-slice { display:block;position:absolute;z-index:50;height:100%;} /* Caption styles */ .nivo-caption { position:absolute; left:0;bottom:0;background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89;} .nivo-caption p { padding:5px; margin:0;} .nivo-caption a { display:inline !important;} .nivo-html-caption { display:none;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute;top:45%;z-index:99; cursor:pointer; display:block;width:30px;height:30px;text-indent:-9999px;border:0;} .nivo-nextNav { background:url(img/slider_right.png) no-repeat;right:10px;} .nivo-prevNav { left:10px;background:url(img/slider_left.png) no-repeat;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative;z-index:99; cursor:pointer;} .nivo-controlNav a.active { font-weight:bold;} /*######################################################################## ## jQuery Tools Slider ########################################################################*/ .scrollable { position:relative; overflow:hidden; width: 720px; height:200px;} .scrollable .items { width:20000em; position:absolute; clear:both; } .items {z-index:500;} .items div { float:left; width:720px; } .items .inhalt_small { width:220px; height:190px; padding:4px; margin:0; margin-bottom:31px;} .items .inhalt_small h5 { margin-bottom:5px;} .items .inhalt_small_pad { margin-right:14px;} .items .inhalt_small p { width:130px;} .items .inhalt_small_link { float:right; position:relative; left:85px;} /*.items .inhalt_small_link a { border-bottom:#FF6400 1px dashed; padding:0; padding-left:2px; padding-right:2px; margin-left:-2px; margin-right:-2px;} .items .inhalt_small_link a:active { background-color:#FF6400; color:#FFF;}*/ .items .inhalt_small_link1 { bottom:30px; } .items .inhalt_small_link2 { bottom:13px; } .items .inhalt_small_link3 { bottom:13px; } /* position and dimensions of the navigator */ .navi { margin-right:-28px; width:100px; height:20px; float:right; margin-top:5px; } .navi a { width:8px; height:8px; float:left; margin:3px; background:url(img/orange_bullet_white.png) no-repeat; display:block; font-size:1px; } .navi a.active { background:url(img/orange_bullet.png) no-repeat; } .navi a[href="#5"], .navi a[href="#6"], .navi a[href="#7"], .navi a[href="#8"], .navi a[href="#9"] { display:none;} /*######################################################################## ## MobilyMap: http://playground.mobily.pl/jquery/mobily-map.html ########################################################################*/ .loader { background:url(img/search-loader.gif) no-repeat center #fff;} .imgCaption { bottom:0; left:0; color:#fff; opacity:.6; background:#333; padding:10px; width:720px; text-align:center; font-size:16px; text-transform:uppercase; text-shadow:1px 1px 0 #111; font-weight:bold;} .bubble .close { display:block; text-indent:-9999px; position:absolute; top:-6px; right:-6px; outline:none; background:url(img/kuebler.png) no-repeat; background-position:-140px -280px; width:29px; height:29px; cursor:pointer; } .mapNav { width:84px; height:84px; margin-top:0} .navBtn { position:absolute; background-repeat:no-repeat; width:29px; height:29px; outline:none; text-indent:-9999px; display:block; z-index:7px;} .navBtn0 { top:0; left:26px; background:url(img/kuebler.png) no-repeat; background-position:-230px -280px; width:29px; height:29px; }/*top*/ .navBtn1 { top:26px; right:0; background:url(img/kuebler.png) no-repeat; background-position:-200px -280px; width:29px; height:29px; }/*right*/ .navBtn2 { bottom:0; left:26px; background:url(img/kuebler.png) no-repeat; background-position:-260px -280px; width:29px; height:29px; }/*bottom*/ .navBtn3 { top:26px; left:0; background:url(img/kuebler.png) no-repeat; background-position:-170px -280px; width:29px; height:29px; }/*left*/ .europe_map { margin:10px 0; width:720px; height:460px;} .point { display:block; text-indent:-9999px; width:27px; height:27px; outline:none; background:url(img/map_de.png) no-repeat; cursor:pointer; } .bubble { padding:7px 10px; background:#333; color:#fff; width:240px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);} .bubble p { margin:5px 0; } .bubble a { color:#FFF; } .bubble a:hover { color:#FF6400; }