* { padding: 0; margin: 0;}
body { font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Sans-Serif;}
h1{ font-size: 16px; line-height: 20px; margin: 0px 0 20px 0; color: #628400; }
h2{ font-size: 14px; line-height: 16px; margin: 0px 0 15px 0; color: #628400; }
h3{ font-size: 13px; line-height: 15px; margin: 0px 0 5px 0; color: #628400; }
p { margin: 0px 0px 10px 0; }
a:link, a:visited, a:active { color: #628400; text-decoration: none; }
a:hover { text-decoration: underline; }

.error { color: #FF0000; font-weight: bold; }
.kl { font-size: 10px; }
.block { text-align: justify; }
.r { float: right; }
.l { float: left; }
.tr { text-align: right; }
.w100P { width: 100%; }
.clear { clear: both; }
.input { border: 1px solid #628400; padding: 2px 2px 2px 2px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px;}
.input:hover { color: #628400; }
.textarea { border: 1px solid #628400; padding: 2px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px;}
.textarea:hover { color: #628400; }
.button { color: #628400; font-weight: bold; border: 1px solid #628400; padding: 2px 0px 2px 0px; background: #FFFFFF; cursor: pointer; }
.button:hover { }
.tab td { padding: 2px 4px 2px 0px; }
.error { font-weight: bold; color: #FF0000;}
.rot { font-weight: bold; color: #FF0000;}
.gruen { font-weight: bold; color: green;}
.schwarz { font-weight: bold; color: #000000; }
.bild { padding: 3px; border: 1px solid #628400; }
.hr { height: 1px; width: 100%; background: #628400; margin: 2px 0 2px 0;}
.hr_schwarz { height: 1px; width: 100%; background: #000000; margin: 2px 0 2px 0;}

.timeline { width: 100%; height: 38px; }
.timeline .step { float: left; margin: 0 10px 20px 0px;}

.artikelkategorie{ float: left; width: 128px; margin: 0 7px 20px 0; }
.artikeluebersicht { width: 542px; }
.artikeluebersicht .artikel { width: 542px; margin-bottom: 20px; }
.artikeluebersicht .artikel .icon { float: left; width: 128px; height: 165px; }
.artikeluebersicht .artikel .text { float: left; width: 384px; padding: 0 0 0 30px; height: 165px; }

.format{ width: 128px; height: 50px; display: block; float: left; margin: 0 7px 20px 0; padding: 115px 0 0 0; }
.format a:link, a:visited, a:active, a:hover { text-decoration: none; }
.format .name{ font-size: 12px; color: #4c514f; font-weight: bold; display: block; text-align: center;}
.format .masse { font-size: 10px; color: #4c514f; display: block; text-align: center;}

.papier{ width: 124px; height: 112px; display: block; float: left; margin: 0 7px 20px 0; padding: 53px 2px 0 2px; }
.papier a:link, a:visited, a:active, a:hover { text-decoration: none; }
.papier .gewicht{ font-size: 30px; color: #ffffff; font-weight: bold; display: block; text-align: center;}
.papier .name { font-size: 10px; line-height: 14px; font-weight: bold; color: #4c514f; display: block; text-align: center; margin: 40px 0 0 0;}

.farbe{ width: 124px; height: 112px; display: block; float: left; margin: 0 7px 20px 0; padding: 53px 2px 0 2px; }
.farbe a:link, a:visited, a:active, a:hover { text-decoration: none; }
.farbe .titel{ font-size: 30px; color: #ffffff; font-weight: bold; display: block; text-align: center;}
.farbe .name { font-size: 10px; line-height: 14px; font-weight: bold; color: #4c514f; display: block; text-align: center; margin: 40px 0 0 0;}

.seiten{ width: 124px; height: 112px; background: url(bg_attribut.gif) no-repeat; display: block; float: left; margin: 0 7px 20px 0; padding: 53px 2px 0 2px; }
.seiten a:link, a:visited, a:active, a:hover { text-decoration: none; }
.seiten .titel{ font-size: 30px; color: #ffffff; font-weight: bold; display: block; text-align: center;}
.seiten .name { font-size: 10px; line-height: 14px; font-weight: bold; color: #4c514f; display: block; text-align: center; margin: 40px 0 0 0;}


#header { width: 790px; height: 188px; margin: 0 auto; background: url(header.gif) no-repeat; }
#menue { width: 785px; height: 38px; padding: 150px 0 0 5px; }
#menue .first { width: 116px; height: 38px; float: left; }
#menue .middle { width: 91px; height: 38px; float: left; }
#menue .first a:link, #menue .first a:visited, #menue .first a:active { display: block; width: 116px; height: 28px; padding-top: 10px; color: #707173; font-weight: bold; text-decoration: none; text-align: center; }
#menue .middle a:link, #menue .middle a:visited, #menue .middle a:active { display: block; width: 91px; height: 28px; padding-top: 10px; color: #707173; font-weight: bold; text-decoration: none; text-align: center; }
#content { width: 790px; margin: 0 auto; background: url(bg_main.gif) repeat-y; }
	#main { width: 542px; float: left; padding: 60px 40px 20px 40px;}
	#main ul { margin: 0 0 10px 0; }
	#main li { background: url(listenicon.gif) no-repeat 0 5px; list-style: none; padding-left: 10px; }
	#sidebar { width: 155px; float: left; padding: 10px 13px 0 0; }
	
.box { width: 155px; margin: 0 0 10px 0; min-height: 85px; background: url(bg_box.gif) repeat-y; font-size: 11px; line-height: 15px; }
.box .title { width: 139px; height: 22px; padding: 5px 0 0 10px; margin-left: 1px;  background: #A4C400; font-size: 15px; color: #ffffff; font-weight: bold; }
.box .title_blau { width: 139px; height: 22px; padding: 5px 0 0 10px; margin-left: 1px;  background: #151179; font-size: 15px; color: #ffffff; font-weight: bold; }
.box .content { width: 135px; min-height: 39px; padding: 5px 10px 14px 10px; background: url(bg_box_bottom.gif) no-repeat bottom; }
.box .preis { font-size: 12px; font-weight: bold; color: #000000; text-align: right;}
.box .box_warenkorb a:link, .box .box_warenkorb a:visited, .box .box_warenkorb a:active{ color: #000000; text-decoration: none; }
.box li { background: url(listenicon.gif) no-repeat 0 5px; list-style: none; padding-left: 10px; }

#footer { width: 640px; height: 27px; padding: 47px 75px 0 75px; margin: 0 auto; background: url(footer.gif) no-repeat; color: #FFFFFF; font-weight: bold; }
#footer a:link, #footer a:visited, #footer a:active { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.druckdaten_hoch { width: 389px; height: 500px; background: url(druckdaten-hoch.gif) no-repeat right; position: relative; color: #6e6e6e; font-weight: bold;}
.druckdaten_hoch .w1 { width: 30px; position: absolute; left: 11px; top: 263px; text-align: center; }
.druckdaten_hoch .w2 { width: 30px; position: absolute; left: 40px; top: 263px; text-align: center; }
.druckdaten_hoch .w3 { width: 30px; position: absolute; left: 214px; top: 0px; text-align: center; }
.druckdaten_hoch .w4 { width: 30px; position: absolute; left: 214px; top: 26px; text-align: center; }

.druckdaten_quer { width: 520px; height: 389px; background: url(druckdaten-quer.gif) no-repeat bottom right; position: relative; color: #6e6e6e; font-weight: bold;}
.druckdaten_quer .w1 { width: 30px; position: absolute; left: 11px; top: 220px; text-align: center; }
.druckdaten_quer .w2 { width: 30px; position: absolute; left: 40px; top: 220px; text-align: center; }
.druckdaten_quer .w3 { width: 30px; position: absolute; left: 277px; top: 17px; text-align: center; }
.druckdaten_quer .w4 { width: 30px; position: absolute; left: 277px; top: 46px; text-align: center; }

.druckdaten_quadrat { width: 520px; height: 520px; background: url(druckdaten-quadrat.gif) no-repeat bottom right; position: relative; color: #6e6e6e; font-weight: bold;}
.druckdaten_quadrat .w1 { width: 30px; position: absolute; left: 11px; top: 283px; text-align: center; }
.druckdaten_quadrat .w2 { width: 30px; position: absolute; left: 40px; top: 283px; text-align: center; }
.druckdaten_quadrat .w3 { width: 30px; position: absolute; left: 277px; top: 19px; text-align: center; }
.druckdaten_quadrat .w4 { width: 30px; position: absolute; left: 277px; top: 46px; text-align: center; }

.datenformat { width: 90px; height: 23px; float: left; background: #ADC404; border: 2px solid #6e6e6e; color: #ffffff; font-weight: bold; text-align: center; padding: 2px 0 0 0; }
.endformat { width: 90px; height: 23px; float: left; border: 2px solid #6e6e6e; color: #6e6e6e; margin-right: 20px; font-weight: bold; text-align: center; padding: 2px 0 0 0; }