@charset "utf-8"; /* CSS Document */ * {margin:0px;} html {overflow-y:scroll} html,body {font-family: Lucida Sans Unicode, sans-serif; font-size:12px;color:#6d6d6d;height:100%;} a {color:#6d6d6d;} a img {border:none} p {line-height:17px; margin-bottom:17px; padding-right:10px} ul { padding-left:34px; margin-bottom:17px;} ul,li {line-height:17px; list-style-type:square; color:#eb8c2c;} li span {color:#6d6d6d;} ul li.header { list-style-type:none;color:#6D6D6D !important;} ul.noBullets {padding-left:0px} ul.noBullets li { list-style-type:none;} h1 {font-size:20px;padding:0px 10px; font-weight:normal; line-height:26px; display:inline} h1 a { text-decoration:none;} blockquote { font-style:oblique;color:#eb8c2c; font-weight:bold; font-size:12px; line-height:17px;margin-bottom:5px;} span.infoText {font-size:11px;} span.referenz {margin-bottom:20px; display:block; font-size:11px;} span#warn {color:red;} img.inlineImg {display:inline !important;} .clearer {clear:both; font-size:1px; line-height:1px; height:1px;} .spacer {width:10px; float:left; height:10px; font-size:8px; line-height:8px;} .imgFloatLeft { float:left} .last {margin-right:0px !important; margin-left:0px !important;} #main,#produktUebersicht,#unternehmen { margin:0px auto; width:960px; min-height:100%; position:relative} * html #main,* html #produktUebersicht,* html #unternehmen {height:100%} #head { position:relative;width:100%; border-top:5px solid #eeeeee; border-bottom:5px solid white; background:white url(../img/headBG.jpg) left bottom repeat-x;} #miniNav { position:absolute;top:0px; right:0px;} #miniNav a {color:#929292;margin:0px 10px; text-decoration:none; line-height:20px} #miniNav a.active,#miniNav a:hover{ border-bottom:2px solid #474747; color:#474747} #sprachNav { position:absolute;right:15px; top:61px;} #sprachNav a {margin:0px 5px; text-decoration:none;} #mainNav { width:100%; background:#dadada url(../img/mainNavBG.jpg) left top repeat-x; float:left;margin-bottom:20px;} #mainNav .navBlock {float:left; margin-left:10px; display:inline;} #mainNav .navBlock h1 { background:#c5c5c5 url(../img/navBlockHeadlineBG.jpg) left top repeat-x; color:white; font-size:12px; line-height:19px; font-weight:normal; display:block} #mainNav .navBlock a {margin:0px 6px; text-decoration:none; font-weight:bold; line-height:26px; font-size:12px;} #mainNav .navBlock a.active { border-bottom:5px solid #eb8c2c} #mainNav #techniken {width:300px} #mainNav #service {width:435px;} #mainNav #produkt {width:185px;} #mainNav #flashImage {clear:both;width:100%; position:relative; height:150px; float:left} #mainNav #flashImage #ifIsJsAndFlash,#mainNav #flashImage #ifNoJsAndFlash { position:absolute; left:0px; top:0px; width:960px; height:150px; } #mainNav #flashImage #ifIsJsAndFlash {z-index:0; display:none;} #mainNav #flashImage #ifNoJsAndFlash {z-index:99;} #mainNav #flashImage #ifNoJsAndFlash h1 { position:absolute; z-index:100; left:27px;top:34px; font-style:italic; font:"Lucida Sans"; color:#eb8c2c; font-weight:normal;font-size:28px;} #mainNav #flashImage #ifNoJsAndFlash p { position:absolute; z-index:100; left:98px; top:76px; color:#eb8c2c; font-size:18px; line-height:normal;} #mainContent {clear:both; width:960px; overflow-x:hidden;margin-bottom:40px;} #mainContent h1.mainPage, #mainContent h1.mainPage a {color:#6D6D6D; display:block; margin-bottom:9px;} #mainContent .contentBlock {float:left;width:472px; margin-right:15px; display:inline;margin-bottom:20px;overflow:hidden} #mainContent .contentBlock.small {width:310px;} #mainContent .contentBlock .innerText {background:white url(../img/contentBlockBG.jpg) left top repeat-x; width:100%; min-height:75px; height:auto !important; height:75px;padding-top:10px;} #mainContent .contentBlock img {margin:0px;padding:0px;display:block;} #mainContent .contentBlock h1, #mainContent .contentBlock h1 a {color:white; background:#eb8c2c; display:block} #mainContent .contentBlock h6 {height:20px; background:#f9f9f9; font-size:12px; font-weight:normal; text-align:right} #mainContent .contentBlock h6 a {color:#eb8c2c; line-height:20px; text-decoration:underline; margin:0px 15px;} #mainContent .halfSize {width:475px; float:left} #mainContent .halfSize .contentBlock {margin-right:0px; width:100%;} /*produktUebersicht && unternehmen*/ #produktUebersicht #mainContent h1, #unternehmen #mainContent h1 {background:#eb8c2c;color:white; clear:both;float:left;margin-bottom:9px;} #produktUebersicht #mainContent h1 span {font-size:12px;} #produktUebersicht #mainContent .contentBlock, #unternehmen #mainContent .contentBlock {padding-left:10px;background:white url(../img/contentBlockBG.jpg) left top repeat-x;} #produktUebersicht #mainContent .contentBlock h2, #unternehmen #mainContent .contentBlock h2 {margin-top:0px;font-size:13px;margin-bottom:0px;} #produktUebersicht #mainContent .contentBlock img {margin-right:10px;} #produktUebersicht #mainContent .contentBlock ul { padding-left:20px;} #produktUebersicht #mainContent .contentBlock .innerText, #unternehmen #mainContent .contentBlock .innerText {background:none;width:465px;} #unternehmen #mainContent .leftHolder {float:left;width:360px;} #unternehmen #mainContent .leftHolder .contentBlock, #unternehmen #mainContent .leftHolder .contentBlock .innerText { width:350px;margin-right:0px; margin-bottom:10px;} #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.kontakte, #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.kontakte li {color:#6d6d6d; list-style-type:none;} #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.kontakte li {padding-left:25px;} /*Kontaktliste der Ansprechpartner*/ #unternehmen #mainContent .leftHolder .contentBlock .innerText ul li a.mailImg {border:none;background:none;margin:0px;padding:0px; font-size:12px; color:#6d6d6d; font-family:"Lucida Sans Unicode", sans-serif; cursor:pointer; text-align:left; padding-left:25px; line-height:16px; width:300px; text-decoration:none; display:list-item;} #unternehmen #mainContent .leftHolder .contentBlock .innerText ul li ul {margin-bottom:8px;} /*Listen im linken Bereich mit KontakIcons versehen*/ #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.kontakte {padding-left:0px; list-style-type: none} #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.kontakte .phoneImg {background:url(../img/phoneImg.gif) left center no-repeat;} #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.kontakte .faxImg {background:url(../img/faxImg.gif) left center no-repeat;} #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.kontakte .mailImg, #unternehmen #mainContent .leftHolder .contentBlock .innerText ul li a.mailImg {background:url(../img/emailImg.gif) left 4px no-repeat;} #unternehmen #mainContent .rightHolder {float:left; width:590px} #unternehmen #mainContent .rightHolder .contentBlock, #unternehmen #mainContent .rightHolder .contentBlock .innerText { width:580px; margin-right:0px;} /*Kontaktformular*/ #unternehmen #mainContent .rightHolder .contentBlock .innerText .kontakt { float:left; width:580px;} #unternehmen #mainContent .rightHolder .contentBlock .innerText .firstLine { margin-bottom:4px;} #unternehmen #mainContent .rightHolder .contentBlock .innerText .lastLine { margin-bottom:4px; margin-top:4px} #unternehmen #mainContent .rightHolder .contentBlock .innerText .kontakt label { width:90px; display:block;float:left;} #unternehmen #mainContent .rightHolder .contentBlock .innerText .kontakt input {width:136px; padding:0px 5px;} #unternehmen #mainContent .rightHolder .contentBlock .innerText .kontakt input, #unternehmen #mainContent .rightHolder .contentBlock .innerText .kontakt textarea, #unternehmen #mainContent .rightHolder .contentBlock .innerText .kontakt select {float:left;margin-bottom:4px; background:white; border:1px solid #d5d5d5;font-size:14px} #unternehmen #mainContent .rightHolder .contentBlock .innerText .kontakt textarea {width:451px;padding:0px 5px; height:200px} #unternehmen #mainContent .rightHolder .contentBlock .innerText .leftBlock { float:left; width:245px; margin-right:70px; display:inline} #unternehmen #mainContent .rightHolder .contentBlock .innerText .rightBlock {float:left; width:245px} #unternehmen #mainContent .rightHolder .contentBlock .innerText .rightBlock input, #unternehmen #mainContent .rightHolder .contentBlock .innerText .leftBlock input { margin-right:0px;} #unternehmen #mainContent .rightHolder .contentBlock .innerText span.infoText { float:left;margin-left:90px; margin-bottom:4px;} /*Download*/ #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.download {padding-left:0px;} #unternehmen #mainContent .leftHolder .contentBlock .innerText ul.download li {list-style-type:none; background:url(../img/pdf.gif) left 8px no-repeat;padding:16px 0px;padding-left:40px;color:#6d6d6d;} #unternehmen #mainContent .rightHolder .contentBlock .innerText ul.download {display:inline;float:left;margin-left:35px;margin-top:20px; width:190px; background:#fafafa; padding-top:10px;padding-bottom:10px; padding-right:10px;} /*Kontaktfelder anpassen*/ #anrede { margin-right:26px !important;} #name {width:278px !important; margin-right:0px !important;} #plz { width:35px !important; margin-right:10px !important;} #ort { width:79px !important;} #betreff,#empfaenger { width:451px !important; margin-right:0px !important;} #empfaenger {color:#6d6d6d;} #abschicken {background:#eb8c2c; border:none; padding:2px 5px; margin-left:90px; font-size:14px;color:white; cursor:pointer; clear:both} /*50% link; 50% rechts*/ #produktUebersicht #mainContent .halfSize, #unternehmen #mainContent .halfSize {width:475px; float:left} #produktUebersicht #mainContent .halfSize .contentBlock, #unternehmen #mainContent .halfSize .contentBlock { width:465px;} #unternehmen #mainContent .halfSize .contentBlock .innerText img {margin-bottom:8px} /*100%*/ #produktUebersicht #mainContent .fullSize, #unternehmen #mainContent .fullSize {width:950px; float:left;background:white url(../img/contentBlockBG.jpg) left top repeat-x; padding-top:10px; padding-left:10px;} #produktUebersicht #mainContent .fullSize h1, #unternehmen #mainContent .fullSize h1 {background:none;color:#6d6d6d;float:none;font-size:13px; font-weight:bold;padding:0px; margin:0px; margin-bottom:5px; line-height:17px; float:left} #produktUebersicht #mainContent .fullSize .contentBlock { width:293px;margin-right:33px; background:none; padding-left:0px;} #produktUebersicht #mainContent .fullSize .contentBlock ul{ margin-left:74px;} #produktUebersicht #mainContent .fullSize .contentBlock .innerText { width:293px; float:left;padding:0px;} /*100% ohne HiguImg*/ #produktUebersicht #mainContent .nonBGImg {background:#fafafa; font-size:11px} #produktUebersicht #mainContent .nonBGImg .contentBlock h2 { font-size:11px;} #produktUebersicht #mainContent .nonBGImg .contentBlock ul {margin-left:0px; margin-bottom:17px;} #produktUebersicht #mainContent .nonBGImg .contentBlock ul,#produktUebersicht #mainContent .nonBGImg .contentBlock li {color:#dadada;} #produktUebersicht #mainContent .nonBGImg .contentBlock ul li p {margin-bottom:0px} /*Sonderfall AGB*/ #produktUebersicht #mainContent .fullSize#AGB .contentBlock {margin-right:15px} #produktUebersicht #mainContent .fullSize#AGB .contentBlock, #produktUebersicht #mainContent .fullSize#AGB .contentBlock .innerText {width:460px;} #produktUebersicht #mainContent .fullSize#AGB .contentBlock .innerText h4 { font-size:10px; line-height:13px;} #produktUebersicht #mainContent .fullSize#AGB .contentBlock .innerText p {text-align:justify; font-size:10px; line-height:13px; margin-bottom:0px; margin-bottom:13px;} #produktUebersicht #mainContent .fullSize#AGB .contentBlock .innerText p strong {padding-right:10px;} /*Sonderdall Referenzen - Links ~30% ; rechts ~70%*/ #unternehmen #mainContent .leftHolder#kundenZitate { width:450px} #unternehmen #mainContent .leftHolder#kundenZitate .contentBlock, #unternehmen #mainContent .leftHolder#kundenZitate .contentBlock .innerText { width:440px;} #unternehmen #mainContent .rightHolder#kundenBilder { width:500px;} #unternehmen #mainContent .rightHolder#kundenBilder .contentBlock, #unternehmen #mainContent .rightHolder#kundenBilder .contentBlock .innerText { width:490px} #unternehmen #mainContent .rightHolder#kundenBilder .contentBlock h2 {margin-bottom:35px; width:490px} #unternehmen #mainContent .rightHolder#kundenBilder .contentBlock img {margin-right:0px; display:block; float:left} /*Sonderfall: Über Uns*/ #unternehmen #mainContent .fullSize .halfSize {margin-right:10px; width:465px} #unternehmen #mainContent .fullSize .halfSize .contentBlock {padding-left:0px; background:none} #unternehmen #mainContent .fullSize .halfSize .contentBlock .innerText ul {padding-left:15px;} #unternehmen #mainContent .fullSize .halfSize .contentBlock .innerText ul li {padding-right:10px;} #unternehmen #mainContent .fullSize .last {padding-left:10px;} /*sonderfall Produktseite: MZ-Rostschutzpasten*/ #produktUebersicht #mainContent #two_thirds {width:650px;} #produktUebersicht #mainContent #two_thirds .contentBlock, #produktUebersicht #mainContent #two_thirds .contentBlock .innerText {width:640px;} #produktUebersicht #mainContent #one_thirds {width:300px;} #produktUebersicht #mainContent #one_thirds .contentBlock, #produktUebersicht #mainContent #one_thirds .contentBlock .innerText {width:290px;} #produktUebersicht #mainContent .splitted {background:none;padding-top:0px;padding-left:0px; width:960px;} #produktUebersicht #mainContent .splitted .contentBlock {background:white url(../img/contentBlockBG.jpg) left top repeat-x; width:300px;margin-right:10px;padding-top:38px;padding-left:10px; position:relative;} #produktUebersicht #mainContent .splitted .contentBlock h1 { position:absolute;left:10px; top:10px;} #produktUebersicht #mainContent .splitted .contentBlock .innerText ul {float:left;margin-left:0px;margin-bottom:11px;padding-left:15px;} #produktUebersicht #mainContent .splitted .contentBlock .innerText p {float:left; width:205px;padding-right:0px;} #produktUebersicht #mainContent .splitted .last {width:310px} #footer {float:left;bottom:0px; left:0px; position:absolute; background:#eeeeee; width:960px;} #footer h4 {font-size:10px; font-weight:normal; padding:5px 0px; widows:100%} #footer span { margin:0px 7px;} #footer span a,#footer span a img { vertical-align:text-bottom;} /* Aktuelles */ #main .contentBlock .aktuelles ul {padding-left:20px;} #main .contentBlock .aktuelles ul li {list-style:none;} #produktUebersicht #mainContent.aktuelles ul li a {text-decoration:none;} #produktUebersicht #mainContent.aktuelles p.date {margin-bottom:7px;} #produktUebersicht #mainContent.aktuelles .innerText h1 {color: #6D6D6D;display: block;margin-bottom: 9px;background:none; float:none; padding:0;} #produktUebersicht #mainContent.aktuelles .innerText h2 {font-size:20px; font-weight:normal;color: #B1B1B1;display: block;margin-bottom: 9px;background:none; float:none; padding:0;} #produktUebersicht #mainContent.aktuelles hr {color:#B1B1B1; border-width:1px 0 0 0; border-color:#B1B1B1; height:1px; margin: 30px 0; width:630px;} #produktUebersicht #mainContent.aktuelles .post-content img { border:1px solid #B1B1B1;} #produktUebersicht #mainContent.aktuelles .post-content img.alignleft {float:left; margin:5px 17px 5px 0;} #produktUebersicht #mainContent.aktuelles .post-content img.alignright {float:right; margin:5px 0 5px 17px;} #produktUebersicht #mainContent.aktuelles .post-content img.aligncenter {margin: 0 auto;}