/* - - - - - - - - - - - - - - - - - - - - - Title : Worky Author : Création CH URL : www.worky.ch Created : 25.06.2007 Modified : 25.06.2007 - - - - - - - - - - - - - - - - - - - - - */ /* ----- CSS ----- */ *{ } html, body {margin: 0; padding:0; height: 100%; } body {font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif; font-size: 10px; line-height: 1.6; text-shadow: 0 0 0 #141414; background: #080808 url('/images/worky/bg_stripe.gif') center repeat-y; color: #fff;} /* ----- IDS ----- */ #address {position: absolute; top: 452px; right: -270px; z-index: 5000;} #address span {margin-left: 15px;} #container {position: relative; width: 820px; margin:0 auto; z-index: 1; background: #141414; } #content {z-index: 1000; position: absolute; height: 404px; width: 500px; padding: 20px 20px 20px 20px; color:white; background: #141414;} #content img {position: absolute; top: 0; left: 0; z-index: 1000; } #content .png {position: absolute; top: 0; left: 0; z-index: 1000; height: 444px; width: 540px;} #creation {position: absolute; top: 542px; left: 10px; z-index: 5000;} #creation a {text-decoration: none;} #creation a:hover {text-decoration: underline;} #header {height: 90px; background: white; color: #141414;} #footer {} #mainBox {border-bottom: 1px solid white; height: 534px; padding: 0; clear: both; } #muster {margin-bottom: 10px; height: 100px;} #muster a { display: block; width: 124px; background: url(/images/worky/enlarge.png) bottom right no-repeat;} #navigation {position: absolute; top: 20px; left: 25px; } #news-intro {position: absolute; z-index: 1000; top: 200px; left: 560px; width: 200px;} #news-intro p a {float: right;} #search { position: absolute; top: 55px; left: 370px; color: #444;} #search label { width: auto; padding-top: 3px; text-align: right; margin-left: 30px; margin-right: 5px;} #search input { width: 9em; border: 1px solid #656565;} #sidebar { position: absolute; top: 90px; width: 230px; padding: 20px 25px; color: white; height: 404px; background: #141414; } #sections {} #shim {visibility: hidden; width: 100%; height: 50%; margin-top: -267px; float: left;} #lang_nav { position: absolute; top: 68px; right: 25px; z-index: 5000; font-size: 10px; } #lang_nav a { color: #888; text-decoration: none; padding-left: 3px; } #lang_nav a.active { color: black; } #loader {position: absolute; top: 200px; left: 250px; height: 40px; width: 40px; z-index: 1250;} /* ----- a#muster-toggle, a#close {color: #0089d0;} ----- */ a#close {position:absolute; bottom: 20px; right: 20px; float: right; margin-right: 12px;} #muster-bestellung input.artikel {width: 6em; border: 1px solid black; } #muster-bestellung input.anzahl {width: 2em; border: 1px solid black; } #muster-bestellung h3 {margin:0 0 15px 0;} #muster-bestellung {visibility: hidden; position: absolute; top: 120px; right: -15px; background: #040404; padding: 5px; z-index: 2000;} #muster-bestellung div {border: 1px solid white; width: 260px; padding: 10px 25px 25px 25px; z-index: 2000;} #checkboxes #muster-bestellung div p {margin: 6px 0} /* ----- CLASSES ----- */ #content img.arbeitsplatten { z-index: 1010; } #content img.fronten { z-index: 1001; } .right {right: 0;} .left {left: 0;} .draggable {position: absolute; top: 0; left: 0; cursor: move; background-color: #777; display: block; height: 18px; width: 18px; float: left; margin-right: 5px; z-index: 1001;} .droppable {display: block; height: 18px; width: 18px; background: #707173;} .unchangable {display: block; height: 18px; width: 18px; background: #222 url('/images/offerte/postforming_original.png') no-repeat;} /* ----- HEADINGS ----- */ h1 {} h2 {font-size: 1.2em; margin: 0 0 8px 0;} h3 {font-size: 1.1em; margin-top: 0;} h4 {} h1#logo {position: absolute; top: 12px; margin: 0; right: 20px; height: 50px; width: 180px; text-indent: -10000px; background: url('/images/worky/logo.gif');} h1#logo a {display: block; height: 50px; width: 180px;} h2#title {position: absolute; top: 60px; left: 140px; height: 30px; width: 600px; text-indent: -10000px; z-index: 1000; background: url('/images/worky/wilkommen.png') no-repeat; } h2#title_fr {position: absolute; top: 60px; left: 140px; height: 30px; width: 670px; text-indent: -10000px; z-index: 1000; background: url('/images/worky/bienvenu.png') no-repeat; } #sidebar h2 {margin-top: 0px;} /* ----- Image Replacement ----- */ h2#kurzprofil_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/kurzprofil_titel.png') no-repeat;} h2#philosophie_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/philosophie_titel.png') no-repeat;} h2#bearbeitungszentrum_titel {height: 30px; width: 240px; text-indent: -10000px; background: url('/images/worky/bearbeitungszentrum_titel.png') no-repeat;} h2#kundennutzen_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/kundennutzen_titel.png') no-repeat;} h2#news_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/news_titel.png') no-repeat;} h2#zubehor_titel, h2#zu_one_titel, h2#zu_two_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/zubehor_titel.png') no-repeat;} h2#bestellung_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/bestellung_titel.png') no-repeat;} h2#forschung-entwicklung_titel {height: 60px; text-indent: -10000px; background: url('/images/worky/forschung_titel.png') no-repeat;} h2#beratung_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/beratung_titel.png') no-repeat;} h2#kontakt_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/kontakt_titel.png') no-repeat;} h2#service_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/service_titel.png') no-repeat;} h2#vertriebspartner_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/vertriebspartner_titel.png') no-repeat;} h2#spezielle-anwendungen_titel, h2#one_titel, h2#two_titel {height: 60px; text-indent: -10000px; background: url('/images/worky/spezielle_titel.png') no-repeat;} h2#vertrieb_titel {height: 60px; text-indent: -10000px; background: url('/images/worky/vertrieb.png') no-repeat;} h2#konfigurationstool_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/konfigurationstool_titel.png') no-repeat;} h2#uberblick_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/uberblick_titel.png') no-repeat;} h2#variante-1 {height: 30px; text-indent: -10000px; background: url('/images/worky/variante_1.png') no-repeat;} h2#variante-2 {height: 30px; text-indent: -10000px; background: url('/images/worky/variante_2.png') no-repeat;} h2#variante-3 {height: 30px; text-indent: -10000px; background: url('/images/worky/variante_3.png') no-repeat;} h2#variante-4 {height: 30px; text-indent: -10000px; background: url('/images/worky/variante_4.png') no-repeat;} h2#variante-5 {height: 30px; text-indent: -10000px; background: url('/images/worky/variante_5.png') no-repeat;} h2#arbeitsplatte_originallaenge {height: 60px; text-indent: -10000px; background: url('/images/worky/arbeitsplatte_originallaenge.png') no-repeat;} h2#fronten_titel {height: 30px; text-indent: -10000px; background: url('/images/worky/fronten.png') no-repeat;} h2#fixmass_titel {height: 60px; text-indent: -10000px; background: url('/images/worky/fixmass.png') no-repeat;} /* ----- PARAGRAPHS ----- */ #content p {margin: 0 0 1.5em 0;} p#lawyer_colors { margin:0; position: absolute; bottom: 0; left: 10px; width: 260px; } /* ----- QUOTES ----- */ blockquote {} blockquote p {} cite {} blockquote cite {} /* ----- CODE ----- */ pre {} code {} p code {} pre code {} /* ----- LISTS ----- */ ul {margin: 0; padding: 0;} li {margin: 0; padding: 0;} li p {} ol {} ol li {} ul li {} #navigation ul {list-style: none; font-size: 12px; width: 600px;} #navigation li {display: inline; margin-right: 10px;} #navigation ul a {color: black; text-decoration: none;} #navigation li.active {position: relative;} #navigation li.active a {font-weight: bold; } #navigation li ul {position: absolute; top: 20px; left: 0; font-size: 10px; width: 400px;} #navigation li li {display: inline; margin-right: 2px;} #navigation li.active ul a {font-weight: normal;} #navigation li.active ul li.active a {font-weight: bold;} #navigation li li.active { position: static; } #navigation li li ul {position: absolute; top: 16px; left: 0; font-size: 10px; width: 400px;} #navigation ul li.active li.active li a {font-weight: normal;} #navigation ul li.active li li.active a {font-weight: bold;} #sidebar ul.thumbs {list-style: none; height: 200px; position: absolute;} #sidebar ul.thumbs li {float: left; margin: 0 15px 15px 0; } #sidebar ul#links {position: relative; margin: 0 0 10px 0; padding: 0; list-style: none; height: 12px; } #sidebar ul#links li {display: block; margin: 0 8px 0 0;} #sidebar ul#links li a {position: absolute; display: block; margin: 0; height: 12px; width: 12px; margin: 0; } #links li a#previous {top: 0; left: 0; background: url('/images/worky/previous.gif') no-repeat;} #links li a#index {top: 0; left: 0; background: url('/images/worky/previous.gif') 0 3px no-repeat; padding-left: 14px; text-decoration: none; } #links li a#next {top: 0; left: 37px; background: url('/images/worky/next.gif') no-repeat;} #sections ul {list-style: none; position: absolute; top: 70px; line-height: 1.2em; font-size: 10px;} #sections li {display: inline; margin-right: 5px;} #sections li a {display: block; float: left; margin-right: 5px; padding: 0 5px 3px 15px; color: #444; text-decoration: none;; background: url('/images/worky/box.gif') 0 0 no-repeat; height: 9px;} #sections li.active a {background-position: 0 -24px; background-repeat: no-repeat;} ul#products {left: 25px;} ul#categories {left: 279px;} #content li {margin-left: 10px;} #sidebar ul {margin: 0 -10px 0 10px;} #sidebar ol {margin: 0 -8px 10px 20px; padding: 0;} #sidebar ul#icons {list-style: none; line-height: 18px; margin: 0 0 0 -2px; padding: 0;} #sidebar ul#icons li {position: relative; margin: 0; padding: 0 0 5px 23px;} #sidebar ul#icons li img {margin: 0 5px 5px 0; padding: 0 5px 5px 0 ;} #frontenList {position: absolute; top: 0; left: 270px; width: 230px; padding: 20px 20px 30px 24px; background: #141414; height: 394px; z-index: 101; } #frontenList ul {z-index: 101;} #info {position: absolute; top: 0; left: 270px; width: 230px; padding: 10px 20px 30px 24px; background: #141414; height: 394px; z-index: 102; overflow: hidden;} #arbeitsplattenSortiment, #frontenSortiment {position: relative; width: 215px; margin-bottom: 10px; background: transparent; z-index: 100;} #arbeitsplattenSortiment h4, #frontenSortiment h4 {margin: 0; padding: 0 5px; lineheight: 1.7em; font-weight: normal; font-size: 1em; border: 1px solid white; z-index: 100; cursor: pointer;} #sidebar ul.thumbs {margin: 0; z-index: 10; margin-top: 10px;} /* #sidebar ul.thumbs a img {z-index: 10;} */ #sidebar div.hidden {position: absolute; top: 0; left: 270px; width: 230px; padding: 48px 25px 20px 25px; height: 360px; overflow: hidden; background: #141414;} #sidebar div.show {position: absolute; top: 0; left: 0; width: 230px; padding: 48px 25px 20px 25px; height: 360px; overflow: hidden; background: #141414;} /* --- Sortiment Menu --- */ #sidebar ul#frontenMenu, #sidebar ul#arbeitsplattenMenu {display: none; position: absolute; margin-top: 1px; padding-top: 3px; top: 1.7em; width: 213px; background: #141414; z-index: 100;} #arbeitsplattenSortiment ul, #frontenSortiment ul {border: solid white; border-width: 0 1px 1px 1px; background: transparent; margin: 0; z-index: 100; } #arbeitsplattenSortiment ul li, #frontenSortiment ul li { display:block; float: none; margin: 0; padding: 0 5px; background: transparent; z-index: 100;} #arbeitsplattenSortiment li a, #frontenSortiment li a { display:block; text-decoration: none; background: transparent; z-index: 100;} /* ul#dealers {list-style: none; margin: 20px 0 0 20px;} #dealers li {float: left; margin: 0 0;} #dealers li a {display: block; float: left; height: 14px; width: 12px; padding: 0 0 2px 0; margin: 0 1px; text-decoration: none; border: 1px solid #141414; text-align: center;} #dealers li a:hover {border: 1px solid white;} #dealerInfo {margin: 50px 20px;} .partner {width: 180px; float: left; margin: 0 10px 10px 0;} .partner h3 {font-size: 100%; font-weight: bold; margin: 0 0 5px 0;} */ /* ----- IMAGES ----- */ a img {border: none;} img {} img a {} img a:hover {} /* ----- BREAK ----- */ .clearleft { clear: left; } .clearright { clear: right; } hr.clearleft {clear: left; visibility: hidden; margin-top: -2px; } hr.clearright {clear: right; visibility: hidden; margin-top: -2px;} /* ----- TEXT FORMATTING ----- */ strong {} em {} b {} i {} /* ----- LINKS ----- */ a {color: white; text-decoration: underline;} a:hover {} a:visited, a:active, a:focus {} a:visited {} a:active {} a:focus {} #sidebar a.next {float: right;} #sidebar a.previous {float: left;} #sidebar a {text-decoration: underline;} #sidebar a:hover {text-decoration: underline;} #sidebar p a {text-decoration: underline;} #sidebar p a:hover {text-decoration: underline;} a#chooser, a#closeChooser {position: absolute; bottom: 30px; left: 30px;} /* ----- TABLES ----- */ table {width: 100%; border: solid #333; border-width: 1px 0 0 1px;} table#arbeitsplatten-info {margin: 0; padding: 0;} caption {} thead {} tbody {} tfoot {} tr {} tr .alt {} th {} td {vertical-align: top; padding: 1px 5px; border: solid #333; border-width: 0 1px 1px 0;} td.label {font-weight: bold; width: 10em;} /* ----- FORMS ----- */ #sidebar form {margin: 0.5em -20px 0 0;} #sidebar form p {margin: 3px 0;} fieldset {border: none; margin: 0; padding: 0;} label {display: block; float: left; width: 9em; margin: 0; padding: 2px 0 0 0;} #checkboxes { margin-bottom: 1.5em; } #checkboxes label { float: none; display: inline; } #checkboxes input { margin: 0 1em 0 1em; } #bestellung input { } #sidebar textarea { height: 40px; width: 145px; margin-top: 0; border: 1px solid black; } #sidebar input.text { width: 145px; border: 1px solid black; height: 16px; } input#submit {width: 6em; color: black;} select {} optgroup {} option {} #dealers { position: absolute; top: 85px; width: 780px; height: 320px; margin-top: 0; overflow: hidden;} ul#plz_list { list-style: none; display: inline; margin: 0 0 0 4px; padding: 0; } ul#plz_list li { display: inline; margin: 0 4px 0 0; padding: 0; } #dealers ul#dealer_list { list-style: none; margin: 0 0 0 0px; padding: 0; } #dealers .dealer { float: left; margin: 0 10px 12px 0; padding: 0; width: 144px; height: 122px; } #dealers #scrollArea { position: absolute; top: 0; width: 780px; } #scroll-controls { position:absolute; right: -272px; bottom: 10px; z-index: 1000; width: 21px; height: 48px; display: none; } #scroll-controls img { cursor: pointer; } #scroll-controls img#scroll-up { width: 21px; height: 14px; } #scroll-controls img#scroll-down { margin-top: 27px; width: 21px; height: 14px; } select#dealer_select { width: 238px; }