ÿþbody { font: 75%/1.25 Verdana, Arial, Helvetiva, sans-serif; color: #3E4151; background: #FFF; margin: 0; padding: 0; } h1 { font-size: 1.63em; color:#0099FF; margin-top: 0; } a:link { color:#0099FF; text-decoration:none; } a:visited { color:#0099FF; text-decoration:none; } a:active { color:#0099FF; text-decoration:none; } a:hover { color:#999999; text-decoration:underline; } a img { border: none; } a.std:link { color:#3E4151; text-decoration:underline; } a.std:visited { color:#3E4151; text-decoration:underline; } a.std:active { color:#4D4646; text-decoration:underline; } a.std:hover { color:#4D4646; text-decoration:underline; } b, strong { color: #3E4151; } /* .klein { font-size:9px; color: #3E4151;} .line_height { line-height: 19px; } td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #3E4151; } .blau { color: #0099FF} */ #wrap { width: 960px; border: 1px solid #0087EF; border-top-width: 0; margin: 8px auto; } #header { background-color: #E5F3FD; width: 940px; height: 119px; padding: 0 0 0 20px; border-top: 8px solid #0087ED; border-bottom: 1px solid #0087ED; float: left; } #logo { float: left; width: 73px; height: 73px; margin-top: 15px; } #animation { background: url(../img/baopoly.jpg) no-repeat top right; height: 119px; width: 700px; display: block; float: right; } /* Je nach Sektion kann ein eigenes Hintergrundbild eingesetzt werden */ /* .start #animation { background-image: url(); } .products #animation { background-image: url(); } .aboutus #animation { background-image: url(); } .partners #animation { background-image: url(); } .contact #animation { background-image: url(); } .imprint #animation { background-image: url(); } .references #animation { background-image: url(); } */ .partners #animation { background-image: url(../img/schmelzgeraet.jpg); } .products #animation { background-image: url(../img/retuschestift.jpg); } .aboutus #animation { background-image: url(../img/baowachs.jpg); } .contact #animation { background-image: url(../img/servicekoffer.jpg); } #navigation { clear: both; text-align: right; padding-right: 30px; background: url(../img/navigation_verlauf.jpg) no-repeat left center; } #navigation ul { margin: 0; padding: 5px 0 0; } #navigation ul li { display: inline; margin: 0; margin-left: .7em; padding: 0; } /* Aktiven Menüpunkt in der Hauptnavigation markieren <body class="start "> */ .start #start, .products #products, .aboutus #aboutus, .references #references, .contact #contact, .partners #partners, .imprint #imprint { font-weight: bold; } #toolbar { clear: both; text-align: right !important; padding-right: 30px; background: url(../img/navigation_verlauf.jpg) repeat left center; } #toolbar ul { margin: 0; padding: 5px 0; } #toolbar ul li { display: inline; margin-left: .7em; } #content_wrap { clear: both; border-top: 1px solid #0087ED; background: #FFF url(../img/bg_content_wrap.gif); height: 1%; } #content { width: 550px; float: left; padding: 20px; } #subcontent { background: #E5F3FD; width: 340px; padding: 20px 10px 20px 20px; float: left; } #subcontent h3 { font-size: 1em; font-weight: bold; margin: 0 0 1em; } .subnavigation { list-style-image: url(../img/pfeil.gif); margin: 0 0 1em 0; padding-left: 20px; } .subnavigation li { margin-bottom: .5em; } li.katalog { list-style-image: url(../img/pdf.gif); margin-top: 1em; } li.katalog span { font-size: 85%; display: block; } li.video { list-style-image: url(../img/video.gif); margin-top: 1em; } li.video span { font-size: 85%; display: block; } .box { margin-bottom: 20px; } .adresse { color: #0099FF; } .clear { clear: both; display: block; height: 1%; } /* Toolbar nach #content */ #toolbar_repeat { display: none; } /* Contact-Form */ #contactform { } #contactform fieldset { clear: both; border: 1px solid #0099FF; border-width: 1px 0px 0px 1px; padding: 10px; margin-bottom: 10px; width: 450px; } #contactform legend { color: #0099FF; } /* .fakelabel für Elemente, die wie ein label aussehen sollen, aber keins sind */ #contactform label, #contactform .fakelabel { float: left; width: 120px; text-align: right; padding-right: 10px; } #contactform label { cursor: pointer; } #contactform textarea { width: 300px; /* height: ; */ font-family: inherit; font-size: inherit; } #contactform input { width: 300px; font-family: inherit; } #contactform .button { width: Auto; margin-left: 387px; } .checklist { float: left; width: 300px; margin-top: 1em; display: inline; } .checklist p { clear: both; line-height: .5em; margin: 0; } #contactform .checklist label { float: none; text-align: left; } #contactform .checklist input { float: none; width: 2em; } /* Produktlistenansicht (products/aerosoldosen.htm als Beispiel) */ .productlist { clear: both; line-height: 1.5em; border-bottom: 1em solid #FFF; border-top: 1em solid #FFF; } .productlist h1 { margin-bottom: 1em; } .productlist p { text-align: right; clear: both; padding-bottom: 2em; padding-top: 1em; } * html .productlist p { margin: 1em 0 1.5em; } .productlist p img { float: right; margin: 0 0 10px 20px; display: inline; } .productlist p.odd { text-align: left; } .productlist p.odd img { float: left; margin: 0 20px 10px 0; display: inline; } p.hint, .productlist p.hint { border: 1px solid #0099FF !important; padding: 5px; text-align: center; } .start .productlist p { text-align: left; clear: both; } .start .productlist p img { float: left; margin: 0 20px 10px 0; display: inline; } .start .productlist a.more { display: block; text-align: left; margin-top: 1em; } .start .productlist img.more { float: none; } /* Produktlistenübersicht (products/index.htm als Beispiel */ .productlist_index {} .productlist_index p { clear: both; } .productlist_index p img { float: left; margin: 0 20px 15px 0; display: inline; } .productlist_index a.more { text-align: right; float: none; } .productlist_index a.more img.more { padding-top: 10px; display: block; } .subnavigation li div{ display:none; } .sliders .subnavigation li div#sliders, .shelf .subnavigation li div#shelf,.varnishes .subnavigation li div#varnishes,.others .subnavigation li div#others{display:block;} .contact .adresse {display:none;}