/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* generelle Layoutstyles */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ ul li, ol li { list-style: none; padding: 0; margin: 0; } /* ---------------------------------- */ #alles { position: relative; background: transparent url(img/hg-969px.jpg) repeat-y; width: 969px; text-align: left; margin: auto; } #alles.pink { background: transparent url(img/hg-2-969px.jpg) repeat-y; } #main { position: relative; width: 969px; height: 637px; } #head { position: relative;top: 0; left: 0; width: 969px; height: 95px; background: transparent url(img/head-969x95px.jpg) no-repeat; } #content { position: absolute; width: 790px;top: 142px; left: 169px; margin-right: 10px; height: 495px; float: right; overflow: scroll; } #flash { width: 958px; height: 637px; margin: 0 9px auto 2px; background-color: silver; z-index: 20; } /* #navi-left { position: relative; top: 0; left: 2px; width: 169px; height: 495px; background: url(img/hg-navileft-167x495px.jpg) no-repeat; overflow: hidden; z-index: 15; } * html #navi-left { width: 166px; } */ #footer { position: relative; background: url(img/hg-969x11px.jpg) no-repeat; clear: both; margin: auto; width: 969px; height: 11px; z-index: 11; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* NAVIGATION TOP ---------------------------- */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Neue Top-Navigation mit ul */ ul#navi-top, ul#navi-top-pink { position: absolute; top: 95px; left: 0; width: 969px; height: 47px; } ul#navi-top { background: url(img/hg-navitop-969x47px.jpg) no-repeat; } ul#navi-top-pink { background: url(img/hg-navitop2-969x47px.jpg) no-repeat; } ul#navi-top li, ul#navi-top-pink li { float: left; margin-top: 6px; } ul#navi-top li a, ul#navi-top-pink li a { display: block; text-indent: -999em; } li#unternehmen { margin-left: 170px; } * html li#unternehmen { margin-left: 90px; } li#unternehmen a { background: url(img/btn/DE/navi-top/nt-unt.jpg) no-repeat; } li#unternehmen a:hover { background: url(img/btn/DE/navi-top/nt-unt-s.jpg) no-repeat; } li#unternehmen a.active { background: url(img/btn/DE/navi-top/nt-unt-a.jpg) no-repeat; } #navi-top-pink li#unternehmen a { background: url(img/btn/DE/navi-top/nt-p-unt.jpg) no-repeat; } #navi-top-pink li#unternehmen a:hover { background: url(img/btn/DE/navi-top/nt-p-unt-s.jpg) no-repeat; } li#produkte a { background: url(img/btn/DE/navi-top/nt-prod.jpg) no-repeat; } li#produkte a:hover { background: url(img/btn/DE/navi-top/nt-prod-s.jpg) no-repeat; } li#produkte a.active { background: url(img/btn/DE/navi-top/nt-prod-a.jpg) no-repeat; } #navi-top-pink li#produkte a { background: url(img/btn/DE/navi-top/nt-p-prod.jpg) no-repeat; } #navi-top-pink li#produkte a:hover { background: url(img/btn/DE/navi-top/nt-p-prod-s.jpg) no-repeat; } #navi-top-pink li#produkte a.active { background: url(img/btn/DE/navi-top/nt-p-prod-a.jpg) no-repeat; } li#kontakt a { background: url(img/btn/DE/navi-top/nt-kont.jpg) no-repeat; } li#kontakt a:hover { background: url(img/btn/DE/navi-top/nt-kont-s.jpg) no-repeat; } li#kontakt a.active { background: url(img/btn/DE/navi-top/nt-kont-a.jpg) no-repeat; } #navi-top-pink li#kontakt a { background: url(img/btn/DE/navi-top/nt-p-kont.jpg) no-repeat; } #navi-top-pink li#kontakt a:hover { background: url(img/btn/DE/navi-top/nt-p-kont-s.jpg) no-repeat; } li#links a { background: url(img/btn/DE/navi-top/nt-link.jpg) no-repeat; } li#links a:hover { background: url(img/btn/DE/navi-top/nt-link-s.jpg) no-repeat; } li#links a.active { background: url(img/btn/DE/navi-top/nt-link-a.jpg) no-repeat; } #navi-top-pink li#links a { background: url(img/btn/DE/navi-top/nt-p-link.jpg) no-repeat; } #navi-top-pink li#links a:hover { background: url(img/btn/DE/navi-top/nt-p-link-s.jpg) no-repeat; } /* ----- */ li#de a, li#en a { margin-left: 5px; width: 17px; height: 11px; background-color: #fff; } li#de a { background: url(img/de.gif) no-repeat; margin-left: 30px; } li#en a { background: url(img/gb.gif) no-repeat; } li#unternehmen a, li#produkte a, li#kontakt a, li#links a { width: 160px; height: 41px; } ul#navi-top li a, ul#navi-top-pink li a { text-decoration: none; color: #fff; font-weight: bold; } ul#navi-top li a:hover, ul#navi-top-pink li a:hover { text-decoration: underline; color: #000; } /* ---------------------- */ /* Navigation Left als Liste */ ul#navi-left { position: absolute; top: 142px; margin-left: 2px; width: 167px; height: 495px; background: url(img/hg-navileft-167x495px.jpg) no-repeat; z-index: 15; border-right: 1px solid #fff; overflow: hidden; } ul#navi-left p { margin: 0; padding: 0; font-size: .7em; } ul#navi-left p a { color: #fff; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } ul#navi-left p a:hover { color: #000; } /* Schaltflächen */ ul#navi-left li { width: 160px; height: 17px; margin-left: 2px; } ul#navi-left li a { display: block; width: 160px; height: 17px; text-indent: -999em; overflow: hidden; } * html body ul#navi-left li, * html body ul#navi-left li a { height: 17px; margin: 0; padding: 0; } /* Unternehmen */ ul#navi-left li#unter-unternehmen { height: 25px; background: url(img/btn/DE/navi-left/nl-hl-unternehmen.jpg) no-repeat; } li#unter-ansprech a { background: url(img/btn/DE/navi-left/nl-unter-ansprech.jpg) no-repeat; } li#unter-ansprech a:hover { background: url(img/btn/DE/navi-left/nl-unter-ansprech-s.jpg) no-repeat; } li#unter-ansprech a.active { background: url(img/btn/DE/navi-left/nl-unter-ansprech-a.jpg) no-repeat; } li#unter-qualitaet a { background: url(img/btn/DE/navi-left/nl-unter-quali.jpg) no-repeat; } li#unter-qualitaet a:hover { background: url(img/btn/DE/navi-left/nl-unter-quali-s.jpg) no-repeat; } li#unter-qualitaet a.active { background: url(img/btn/DE/navi-left/nl-unter-quali-a.jpg) no-repeat; } li#unter-geschichte a { background: url(img/btn/DE/navi-left/nl-unter-geschichte.jpg) no-repeat; } li#unter-geschichte a:hover { background: url(img/btn/DE/navi-left/nl-unter-geschichte-s.jpg) no-repeat; } li#unter-geschichte a.active { background: url(img/btn/DE/navi-left/nl-unter-geschichte-a.jpg) no-repeat; } li#unter-liebesperle a { background: url(img/btn/DE/navi-left/nl-unter-liebesperle.jpg) no-repeat; } li#unter-liebesperle a:hover { background: url(img/btn/DE/navi-left/nl-unter-liebesperle-s.jpg) no-repeat; } li#unter-liebesperle a.active { background: url(img/btn/DE/navi-left/nl-unter-liebesperle-a.jpg) no-repeat; } /* Produkte */ /* Border Top */ li#unter-unternehmen, li#hl-industrie, li#hl-handel { border-top: 1px solid #cccc33; border-bottom: 1px solid #cccc33; } /* Border left-right */ ul#navi-left li { border-left: 1px solid #cccc33; border-right: 1px solid #cccc33; } /* Border Bottom */ li#unter-liebesperle, li#handel-nh { border-bottom: 1px solid #cccc33; } ul#navi-left li#hl-industrie { height: 25px; background: url(img/btn/DE/navi-left/nl-hl-industrie.jpg) no-repeat; } ul#navi-left li#hl-handel { height: 25px; background: url(img/btn/DE/navi-left/nl-hl-handel.jpg) no-repeat; } ul#navi-left li#industrie { height: 102px; } ul#navi-left li#industrie a { height: 102px; background: url(img/btn/DE/navi-left/nl-prod-industrie.jpg) no-repeat; } ul#navi-left li#industrie a:hover { background: url(img/btn/DE/navi-left/nl-prod-industrie-s.jpg) no-repeat; } ul#navi-left li#industrie a.active { background: url(img/btn/DE/navi-left/nl-prod-industrie-a.jpg) no-repeat; } li#handel-friends a { background: url(img/btn/DE/navi-left/nl-prod-friends.jpg) no-repeat; } li#handel-friends a:hover { background: url(img/btn/DE/navi-left/nl-prod-friends-s.jpg) no-repeat; } li#handel-friends a.active { background: url(img/btn/DE/navi-left/nl-prod-friends-a.jpg) no-repeat; } li#handel-travelmint a { background: url(img/btn/DE/navi-left/nl-prod-travelmint.jpg) no-repeat; } li#handel-travelmint a:hover { background: url(img/btn/DE/navi-left/nl-prod-travelmint-s.jpg) no-repeat; } li#handel-travelmint a.active { background: url(img/btn/DE/navi-left/nl-prod-travelmint-a.jpg) no-repeat; } li#handel-ladymint a { background: url(img/btn/DE/navi-left/nl-prod-ladymint.jpg) no-repeat; } li#handel-ladymint a:hover { background: url(img/btn/DE/navi-left/nl-prod-ladymint-s.jpg) no-repeat; } li#handel-ladymint a.active { background: url(img/btn/DE/navi-left/nl-prod-ladymint-a.jpg) no-repeat; } li#handel-babyflaschen a { background: url(img/btn/DE/navi-left/nl-prod-baby.jpg) no-repeat; } li#handel-babyflaschen a:hover { background: url(img/btn/DE/navi-left/nl-prod-baby-s.jpg) no-repeat; } li#handel-babyflaschen a.active { background: url(img/btn/DE/navi-left/nl-prod-baby-a.jpg) no-repeat; } li#handel-anhaenger a { background: url(img/btn/DE/navi-left/nl-prod-anhaenger.jpg) no-repeat; } li#handel-anhaenger a:hover { background: url(img/btn/DE/navi-left/nl-prod-anhaenger-s.jpg) no-repeat; } li#handel-anhaenger a.active { background: url(img/btn/DE/navi-left/nl-prod-anhaenger-a.jpg) no-repeat; } li#handel-forklift a { background: url(img/btn/DE/navi-left/nl-prod-forklift.jpg) no-repeat; } li#handel-forklift a:hover { background: url(img/btn/DE/navi-left/nl-prod-forklift-s.jpg) no-repeat; } li#handel-forklift a.active { background: url(img/btn/DE/navi-left/nl-prod-forklift-a.jpg) no-repeat; } li#handel-magic a { background: url(img/btn/DE/navi-left/nl-prod-magic.jpg) no-repeat; } li#handel-magic a:hover { background: url(img/btn/DE/navi-left/nl-prod-magic-s.jpg) no-repeat; } li#handel-magic a.active { background: url(img/btn/DE/navi-left/nl-prod-magic-a.jpg) no-repeat; } li#handel-malstifte a { background: url(img/btn/DE/navi-left/nl-prod-malstifte.jpg) no-repeat; } li#handel-malstifte a:hover { background: url(img/btn/DE/navi-left/nl-prod-malstifte-s.jpg) no-repeat; } li#handel-malstifte a.active { background: url(img/btn/DE/navi-left/nl-prod-malstifte-a.jpg) no-repeat; } li#handel-popncatch a { background: url(img/btn/DE/navi-left/nl-prod-popncatch.jpg) no-repeat; } li#handel-popncatch a:hover { background: url(img/btn/DE/navi-left/nl-prod-popncatch-s.jpg) no-repeat; } li#handel-popncatch a.active { background: url(img/btn/DE/navi-left/nl-prod-popncatch-a.jpg) no-repeat; } li#handel-spassbox a { background: url(img/btn/DE/navi-left/nl-prod-spassbox.jpg) no-repeat; } li#handel-spassbox a:hover { background: url(img/btn/DE/navi-left/nl-prod-spassbox-s.jpg) no-repeat; } li#handel-spassbox a.active { background: url(img/btn/DE/navi-left/nl-prod-spassbox-a.jpg) no-repeat; } li#handel-sweetcars a { background: url(img/btn/DE/navi-left/nl-prod-sweetcars.jpg) no-repeat; } li#handel-sweetcars a:hover { background: url(img/btn/DE/navi-left/nl-prod-sweetcars-s.jpg) no-repeat; } li#handel-sweetcars a.active { background: url(img/btn/DE/navi-left/nl-prod-sweetcars-a.jpg) no-repeat; } li#handel-trinkbecher a { background: url(img/btn/DE/navi-left/nl-prod-trinkbecher.jpg) no-repeat; } li#handel-trinkbecher a:hover { background: url(img/btn/DE/navi-left/nl-prod-trinkbecher-s.jpg) no-repeat; } li#handel-trinkbecher a.active { background: url(img/btn/DE/navi-left/nl-prod-trinkbecher-a.jpg) no-repeat; } li#handel-trix a { background: url(img/btn/DE/navi-left/nl-prod-trix.jpg) no-repeat; } li#handel-trix a:hover { background: url(img/btn/DE/navi-left/nl-prod-trix-s.jpg) no-repeat; } li#handel-trix a.active { background: url(img/btn/DE/navi-left/nl-prod-trix-a.jpg) no-repeat; } li#handel-trompeten a { background: url(img/btn/DE/navi-left/nl-prod-trompeten.jpg) no-repeat; } li#handel-trompeten a:hover { background: url(img/btn/DE/navi-left/nl-prod-trompeten-s.jpg) no-repeat; } li#handel-trompeten a.active { background: url(img/btn/DE/navi-left/nl-prod-trompeten-a.jpg) no-repeat; } li#handel-vw a { background: url(img/btn/DE/navi-left/nl-prod-vw.jpg) no-repeat; } li#handel-vw a:hover { background: url(img/btn/DE/navi-left/nl-prod-vw-s.jpg) no-repeat; } li#handel-vw a.active { background: url(img/btn/DE/navi-left/nl-prod-vw-a.jpg) no-repeat; } li#handel-nh a { background: url(img/btn/DE/navi-left/nl-prod-nh.jpg) no-repeat; } li#handel-nh a:hover { background: url(img/btn/DE/navi-left/nl-prod-nh-s.jpg) no-repeat; } li#handel-nh a.active { background: url(img/btn/DE/navi-left/nl-prod-nh-a.jpg) no-repeat; } li#handel-candyball a { background: url(img/btn/DE/navi-left/nl-prod-candyball.jpg) no-repeat; } li#handel-candyball a:hover { background: url(img/btn/DE/navi-left/nl-prod-candyball-s.jpg) no-repeat; } li#handel-candyball a.active { background: url(img/btn/DE/navi-left/nl-prod-candyball-a.jpg) no-repeat; } /* Plaketten */ ul#plakette li a { display: block; width: 255px; height: 120px; text-indent: -9999em; } ul#plakette li { float: left; } li#industrieplakette, li#handelsplakette { width: 765px; height: 120px; } ul#plakette li#industrieplakette a, ul#plakette li#handelsplakette a { display: block; width: 765px; height: 120px; text-indent: -9999em; } ul#plakette li#industrieplakette a { background: url(img/btn/DE/plaketten/plakette-industrie.jpg) no-repeat; } ul#plakette li#industrieplakette a:hover { background: url(img/btn/DE/plaketten/plakette-industrie-s.jpg) no-repeat; } ul#plakette li#handelsplakette a { background: url(img/btn/DE/plaketten/plakette-handel.jpg) no-repeat; } ul#plakette li#handelsplakette a:hover { background: url(img/btn/DE/plaketten/plakette-handel-s.jpg) no-repeat; } li#friends a { background: url(img/btn/DE/plaketten/plakette-friends.jpg) no-repeat; } li#friends a:hover { background: url(img/btn/DE/plaketten/plakette-friends-s.jpg) no-repeat; } li#travelmint a { background: url(img/btn/DE/plaketten/plakette-travel.jpg) no-repeat; } li#travelmint a:hover { background: url(img/btn/DE/plaketten/plakette-travel-s.jpg) no-repeat; } li#ladymint a { background: url(img/btn/DE/plaketten/plakette-ladymint.jpg) no-repeat; } li#ladymint a:hover { background: url(img/btn/DE/plaketten/plakette-ladymint-s.jpg) no-repeat; } li#babyflaschen a { background: url(img/btn/DE/plaketten/plakette-baby.jpg) no-repeat; } li#babyflaschen a:hover { background: url(img/btn/DE/plaketten/plakette-baby-s.jpg) no-repeat; } li#anhaenger a { background: url(img/btn/DE/plaketten/plakette-anhaenger.jpg) no-repeat; } li#anhaenger a:hover { background: url(img/btn/DE/plaketten/plakette-anhaenger-s.jpg) no-repeat; } li#forklift a { background: url(img/btn/DE/plaketten/plakette-forklift.jpg) no-repeat; } li#forklift a:hover { background: url(img/btn/DE/plaketten/plakette-forklift-s.jpg) no-repeat; } li#magic a { background: url(img/btn/DE/plaketten/plakette-magic.jpg) no-repeat; } li#magic a:hover { background: url(img/btn/DE/plaketten/plakette-magic-s.jpg) no-repeat; } li#malstifte a { background: url(img/btn/DE/plaketten/plakette-malstifte.jpg) no-repeat; } li#malstifte a:hover { background: url(img/btn/DE/plaketten/plakette-malstifte-s.jpg) no-repeat; } li#popncatch a { background: url(img/btn/DE/plaketten/plakette-popncatch.jpg) no-repeat; } li#popncatch a:hover { background: url(img/btn/DE/plaketten/plakette-popncatch-s.jpg) no-repeat; } li#spassbox a { background: url(img/btn/DE/plaketten/plakette-spassbox.jpg) no-repeat; } li#spassbox a:hover { background: url(img/btn/DE/plaketten/plakette-spassbox-s.jpg) no-repeat; } li#sweetcars a { background: url(img/btn/DE/plaketten/plakette-sweetcars.jpg) no-repeat; } li#sweetcars a:hover { background: url(img/btn/DE/plaketten/plakette-sweetcars-s.jpg) no-repeat; } li#trinkbecher a { background: url(img/btn/DE/plaketten/plakette-trinkbecher.jpg) no-repeat; } li#trinkbecher a:hover { background: url(img/btn/DE/plaketten/plakette-trinkbecher-s.jpg) no-repeat; } li#trix a { background: url(img/btn/DE/plaketten/plakette-trix.jpg) no-repeat; } li#trix a:hover { background: url(img/btn/DE/plaketten/plakette-trix-s.jpg) no-repeat; } li#trompeten a { background: url(img/btn/DE/plaketten/plakette-trompeten.jpg) no-repeat; } li#trompeten a:hover { background: url(img/btn/DE/plaketten/plakette-trompeten-s.jpg) no-repeat; } /*aus*/ li#vw a { background: url(img/btn/DE/plaketten/plakette-vw.jpg) no-repeat; } li#vw a:hover { background: url(img/btn/DE/plaketten/plakette-vw-s.jpg) no-repeat; } li#nh a { background: url(img/btn/DE/plaketten/plakette-nh2007.jpg) no-repeat; } li#nh a:hover { background: url(img/btn/DE/plaketten/plakette-nh2007-s.jpg) no-repeat; } li#candyball a { background: url(img/btn/DE/plaketten/plakette-candyball.jpg) no-repeat; } li#candyball a:hover { background: url(img/btn/DE/plaketten/plakette-candyball-s.jpg) no-repeat; } /* Industrieprodukte */ ul#industrieprodukte { clear: both; width: 700px; padding-left: 5px; overflow: hidden; } ul#industrieprodukte li { width: 115px; height: 140px; float: left; text-align: center; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* ----- CONTENT Layout ------- */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ #column { width: 255px; height: 255px; margin-right: 7px; float: left; padding: 10px 0; } * html #column { width: 339px; } #dosenanzeiger { width: 300px; height: 150px; text-align: left; border: 0; } #navi-produktblatt { display: block; width: 300px; height: auto; text-align: center; } #navi-produktblatt .schalter a img { border: 0px; } .schalter { width: 45px; height: 45px; overflow: hidden; margin: 10px 10px; padding: 0; float: left; border: 0px solid red; text-align: left; vertical-align: top; } .schalter img { margin: 0; } .schalter:hover { border: 0px solid red; margin: 10px 10px; } /*------*/ iframe { width: 348px; height: 380px; border: 1px solid white; margin-right: 7px; float: right; padding: 10px 0; } #content-frame { width: 348px; height: 380px; border: 1px solid white; margin-right: 7px; float: right; overflow: scroll; } * html #content-frame { width: 339px; } #content-frame ul li { margin: 10px 20px; } #content-frame p { font-size: 1em; text-align: left; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* Aufteilung in 3 Bereiche */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ ul#left, ul#middle, ul#right { width: 255px; float: left; } ul#middle-klein { } ul#middle-klein li { margin-bottom: 25px; } ul#middle-klein li.clear { clear: both; } ul#right-gross { width: 315px; float: left; } ul#produkte { width: 315px; float: left; overflow hidden; } ul#middle-klein { width: 195px; min-height: 100px; float: left; } body div#alles div#main div#content ul#left-middle, body div#alles div#main div#content ul#middle-right { width: 450px; min-height: 100px; float: left; } ul#middle-right ul li { margin: 15px 15px; margin-left: 35px; list-style: url(img/btn/DE/andere/list-style.png); } ul#middle-right ul li p { margin: 0; padding: 0; } body div#alles div#main div#content ul#left-middle li.3spalt { width: 140px; float: left; border: 1px solid black; } ul#left-middle img.abstandborder { margin: 13px 0 0 17px; border: 5px solid #fff; outline: 1px solid #f00; } ul#produktschalter { width: 180px; margin-bottom: 10px; margin-left: 15px; } ul#produktschalter li { width: 80px; height: 80px; text-align: left; float: left; margin-right: 5px; margin-bottom: 5px; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* TABLE Produktdaten / Einheiten */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ table#produktdaten { width: 255px; border-collapse: 0; border-spacing: 0; } table#produktdaten tr { } table#produktdaten tr.2 { background-color: #ccc; } table#produktdaten td { margin: 0; padding: 0; vertical-align: top; border-bottom: 1px solid red; } table#produktdaten td p { margin: 0; margin: 2px 5px 5px 15px; padding: 0; font-size: 65%; } table#produktdaten td.pdr p { margin-left: 3px; } table#produktdaten td.pdl { width: 130px; } table#produktdaten td.pdl p { font-weight: bold; } table#produktdaten td.pdr { width: 120px; } /* TABLE Ansprechpartner */ table#ansprechpartner { width: 700px; } table#ansprechpartner tr td.ansprech-left { width: 220px; } table#ansprechpartner tr td.ansprech-right { width: 480px; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* TAG-Stile */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ * { padding: 0; margin: 0; } body { background-image: url(img/hg-1x1px.jpg); background-repeat: repeat; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; } #head p, #navi-left p { font-size: 20px; font-weight: bold; color: blue; background-color: transparent; margin: 0 5px; } p { font-size: 0.7em; padding: 10px 15px; } p a { } h1, h2, h3, h4, h5, h6, label { margin: 10px 15px; } h1 { color: #C1001F; background-color: transparent; font-weight: normal; } h2 { font-size: .9em; margin-bottom: 0px; } h4 { clear: both; font-size: 0.8em; margin-top: 10px; margin-bottom: 5px; color: #C1001F; background-color: transparent; } label { font-size: .7em; font-weight: bold; } ul { list-style: none; } ul#left img, ul#middle img, ul#right img.border { margin: 15px; } ul#left object, ul#middle object, ul#right object { margin: 15px; } ul#left embed, ul#middle embed, ul#right embed { margin-top: 5px; margin-bottom:15px; } /* Formular */ li.label { margin-bottom: 1px; } li.input { margin-bottom: 5px; } li.formbutton { margin-top: 5px; } input.inputtext { width: 220px; margin-left: 15px; } input.inputtext-klein { width: 150px; margin-left: 5px; } input.inputtext-klein2 { width: 150px; margin-left: 15px; } input.inputtext-ganzklein { width: 53px; margin-left: 10px; } input.inputtext-ganzklein2 { width: 53px; margin-left: 15px; } input[type="reset"] { margin-left: 15px; } input[type="submit"] { margin-left: 5px; } select.anrede { width: 60px; margin-left: 15px; } textarea { margin-left: 15px; width: 220px; height: 70px; } input.inputtext, input.inputtext-klein, input.inputtext-klein2, input.inputtext-ganzklein, input.inputtext-ganzklein2, select, textarea { font-family: monospace; font-size: 1em; padding-left: 2px; padding-right: 2px; } /* Farbe des Formular-Textes */ input.inputtext, input.inputtext-klein, input.inputtext-klein2, input.inputtext-ganzklein, input.inputtext-ganzklein2, textarea, label, select { color: #777; } /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* KLASSENSTILE */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ img.border { border: 5px solid #fff; outline: 1px solid #f00; } .noborder { border: 0; outline: 0; } ul#left img.noborder, ul#middle img.noborder, ul#right img.noborder { border: 0; outline: 0; margin: 5px 15px; } img.plakette { border: 0; outline: 0; } ul#left img.plakette, ul#middle img.plakette, ul#right img.plakette { margin: 0; } img.at { margin: 0; padding: 0; border: 0; outline: 0; } img#metallverpackung-unten { position: relative;top: 150px; } .copyright { clear: both; font-size: 0.85em; color: black; background-color: transparent; font-weight: bold; } .bold { font-weight: bold; } div#content a { color: red; background-color: transparent; font-weight: bold; text-decoration: none; } div#content a:hover, div#content a:active, div#content a:focus { text-decoration: underline; } /* Verlinkung */ ul#produkte li a img { border: 0; } /*zurück-schalter*/ a#back, a#back-pink { display: block; width: 83px; height: 50px; text-indent: -999em; margin-left: 11px; margin-top: 20px; overflow: hidden; } a#back { background: url(img/btn/DE/andere/back-button.jpg) no-repeat; } a#back:hover { background: url(img/btn/DE/andere/back-button-a.jpg) no-repeat; } a#back-pink { background: url(img/btn/DE/andere/back-button-pink.jpg) no-repeat; } a#back-pink:hover { background: url(img/btn/DE/andere/back-button-pink-a.jpg) no-repeat; } /* Tabellen */ td {vertical-align: top;} /* Headlines */ h1 { width: 700px; height: 40px; overflow: hidden; text-indent: -9999em; } h1#ansprechpartner { background: url(headlines/DE/ansprechpartner.gif) no-repeat; } h1#kontakt { background: url(headlines/DE/kontakt.gif) no-repeat; } h1#unternehmen { background: url(headlines/DE/unternehmen.gif) no-repeat; } h1#industrieprodukte { background: url(headlines/DE/industrieprodukte.gif) no-repeat; } h1#handelsprodukte { background: url(headlines/DE/handelsprodukte.gif) no-repeat; } h1#handelsprodukte-pink { background: url(headlines/DE/handelsprodukte-pink.gif) no-repeat; } h1#links { background: url(headlines/DE/links.gif) no-repeat; } h1#qualitaet { background: url(headlines/DE/qualitaet.gif) no-repeat; } h1#geschichte { background: url(headlines/DE/geschichte.gif) no-repeat; } h1#legende { background: url(headlines/DE/legende.gif) no-repeat; }