/********* A Thomas Neumann CSS-FILE **********/ html[xmlns^="http"] {overflow-y: scroll;} /* Standards */ * { margin: 0; padding: 0; } body { font-family: Tahoma, Verdana, Trebuchet MS, sans serif; color:#2b383a; line-height:150%; font-size: 76%; background:url(../images/design/bg-body.jpg) top left repeat-x #253134; min-height: 100%; height: auto; height: 100%; } img { border: none; } h1 { } h2 { padding:24px 0 0 50px; margin:0 0 28px 0; } h3 {color:#47676c; text-transform:uppercase; font-size:1.1em; font-weight:bold; border-bottom:1px solid #ed7f00; padding:0 0 0 0; margin:0 0 10px 0;} h4 { color:#1b5ed4; font-weight:normal; font-size:1em; padding:16px 0 0 0; margin:0; } p { padding:0 0 17px 0; } p.nopadding { padding:0; } ul { list-style:none; padding:0; } strong, b { font-weight:bold; } iframe { margin:0 0 17px 0; } a:link, a:visited { color:#ed7500; text-decoration:none; } a:hover { color:#ed7500; text-decoration:underline; } /* LAYOUT */ #container { width:886px; margin:0 auto; background:url(../images/design/bg-content.png) top left repeat-y; } #container-top { width:886px; margin:0 auto; background:url(../images/design/bg-top.jpg) top left no-repeat; position:relative; } #language { width:100px; float:left; padding:107px 0 0 50px; } #language .one { float:left; width:51px; } #language .two { float:left; width:49px; } #content-column-left { float:left; width:378px; padding:0 30px 18px 50px; } #content-column-right { float:left; width:378px; padding:0 0 18px 0; } #footer { margin:0 auto; width:886px; background:url(../images/design/bg-footer.png) top left no-repeat; height:78px; padding:0 0 32px 0; } #footer .footer-text { width:786px; margin:0 auto; font-size:0.9em; color:#fff; padding:16px 0 0 0; _padding:15px 0 0 0; } #footer .footer-text span.spanpadding { float:left; padding:0 33px 0 0; } #footer .footer-text span.nospanpadding { float:left; padding:0 0 0 0; margin:0 0 0 -7px; } #footer a:link, #footer a:visited { color:#ff9100; text-decoration:none; } #footer a:hover { color:#ff9100; text-decoration:underline; } #footer-en { margin:0 auto; width:886px; background:url(../images/design/bg-footer-en.png) top left no-repeat; height:78px; padding:0 0 32px 0; } #footer-en .footer-text { width:786px; margin:0 auto; font-size:0.9em; color:#fff; padding:16px 0 0 0; _padding:15px 0 0 0; } #footer-en .footer-text span.spanpadding { float:left; padding:0 33px 0 0; } #footer-en .footer-text span.nospanpadding { float:left; padding:0 0 0 0; margin:0 0 0 -7px; } #footer-en a:link, #footer-en a:visited { color:#ff9100; text-decoration:none; } #footer-en a:hover { color:#ff9100; text-decoration:underline; } .list { background:url(../images/design/bg-list.gif) top left no-repeat; width:378px; height:54px; margin:3px 0 0 0; font-size:0.9em; padding:14px 0 19px 0; line-height:180%; } .list a:link, .list a:visited { color:#2b383a; text-decoration:underline; font-weight:bold; } .list a:hover { color:#2b383a; text-decoration:none; font-weight:bold; } .list ul li { background:url(../images/design/li-list.gif) top left no-repeat; padding:0 0 0 12px; margin:0 0 0 37px; _margin:0 0 0 18px; float:left; width:170px; } .list ul li.nomargin { margin:0; width:140px; } #subnavi { position:absolute; top:35px; left:50px; color:#fff; font-size:0.8em; word-spacing:5px; } #subnavi a:link, #subnavi a:visited { color:#fff; text-decoration:none; } #subnavi a:hover { color:#fff; text-decoration:underline; } /* H2 HEADLINES DE */ h2.error404 { background:url(../images/design/h2/en/error404.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.aktionen { background:url(../images/design/h2/de/aktionen.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.anfahrt { background:url(../images/design/h2/de/anfahrt.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.danke { background:url(../images/design/h2/de/danke.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.geschichte { background:url(../images/design/h2/de/geschichte.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.impressum { background:url(../images/design/h2/de/impressum.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.index { background:url(../images/design/h2/de/index.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.kontakt { background:url(../images/design/h2/de/kontakt.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.kundenbereich { background:url(../images/design/h2/de/kundenbereich.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.produkte { background:url(../images/design/h2/de/produkte.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } /* H2 HEADLINES EN */ h2.specials { background:url(../images/design/h2/en/specials.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.approach { background:url(../images/design/h2/en/approach.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.thanks { background:url(../images/design/h2/en/thankyou.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.history { background:url(../images/design/h2/en/history.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.imprint { background:url(../images/design/h2/en/imprint.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.welcome { background:url(../images/design/h2/en/welcome.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.contact { background:url(../images/design/h2/en/contact.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.costumer { background:url(../images/design/h2/en/costumer.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } h2.products { background:url(../images/design/h2/en/products.png) bottom right no-repeat; width:786px; height:48px; text-indent:-9999px; } /* BRANDING */ #branding-container { width:305px; height:53px; float:right; padding:81px 50px 0 0; } #branding-container img.branding { border:none; } #branding-container h1 { display:none; } /* CLASSES */ .clear { clear: both; font-size: 0.0001em; line-height: 0.00001em; } .spacer { background:url(../images/design/spacer.gif) bottom left no-repeat; padding:0; margin:-5px 0 11px 12px; width:238px; height:5px; } .highlight { color:#f49d2e; } .border { border:1px solid #48686d; } .cmsimg-left { float:left; margin:0 15px 15px 0; } /* NAVI */ ul#navi { width:830px; margin:0 auto; height:51px; padding:227px 0 0 2px; } *html ul#navi { width:830px; margin:0 auto; height:51px; padding:225px 0 0 2px; } ul#navi li { float:left; } ul#navi li span { display:none; } ul#navi li.index a:link, ul#navi li.index a:visited { background:url(../images/design/navi-startseite.png) top left no-repeat; width:108px; height:51px; display:block; } ul#navi li.index a:hover { background:url(../images/design/navi-startseite.png) left -51px no-repeat; width:108px; height:51px; display:block; } ul#navi li.index-active a:link, ul#navi li.index-active a:visited { background:url(../images/design/navi-startseite.png) left -102px no-repeat; width:108px; height:51px; display:block; } ul#navi li.produkte a:link, ul#navi li.produkte a:visited { background:url(../images/design/navi-produkte.png) top left no-repeat; width:107px; height:51px; display:block; } ul#navi li.produkte a:hover { background:url(../images/design/navi-produkte.png) left -51px no-repeat; width:107px; height:51px; display:block; } ul#navi li.produkte-active a:link, ul#navi li.produkte-active a:visited { background:url(../images/design/navi-produkte.png) left -102px no-repeat; width:107px; height:51px; display:block; } ul#navi li.aktionen a:link, ul#navi li.aktionen a:visited { background:url(../images/design/navi-aktionen.png) top left no-repeat; width:107px; height:51px; display:block; } ul#navi li.aktionen a:hover { background:url(../images/design/navi-aktionen.png) left -51px no-repeat; width:107px; height:51px; display:block; } ul#navi li.aktionen-active a:link, ul#navi li.aktionen-active a:visited { background:url(../images/design/navi-aktionen.png) left -102px no-repeat; width:107px; height:51px; display:block; } ul#navi li.geschichte a:link, ul#navi li.geschichte a:visited { background:url(../images/design/navi-geschichte.png) top left no-repeat; width:122px; height:51px; display:block; } ul#navi li.geschichte a:hover { background:url(../images/design/navi-geschichte.png) left -51px no-repeat; width:122px; height:51px; display:block; } ul#navi li.geschichte-active a:link, ul#navi li.geschichte-active a:visited { background:url(../images/design/navi-geschichte.png) left -102px no-repeat; width:122px; height:51px; display:block; } ul#navi li.kundenbereich a:link, ul#navi li.kundenbereich a:visited { background:url(../images/design/navi-kundenbereich.png) top left no-repeat; width:149px; height:51px; display:block; } ul#navi li.kundenbereich a:hover { background:url(../images/design/navi-kundenbereich.png) left -51px no-repeat; width:149px; height:51px; display:block; } ul#navi li.kundenbereich-active a:link, ul#navi li.kundenbereich-active a:visited { background:url(../images/design/navi-kundenbereich.png) left -102px no-repeat; width:149px; height:51px; display:block; } ul#navi li.katalog a:link, ul#navi li.katalog a:visited { background:url(../images/design/navi-katalog.png) top left no-repeat; width:133px; height:51px; display:block; } ul#navi li.katalog a:hover { background:url(../images/design/navi-katalog.png) left -51px no-repeat; width:133px; height:51px; display:block; } ul#navi li.katalog-active a:link, ul#navi li.katalog-active a:visited { background:url(../images/design/navi-katalog.png) left -102px no-repeat; width:133px; height:51px; display:block; } ul#navi li.kontakt a:link, ul#navi li.kontakt a:visited { background:url(../images/design/navi-kontakt.png) top left no-repeat; width:100px; height:51px; display:block; } ul#navi li.kontakt a:hover { background:url(../images/design/navi-kontakt.png) left -51px no-repeat; width:100px; height:51px; display:block; } ul#navi li.kontakt-active a:link, ul#navi li.kontakt-active a:visited { background:url(../images/design/navi-kontakt.png) left -102px no-repeat; width:100px; height:51px; display:block; } ul#navi li.index-en a:link, ul#navi li.index-en a:visited { background:url(../images/design/navi-startseite-en.png) top left no-repeat; width:120px; height:51px; display:block; } ul#navi li.index-en a:hover { background:url(../images/design/navi-startseite-en.png) left -51px no-repeat; width:120px; height:51px; display:block; } ul#navi li.index-en-active a:link, ul#navi li.index-en-active a:visited { background:url(../images/design/navi-startseite-en.png) left -102px no-repeat; width:120px; height:51px; display:block; } ul#navi li.products a:link, ul#navi li.products a:visited { background:url(../images/design/navi-produkte-en.png) top left no-repeat; width:109px; height:51px; display:block; } ul#navi li.products a:hover { background:url(../images/design/navi-produkte-en.png) left -51px no-repeat; width:109px; height:51px; display:block; } ul#navi li.products-active a:link, ul#navi li.products-active a:visited { background:url(../images/design/navi-produkte-en.png) left -102px no-repeat; width:109px; height:51px; display:block; } ul#navi li.specials a:link, ul#navi li.specials a:visited { background:url(../images/design/navi-aktionen-en.png) top left no-repeat; width:99px; height:51px; display:block; } ul#navi li.specials a:hover { background:url(../images/design/navi-aktionen-en.png) left -51px no-repeat; width:99px; height:51px; display:block; } ul#navi li.specials-active a:link, ul#navi li.specials-active a:visited { background:url(../images/design/navi-aktionen-en.png) left -102px no-repeat; width:99px; height:51px; display:block; } ul#navi li.history a:link, ul#navi li.history a:visited { background:url(../images/design/navi-geschichte-en.png) top left no-repeat; width:90px; height:51px; display:block; } ul#navi li.history a:hover { background:url(../images/design/navi-geschichte-en.png) left -51px no-repeat; width:90px; height:51px; display:block; } ul#navi li.history-active a:link, ul#navi li.history-active a:visited { background:url(../images/design/navi-geschichte-en.png) left -102px no-repeat; width:90px; height:51px; display:block; } ul#navi li.costumer a:link, ul#navi li.costumer a:visited { background:url(../images/design/navi-kundenbereich-en.png) top left no-repeat; width:162px; height:51px; display:block; } ul#navi li.costumer a:hover { background:url(../images/design/navi-kundenbereich-en.png) left -51px no-repeat; width:162px; height:51px; display:block; } ul#navi li.costumer-active a:link, ul#navi li.costumer-active a:visited { background:url(../images/design/navi-kundenbereich-en.png) left -102px no-repeat; width:162px; height:51px; display:block; } ul#navi li.catalogue a:link, ul#navi li.catalogue a:visited { background:url(../images/design/navi-katalog-en.png) top left no-repeat; width:123px; height:51px; display:block; } ul#navi li.catalogue a:hover { background:url(../images/design/navi-katalog-en.png) left -51px no-repeat; width:123px; height:51px; display:block; } ul#navi li.catalogue-active a:link, ul#navi li.catalogue-active a:visited { background:url(../images/design/navi-katalog-en.png) left -102px no-repeat; width:123px; height:51px; display:block; } ul#navi li.contact a:link, ul#navi li.contact a:visited { background:url(../images/design/navi-kontakt-en.png) top left no-repeat; width:123px; height:51px; display:block; } ul#navi li.contact a:hover { background:url(../images/design/navi-kontakt-en.png) left -51px no-repeat; width:123px; height:51px; display:block; } ul#navi li.contact-active a:link, ul#navi li.contact-active a:visited { background:url(../images/design/navi-kontakt-en.png) left -102px no-repeat; width:123px; height:51px; display:block; }