* {margin:0; padding:0; font-family:Tahoma, Myriad, Arial, sans-serif; font-size:11px; border:0 dashed #ee529e}
body {width:100%; height:100%; background:url(/images/bg.gif)}

a {color:#000000; text-decoration:none}
a:hover {color:#ee529e}
a.pencil {background:url(/images/pencil.png) top left no-repeat; padding-left:22px}
a:focus {outline:none}

h1 {font-size:18px; width:976px; border-bottom-width:1px; margin:6px 13px 13px 13px; padding-bottom:6px}
h1 p {font-size:18px}
h2 {font-size:14px; padding-top:6px; padding-bottom:13px; line-height:20px}

iframe {position:relative; width:1000px; display:block; background:transparent; clear:both; overflow-x:hidden; overflow-y:scroll}

label {line-height:19px; display:block; float:left; width:120px}
input {border-width:1px; border-style:solid; padding:1px; margin:2px 0 2px 2px}
input[type=submit] {border-width:2px; border-style:outset; padding:1px; margin:10px 0}
select {border-style:solid; border-width:1px}
textarea {border-width:1px; border-style:solid; padding:1px; margin:2px}

div#page {position:relative; margin:0 auto; width:1000px; height:100%}
div#header {position:absolute; top:13px; left:0px; height:160px; width:1000px; background:url(/images/bg_head.jpg) no-repeat}
div#content {position:absolute; top:173px; left:0px; width:1000px; background:#ffffff}

#logo {position:absolute; top:11px; left:14px}
div#address {position:absolute; bottom:10px; left:13px; color:#e8e8e8; width:220px}
div#address a {color:#e8e8e8}
div#address a:hover {color:#999999}
p#address_last {margin-top:1px}

div#navi_main {position:absolute; top:32px; left:340px}
div#navi_main ul {float:left; width:138px; height:90px; padding-left:20px; border-left-width:1px}
div#navi_main ul li {list-style:none; line-height:16px}
div#navi_main ul li.level_1 {font-weight:bold; padding-top:8px}
div#navi_main ul li.level_2 {margin-left:12px}
div#navi_main ul li.level_2.active {margin-left:0}
div#navi_main ul li.level_2.active a {background:url(/images/pencil.png) top left no-repeat; padding-left:22px}

div#homepage {position:relative; width:1000px; height:460px; background:url(/images/bg_body.jpg) no-repeat}
img#slogan {position:absolute; left:30px; top:130px}
#postit_1 {position:absolute; left:540px; top:30px; width:160px; height:160px}
#postit_2 {position:absolute; left:770px; top:40px; width:160px; height:160px}
#postit_3 {position:absolute; left:740px; top:260px; width:160px; height:160px}
div#postit1 {position:absolute; left:540px; top:30px}
div#postit2 {position:absolute; left:770px; top:40px}
div#postit3 {position:absolute; left:740px; top:260px}

div#text_html {position:relative; width:974px; margin:0 13px; min-height:1px; background-color:#ffffff}

.border_top {border-top-width:1px}
.border_right {border-right-width:1px}
.border_bottom {border-bottom-width:1px}
.border_left {border-left-width:1px}

.sortiment {width:298px; padding:0pt 13px; float:left; text-align:center; border-left-width:1px}

.bueromaschinen {width:170px; height:132px; margin-top:13px; padding:0 12px; float:left; border-left-width:1px}
.bueromaschinen_klein {width:170px; height:40px; margin:12px 0; padding:0 12px; float:left; border-left-width:1px}
.bueroeinrichtungen {width:218px; height:182px; margin-top:13px; padding:0 12px; float:left; border-left-width:1px}
.bueroeinrichtungen_klein {width:218px; height:50px; margin:12px 0; padding:0 12px; float:left; text-align:center; border-left-width:1px}

.shops {width:298px; padding:0pt 13px; float:left; text-align:center; border-left-width:1px}
.service {width:298px; padding:0pt 13px; float:left; text-align:center; border-left-width:1px}

div#stempel {float:left}
div#stempel li {margin:3px 0px 3px 13px}
div#stempelpreise {float:right}
div#stempelpreise td {padding:3px 13px; text-align:center}
div#stempelpreise th {padding:3px 11px; text-align:center}
.pinkline {background-color:#f1d6e7}

div#order {height:280px}
div#order_preview {width:300px; height:300px; float:left; margin:0 12px}
div#order_form {width:650px; float:right}

.artikelliste {width:976px; border-top-width:1px; margin:13px 0pt}
.artikelliste h2 {width:312px; text-align:center}
.artikelliste_bild {width:312px; float:left; text-align:center}
.artikelliste_text {width:312px; float:left}
.artikelliste_details {width:230px; float:right}

.bestellung {width:974px; margin:0 13px 13px 13px; min-height:1px; background-color:#ffffff}

#schnaeppchen {min-height:300px}
#schnaeppchen_bild {width:300px; float:left; text-align:center}
#schnaeppchen_text {width:600px; float:right}
#schnaeppchen_preis {width:600px; float:right; line-height:80px}
#schnaeppchen_form {width:600px; float:right}

form#zaehlerstand {line-height:19px}
div#zaehlerstand_kunde {width:223px; padding:0 13px; float:left}
div#zaehlerstand_kunde label {width:76px; float:left}
div#zaehlerstand_kunde input {width:138px}
div#zaehlerstand_anmerkung {width:223px; padding:0 13px; float:left}
div#zaehlerstand_anmerkung textarea {width:215px; height:55px}
div#zaehlerstand_text {width:466px; line-height:14px; padding:0 13px; float:right}
.zaehlerstand_modell {width:223px; float:left; margin:13px 0; padding:0 13px; border-left-width:1px}
.zaehlerstand_modell input[type=text] {width:85px}
.zaehlerstand_modell label {width:132px}
.toner {margin-top:2px}
.toner select {width:32px}
.toner font {float:right}
.toner1 label {width:54px; margin-right:6px}
.toner2 label {width:62px; margin-right:6px}
.toner1 {float:left}
.toner2 {float:right}
.resttoner {clear:both; margin-top:2px}
.resttoner select {float:right}

div#service_logos {width:140px; margin-top:6px; float:right}
div#service_logos img {margin:3px}

div#offene_stellen {width:974px; margin:0 13px 13px 13px; min-height:1px; background-color:#ffffff}

.clearfix {width:100%; height:13px; clear:both}

.noborder {border:none}
