/* ####### */ /* CSS DWF */ /* ####### */ * { padding: 0; margin: 0; } html { height: 100%; } body { height: 100%; width: 100%; font-size: 13px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: rgb(0,0,0); background: rgb(250,251,253); } a:link { color: rgb(0,139,154); text-decoration:none; } a:visited { color: rgb(0,139,154); text-decoration:none; } a:active { color: rgb(0,139,154); text-decoration:underline; } a:hover { color: rgb(0,139,154); text-decoration:underline; } hr { clear: both; color: white; background: white; margin: 10px 0 0 0; height: 1px; border: 0;} a.versandinfobox { text-decoration: none; } a.versandinfobox:link span, a.versandinfobox:visited span { display: none; } a.versandinfobox:hover span { display: block; position: absolute; width: 300px; padding: 5px; border: solid 1px white; color: white; background: rgb(0,139,154); } img { border: 0; } #home { z-index: 99; position: absolute; top: 165px; right: 3px; } #home a { color: rgb(0,139,154); text-decoration: none; display: block; float: left; padding-left: 7px; } #home a:hover, #home a:active, #home a:focus { text-decoration: underline; } #cwtlink { position: absolute; top: 10px; left: 10px; display: block; width: 100px; height: 100px; } #cwtlink span { display: none; } #graphiconlink { position: absolute; top: 10px; left: 525px; width: 230px; height: 30px; } #graphiconlink span { display: none; } #site { height: 100%; position: relative; text-align: left; width: 900px; margin: auto; background: rgb(250,251,253); } body>#site { min-height: 100%; height: auto; } #kopf { height: 153px; background: rgb(250,251,253) url(http://dynamicworkflow.com/cwt/header_site.gif) no-repeat; } .login #kopf { height: 153px; background: rgb(250,251,253) url(http://dynamicworkflow.com/cwt/header_login.gif) no-repeat; } #produktnavi { position: absolute; z-index: 101; top: 122px; right: -1px; height: 27px; } #produktnavi ul { list-style-type: none; list-style-image: none; } #produktnavi li { float: left; } #produktnavi li a, #produktnavi li a:visited { text-align: center; border-right: solid 1px white; font-weight: bold; margin: 0 0 0 1px; padding: 5px 0 0 5px; display: block; width: 120px; height: 26px; text-decoration: none; color: rgb(255,255,255); } #produktnavi li a:hover, #produktnavi li a:active, #produktnavi li a:focus, #produktnavi li a.selected, #produktnavi li a.selected:visited { font-weight: bold; color: rgb(255,255,255); } #produktnavi li a.selected, #produktnavi li a.selected:visited { font-weight: bold; color: rgb(255,255,255); } #produktnavi li ul { display: none; border-width: 0; position: absolute; width: 125px; margin: 0px 0 0 0px; background: transparent; } #produktnavi li:hover ul, #produktnavi li.over ul { display: block; } #produktnavi li li { background: rgb(0,139,154); float: none; padding: 0; } #produktnavi li li.last { display: block; width: 126px; margin: 0; padding: 0; height: 25px; background: transparent url(http://dynamicworkflow.com/cwt/submenu.gif) right bottom no-repeat; } #produktnavi li li li.last { display: none; } #produktnavi li ul a, #produktnavi li ul a:visited { display: block; text-align: left; font-weight: normal; font-size: 11px; padding: 1px 0 1px 6px; height: 15px; margin-left: 0; width: 120px; text-decoration: none; color: rgb(255,255,255); background: rgb(0,139,154); } #produktnavi li ul a:hover, #produktnavi li ul a:active, #produktnavi li ul a:focus, #produktnavi li ul a.selected, #produktnavi li ul a.selected:visited { background: rgb(255,255,255); font-weight: normal; color: rgb(0,0,0); } #produktnavi li li li, #produktnavi li.over li li, #produktnavi li.over li ul { display: none; } #shopnavi { margin: 20px 0 50px 155px; border-top: solid 1px rgb(0,139,154); } #shopnavi ul { margin-top: 5px; list-style-type: none; list-style-image: none; } #shopnavi li { float: left; } #shopnavi li a, #shopnavi li a:visited { font-size: 11px; border-right: solid 1px black; margin: 0 0 0 1px; padding: 0 10px; display: block; text-decoration: none; color: rgb(0,0,0); } #shopnavi li a:hover, #shopnavi li a:active, #shopnavi li a:focus, #shopnavi li a.selected, #shopnavi li a.selected:visited, #shopnavi li a.selected, #shopnavi li a.selected:visited { color: rgb(0,139,154); } #suche { z-index: 99; position: absolute; top: 160px; left: 602px; text-align: right; color: rgb(150,150,150); font-size: 11px; } .suchform { padding: 0 3px 0 1px; margin: 5px 0 0 5px; width: 119px; height: 14px; font-family: Arial, sans-serif; color: rgb(100,100,100); font-size: 11px; background-color: rgb(255,255,255); border-bottom: solid 1px rgb(220,220,220); border-right: solid 1px rgb(220,220,220); border-left: solid 1px rgb(164,164,164); border-top: solid 1px rgb(164,164,164);} form>.suchform { padding: 1px 1px 1px 3px; height: auto; } .suchbutton { width: 29px; height: 19px; font-size: 10px; font-weight: bold; color: rgb(0,139,154); background: transparent url(http://dynamicworkflow.com/cwt/button_mini.gif) 0 2px no-repeat; border: 0; cursor: pointer; } #wobinich { position: absolute; top: 160px; left: 160px; font-size: 11px; } #inhalt { margin-left: 150px; width: 710px; line-height: 145%; padding: 0 20px 20px 20px; min-height: 320px; } #inhalt h1 { clear: right; font-weight: normal; margin: 40px 0 10px 0; font-size: 20px; color: rgb(81,81,81); line-height: 145%; } #inhalt h2 { font-weight: normal; margin: 20px 0 10px 0; font-size: 16px; color: rgb(81,81,81); line-height: 145%; } #inhalt ul { margin: 10px 0 10px 40px; list-style-type: square; } #inhalt ol { margin: 10px 0 10px 40px; } #inhalt li { margin: 5px 0 5px 0; } #inhalt p { margin: 10px 0 10px 0; } #inhalt td, #inhalt th { margin: 10px; padding: 2px 2px 2px 0px; text-align: left; border-bottom: solid 1px rgb(0,139,154); } #inhalt hr { border: 0; background: rgb(0,139,154); color: rgb(0,139,154); height: 1px; } .tablekasse { width: 725px; } /* Sidebar */ #sidebar { position: absolute; top: 160px; left: 0px; width: 150px; } #minikorb { padding: 30px 5px 0 5px; line-height: 140%; font-size: 12px; background: rgb(234,234,234) url(http://dynamicworkflow.com/cwt/minikorbkopf.gif) top no-repeat; } #minikorb hr { margin: 6px 0; } #minikorb a { display: block; width: 82px; height: 40px; padding: 30px 0 0 5px; text-decoration:none; } #minikorb a span { display: block; } #minifuss { height: 53px; background: rgb(234,234,234) url(http://dynamicworkflow.com/cwt/minikorbfuss.gif) bottom no-repeat; } #backlink { display: block; width: 64px; font-size: 12px; z-index:99; background: url(/gfx/layout/pfeil.gif) right no-repeat;} #warenkorbsteuerung { clear: both; } #warenkorbsteuerung p { padding: 10px 0 0 0; } /* f�r �bersichten und warenkorb */ a.add { font-weight: bold; padding-left: 22px; background: url(http://dynamicworkflow.com/cwt/addcart.gif) no-repeat; } input.add { font-size: 11px; height: 16px; font-weight: bold; padding-left: 13px; width: 93px; margin: 1px 0 1px 0; color: rgb(0,139,154); background: transparent url(http://dynamicworkflow.com/cwt/addcart.gif) -2px 0 no-repeat; border: 0; cursor: pointer; } input.addno { width: 30px; margin: 1px 0 1px 0; font-family: Arial, sans-serif; color: rgb(100,100,100); background-color: rgb(255,255,255); border-bottom: solid 1px rgb(220,220,220); border-right: solid 1px rgb(220,220,220); border-left: solid 1px rgb(164,164,164); border-top: solid 1px rgb(164,164,164);} .ubersicht_produkt { width: 353px; height: 245px; float: left; padding: 5px 0 5px 0; } .ubersicht_produkt h3 { margin: 10px 0 10px 0; font-size: 13px; color: rgb(0,0,0); } .ubersicht_bild { float: left; width: 160px; } .ubersicht_beschreibung { float: left; width: 188px; } .left { clear: both; float: left; width: 90px; margin: 1px 0 1px 0; } .right { float: left; margin: 1px 0 1px 0; } .preis { float: left; color: red; margin: 1px 0 1px 0; } .produktdetail { clear: both; padding: 20px 0 20px 0; } .produktdetail img { float: right; margin: 60px 0 5px 5px; } .produktdetail .right { float: left; width: 100px; margin: 1px 0 1px 0; } .produktdetail .preis { float: left; width: 100px; color: red; margin: 1px 0 1px 0; } .detail_beschreibung { width:250px; float: left; } .formularbeschriftung { display: block; width: 200px; float: right; margin: 0; } .formular { float: right; margin: 2px 144px 2px 0; padding: 0 0 0 3px; width: 360px; font-family: Arial, sans-serif; color: rgb(100,100,100); background-color: rgb(255,255,255); border-bottom: solid 1px rgb(220,220,220); border-right: solid 1px rgb(220,220,220); border-left: solid 1px rgb(164,164,164); border-top: solid 1px rgb(164,164,164); } .formularselect { float: right; margin: 2px 144px 2px 0; padding: 0 0 0 3px; width: 365px; font-family: Arial, sans-serif; color: rgb(100,100,100); background-color: rgb(255,255,255); border-bottom: solid 1px rgb(220,220,220); border-right: solid 1px rgb(220,220,220); border-left: solid 1px rgb(164,164,164); border-top: solid 1px rgb(164,164,164); } .formulartext { margin: 2px 0 2px 0; padding: 0 0 0 3px; width: 360px; font-family: Arial, sans-serif; color: rgb(100,100,100); background-color: rgb(255,255,255); border-bottom: solid 1px rgb(220,220,220); border-right: solid 1px rgb(220,220,220); border-left: solid 1px rgb(164,164,164); border-top: solid 1px rgb(164,164,164); } /* .button { margin: 2px 0 2px 0; padding: 0; width: 365px; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; } */ .cashformular { margin: 2px 0 2px 0; padding: 0 0 0 3px; width: 260px; font-family: Arial, sans-serif; color: rgb(100,100,100); background-color: rgb(255,255,255); border-bottom: solid 1px rgb(220,220,220); border-right: solid 1px rgb(220,220,220); border-left: solid 1px rgb(164,164,164); border-top: solid 1px rgb(164,164,164); } /* grafische buttons */ .suche {} .order {} .orderklein {} .refresh {} .clear { clear: both; } .clleft { clear: left; } .aus { display: none; } .print { display: none; } .seo { display: none; } .nix { } .keinumbruch { white-space: nowrap; } .rot { color: rgb(255,0,0); } /* login */ #login { margin: 10% 0 0 160px; width: 234px; text-align: right; } #login p { margin: 22px 0; text-align: left; } .loginform { margin: 2px 0 2px 0; padding: 0 0 0 3px; width: 150px; font-family: Arial, sans-serif; color: rgb(100,100,100); background-color: rgb(255,255,255); border-bottom: solid 1px rgb(220,220,220); border-right: solid 1px rgb(220,220,220); border-left: solid 1px rgb(164,164,164); border-top: solid 1px rgb(164,164,164); } .loginbtn { font-size: 11px; font-weight: bold; color: rgb(0,139,154); margin: 2px 2px 2px 0; padding: 0; height: 19px; width: 45px; background: transparent url(http://dynamicworkflow.com/cwt/button_klein.gif) 0 2px no-repeat; border: 0; cursor: pointer; } .demobtn, .button { font-size: 11px; font-weight: bold; color: rgb(0,139,154); margin: 2px 2px 2px 0; padding: 0; height: 19px; width: 141px; background: transparent url(http://dynamicworkflow.com/cwt/button_gross.gif) 0 2px no-repeat; border: 0; cursor: pointer; } a.button { padding-top: 1px; margin-right: 15px; float: left; display: block; text-align: center; } a.button:hover, a.button:active, a.button:focus { text-decoration: none; } a.buttonklein { float: right; padding-top: 1px; margin-right: 5px; margin-top: 5px; display: block; text-align: center; font-size: 11px; font-weight: bold; color: rgb(0,139,154); height: 19px; width: 45px; background: transparent url(http://dynamicworkflow.com/cwt/button_klein.gif) 0 0 no-repeat; border: 0; } a.buttonklein:hover, a.buttonklein:active, a.buttonklein:focus { text-decoration: none; }