body { background-color: #A8958D; text-align: center; } a { color: #882007; } img { border: none; } ul { list-style-image: url(../media/ul_arrow.gif); list-style-position: inside; margin: 0; padding: 0; } .clear { clear: both; } #introduction { visibility: hidden; width: 1px; height: 1px; overflow: hidden; } #center { background-color: white; margin-top: -240px; margin-right: -499px; padding: 0; position: absolute; top: 50%; right: 50%; width: 974px; height: 489px; } #main { background-color: #fff; margin: 0; padding: 0; width: 100%; height: 436px; overflow: hidden; border-top: 1px solid #9e1733; } #mainContent { text-align: left; padding: 40px; width: 1700px; clip: inherit; } #mainHome { text-align: left; margin: 0; padding: 0; overflow: inherit; } #mainHomeLeft { background-color: white; margin: 0; padding: 0; width: 224px; height: 490px; float: left; } #mainHomeRight { margin: 0; padding: 0; float: left; overflow: hidden; clip: auto; } #nav { background-color: #fff; background-image: url(../media/nav_bg.gif); background-repeat: repeat-x; background-position: 0 26px; margin: 0; padding: 0 0 0 0; width: 100%; height: 52px; overflow: hidden; } .navLink { margin: 0 -20px 0 -20px; padding: 0; width: 123px; height: 27px; overflow: hidden; float: right; } .navLinkContent { font-size: 11px; font-family: Tahoma; text-align: center; margin: 0; padding: 6px 0 0; } .navLink a { color: #999; text-decoration: none; } .navLink a:hover, .navLink .active { color: #882007; font-weight: bold; } .navLogo { background-color: white; margin: 0; padding: 5px 0 0; position: absolute; z-index: 50; top: 1px; left: 0; width: 224px; height: 90px; } #navLogoSmall { background-color: white; margin: 0; padding: 0; position: absolute; z-index: 30; top: 0; left: 0; width: 224px; height: 52px; } .navSquare { margin: 7px 0; padding: 0; } .productColumn { width: 110px; height: 330px; float: left; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; } #buch { background-color: transparent; margin: 0; padding: 0; position: absolute; z-index: 50; top: 100px; left: -25px; overflow: visible; } #buchText { color: #bbb; font-size: 10px; font-family: Tahoma; line-height: 14px; text-align: center; margin: 210px 0 0; padding: 30px; } #established { position: absolute; bottom: 50px; width: 225px; height: 19px; text-align: center; margin: 0; padding: 0; color: #882007; font-size: 14px; font-family: Palatino, "Book Antiqua", serif; } #language { color: #777; font-size: 10px; font-family: Tahoma; text-align: center; position: absolute; bottom: 10px; width: 224px; height: 20px; } #language a { color: #777; text-decoration: none; } #language a:hover { color: #882007; font-weight: bold; } #music { color: #777; font-size: 10px; font-family: Tahoma; text-align: right; margin: 0; padding: 0; position: absolute; bottom: 15px; left: 13px; z-index: 100; } #ticker { background-color: white; margin: 0; padding: 0; position: absolute; z-index: 50; top: 489px; left: 0px; overflow: visible; } #subnavCollection { margin: 0; padding: 0; height: 65px; } #subnav { margin: 0; padding: 0; height: 30px; } #subnavContentCollection { margin: 0; padding: 5px 0 0 334px; } #subnavContentCompany { margin: 0; padding: 5px 0 0 225px; } #subnavContentContact { margin: 0; padding: 5px 0 0 728px; } .subnavLink { color: #999; font-size: 11px; font-family: Tahoma; font-weight: bold; margin: 0; padding: 0 20px 0 0; float: left; } .subnavLink a { color: #882007; text-decoration: none; } .subnavLink a:hover { color: #000; } #disclaimer { margin: 0 0 382px; padding: 0; position: absolute; bottom: 0; } #disclaimerContent { color: #aaa; font-size: 9px; font-family: Tahoma; line-height: 13px; margin: 0; padding: 0 0 0 732px; } #mainWindow { margin: 0; padding: 0; height: 405px; overflow: auto; } #mainWindowContent, #materialsContent { font-size: 12px; font-family: Arial; line-height: 16px; margin: 0; padding: 10px 30px; } #mainWindowContent p { margin: 0 0 10px; padding: 0; } #mainWindowContent h3 { font-size: 14px; line-height: 18px; margin: 0; padding: 0 0 15px; } .extraHeadline h3 { font-family: Arial; font-size: 14px; line-height: 18px; margin: 10px 0 0 223px; padding: 0 0 15px; } .imageColumn { text-align: right; margin: 6px 0 0; padding: 0 0 0; width: 193px; float: left; } .imageColumn img { margin-right: 30px; } .textColumn { margin: 0 0 0 0; padding: 0; width: 700px; float: left; } .textColumnContent { margin: 0; padding: 0 30px 0 0; } .textColumnNewsContent { margin: 0; padding: 0 100px 0 0; line-height: 20px; } #collectionLeftNav { margin: 0; padding: 0; width: 190px; float: left; } #collectionLeftNav a { color: black; text-decoration: none; } #collectionLeftNavContent { color: black; font-size: 12px; font-family: Tahoma; line-height: 22px; text-align: right; margin: 0; padding: 20px 40px 0 0; } .collectionDivision { margin: 0; } .collectionCategory { margin: 0 0 20px; } .collectionSubcategory { margin: 20px 0; } #collectionMaterials { text-align: right; margin: 0 0 25px; padding: 0; position: absolute; bottom: 0; left: 0; width: 151px; } #collectionMaterials a { color: #882007; font-size: 11px; font-weight: bold; text-decoration: none; } #collectionMaterials a:hover { color: black; } #collectionRightWindow { margin: 0 -10px 0 0; padding: 0; width: 783px; height: 370px; overflow: auto; } #collectionRightWindowContent { margin: 0; padding: 0; } .collectionColumn { width: 113px; float: left; } .collectionImage { width: 113px; height: 113px; } .collectionEmpty { width: 113px; height: 113px; } .collectionColorA { background-color: #9e1733; width: 113px; height: 113px; } .collectionColorB { background-color: #e6c9cf; width: 113px; height: 113px; } #formContact { margin-top: 15px; margin-bottom: 15px; border-width: 0; } .formContactLabel { padding-right: 2px; width: 102px; } .formContactField { width: 156px; } #formContact td { font-size: 12px; padding: 1px; } input,textarea { background-color: white; border: solid 1px #bbb; font-size: 11px; margin: 0; padding: 1px; } input:focus,textarea:focus { background-color: #eee; } .formButton { background-color: #eee; margin-right: 5px; padding-left: 5px; padding-right: 5px; } .formButton:hover { background-color: #882007; border: 1px solid #882007; color: white; } #formLeft { width: 270px; float: left; } #formRight { width: 400px; float: left; } .formLabel { width: 80px; padding-top: 2px; float: left; } .formInput { width: 170px; margin: 0; padding: 0; float: left; } .formLabel, .formInput { margin-bottom: 3px; margin-top: 3px; } .inputNormal { width: 160px; } .inputPlz { width: 50px; margin-right: 5px; float: left; } .inputOrt { width: 105px; float: left; } .inputKto { width: 77px; margin-right: 5px; float: left; } .inputBlz { width: 78px; float: left; } #detailsMain { background-color: white; font-size: 12px; font-family: Arial; line-height: 16px; height: 400px; margin-top: 25px; margin-left: 20px; margin-right: 20px; } #detailsLeft { background-color: #eee; text-align: right; margin: 0; padding: 0; width: 400px; height: 400px; float: left; } #detailsRight { background-color: white; text-align: left; /* width: 400px; overflow: scroll; */ margin-left: 400px; padding: 0; } #detailsRightContent { margin: 0; padding-top: 15px; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; } #detailsTitle { margin-bottom: 20px; } .detailsTitleText { font-size: 14px; font-weight: bold; color: #A8958D; } #detailsMaterials { background-color: #A8958D; font-size: 0.9em; color: #fff; margin-left: 100px; margin-bottom: 25px; padding: 8px; } .detailsLabel { font-weight: bold; margin-right: 0.5em; } #detailsDescription { } /* ### Beginn Haendlerportal ### */ .dpKundendaten { margin: 0 0 20px; padding: 0; } .dpVerfuegForm { margin: 0; padding: 0; width: 280px; float: left; } .dpVerfuegResult { margin: 0; padding: 46px 0 0; width: 360px; float: left; } .dpPfeil { margin: 0 0 0 10px; padding: 0; } .dpOben { background-color: #d8a2ad; margin: 0; padding: 40px 0 0 80px; height: 200px; } .dpUnten { color: gray; font-size: 11px; line-height: 16px; margin: 0; padding: 10px 150px 0 0px; } .dpFieldtext { margin: 0; padding: 0; width: 100px; float: left; } .dpKundendaten form { margin: 0; padding: 0 100px 0 0; float: right; } /* ### Ende Haendlerportal ### */ /* ### Beginn Materialinfos ### */ .pdfHeadline { margin: 0; padding: 0 60px 0 0; width: 400px; float: left; } .pdfHeadline h1 { color: #a72e39; font-size: 17px; margin: 0; padding: 0; } .pdfLinks { line-height: 18px; margin: 0; padding: 36px 0 0; width: 200px; float: left; } .pdfLinks a { color: black; text-decoration: none; } .pdfLinks a:hover { text-decoration: underline; } /* ### Ende Materialinfos ### */ /* ### Beginn Haendleradressen ### */ #daForm { text-align: left; margin: -6px 0 0 35px; } #daResult { width: 500px; height: 350px; overflow: auto; float: left; } #daLambertStores { font-size: 11px; line-height: 14px; /* color: #aaa; */ float: left; margin: 0 -200px 0 0; padding: 0 0 0 50px; } #daLambertStores p { padding-bottom: 5px } #daLambertStores a { /* color: #aaa; */ } /* ### Ende Haendleradressen ### */ #mainWindowBook { margin: 40px 0 0 0; padding: 0; height: 405px; overflow: hidden; } #subnavContentBook { margin: 0; padding: 5px 0 0 395px; } /* ### Beginn Book Popup ### */ body.buchpopup { color: #bbb; background-color: white; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin: 0; padding: 35px 20px 0 37px; } img.quadrat { margin: 0; padding: 0; float: left; } h1.popupueberschrift { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: lighter; letter-spacing: 1px; margin-top: 18px; padding-top: 0; } div.bildunterschrift { color: #999; line-height: 12px; margin-top: 9px; margin-left: 30px; padding: 0 30px 0 0; } /* ### Ende Buch-Popup ### */ /* ### Beginn Debugger ### div { margin: 5px 5px 5px 5px; border: solid 1px red; } ### Ende Debugger ### */