.kategoriebox {border:1px solid #949494;}
.boxueberschrift {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #11970B; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px}
.boximage {  margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px}
.boxtext {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}

.textzelle {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; text-align: justify; line-height: 20px}
.bildlinks {  margin-top: 2px; margin-right: 8px; margin-bottom: 6px; margin-left: 0px; border: 1px #000000 solid; float: left}
.bildrechts { margin-top: 6px; margin-right: 0px; margin-bottom: 6px; margin-left: 8px; border: 1px #000000 solid; float: right}
.textbottom { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 3px; padding-bottom: 3px; text-align: left; line-height: normal; font-weight: bold; color: #333333; text-decoration: none; padding-left: 10px}
.bildlinksmitte { margin-top: 6px; margin-right: 8px; margin-bottom: 6px; margin-left: 0px; border: 1px #000000 solid; float: left }
.textbottomrechts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 3px; padding-bottom: 3px; text-align: right; line-height: normal; font-weight: bold; color: #333333; text-decoration: none; padding-right: 10px}
.kastenueberschrift {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; background-color: #f5f5f5; border: 1px #333333 dashed; padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 5px; margin-top: 10px; float: right; clear: right; margin-right: 10px}
.textzellenavi { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-align: left; color: #FFFFFF; text-decoration: none}
.textzellenavi:hover { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-align: left; color: #990000; text-decoration: none}
.hinweise {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666}
.hinweiseklein {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}
.hinweiselink {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: bold; text-decoration: underline}

.randrechts { border-color: black #000000 black black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}


.menueueberschriften { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 1px; padding-left: 2px;  text-align: left; color: #FFFFFF; text-decoration: none; vertical-align:top}
.menueueberschriftenpk { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 0px; padding-left: 2px; text-align: left; color: #FFFFFF; text-decoration: none; vertical-align:bottom}



.shopbeschreibungstext {color: #000000;  font-size: 12px; font-family: Arial, Helvetica, sans-serif; ; word-spacing: normal; white-space: normal} 
.USTIDHINWEIS {color: #000000;  font-size: 11px; font-family: Arial, Helvetica, sans-serif; ; word-spacing: normal; white-space: normal} 


.shopueberschriften {color: #11970B; font-size: 12px; font-family: Arial, Helvetica, sans-serif; ; word-spacing: normal; white-space: normal} 

.preisinuebersicht {color: #990000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; ; word-spacing: normal; white-space: normal} 
.preiszusatzinuebersicht {color: #999999; font-size: 10px; font-family: Arial, Helvetica, sans-serif; ; word-spacing: normal; white-space: normal} 

.merklistelink {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #11970B; text-decoration: underline}


.shoplink {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000; text-decoration: underline}

.kategorielink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}

.kategorielink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000; text-decoration: none}


.auswahllisten {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #11970B; clip:    rect(   )}

.formstylebutton {width:170pix;height:20px;  background-color: #11970B; border: 1px #000000 solid; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF;scrollbar-face-color: #336699; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: black; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff}

.rahmenpunkte {  border: 0px #333333 dashed}

.rahmenpunkteoben {  border: dashed; border-width: 0px 0px 0px; border-color: #333333 #333333 black}







input, select {  font-size: 12px }
#a {  text-decoration: none}

.klein {COLOR: #000000; FONT-FAMILY: Arial, Sans-Serif, Helvetica; FONT-SIZE: 8pt; }
.rahmen {border: #0066cc solid 1 pix;}
.formstyle {width:144pix;height:20px;  background-color: #e0dbff; border: 1px #0066CC solid; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: lighter; font-variant: normal; text-transform: none; color: #000000;scrollbar-face-color: #000066; scrollbar-shadow-color: #000066; scrollbar-highlight-color: #0000cc; scrollbar-3dlight-color: #000033; scrollbar-darkshadow-color: black; scrollbar-track-color: #000099; scrollbar-arrow-color: #FFFFFF}
.rahmenpunkterot {  border: 1px #FF0000 dashed}
.rahmenpunkteobenrot {  border: dashed; border-width: 1px 1px 0px; border-color: #FF0000 #FF0000 black}
.formstylebutton2 {height:20px;  background-color: #f0f0f0; border: 1px #999999 solid; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000;scrollbar-face-color: #336699; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: black; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff}

.hintergrundbild1 {background-image: url(images/img_2006_top.jpg);}
.hintergrundbild2 {background-image: url(images/img_2006_balken.jpg);}

.lagerbestand {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #11970B; border: 1px #949494 solid; line-height: 30px; background-color: #FFFFFF; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; margin-top: 4px; margin-bottom: 4px}

#lagerbestandsbox 
{
border:1px solid #333333;
background-color:#F7F7F7;
width:160px;

}
.lagerbestandstext
{
margin:0px 0px 0px 0px;
padding-top:5px;
padding-bottom:5px;
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666;
text-decoration: none;
}






/* ---------------------------------------------------------------------------*/
/* Fuer neue CSS Seite */
/* ---------------------------------------------------------------------------*/
.contentcontainer{
border:1px solid #949494;
color:#000066;
width:598px;
margin:0;
padding:0;
margin: 0 0 20px 0;
color: #000000;  
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; ; 
word-spacing: normal; 
white-space: normal;
}  
.contentcontainer_breit {
border:1px solid #949494;
color:#000066;
width:768px;
padding:0;
margin: 0 0 20px 0;
color: #000000;  
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; ; 
word-spacing: normal; 
white-space: normal;
} 

.contenttitle, 
.nurcontenttitle {
background: #eeeeee url('/images/img_cmpshop_head.gif') repeat-x;
border-bottom:1px solid #949494;
margin:0;
padding:2px 1px 1px 5px;
text-decoration:none;  
}

.contenttitle h2, 
.nurcontenttitle h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#11970B;
display: block;
margin: 0;
padding: 0;
}

.nurcontenttitle{
border:1px solid #949494;
margin: 0 0 20px 0;
}  

.vorschautitel {
float: left;
width: 530px;
}

.contenttitle .lagerinfo{
float:right;
margin: 0 5px 0 0; 
}

.contentcontainer_content .beschreibung{
float: left;
width: 466px;
}

.contentcontainer_content .kategoriebeschreibung{
float: left;
width: 176px;
}

.kategoriebox {
width: 288px;
}

.kategoriebeschreibung ul {
margin: 5px 0 0 5px;
padding: 0;
list-style: none;
height:auto !important;  /* für moderne Browser */
height:130px;  /*für den IE */
min-height: 130px;
}

.kategoriebeschreibung ul li {
padding-left: 10px;
margin-bottom: 5px;
background:url('/images/img_menudot2.gif') no-repeat left 5px;
}

.contentcontainer_content .produktfoto_klein {float: left; width: 110px;}
.contentcontainer_content .produktfoto_klein img {margin: 7px 0 0 7px; }




.contentcontainer_content p { margin: 5px;}

.contentcontainer_content .beschreibung_margin {margin: 5px; }
.contentcontainer_content .beschreibung p { margin: 0 0 12px 0;}
.contentcontainer_content .beschreibung_kasten {height: 40px;}
.contentcontainer_content .produktfoto {float: left; width: 130px;}
.contentcontainer_content .produktfoto img {margin: 5px;}
.contentcontainer_content .informationen {float: left; width: 311px;}
.contentcontainer_content .preis_versand{padding: 5px 0px 5px 0px; }
.contentcontainer_content .button {
float:right;
width: 144px;
text-align:right;
margin: 18px 0 0 0;
}

.clear {
clear: both;
}

#kopf {
width: 100%;
height:90px;
background:#009900 url('/images/sprite_verlaeufe.png') repeat-x scroll 0px -95px;
}

#kopf .breite { width: 980px; }
#kopf .spalte1 { float:left; width: 465px; }
#kopf .spalte2 { float:right; width: 359px; }

#kopf_navi {
width: 100%;
height: 18px;
background:#009900 url('/images/sprite_verlaeufe.png') repeat-x scroll 0px -76px;
}

#kopf_navi ul { list-style: none; margin: 0; padding: 0; }
#kopf_navi ul li {
float: left;
border-right: 1px solid #000000;
height: 18px;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

#kopf_navi ul li a {
float: left;
display: block;
margin: 1px 0px 1px 0px;
padding: 0px 8px 0px 8px;
height: 16px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
text-decoration:none; 
}

#kopf_navi ul li a:hover { color: #990000; }


/* -------------------------------------------------------------------------- */
/* Contentboxen rechte Seite */
/* -------------------------------------------------------------------------- */

.box {
border: 1px solid #333333;
width: 159px; 
margin: 0 0 20px;
}

.box a {
color:#666666;
}

.box_ohne_rahmen {
width: 159px; 
margin: 0 0 20px;
text-align: center;
}

.box .titel {
height: 17px;
width: 100%;
background:#009900 url('/images/bg_box_titel.gif') repeat-x;
}

.box .titel h3 {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left:4px;
padding-top:1px;
text-align:left;
text-decoration:none;
vertical-align:top;
margin: 0;
}

.box .content {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background:#ffffff url('/images/bg_box_content.gif') repeat-x;
padding: 2px 0 2px 0;
}

.box .content p { margin: 0 2px 0 2px; }



/* -------------------------------------------------------------------------- */
/* CSS Layout */
/* -------------------------------------------------------------------------- */
html,body{margin:0;padding:0}
body,td{font-size: 12px; font-family: arial;}

div#container{text-align:left}

div#navigation{ }
div#extra{ }
div#footer{
background:url('/images/img_2006_balken.jpg');
height:18px;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-top:1px;
}

div#container{width:100%;min-width:1000px;}
div#wrapper{float:left;width:1000px;}
div#content{margin: 20px 200px 0 200px}
div#content_breit{margin: 20px 0 0 200px}
div#navigation{float:left;width:180px;margin-left:-980px; margin-top:20px;}
div#extra{float:left;width:162px;margin-left:-180px;margin-top:20px;}
div#footer{clear:left;width:100%}

div#containerinnen{float:left;width:600px;margin:0 auto}
div#contentinnen{float:left;margin: 0 200px}
div#navigationinnen{float:left;width:50px;margin-left:-600px}
div#extrainnen{float:left;width:50px;margin-left:-50px}
div#wrapper2{float:left;width:100%}


.kurzinfo h1,
.kurzinfo h2 {
  color: #11970B;
  font-size: 12px;
  margin: 5px 0;
  padding: 0;
}

.kurzinfo p {
  margin: 5px 0;
}

.kurzinfo {
  margin-bottom: 20px;
}



/* -------------------------------------------------------------------------- */
/* Neue breite site_order */
/* -------------------------------------------------------------------------- */
ul#stepnavi {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
border:0;
}

ul#stepnavi li {
display:block;
width: 25%;
float: left;
display: inline;
margin: 0 0 10px 0;
border:0;
padding:0;
}


ul#stepnavi li div {
background-color:#F0F0F0;
border:1px solid #CBCBCB;
margin: 0 10px 0 0;
}

ul#stepnavi li a {
margin: 0 4px 4px 4px;
display: block;
height:60px;
overflow:hidden;

color:#757C83;
text-decoration:none;
font-size: 11px;
}

ul#stepnavi li a:hover span {
color:#009900;
}

ul#stepnavi li.deaktiviert a:hover span {
color:#757C83;
}

ul#stepnavi li.sel a {
color:#009900;
}

ul#stepnavi li.deaktiviert a {
cursor: default;
}

ul#stepnavi li a span {
font-size: 12px;
font-weight: bold;
}

ul#stepnavi li a span.step_nummer {
font-size: 26px;
font-weight: bold;
}


.warenkorb_bordersolidbottom {
border-top:0px; 
border-left:0px; 
border-right:0px; 
border-bottom:1px; 
border-style:solid; 
border-color:#000000;
}

.warenkorb_bordersolidtop {
border-top:1px; 
border-left:0px; 
border-right:0px; 
border-bottom:0px; 
border-style:solid; 
border-color:#000000;
}

.warenkorb_borderdouble {
border-top:1px; 
border-left:0px; 
border-right:0px; 
border-bottom:3px; 
border-style:double; 
border-color:#000000;
}

input.warenkorbmenge {
background-color:#F0F0F0;
border:1px solid #CBCBCB;
width:30px;
padding: 2px; 
}

.warenkorb_hersteller {
color:#757C83;
}

.warenkorb_entfernen {
background:url(/img_warenkorb_entfernen.gif) no-repeat left center;
padding:0 0 0 7px;
border:1px solid #ffffff;
color:#009900;
cursor:pointer;
font-size:8pt;
}

.warenkorb_entfernen:hover {
border-bottom:1px solid #009900;
}

.warenkorb_aktualisieren {
background:url(/img_warenkorb_aktualisieren.gif) no-repeat left center;
padding:0 0 0 7px;
border:1px solid #ffffff;
color:#009900;
cursor:pointer;
font-size:8pt;
}

.warenkorb_aktualisieren:hover {
border-bottom:1px solid #009900;
}

.warenkorb_rabatt {
font-weight: bold;
color: #009900;
}

.checkout input {
width: 390px;
}


.merkliste_entfernen {
background:transparent url(/img_warenkorb_entfernen.gif) no-repeat scroll left center;
text-decoration: none;
border:0px;
color:#009900;
font-size:8pt;
padding:0 0 0 10px;
}

.merkliste_entfernen:hover {
text-decoration: underline;
}





/* Neue Produktdarstellung */
.p_container {
border: 1px solid #949494;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0 0 20px;
padding: 0;
white-space: normal;
width: 768px;
word-spacing: normal;
}

.p_title {
background: url("/images/img_produkttitel.gif") repeat-x scroll 0 0 #ffffff;
border-bottom: 1px solid #949494;
margin: 0;
padding: 2px 1px 1px 5px;
text-decoration: none;
}

.p_title h1 {
color: #11970B;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
}

.p_content {
padding: 5px;
border-top: 1px solid #949494;
}

.p_bewertung_content {
padding: 5px;
border-top: 1px solid #949494;
}

.p_content h2,
.p_bewertung_content h2 {
color: #11970B;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0 0 10px 0;
}

.p_beschreibung1 {
margin: 10px 0 0 0;
}

.p_photos {
float: left;
width: 465px;
margin: 5px;
text-align: center;
}

.p_bewertung_text {
float: left;
width: 568px;
}

.p_bewertung_stern {
background:#ffffff url(/images/img_bewertungsbox_bg.gif) no-repeat 0 0;
float: right;
width: 200px;
min-height:200px;
}

.p_photos .p_photos_tn {
border: 5px solid #ffffff;
cursor: pointer;
}

.p_photos .p_photos_tn:hover {
border: 5px solid #f0f0f0;
}

.p_preis {
background:url(/images/img_produkt_trenner.gif) no-repeat;
float: right;
width: 275px;
min-height:300px;
}

.p_preis .p_preis_content {
margin: 10px;
}

.p_preis .p_preis_normal,
.p_preis .p_preis_angebot {
color: #11970B;
font-size: 16px;
font-weight: bold;
}

.p_preis .p_preis_alt {
color: #949494;
font-size: 12px;
font-weight: normal;
text-decoration: line-through;
}

.p_lieferstatus {
color: #11970B;
font-size: 16px;
font-weight: bold;
}

.p_lieferstatus_rot {
color: #990000;
font-size: 16px;
font-weight: bold;
}


.produktbanner {
/*height: 235px;*/
width: 615px;
overflow: hidden; 
clear: both;
border: 1px dashed #CCC;
}

.produktbanner .produkt 
{
/*margin: 2px;*/
padding: 2px;
position: relative;
float: left; 
width: 110px; 
height: 230px; 
overflow: hidden; 
/* border-right: 1px solid #eee; */
border: 0px;
border-color: #eee;
border-style: solid;
}

.produktbanner .produktbanner_b 
{
margin: 0 20px 0 20px;
}

.produktbanner .produkt .foto {
height:90px;
overflow: hidden;
}

.produktbanner .produkt .text {
height:63px;
overflow: hidden;
}

.produktbanner .produkt .preis {
height:56px;
overflow: hidden;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}

.produktbanner .produkt .preis span { 
font-size:10px;
}

.produktbanner .produkt .button {
height:16px;
overflow: hidden;
}



/* Artikelnummernsuche */
#query_listbox {
position: absolute; 
top: 147px; 
left: 470px; 
width: 340px; 
background-color: #ffffff;
border: 1px solid #aaaaaa;
text-align: left;
z-index: 888;
display:none;
}

#query_listbox a {
display: block;
text-decoration: none;
border-bottom: 1px solid #eeeeee;
}

#query_listbox a:hover {
display: block;
text-decoration: none;
background-color: #eeeeee; 
}

#query_listbox a .listbox_artikel{
padding: 5px 5px 5px 70px;
}
 

#query_listbox a .listbox_artikel span {
font-weight: bold;
color: #666666;
}

#query_listbox a:hover .listbox_artikel span {
color: #11970B;
}

#query_listbox .suchtitel {
font-weight: bold;
padding: 5px;
}