#contentHeader {float:left; width:900px; height:90px;} h1 {font-size:100%; background: #fff url(../../pics/pi_logo_oerlikon.gif) 0 24px no-repeat; width:200px; height:90px; float:left; margin-top:5px;} #me1 {font-weight:bold; float:left; margin-top:0; padding-top:60px; background: #ffffff; width:700px; background: #fff url(../../pics/oerlikon/pi_indikator.gif) right top no-repeat; } #me1 ul {margin-left:17px;} #me1 li {float:left; background:#ffffff; margin-left:0; margin-right:15px;} #me1 li.me1Brands {float:right; margin-right:0;} #me1 li.me1Brands ul {margin-left:-145px; border-left:0; border-right:1px #e1e1e1 solid;} #me1 li.me1Brands ul a {border-right:0; border-left:1px #e1e1e1 solid;} #me1 a.me10970 {width:56px; background: transparent url(../../pics/oerlikon/pi_me1_01_new.gif) no-repeat;} #me1 a.me10989 {width:36px; background: transparent url(../../pics/oerlikon/pi_me1_02.gif) no-repeat;} #me1 a.me101007 {width:116px; background: transparent url(../../pics/oerlikon/pi_me1_03.gif) no-repeat;} #me1 a.me103713 {width:116px; background: transparent url(../../pics/oerlikon/pi_me1_03.gif) no-repeat;} #me1 a.me101036 {width:43px; background: transparent url(../../pics/oerlikon/pi_me1_04.gif) no-repeat;} #me1 a.me101063 {width:52px; background: transparent url(../../pics/oerlikon/pi_me1_05.gif) no-repeat;} #me1 a.me103769 {width:162px; background: transparent url(../../pics/oerlikon/pi_me1_08.gif) no-repeat;} #me1 a:hover { background-position: 0 -17px;} #me1 a.me1010:hover {background-position: right -17px;} #me1 a.me1Brands {width:46px; background: transparent url(../../pics/oerlikon/pi_me1_00.gif) no-repeat;} #me1 a.me10970active {width:56px; background: transparent url(../../pics/oerlikon/pi_me1_01_new.gif) 0 -17px no-repeat;} #me1 a.me10989active {width:36px; background: transparent url(../../pics/oerlikon/pi_me1_02.gif) 0 -17px no-repeat;} #me1 a.me101007active {width:116px; background: transparent url(../../pics/oerlikon/pi_me1_03.gif) 0 -17px no-repeat;} #me1 a.me103713active {width:116px; background: transparent url(../../pics/oerlikon/pi_me1_03.gif) 0 -17px no-repeat;} #me1 a.me101036active {width:43px; background: transparent url(../../pics/oerlikon/pi_me1_04.gif) 0 -17px no-repeat;} #me1 a.me101063active {width:52px; background: transparent url(../../pics/oerlikon/pi_me1_05.gif) 0 -17px no-repeat;} #me1 a.me103769active {width:162px; background: transparent url(../../pics/oerlikon/pi_me1_08.gif) 0 -17px no-repeat;} #me1 a.me1Brandsactive {width:46px; background: transparent url(../../pics/oerlikon/pi_me1_00.gif) 0 -11px no-repeat;} /* META NAV ITEM MUSS AUSGEBLENDET WERDEN */ #me1 .me1035 {display:none;} #me1 .me10956 {display:none;} .welcomeBild {background: #fff url(../../pics/pi_welcome_01.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid;} /*coating*/ .welcomeBildRotate01{background: transparent url(../../pics/balzers/coating_systems/coating_pi_welcome_01.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*optics*/ .welcomeBildRotate02{background: transparent url(../../pics/components/optics/pi_welcome_02.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*data storage*/ .welcomeBildRotate03{background: transparent url(../../pics/balzers/data_storage/datastorage_pi_welcome_01.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*solar*/ .welcomeBildRotate04{background: transparent url(../../pics/balzers/solar/solar_pi_welcome_01_neu.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*wafer*/ .welcomeBildRotate05{background: transparent url(../../pics/balzers/wafer_processing/wafer_pi_welcome_01.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*vacuum systems*/ .welcomeBildRotate06{background: transparent url(../../pics/leybold/vacuum_systems/pi_welcome_01.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*vacuum services*/ .welcomeBildRotate07{background: transparent url(../../pics/leybold/vacuum_services/pi_welcome_02.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*space*/ .welcomeBildRotate08{background: transparent url(../../pics/components/space/pi_welcome_01.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*solutions*/ .welcomeBildRotate09{background: transparent url(../../pics/components/solutions/pi_welcome_01.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*esec*/ .welcomeBildRotate10{background: transparent url(../../pics/esec_semiconductor/esec_welcome_01.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} .welcomeBildRotate11{background: transparent url(../../pics/oerlikon/pi_experience_esec_en.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} /*events*/ .welcomeBildRotate01EN{background: transparent url(../../pics/oerlikon/pi_iaa2007_en.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} .welcomeBildRotate02EN{background: transparent url(../../pics/oerlikon/pi_itma2007_de.jpg) 0 0 no-repeat; width:498px; height:305px; float:left; border-left:1px #fff solid; border-right:1px #fff solid; border-top:1px #DEDEDE solid;} .contentRight #news dt {margin:2px 0 7px 0; background: transparent url(../../pics/pi_title_news.gif) 0 0 no-repeat; width:180px; height:12px; } .contentRight #news .rssFeed {display:block;} .contentRight #news .rssFeed a {float:right; background: transparent url(../../pics/pi_rss.gif) 0 0 no-repeat; width:14px; height:14px; } .contentRight #topthema dt {margin:2px 0 5px 0; background: transparent url(../../pics/pi_title_topthema.gif) 0 0 no-repeat; width:142px; height:12px; } #topthema .more {display:none;} #topthema dl {margin:0;} #topthema dd {padding:0;} .contentRight #webcast dt {margin:2px 0 5px 0; background: transparent url(../../pics/pi_title_webcast.gif) 0 0 no-repeat; width:170px; height:12px; } .contentRight #webcast .camera {display:block;} .contentRight #webcast .camera a {float:right; background: transparent url(../../pics/pi_webcast.gif) 0 0 no-repeat; width:14px; height:14px; } #webcast dl {margin:0;} #webcast dd {padding:0;} .contentRight #registration dt {margin:2px 0 5px 0; background: transparent url(../../pics/oerlikon/ti_en_registration.gif) 0 0 no-repeat; width:170px; height:12px; } #registration dl {margin:0;} #registration dd {padding:0;} .contentLeft #stockTicker dt {margin:2px 0 10px 0; background: transparent url(../../pics/pi_title_stock_ticker.gif) 0 0 no-repeat; width:142px; height:12px; } .contentRight #transaction dt {margin:2px 0 10px 0; background: transparent url(../../pics/oerlikon/pi_title_transaction.gif) 0 0 no-repeat; width:170px; height:12px; } .contentMiddle h3 { background: transparent url(../../pics/oerlikon/pi_title_welcome.gif) 0 0 no-repeat; width:400px; height:25px;} #neueSeiten h4 {float:left; padding:15px 0 0 17px; margin-bottom:0; background: transparent url(../../pics/pi_title_neue_seiten.gif) 17px 0 no-repeat; width:170px; height:12px;} #weitereInfos .downloads dt {background: transparent url(../../pics/pi_title_downloads.gif) 0 0 no-repeat;} #weitereInfos .links dt {background: transparent url(../../pics/pi_title_links.gif) 0 0 no-repeat;} #weitereInfos .contact dt {background: transparent url(../../pics/pi_title_contact.gif) 0 0 no-repeat;} .containerChart {padding: 0 0 0 5px;} .containerChart dt {background: transparent url(../../pics/ti_stock_ticker_en.gif) 5px 0 no-repeat; width:180px; height:16px; float:left;} #division {width:200px; margin:0; padding:0;} #division h2 {background: transparent url(../../pics/oerlikon/pi_oerlikon_divisions.gif) 0 0 no-repeat; width:200px; height:32px; background-color:#e1e1e1;} #division li {float:left; margin:0 0 0 0;} #division a {float:left; width:200px; height:22px;} #division a:hover {background-position: 0 -22px; float:left; width:200px;} #division .solar {background: transparent url(../../pics/oerlikon/pi_divisions_solar_01.gif) no-repeat;} #division .balzers {background: transparent url(../../pics/oerlikon/pi_divisions_coating_01.gif) no-repeat;} #division .leybold {background: transparent url(../../pics/oerlikon/pi_divisions_vacuum_01.gif) no-repeat;} #division .components {background: transparent url(../../pics/oerlikon/pi_divisions_components_01.gif) no-repeat;} #division .saurer {background: transparent url(../../pics/oerlikon/pi_divisions_textile_01.gif) no-repeat;} #division .graziano {background: transparent url(../../pics/oerlikon/pi_divisions_graziano_01.gif) no-repeat;} #division ul.me1DropDown li.solar {background: transparent url(../../pics/oerlikon/pi_divisions_solar_02.gif) 0 0 no-repeat; width:200px; height:22px;} #division ul.me1DropDown {float:left; margin: 0 0 0 0;} #division ul.me1DropDown li {float:left; margin:0;} #division ul.me1DropDown li.balzers {background: transparent url(../../pics/oerlikon/pi_divisions_coating_02.gif) 0 0 no-repeat; width:200px; height:22px;} #division ul.me1DropDown li.leybold {background: transparent url(../../pics/oerlikon/pi_divisions_vacuum_02.gif) 0 0 no-repeat; width:200px; height:22px;} #division ul.me1DropDown li.components {background: transparent url(../../pics/oerlikon/pi_divisions_components_02.gif) 0 0 no-repeat; width:200px; height:22px;} #division ul.me1DropDown li.saurer {background: transparent url(../../pics/oerlikon/pi_divisions_textile_02.gif) 0 0 no-repeat; width:200px; height:22px;} #division ul.me1DropDown li.graziano {background: transparent url(../../pics/oerlikon/pi_divisions_graziano_02.gif) 0 0 no-repeat; width:200px; height:22px;} #division ul.me1DropDown ul a {z-index:10; color:#444; float:left; font-weight:normal; margin:0; border:0; width:140px; padding:3px 15px 0 15px; height:19px; background: #e4e4e4;} #division ul.me1DropDown ul a:hover {color:#fff; z-index: 10; margin:0; border:0; text-decoration:none; width:140px; float:left; background: #eb0000;} #division ul.me1DropDown li.ebene3 a {background: #e4e4e4 url(../../pics/oerlikon/bg_divisions_ebene3.gif) right 0 no-repeat; width:140px;} #division ul.me1DropDown li.ebene3 a:hover {background: #eb0000 url(../../pics/oerlikon/bg_divisions_ebene3.gif) right -22px no-repeat; width:140px;} #division ul.me1DropDown ul {margin: 0 0 0 200px; width:170px; float:left;} #division ul.me1DropDown li li {float:left; border-right:1px #fff solid; border-left:1px #fff solid; background: #e4e4e4; margin:0; height:22px; width:170px; border-top:0; border-bottom:1px #fff solid; padding:0;} #division ul.me1DropDown li.ebene3 ul a {z-index: 10; color:#444; float:left; font-weight:normal; margin:0; border:0; width:140px; padding:3px 15px 0 15px; height:19px; background: #e4e4e4;} #division ul.me1DropDown li.ebene3 ul a:hover {color:#fff; z-index: 10; margin:0; border:0; text-decoration:none; width:140px; float:left; background: #eb0000;} /* DIVISION 1.Ebene */ #division ul.me1DropDown {clear:both; position:absolute; display:none; z-index: 11;} #division ul.me1DropDown ul {clear:both; position:absolute; display:none; z-index: 11; border-top:1px #fff solid; width:172px;} #division ul.me1DropDown ul ul {clear:both; position:absolute; display:none; z-index: 11; border-top:1px #fff solid; width:172px; margin:0 0 0 170px;} /* blendet ul 2.Ebene ein, funktioniert nicht im IE, siehe dazu JS und letzte CSS Zeile */ #division li:hover ul.me1DropDown { display:block; z-index: 10;} #division ul.me1DropDown li:hover ul.ebene2 { display:block; z-index: 10;} #division ul.me1DropDown ul li:hover ul { display:block; z-index: 10;} /* Breite notwendig sonst wird im IE nur der Text als Link interpretiert wird. */ /* Hoehe notwendig sonst wird im Moz hier die Höhe des 1.Links verwendet */ /* Beachten: IE Box Model Bug, wenn Doctype nicht strict (width/margin/border/padding) */ /* notwendig für hover im IE, siehe auch JS */ #division ul:hover, #division li.sfhover2 ul.me1DropDown { display:block; z-index: 10;} #division ul.me1DropDown ul:hover, #division ul.me1DropDown li.sfhover2 ul.ebene2 { display:block; z-index: 10;} #division ul.me1DropDown ul ul:hover, #division ul.me1DropDown ul li.sfhover2 ul { display:block; z-index: 10;} #languageFacelift dd.activeEN a {color:#eb0000;} .customer_statement .wong a {background:transparent url(../../pics/oerlikon/pi_customer_statement_02a.gif) 0 0 no-repeat; width:184px; height:74px; float:left;} .customer_statement .mohan a {background:transparent url(../../pics/oerlikon/pi_customer_statement_mohan.gif) 0 0 no-repeat; width:184px; height:74px; float:left;} .customer_statement .wolter a {background:transparent url(../../pics/oerlikon/pi_customer_statement_wolter_en.gif) 0 0 no-repeat; width:184px; height:74px; float:left;} .customer_statement .harada a {background:transparent url(../../pics/oerlikon/pi_customer_statement_harada_en.gif) 0 0 no-repeat; width:184px; height:74px; float:left;} .customer_statement .spaltini a {background:transparent url(../../pics/oerlikon/pi_customer_statement_spaltini_en.gif) 0 0 no-repeat; width:184px; height:74px; float:left;} .customer_statement .gall a {background:transparent url(../../pics/oerlikon/pi_customer_statement_gall_en.gif) 0 0 no-repeat; width:184px; height:74px; float:left;} .customer_statement a:hover, .customer_statement a.active {background-position: 0 -74px;}