/******************************************************** Name: Metall-Chemie Holding GmbH Style: main.css Datum: 21.05.2008 Autor: network Now / NB ********************************************************/ /*====== WE-Edit-Styles */ .pimageRight { float: right; border: 1px solid #6EB5DD; margin: 0 0 10px 10px; } .pimageLeft { float: left; border: 1px solid #6EB5DD; margin: 0 10px 10px 0; } .pimageNoneSpace { border: 1px solid #6EB5DD; } /*====== Main =======*/ body { margin: 0px auto; margin-top: 40px; padding: 0px; text-align: center; font: arial, helvetica, sans-serif; font-weight: normal; color: #000000; background-color: #FFFFFF; } html { height: 100%; margin-bottom: 1px; } .mainBody { height: 101%; border: 1px solid #FFFFFF; } /*====== Content Body =======*/ #mainTable { width: 928px; margin: 0px; padding: 0px; } /*====== Content Header =======*/ .mainHeader { width: 928px; margin: 0px; padding: 0px; height: 136px; } #mhlBorder { width: 35px; height: 136px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mhlborder.gif) repeat-y left top; } #mhLogo { width: 220px; height: 136px; margin: 0px; padding: 0px; } #mhLogo_out { display: block; margin: 0px; padding: 0px;} #mhLogo_in01 { width: 220px; height: 13px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mhtborder.gif) repeat-x left top; } #mhLogo_in02 { width: 220px; margin: 0px; padding: 0px; } #mhClaim { width: 651px; height: 136px; margin: 0px; padding: 0px; } #mhClaim_out { display: block; margin: 0px; padding: 0px; } #mhClaim_in01 { width: 651px; height: 13px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mhtborder.gif) repeat-x left top; } #mhClaim_in02 { width: 651px; height: 7px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mhclaim01.jpg) repeat-y left top; } #mhClaim_in03 { width: 651px; height: 102px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mhclaim01.jpg) repeat-y left top; } #mhClaim_in04 { width: 651px; height: 7px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mhclaim01.jpg) repeat-y left top; } #mhClaim_in05 { width: 651px; height: 7px; margin: 0px; padding: 0px; background-color: #FFFFFF; } #mhrBorder { width: 22px; height: 136px; margin: 0px; padding: 0px; } #Mainnavbox { width: 718px; margin: 0; padding: 0; height: 42px; } #mchSubnav { width: 718px; height: 52px; margin: 0; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/p-bg-subnav.gif) repeat-x left top; } #Subnavbox { width: 718px; margin: 0; padding: 0; height: 32px; } #subnavEditCell { width: 120px; height: 32px; } #subnavNavCell { width: 598px; } /*====== Content-Start =======*/ .mainContent { width: 930px; margin: 0px; padding: 0px; vertical-align: top; } #mclBorder { width: 23px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mclborder.gif) repeat-y left top; } #mcNavi { width: 250px; margin: 0px; padding: 0px; } #mcSpace { width: 9px; margin: 0px; padding: 0px; } #mcContent { width: 624px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-cbox-01.gif) repeat-y left top; } #mcrBorder { width: 22px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mcrborder.gif) repeat-y left top; } #mclBorderFoot { width: 23px; height: 13px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mhlborder.gif) repeat-y left top; } #mcSpaceFoot { width: 9px; margin: 0px; padding: 0px; } #mcContentFoot { width: 624px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-cbox-01.gif) repeat-y left top; } #mcrBorderFoot { width: 22px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mcrborder.gif) repeat-y left top; } /*====== Content-Boxen =======*/ #mcNavi_outBox { display: block; margin: 0px; padding: 0px; } #mcNavi_inHead { width: 250px; height: 15px; margin: 0px; padding: 0px; } #mcNavi_inBox { width: 250px; margin: 0px; padding: 0px; } #mcNavi_inBox01 { width: 1px; margin: 0px; padding: 0px; background-color: #6EB5DD; } #mcNavi_inBox02 { width: 11px; margin: 0px; padding: 0px; background: #91C5E6 url(/mch/de/_img/basics/pbg-navi-box.gif) repeat-x left top; } #mcNavi_inBox03 { width: 237px; margin: 0px; padding: 0px; background: #91C5E6 url(/mch/de/_img/basics/pbg-navi-box.gif) repeat-x left top; } #mcNavi_inBox04 { width: 1px; margin: 0px; padding: 0px; background-color: #6EB5DD; } #mcNavi_inBoxBlock { width: 250px; margin: 0px; padding: 0px; background: #91C5E6 url(/mch/de/_img/basics/pbg-navi-box.gif) repeat-x left top; } #mcNavi_inFoot {} #mcContent_outBox { display: block; margin: 0px; padding: 0px; } #mcContent_HBox { width: 624px; height: 15px; margin: 0px; padding: 0px; background: #FFFFFF url(/mch/de/_img/basics/p-ctop-e01.gif) repeat-y left top; } #mcContent_CBox { margin: 0px; padding: 5px 0px 10px 20px; } #mcContent_CBox p { padding: 5px 20px; } /*====== Teaser-Boxen =======*/ #weBlockHead { padding: 0; height: 12px; background: #FFFFFF url(/mch/de/_img/basics/pbg-blockhead.gif) repeat-x left top; } #weBlockLeft { padding: 0; width: 12px; background: #FFFFFF url(/mch/de/_img/basics/pbg-blockleft.gif) repeat-y left top; } #weBlockRight { padding: 0; width: 12px; background: #FFFFFF url(/mch/de/_img/basics/pbg-blockright.gif) repeat-y left top; } #weBlockFoot { padding: 0; height: 12px; background: #FFFFFF url(/mch/de/_img/basics/pbg-blockfoot.gif) repeat-x left top; } #weBlockCont { padding: 0; width: 230px; background-color: #FFFFFF; } #weBlockCont_vs01 { padding: 0; background-color: #FFFFFF; } #weBlockContBlock { vertical-align: middle; text-align: center; margin: 0px; padding: 0px; width: 160px; height: 148px; background-color: #FFFFFF; } /*====== Produkt-VS Boxen =======*/ #weBlockCboxBorder01 { border: 0px dotted #6EB5DD; border-width: 0 0 0 1px; } /*====== Produkt-IS Boxen =======*/ #weBlockProdBorderTop { padding: 0; border: 0px solid #6EB5DD; border-width: 1px 0 0 0; } #weBlockProdBorderBot { padding: 0; border: 0px solid #6EB5DD; border-width: 0 0 1px 0; } .weBlockLineCell01 { padding: 0; border: 0px solid #6EB5DD; border-width: 0 1px 0 0; } .weBlockLineCell02 { padding: 0; } .weBlockLineCell03 { padding: 0; border: 0px solid #6EB5DD; border-width: 0 0 0 1px;} div#weBlockLineCell01 { padding: 0 10px 0 0; } div#weBlockLineCell02 { padding: 0 10px; } div#weBlockLineCell03 { padding: 0 0 0 10px; } /*====== TopNavigation =======*/ div#SiteMenuBlock { display: block; margin: 0; padding: 0; } div#SiteMenu { margin: 0; padding: 0; width: 237px; height: 14px; } div#SiteMenuSmalSpace { height: 6px; margin: 0; padding: 0; } div#SiteMenuSpace { height: 11px; margin: 0; padding: 0; } div#SiteMenuSpaceEnd { height: 30px; margin: 0; padding: 0; } /*====== SubNavigation =======*/ div#SubMenuBlockHaed { width: 237px; margin: 0; padding: 5px 0 0 0; } div#MenuBlockHaed { width: 237px; margin: 0; padding: 0; } .SubMenuVSpace { width: 10px; margin: 0; padding: 0; border-width: 0 1px 0 0; border-style: solid; border-color: 6EB5DD; } .SubMenuBox { width: 220px; margin: 0; padding: 0; } /*====== TopNavigation =======*/ div#SubMenuBlock { display: block; margin: 0; padding: 0; } div#SubMenu { font: 11px/20px arial, helvetica, sans-serif; color: #000000; height: 20px; margin: 0px; padding: 0px; vertical-align: left; text-align: middle; } div#SubMenu a { padding: 0px; height: 20px; width: 220px; font: 11px/20px arial, helvetica, sans-serif; color: #000000; vertical-align: middle; text-align: left; text-decoration: none; } div#SubMenu a:hover { padding: 0px; vertical-align: middle; text-align: left; height: 20px; width: 220px; font: 11px/20px arial, helvetica, sans-serif; color: #017AC3; text-decoration: none; } div#SubMenuActive { padding: 0px; font: 11px/20px arial, helvetica, sans-serif; color: #017AC3; } div#SubMenuActive a { padding: 0px; height: 18px; font: 11px/20px arial, helvetica, sans-serif; color: #017AC3; text-decoration: none; } div#SubMenuActive a:hover { padding: 0px; height: 18px; font: 11px/20px arial, helvetica, sans-serif; color: #017AC3; text-decoration: none; } /*====== Produkt-Unter-Navigation =======*/ div#ProduktMenuBlock { display: block; margin: 0; padding: 0; } div#ProduktMenu { font: 12px/13px arial, helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; vertical-align: left; text-align: middle; } div#ProduktMenu a { padding: 0px; font: 12px/13px arial, helvetica, sans-serif; color: #000000; vertical-align: middle; text-align: left; text-decoration: none; } div#ProduktMenu a:hover { padding: 0px; vertical-align: middle; text-align: left; font: 12px/13px arial, helvetica, sans-serif; color: #017AC3; text-decoration: none; } div#ProduktMenuActive { padding: 0px; font: 12px/13px arial, helvetica, sans-serif; color: #017AC3; } div#ProduktMenuActive a { padding: 0px; font: 12px/13px arial, helvetica, sans-serif; color: #017AC3; text-decoration: none; } div#ProduktMenuActive a:hover { padding: 0px; font: 12px/13px arial, helvetica, sans-serif; color: #017AC3; text-decoration: none; } /*====== Meta Navigation =======*/ #hnavigation { padding: 0px; text-align: left; font: arial, helvetica, sans-serif; color: #1992C7; font-size: 11px; white-space: nowrap; font-weight: normal; } #hnavigation ul { padding-left: 0px; margin-top:0; margin-left: 0; margin-bottom:0; text-align: left; font: arial, helvetica, sans-serif; color: #1992C7; font-size: 11px; white-space: nowrap; font-weight: normal; } #hnavigation ul li { display: inline; list-style-type: none; } #hnavigation ul li a { padding: 0px 0px 0px 10px;} #hnavigation ul li a:link, #hnavigation ul li a:visited { color: #1992C7; text-decoration: none; } #hnavigation ul li a:hover { color: #1992C7; text-decoration: none; } #hnavigation a:active { color: #1992C7; text-decoration: none; } #hnavigation li#active { color: #1992C7; text-decoration: none; } /*====== Content Footer =======*/ .mainFooter { width: 930px; margin: 0; padding: 0; height: 49px; } #mfLogo { width: 260px; margin: 0; padding: 0; height: 49px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mffborder.gif) repeat-x left top; } #mfContent { width: 623px; margin: 0; padding: 0; height: 49px; background: #FFFFFF url(/mch/de/_img/basics/pbg-mffborder.gif) repeat-x left top; } #mfContent_Box { width: 623px; margin: 0; padding: 0; height: 49px; } #mfContent_SubLine { width: 623px; margin: 0; padding: 0; height: 23px; } #mfMetanav { margin: 3px 0 0 0; white-space: nowrap; float: right; } /*====== Fonts-Styles =======*/ /* Sonstiges - Text */ .t1 { font: 12px/15px arial, helvetica, sans serif; margin: 0; color: #017AC3; } .t2 { font: 12px/15px arial, helvetica, sans serif; margin: 0; color: #000000; } .t3 { font: 12px/15px arial, helvetica, sans serif; margin: 0; color: #017AC3; } .t4 { font: 12px/15px arial, helvetica, sans serif; margin: 0; color: #017AC3; } .t5 { font: 12px/15px arial, helvetica, sans serif; margin: 0; color: #017AC3; } .t6 { font: 11px/11px arial, helvetica, sans serif; margin: 0; color: #017AC3; } .textklein { font: 10px/11px arial, helvetica, sans serif; margin: 0; text-align: left; } .textarea, #textarea { font: 12px/15px arial, helvetica, sans serif; margin: 0; } .formtext { font: 12px/15px arial, helvetica, sans serif; margin: 0; text-align: left; } h1 { font: 16px/18px arial, helvetica, sans serif; font-weight: bold; color: #017AC3; margin: 0 0 26px 0; } .headline1 { font: 16px/18px arial, helvetica, sans serif; font-weight: bold; color: #017AC3; margin: 0 0 26px 0; } h2 { font: 14px/17px arial, helvetica, sans serif; font-weight: bold; color: #000000; margin: 0 0 16px 0; } .headline2 { font: 14px/17px arial, helvetica, sans serif; font-weight: bold; color: #000000; margin: 0 0 16px 0; } h3 { font: 14px/17px arial, helvetica, sans serif; font-weight: bold; color: #017AC3; margin: 0 0 16px 0; } .headline3 { font: 14px/17px arial, helvetica, sans serif; font-weight: bold; color: #017AC3; margin: 0 0 16px 0; } h4 { font: 12px/13px arial, helvetica, sans serif; font-weight: bold; color: #017AC3; margin: 0 0 10px 0; } .headline4 { font: 12px/13px arial, helvetica, sans serif; font-weight: bold; color: #017AC3; margin: 0 0 10px 0; } p { font: 12px/15px arial, helvetica, sans serif; margin: 0; } p strong { font-weight: bold; } .fliesstext { font: 12px/15px arial, helvetica, sans serif; margin: 0 0 12px 0; } .fliesstext strong { font-weight: bold; } #fliesstext { font: 12px/15px arial, helvetica, sans serif; margin: 0 0 12px 0; } #fliesstext strong { font-weight: bold; } ul { font:12px/15px arial, helvetica, sans serif; margin:0px 0px 0px 20px; padding:0px; list-style-image: url(/mch/de/_img/basics/p-uldot.gif); } li { font:12px/15px arial, helvetica, sans serif; margin:0px 0px 6px 0px; padding:0px; } .textcolor { color: #017AC3; } .datum { color: #6A6B6C; font: 10px/13px; } .error { color: red; font: 12px/15px font-weight: bold; } /*====== Format-Styles =======*/ #editmode { color: #CF6767; font: 11px/12px Arial, Helvetica, sans-serif; margin: 0; padding: 1px; font-weight: bold; background-color: #FFFFFF; } #editmode02 { color: #CF6767; font: 11px/12px Arial, Helvetica, sans-serif; margin: 0; padding: 1px; font-weight: bold; } /*====== Link Format =======*/ a:link { text-decoration: underline; color: #017AC3; } a:visited { text-decoration: underline; color: #017AC3; } a:hover { text-decoration: underline; color: #017AC3; } a:active { text-decoration: underline; color: #017AC3; } h2 a:link { text-decoration: none; } h2 a:visited { text-decoration: none; } h2 a:hover { text-decoration: none; } h2 a:active { text-decoration: none; } h3 a:link { text-decoration: none; } h3 a:visited { text-decoration: none; } h3 a:hover { text-decoration: none; } h3 a:active { text-decoration: none; } h4 a:link { text-decoration: none; } h4 a:visited { text-decoration: none; } h4 a:hover { text-decoration: none; } h4 a:active { text-decoration: none; } .text-grau a:link { text-decoration: none; color : #565757; } .text-grau a:visited { text-decoration: none; color : #565757; } .text-grau a:hover { text-decoration: none; color : #565757; } .text-grau a:active { text-decoration: none; color : #565757; } .headlineLink1 { font: 15px/20px arial, helvetica, sans serif; font-weight: bold; color: #FFFFFF; } a.headlinelink1:link { text-decoration:none; color : #FFFFFF; font-weight:bold; } a.headlinelink1:visited { text-decoration:none; color : #FFFFFF; font-weight:bold; } a.headlinelink1:hover { text-decoration:none; color : #FFFFFF; font-weight:bold; } a.headlinelink1:active { text-decoration:none; color : #FFFFFF; font-weight:bold; } #fliesstext :link { text-decoration: none; } #fliesstext :visited { text-decoration: none; } #fliesstext :hover { text-decoration: none; } /*====== Format-Styles =======*/ hr { height: 1px; color: rgb(161, 211, 232); border: 1px none; } /*====== Forms */ .LinkTableCont01 { width: 402px; vertical-align: top; margin: 0px; padding: 2px 0px 1px 5px; border: 1px solid #272933; background-color: #9FD1DC; } .NewsTableCont02End { width: 420px; padding: 0px; } .LeistTableCont03 { width: 400px; vertical-align: top; margin: 0px; padding: 0px; } .LinkCell01 { width: 315px; vertical-align: top; margin: 0px; } .LinkCellSpace { width: 10px; vertical-align: top; margin: 0px; } .LinkCell02 { width: 315px; vertical-align: top; margin: 0px; } .impressum { font: 13px/16px arial, helvetica, sans serif; margin: 0; text-align: left; } #kBox { margin: 170px 0 0 0; padding: 0 0 0 25px; } #kontaktBox {} .kBoxtext { font: 12px/15px arial, helvetica, sans serif; margin: 0; text-align: left; } #hinweis { border: 1px solid #B0DDE7; padding: 3px 5px 5px 3px; } #hinweistext { color: #C95858; } #formLineSpace { height: 3px; } #formLineSpacer { height: 21px; background: #FFFFFF url(/mch/de/_img/pbg-line.gif) repeat-x; } /*====== Sprachselects */ #languageselection { vertical-align: middle; } /** Styles for the drop down list */ #languageselection select.languageselection { border: 1px solid #6EB5DD; margin: 1px 1px 1px 1px; padding: 0px 0px 1px 0px; text-align: left; font: arial, helvetica, sans-serif; color: #1992C7; font-size: 11px; white-space: nowrap; font-weight: normal; } .rawimages { text-align: center; } .rawimages img { border: none; margin:2px; } .rawimages span#active_language img { margin:2px; border: none; } /** End Raw display of images **/ div#languageselection img.langImg { float: left; border: none; margin-top: 3px; } div#languageselection li img.langImg { float: left; border: none; margin: 1px 3px 0px 0px; }