
body {
  behavior: url("csshover3.htc"); /* Plugin um bekannte Bug(hover) im IE6 zu entfernen */
  min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  margin: 0 0 0 0; padding: 0 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000; background-color: #FFF; 
}

/* Allgemeine Einstellungen der Links */
a, a:link, a:visited { text-decoration: none !important; color: #9b0000;}
a:hover { text-decoration: underline !important; color: #9b0000;}

.pos_left a, .pos_left a:link, .pos_left a:visited, .pos_left a:hover,
.pos_bild a, .pos_bild a:link, .pos_bild a:visited, .pos_bild a:hover { text-decoration: none !important;}

#smfood    { display: none; }

/*  6er IE abwärts sind die Styles mit *html !!
------------------------------------------------
Seitenlayout
------------------------------------------------
----------------------------
|        Top(prozent)       |
----------------------------
|        |         |        |
| Links  | Content | Rechts |
|  fest  | prozent |  fest  |
|        |         |        |
----------------------------
|      Footer(prozent)      |
----------------------------

*/
.pos_top           { width: 100%; height: 229px; margin: 0 0 10px 0;} /*Oben*/
.pos_left          { width: 16.69em; float: left; margin: 0 0 0 0.3em; padding: 0 0 0 0; } /*Links*/

.pos_content       { margin: 0 12.44em 0 17.31em; padding: 0 0 0 0; } /*Contentbereich*/
*html .pos_content { margin: 0 0.3em 0 0.3em; padding: 0 0 0 0; display: block; float: left;} /*Contentbereich fuer IE6*/

.pos_content_bestell { margin: 0 0.3em 0 17.31em; padding: 0 0 0 0; } /*Contentbereich im WK und Bestellvorgang ohne rechte Seite*/
*html .pos_content_bestell { margin: 0 0 0 0; padding: 0 0.3em 0 0.3em; display: block; float: left;} /*Contentbereich im WK und Bestellvorgang ohne rechte Seite IE6*/

.pos_right         { width: 11.81em;  margin: 0 0.3em 0 0; padding: 0 0 0 0;display: block;  float: right;} /*Rechts*/
.pos_foot          { width: 100%; margin: 20px 0 0 0; float: left; } /*Footer*/

/*
------------------------------
 Kasten
------------------------------
*/

/* div Rahmen */
.kasten { width:100%; margin:0 0 0.3em 0;}
.kasten_o1, .kasten_o2, .kasten_o3, .kasten_o4, .kasten_u1, .kasten_u2, .kasten_u3, .kasten_u4 { display:block; overflow:hidden; }
.kasten_o1, .kasten_o2, .kasten_o3, .kasten_u1, .kasten_u2, .kasten_u3 { height:1px; }

/* Oben */
.kasten_o1 { margin:0 0.3em; background:#cecece;}
.kasten_o2 {
  background-image: url(../images/ecke/ecke_silber1.jpg); background-repeat: no-repeat; background-position: right top;
  background-color:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.kasten_o3 {
  background-image: url(../images/ecke/ecke_silber2.jpg); background-repeat: no-repeat; background-position: right top;
  background-color:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.kasten_o4 {
  background-image: url(../images/ecke/ecke_silber3.jpg); background-repeat: no-repeat; background-position: right top;
  background-color:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* Unten */
.kasten_u1 { margin:0 0.3em; background:#cecece;}
.kasten_u2 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.kasten_u3 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.kasten_u4 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/* Fuer oben und unten */
.kasten_o2, .kasten_u2 { margin:0 3px; border-width:0 2px;}
.kasten_o3, .kasten_u3 { margin:0 2px;}
.kasten_o4, .kasten_u4 { height:2px; margin:0 1px;}

.kasten_content, .kasten_content_ohne {
  display:block; height: auto; padding:5px 0 10px 0; background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

.kasten_content {
  background-image: url(../images/ecke/ecke_silber4.jpg); background-repeat: no-repeat; background-position: right top;
}

/* Ueberschrift */
.kasten h2 { float: left; font-size: 0.88em; color: #9b0000; font-weight: bold; padding:0 7px 7px 10px;  margin: 0 0 0 0;}

/* Absatz */
.kasten p { font-size: 0.75em; padding:0 7px 0 10px; margin: 0 0 0 0;}

/*
------------------------------------------------
Oben (Top)
------------------------------------------------
*/
/* Subnavigation-Div*/
.pos_subnavi {
  width: 100%; height: 20px;
  background-color: #fff;
  background-image: url(../images/oben/hg_subnavi.jpg);
  background-repeat: repeat-x; background-position: center;
  border-bottom: 1px solid #FFF;
}

/*Sub-Navigation Links*/
.pos_subnavi ul {  list-style: none; display: inline; margin: auto;}
.pos_subnavi li { font-size: 0.7em; float:left; padding:0 5px 0 5px;}
.pos_subnavi a,.pos_subnavi a:link,.pos_subnavi a:visited { float:left; color: #000; text-decoration: none; margin: 3px 0 0 0;}
.pos_subnavi a:hover,.pos_subnavi a:focus                 {  color: #a11717;}

/*Sub-Navigation Sprachenlinks*/
.pos_subnavi li.lang_de a{ width: 14px; height:12px; background-image: url(../images/oben/flag_de.gif); background-repeat: no-repeat; display: block; margin: 3px 0 0 0;}
.pos_subnavi li.lang_en a{ width: 14px; height:12px; background-image: url(../images/oben/flag_en.gif); background-repeat: no-repeat; display: block; margin: 3px 0 0 0;}
.pos_subnavi li.lang_fr a{ width: 14px; height:12px; background-image: url(../images/oben/flag_fr.gif); background-repeat: no-repeat; display: block; margin: 3px 0 0 0;}
.pos_subnavi li.lang_de span{ display: none;}
.pos_subnavi li.lang_en span{ display: none;}
.pos_subnavi li.lang_fr span{ display: none;}

/* Hintergrundbild des Bildes*/
.pos_bild {
  width: 100%; height: 209px;
  background-color: #6c86ab;
  background-image: url(../images/oben/hg_bild.jpg);
  background-repeat: repeat-x; background-position: bottom;
  border-bottom: 1px solid #dfdfdf;
}

/*
------------------------------------------------
Oben - Großes Bild 4-geteilt (Jahreszeitenabhaengig)
------------------------------------------------
*/
/*Bilder Winter X-Mas*/
.o_bild1_wx    { width: 100%; height: 50px; background-image: url(../images/oben/bild/x_mas/b1.jpg); background-repeat: no-repeat; }
.o_bild2_wx    { width: 100%; height: 53px; background-image: url(../images/oben/bild/x_mas/b2.jpg); background-repeat: no-repeat; }
.o_bild3_wx    { width: 100%; height: 53px; background-image: url(../images/oben/bild/x_mas/b3.jpg); background-repeat: no-repeat; }
.o_bild4_wx    { width: 100%; height: 19px; background-image: url(../images/oben/bild/x_mas/b4.jpg); background-repeat: no-repeat; }
/*Bilder Winter*/
.o_bild1_w    { width: 100%; height: 50px; background-image: url(../images/oben/bild/winter/b1.jpg); background-repeat: no-repeat; }
.o_bild2_w    { width: 100%; height: 53px; background-image: url(../images/oben/bild/winter/b2.jpg); background-repeat: no-repeat; }
.o_bild3_w    { width: 100%; height: 53px; background-image: url(../images/oben/bild/winter/b3.jpg); background-repeat: no-repeat; }
.o_bild4_w    { width: 100%; height: 19px; background-image: url(../images/oben/bild/winter/b4.jpg); background-repeat: no-repeat; }
/*Bilder Fruehling*/
.o_bild1_f    { width: 100%; height: 50px; background-image: url(../images/oben/bild/fruehling/b1.jpg); background-repeat: no-repeat; }
.o_bild2_f    { width: 100%; height: 53px; background-image: url(../images/oben/bild/fruehling/b2.jpg); background-repeat: no-repeat; }
.o_bild3_f    { width: 100%; height: 53px; background-image: url(../images/oben/bild/fruehling/b3.jpg); background-repeat: no-repeat; }
.o_bild4_f    { width: 100%; height: 19px; background-image: url(../images/oben/bild/fruehling/b4.jpg); background-repeat: no-repeat; }
/*Bilder Fruehling Eastern*/
.o_bild1_fo    { width: 100%; height: 50px; background-image: url(../images/oben/bild/ostern/b1.jpg); background-repeat: no-repeat; }
.o_bild2_fo    { width: 100%; height: 53px; background-image: url(../images/oben/bild/ostern/b2.jpg); background-repeat: no-repeat; }
.o_bild3_fo    { width: 100%; height: 53px; background-image: url(../images/oben/bild/ostern/b3.jpg); background-repeat: no-repeat; }
.o_bild4_fo    { width: 100%; height: 19px; background-image: url(../images/oben/bild/ostern/b4.jpg); background-repeat: no-repeat; }
/*Bilder Sommer*/
.o_bild1_s    { width: 100%; height: 50px; background-image: url(../images/oben/bild/sommer/b1.jpg); background-repeat: no-repeat; }
.o_bild2_s    { width: 100%; height: 53px; background-image: url(../images/oben/bild/sommer/b2.jpg); background-repeat: no-repeat; }
.o_bild3_s    { width: 100%; height: 53px; background-image: url(../images/oben/bild/sommer/b3.jpg); background-repeat: no-repeat; }
.o_bild4_s    { width: 100%; height: 19px; background-image: url(../images/oben/bild/sommer/b4.jpg); background-repeat: no-repeat; }
/*Bilder Herbst*/
.o_bild1_h    { width: 100%; height: 50px; background-image: url(../images/oben/bild/herbst/b1.jpg); background-repeat: no-repeat; }
.o_bild2_h    { width: 100%; height: 53px; background-image: url(../images/oben/bild/herbst/b2.jpg); background-repeat: no-repeat; }
.o_bild3_h    { width: 100%; height: 53px; background-image: url(../images/oben/bild/herbst/b3.jpg); background-repeat: no-repeat; }
.o_bild4_h    { width: 100%; height: 19px; background-image: url(../images/oben/bild/herbst/b4.jpg); background-repeat: no-repeat; }

/*
------------------------------------------------
Oben - Hauptnavi
------------------------------------------------
*/

/*Divs*/
.o_navi    { position: absolute; top: 171px; width: 100%; display: block; height: 60px; border-bottom: 1px solid #cecece;} /* Navigation-Div */
.o_reiter  { position: absolute; top: 0; left:0.3em; width: auto; display: block; height: 60px;} /* Reiter-Div */
.o_suche   { position: absolute; top: 0; left:770px; width: auto; } /* Suche-Div */
.o_login   { position: absolute; top: 0; left: 650px; width: auto; } /* Login-Div */

/*Reiter*/

.o_reiter a {
  float: left; display: block;text-decoration: none; padding:0 0 0 15px; background-image: url(../images/oben/reiter/normal_vorn.gif);
  background-repeat:no-repeat; background-position: left top; margin-right:2px;
}

.o_reiter a span{float: left; 
  display: block;
  color:#000;
  font-size: 0.75em; font-weight: bold;

  padding: 0 15px 0 0px;
  height: 60px; line-height: 40px;
  text-align: center;
  background-image: url(../images/oben/reiter/normal_hinten.gif);
  background-repeat:no-repeat; background-position: top right;
}

.o_reiter a.menu_aktiv span, .o_reiter a:hover span, .o_reiter a:focus span{
  color: #fff;
  background-image: url(../images/oben/reiter/aktiv_hinten.gif);
  background-repeat:no-repeat; background-position: top right;
}
.o_reiter a.menu_aktiv, .o_reiter a:hover, .o_reiter a:focus{
  color: #fff; padding:0 0 0 15px;
  background-image: url(../images/oben/reiter/aktiv_vorn.gif);
  background-repeat:no-repeat; background-position: left top;
}


/* Suche */
.o_suche_link     { margin: 36px 0 0 0; position: absolute; bottom: -50px; left:0; width: 9.5em; display: block; } /* Div-Link erw. Suche */
.o_suche_form     { margin: -0.38em 0 0 0; position: absolute; bottom: -50px; right:0em; width: auto} /* Suchformular */
.o_suche fieldset { border: 0px; margin: 0 0 0 0; padding: 0 0 0 0;}
.o_suche legend, .o_suche label { display: none;}

.o_suche input    {
  position: absolute; bottom: -4px; right:40px;
  width: 150px; height: 18px;
  border: 1px solid #c8c8c8;
  font-size: 13px; color: #000;
  float: left;
  background-color: #FFF;
}

.o_suche button   {
  position: absolute; bottom: -10px; right:0;
  width: 36px; height: 33px;
  border: 0px;
  background-image: url(../images/oben/suchen.jpg); background-repeat:no-repeat;
}

/* Link erw. Suche */
.o_suche a,.o_suche a:link,.o_suche a:visited { float:left;  font-size: 0.7em; color: #a11717;  text-decoration: underline;  margin: 2px 10px 0 10px; }
.o_suche a:hover,.o_suche a:focus             { color: #a11717; text-decoration: none;}


/* Login oben */
.o_login_form     { margin: 0 0 0 0; position: absolute; left:0; top: 0; width: auto;} /* Loginformular */

.o_login input    {
  position: absolute; left:0; width: 90px; height: 15px; top: 1px; border: 1px solid #c8c8c8; font-size: 70%; color: #000; float: left; background-color: #FFF;
}
.o_login input.password    { left:95px;}
.o_login input:focus{ border: 1px solid #de8e15 !important; }

.o_login button {
  position: absolute; float: left; background-image: url(../images/content/hg_btn_orange.gif); background-repeat: repeat-x;
  font-size: 60%; text-transform: uppercase; left:190px; top: 1px;
  font-weight: bold; border: 1px solid #de8e15; width: 150px; background-color: #de8e15; color: #FFF;
  padding: 1px 2px 1px 2px;
}

/*
------------------------------------------------
Ausklappbare Menüpunkte im Hauptmenü
------------------------------------------------
*/

.subnavi                         { position: relative; top:  0px; left: 0; float:left; }
.subnavi .subsubnavi             { display:none;} /* Submenue komplett */
.subnavi:hover .subsubnavi       { position: absolute; z-index: 1000; top: 60px; left: 0px; width:200px; overflow: visible; display: block; background-image: none;}
.subnavi .subsubnavi a { color: #000; font-size: 0.60em; padding: 3px 0 3px 0; text-indent: 10px; border: 1px solid #cecece; border-width: 0 1px 1px 1px; display: block; width: 100%; background-color: #e2e2e2; background-image: none;}
.subnavi .subsubnavi a:hover { color: #FFF; background-color: #d56c00;}

/*
------------------------------
 Links - Katalog
------------------------------
*/
/*div Rahmen*/
.katalog { width:100%; margin:0 0 0.3em 0; }
.katalog_o1, .katalog_o2, .katalog_o3, .katalog_o4, .katalog_u1, .katalog_u2, .katalog_u3, .katalog_u4 { display:block; overflow:hidden; }
.katalog_o1, .katalog_o2, .katalog_o3, .katalog_u1, .katalog_u2, .katalog_u3 { height:1px; }

/*Oben*/
.katalog_o1 { margin:0 0.3em; background:#cecece;}

.katalog_o2 {
  background-image: url(../images/ecke/ecke_gold1.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.katalog_o3 {
  background-image: url(../images/ecke/ecke_gold2.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.katalog_o4 {
  background-image: url(../images/ecke/ecke_gold3.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/*Unten*/
.katalog_u1 { margin:0 0.3em; background:#cecece;}
.katalog_u2 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.katalog_u3 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.katalog_u4 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Fuer oben und unten*/
.katalog_o2, .katalog_u2 { margin:0 3px; border-width:0 2px;}
.katalog_o3, .katalog_u3 { margin:0 2px;}
.katalog_o4, .katalog_u4 { height:2px; margin:0 1px;}

/*Inhalt*/
.katalog_content {
  background-color:#ededed; background-image: url(../images/ecke/ecke_gold4.jpg);
  background-repeat: no-repeat; background-position: right top;
  display:block; height: auto;
  padding:40px 0 40px 0;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/*HTML-Elemente*/
.katalog h2 { display: none; }
.katalog ul  { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
.katalog li  { display: inline; }
a.menu1 span,a.msel1 span {padding:0 0 0 5px;}
a.menu2 span,a.msel2 span {padding:0 0 0 5px;}
a.menu3 span,a.msel3 span {padding:0 0 0 10px;}
a.menu4 span,a.msel4 span {padding:0 0 0 5px;}

/*
--------------------------
 Links - Katalog  - 1. Ebene
--------------------------
*/
/*Normalzustand*/
a.menu1                       {
  height:auto; width:100%;
  display: block; float: none;
  font-size: 0.75em; font-weight: bold;
  padding:5px 0 5px 0;  margin:0 0 0 0;
  border-top:1px solid #cecece;
}
a.menu1:link, a.menu1:visited { text-decoration: none; color: #000; background-image: url(../images/links/hauptpunkt_normal.gif);}
a.menu1:hover, a.menu1:focus  {
  color: #FFF; text-decoration: none;
  background-image: url(../images/links/hauptpunkt_aktiv.gif);
  border-top:1px solid #de8e15
}

/*Aktivzustand*/
a.msel1 {
  height:auto; width:100%;
  display: block; float: none;
  font-size: 0.75em; font-weight: bold;
  padding:5px 0 5px 0; margin:0 0 0 0;
  border-top:1px solid #de8e15;
}
a.msel1:link, a.msel1:visited { text-decoration: none; color: #FFF; background-image: url(../images/links/hauptpunkt_aktiv.gif);}
a.msel1:hover, a.msel1:focus  { color: #FFF; text-decoration: none;}

/*
--------------------------
 Links - Katalog  - 2. Ebene
--------------------------
*/
/*Normalzustand*/
a.menu2 {
  height:auto; width:100%;
  display: block; float: none;
  font-size: 0.75em;
  padding:2px 0 2px; margin:0 0 0 0;
  border-top: 1px solid #fff;
}
a.menu2:link, a.menu2:visited { text-decoration: none; color: #9b0000; background-color: #eabc6d;}
a.menu2:hover, a.menu2:focus  {
  color: #FFF; text-decoration: none;
  background-image: url(../images/links/unterpunkt1_aktiv.gif);
  border-top:1px solid #de8e15;
}

/*Aktivzustand*/
a.msel2  {
  height:auto; width:100%;
  display: block;  float: none;
  font-size: 0.75em; font-weight: normal;
  padding:2px 0 2px; margin:0 0 0 0;
  border-top: 1px solid #de8e15;
  color: #FFF;
}
a.msel2:link, a.msel2:visited { text-decoration: none; color: #FFF; background-image: url(../images/links/unterpunkt1_aktiv.gif);}
a.msel2:hover, a.msel2:focus  { color: #FFF; background-image: url(../images/links/unterpunkt1_aktiv.gif);}

/*
--------------------------
 Links - Katalog  - 3. Ebene
--------------------------
*/
/*Normalzustand*/
a.menu3                       { width:100%; display: block; float: none; font-size: 0.65em; padding:1px 0 1px; margin:0 0 0 0; }
a.menu3:link, a.menu3:visited { text-decoration: none; color: #000; font-weight: normal; background-color: #ffeed2;}
a.menu3:hover, a.menu3:focus  { color: #9b0000; background-image: url(../images/links/unterpunkt2_aktiv.gif); background-repeat: no-repeat;}

/*Aktivzustand*/
a.msel3 { width:100%; display: block; font-size: 0.65em; font-weight: normal; padding:1px 0 1px; margin:0 0 0 0; float: none;}
a.msel3:link, a.msel3:visited {
  text-decoration: none;
  color: #9b0000;
  background-color: #ffeed2;
  background-image: url(../images/links/unterpunkt2_aktiv.gif);
  background-repeat: no-repeat;
}
a.msel3:hover, a.msel3:focus {
  background-color: #ffeed2;
  color: #9b0000;
  background-image: url(../images/links/unterpunkt2_aktiv.gif);
  background-repeat: no-repeat;
}

/*
--------------------------
 Links - Katalog  - 4. Ebene
--------------------------
*/
/*4. Ebene NUR ZUM HERVORHEBEN IN DEN INDIVIDUELLEN MENUES*/
a.menu4 {
  height:auto; width:100%;
  display: block; float: none;
  font-size: 0.75em;
  padding:2px 0 2px; margin:0 0 0 0;
  border-top: 1px solid #FFF; border-left:1px solid #d2d2d2;
  border-right:1px solid #d2d2d2;
}
a.menu4:link, a.menu4:visited { text-decoration: none; color: #000; font-weight: normal;background-color: #f9e4a4;}
a.menu4:hover, a.menu4:focus  { color: #9b0000; text-decoration: none; font-weight: normal; background-image: url(../images/links/unterpunkt1_aktiv.gif);}

/*
------------------------------
 Links - Zahlungsarten-Box
------------------------------
*/
/* div Rahmen */
.links1 { width:100%; margin:0 0 0.3em 0;}
.links1_o1, .links1_o2, .links1_o3, .links1_o4, .links1_u1, .links1_u2, .links1_u3, .links1_u4 { display:block; overflow:hidden; }
.links1_o1, .links1_o2, .links1_o3, .links1_u1, .links1_u2, .links1_u3 { height:1px; }

/* Oben */
.links1_o1 { margin:0 0.3em; background:#cecece;}
.links1_o2 {
  background-image: url(../images/ecke/ecke_gold1.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.links1_o3 {
  background-image: url(../images/ecke/ecke_gold2.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.links1_o4 {
  background-image: url(../images/ecke/ecke_gold3.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* Unten */
.links1_u1 { margin:0 0.3em; background:#cecece;}
.links1_u2 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.links1_u3 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.links1_u4 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/* Fuer oben und unten */
.links1_o2, .links1_u2 { margin:0 3px; border-width:0 2px;}
.links1_o3, .links1_u3 { margin:0 2px;}
.links1_o4, .links1_u4 { height:2px; margin:0 1px;}

.links1_content {
  background-image: url(../images/ecke/ecke_gold4.jpg);
  background-repeat: no-repeat; background-position: right top;
  display:block; height: auto; padding:5px 0 10px 0;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* Ueberschrift */
.links1 h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.88em; color: #9b0000; font-weight: bold;
  padding:0 7px 7px 10px;  margin: 0 0 0 0;
  float: left;
}
/* Absatz */
.links1 p { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.75em; color: #000; padding:0 7px 0 10px; margin: 0 0 0 0;}

/*
------------------------------
 Links - Buttonleiste
------------------------------
*/
/* Div zur Positionieruung */
p.addpage {
  color: #000 ;
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.7em;
  padding: 0 0 0 0; margin: 10px 0 0 0 ;
  display: block; float: left;
}
p.addpage span   { display: none; }
p.addpage a span { display: none; }
p.addpage img    { margin: 0 0 0 5px; }

/*Button - Drucken*/
a.print, a.print:link a.print:visited {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/print.gif);
  background-repeat: no-repeat;
  margin: 3px 2px 5px 0;
}
a.print:hover,a.print:focus { background-image: url(../images/content/print_akt.gif); background-repeat: no-repeat; }

/*Button - Merkliste/Favoriten*/
a.fav, a.fav:link a.fav:visited {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/fav.gif);
  background-repeat: no-repeat;
  margin: 3px 2px 5px 0;
}
a.fav:hover,a.fav:focus { background-image: url(../images/content/fav_akt.gif); background-repeat: no-repeat; }

/*Button - Schrift normal*/
a.a1, a.a1:link a.a1:visited {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/a1.gif);
  background-repeat: no-repeat;
  margin: 3px 2px 5px 5px;
}
a.a1:hover,a.a1:focus { background-image: url(../images/content/a1_akt.gif); background-repeat: no-repeat; }
a.a1_akt, a.a1_akt:link a.a1_akt:visited,a.a1_akt:hover,a.a1_akt:focus {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/a1_akt.gif);
  background-repeat: no-repeat;
  margin: 3px 2px 5px 5px;
}

/*Button - Schrift gross*/
a.a2, a.a2:link a.a2:visited {
  width:20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/a2.gif);
  background-repeat: no-repeat;
  margin: 3px 2px 5px 0;
}
a.a2:hover,a.a2:focus { background-image: url(../images/content/a2_akt.gif); background-repeat: no-repeat; }
a.a2_akt, a.a2_akt:link a.a2_akt:visited,a.a2_akt:hover,a.a2_akt:focus {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/a2_akt.gif);
  background-repeat: no-repeat;
  margin: 3px 2px 5px 0;
}

/*Button - Schrift sehr gross*/
a.a3, a.a3:link a.a3:visited {
   width: 20px; height: 20px;
   display: block; float: left;
   background-image: url(../images/content/a3.gif);
   background-repeat: no-repeat;
   margin: 3px 10px 5px 0;
}
a.a3:hover,a.a3:focus { background-image: url(../images/content/a3_akt.gif); background-repeat: no-repeat; }
a.a3_akt, a.a3_akt:link a.a3_akt:visited,a.a3_akt:hover,a.a3_akt:focus {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/a3_akt.gif);
  background-repeat: no-repeat;
  margin: 3px 10px 5px 0;
}

/*
------------------------------------------------
 Content - Div fuer die Positionierung des Content in der Mitte
------------------------------------------------
*/
.pos_mitte  { width: 100%; display: block; }

/*
-------------------------------------------------------
 Content
-------------------------------------------------------
*/

/*div Rahmen*/
.mitte_art { width:100%; margin:5px 0 0.3em 0; float: left;}
.mitte_art_o1, .mitte_art_o2, .mitte_art_o3, .mitte_art_o4, .mitte_art_u1, .mitte_art_u2, .mitte_art_u3, .mitte_art_u4 {display:block; overflow:hidden;}
.mitte_art_o1, .mitte_art_o2, .mitte_art_o3, .mitte_art_u1, .mitte_art_u2, .mitte_art_u3 {height:1px;}

/*Oben*/
.mitte_art_o1 { margin:0 0.3em; background:#cecece;}
.mitte_art_o2 {
  background-image: url(../images/ecke/ecke_silber1.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.mitte_art_o3 {
  background-image: url(../images/ecke/ecke_silber2.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.mitte_art_o4 {
  background-image: url(../images/ecke/ecke_silber3.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed; border-left:1px solid #cecece;
  border-right:1px solid #cecece;
}

/*Unten*/
.mitte_art_u1 {margin:0 0.3em; background:#cecece;}
.mitte_art_u2 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.mitte_art_u3 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.mitte_art_u4 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Fuer oben und unten*/
.mitte_art_o2, .mitte_art_u2 {margin:0 3px; border-width:0 2px;}
.mitte_art_o3, .mitte_art_u3 {margin:0 2px;}
.mitte_art_o4, .mitte_art_u4 {height:2px; margin:0 1px;}

/*Inhalt*/
.mitte_art_content {
  background-image: url(../images/ecke/ecke_silber4.jpg);
  background-repeat: no-repeat; background-position: right top;
  display:block; height: auto;
  padding:5px 0 10px 0;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* HTML-Elemente */
/*Box-Mitte-Artikel*/
.mitte_art h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.88em; font-weight: bold;
  color: #9b0000;
  padding:0 7px 0 10px; margin: 0 0 0 0;
  float: left;
}

.mitte_art h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em; font-weight: bold;
  color: #000;
  padding:10px 0 0 10px; margin: 0 0 0 0;
}
.mitte_art p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em; color: #000;
  padding:5px 7px 5px 10px; margin: 0 0 0 0;
}
.pos_content_bestell p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em; color: #000;
  padding: 10px 7px 10px 10px; margin: 0 0 0 0;
  display: block; float: left;
  width: 95%;
}

.mitte_art a,.mitte_art a:link,.mitte_art a:visited {
  color: #a11717;
  text-decoration: underline;
}
.mitte_art a:hover,.mitte_art a:focus {  text-decoration: none;}

p.klein {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.6em; color: #000;
  padding:0 0 5px 12px; margin: 0 0 0 0;
  display: block; float: left;
  width: 95%;
}

*html .mitte_art p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em; color: #000;
  padding:5px 7px 10px 10px; margin: 0 0 0 0;
}

.mitte_art a span { display: none; }

.mitte_art li {
  padding: 0 0 0 0; margin: 3px 0 0 10px;
  list-style: none;
}
.zugang_group { margin: 5px 0 5px 17px;}
.zugang_group p {font-size: 1.0em; padding-left: 0; padding-right: 0;}

/* Allgemeine Tabelle ohne Farben und Rahmen */
.table_allg_pur {
  margin: 10px;
  border-spacing:0px; /*Fuer Firefox, Opera und Co.*/
  border-collapse:collapse; /*Fuer IE*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em; color: #000;
}

/* Allgemeine Tabelle */

/* 
----------------------------------------
  Beginn in Warenkorb mit mehr Größen
----------------------------------------
*/ 

.table_inWK_Cross {
  border-spacing:2px; /*Fuer Firefox, Opera und Co.*/
  border-collapse:separate; /*Fuer IE*/
  float: left; text-align: left;
  color: #9b0000 !important; background-color: #ffeed2; border: 1px solid #cecece;
}

/* WK-Tabelle fuer IE 6*/
*html .table_inWK_Cross {
  border-collapse:separate; /*Fuer IE*/
}

.table_inWK_Cross td, .table_inWK_Cross th {
  background-color: #e6e6e6; padding: 3px; font-size: 0.75em; color: #000;
  border: 1px solid #cecece;
}

.table_inWK_Cross td.button {
  padding: 3px; font-weight: bold; color: #9b0000;
  background-color: transparent; border: 0px; text-align: left;
}

.table_inWK_Cross th {
  padding: 3px; font-weight: normal; color: #000;
  background-color: transparent; border: 0px; text-align: left;
}

.table_inWK_Cross td.button {
  padding: 0; font-weight: bold; color: #9b0000;
  background-color: transparent; border: 0px; text-align: left;
}

.table_inWK_Cross td .artikel {
  float: left; width: 40px; /*border: 1px solid #de8e15;*/ font-size: 1.8em;
}

.table_inWK_Cross td .itemid {
  float: left; font-size: 0.8em; padding: 5px 5px 10px 0;
}

.aussen {
   width: 100%; color: #9b0000 !important; background-color: #ffeed2; border: 1px solid #cecece; display: block; float: left;
}

/*
----------------------------------------
 Ende in Warenkorb mit mehr Größen
----------------------------------------
*/ 

.table_allg {
  width: 100%;
  border-spacing:0px; /*Fuer Firefox, Opera und Co.*/
  border-collapse:collapse; /*Fuer IE*/
}

/* WK-Tabelle fuer IE 6*/
*html .table_allg {
  width: 100%;
  border-collapse:collapse; /*Fuer IE*/
  display: block; float: left;
}

.table_allg th {
  background-color: #fbfbfb;
  padding: 3px;
  font-size: 0.75em; color: #000;
  border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  text-align: left;

}
.table_allg tbody td {
  background-color: #e6e6e6;
  padding: 3px;
  font-size: 0.75em; color: #000;
  border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;

}
.table_allg tfoot td {
  border-top: 1px solid #cecece;

}

/* Tabellenkopf-Zelle Gesamtpreis*/
.table_allg th.th_highlight {
  width: 110px;
  background-color: #eabc6d;
  color: #9b0000;
}

/* Tabellenkopf-Zelle Gesamtpreis*/
.table_allg td.td_highlight {
  width: 110px;
  background-color: #ffeed2;
  color: #9b0000;
}

/* Allgemeine Tabelle nicht so Breit*/
.table_allg_small {
  width: 100%;
  border-spacing:0px; /*Fuer Firefox, Opera und Co.*/
  border-collapse:collapse; /*Fuer IE*/
}

/* WK-Tabelle fuer IE 6*/
*html .table_allg_small {
  width: 100%;
  border-collapse:collapse; /*Fuer IE*/
  display: block; float: left;
}
.table_allg_small{
 width: 98% !important; margin-left: 10px;
}

.table_allg_small th {
  background-color: #fbfbfb;
  padding: 3px;
  font-size: 0.75em; color: #000;
  border: 1px solid #cecece;
  text-align: left;

}
.table_allg_small tbody td {
  background-color: #e6e6e6;
  padding: 3px;
  font-size: 0.75em; color: #000;
  border: 1px solid #cecece;
}
.table_allg_small tfoot th {
  border-top: 1px solid #cecece;
}

/* Tabellenkopf-Zelle Gesamtpreis*/
.table_allg_small th.th_highlight {
  width: 110px;
  background-color: #eabc6d;
  color: #9b0000;
}

/* Tabellenkopf-Zelle Gesamtpreis*/
.table_allg_small td.td_highlight {
  width: 110px;
  background-color: #ffeed2;
  color: #9b0000;
}


/* Neuanmeldung und Daten-Formular */
#nanmeldung{
  padding: 0 0 0 0; margin: 0 0 0 0;
}

button.content_btn{
  background-image: url(../images/content/hg_btn_orange.gif);
  background-repeat: repeat-x;
  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #de8e15;

  background-color: #de8e15; color: #FFF;
  margin: 10px 0 10px 12px; padding: 2px 10px 2px 10px;
}

.inhalt_red { color: #F00 !important; }
.input_readonly { border:none; background-color: #ededed; }

/* Auflistung Sonstiges */
ul.kurz {
  float: left; font-size: 0.75em; color: #000;
  padding: 10px 0 13px 0; margin: 0 0 0 0;
  display: inline;
}

img.detail_img    { margin: 0 10px 0 0; float: left; } /*Detailbild*/

/*
------------------------------
 Content - Datenbankübersicht
------------------------------

/* Tabelle Produktuebersicht */
.table_ue {
  width: 100%; font-size:0.75em;
  border-spacing:0px; /*Fuer Firefox, Opera und Co.*/
  border-collapse:collapse; /*Fuer IE*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0 0 0 0; padding: 0 0 0 0;
}
.table_ue td  {
  border-right: 1px solid #cecece;  vertical-align: top;
}

/*Listenpunkte*/
ul.dbue1    { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:3px 0 0px 10px!important; list-style:none; color: #000;}
ul.dbue1 li { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 0 0 !important; color: #000;}
ul.dbue2    { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 10px 10px!important; list-style:none; color: #000;}
ul.dbue2 li { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 0 0!important; color: #000;}


/*Übersichts-Seite*/
h2.hauptkat   {
  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  background-color: #ffeed2;
  font-size:1.2em !important; font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #870000 !important; font-weight: bold !important;
  padding: 5px 0 5px 5px;
}

/*
------------------------------------------------
 Content - Verzeichnisseiten-Boxen (Mitte)
------------------------------------------------
*/

.verzbox{
  display:block; float: left;
  width: 255px; height: 155px;
  border-top:1px solid #cecece; border-bottom:1px solid #cecece;
  margin: 0 0 20px 0;
  background-color: #fff;
}

.verzbox a,.verzbox a:link,.verzbox a:visited {
  font-size: 0.72em; font-weight: bold;
  color: #a11717;
  text-decoration: none;
  line-height: 30px;
  width: 100%; height: 155px;
  text-indent: 10px;
  display:block; float: left;
}

.verzbox2{
  display:block; float: left;
  width: 100%; height: auto;
  border-top:1px solid #cecece; border-bottom:1px solid #cecece;
  margin: 0 0 10px 0;
  text-indent: 30px;
  padding: 20px 0 150px 0;
  background-color: #fbfbfb;

}

.verzbox2 h2{ padding-left: 0px !important;}

.verzbox2 a,.verzbox2 a:link,.verzbox2 a:visited {
  font-size: 0.75em;
  color: #a11717;
  text-decoration: underline;
  display:block; float: none;
  padding: 1px 0 1px 0;
}
.verzbox2 a:hover,.verzbox2 a:focus {  text-decoration: none;}

/*
------------------------------------------------
 Content - Artikel-Box (Standard)
------------------------------------------------
*/

/*Box-Artikel*/
.art { width:13.5em; margin:0 0 0.3em 5px; display:block; float: left;}
.art_o1, .art_o2, .art_o3, .art_o4, .art_u1, .art_u2, .art_u3, .art_u4 {display:block; overflow:hidden;}
.art_o1, .art_o2, .art_o3, .art_u1, .art_u2, .art_u3 {height:1px;}

/*Oben*/
.art_o1 { margin:0 0.3em; background:#cecece;}
.art_o2 { background-color:#fff; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.art_o3 { background-color:#fff; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.art_o4 { background-color:#fff; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Unten*/
.art_u1 { margin:0 0.3em; background:#cecece;}
.art_u2 { background:#dfdfdf; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.art_u3 { background:#dfdfdf; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.art_u4 { background:#dfdfdf; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Fuer oben und unten*/
.art_o2, .art_u2 { margin:0 3px; border-width:0 2px;}
.art_o3, .art_u3 { margin:0 2px;}
.art_o4, .art_u4 { height:2px; margin:0 1px;}

/*Inhalt*/
.art_content {
  background-color: #fff;
  background-image: url(../images/content/hg_art.gif);
  background-repeat: repeat-x; background-position: left  top;
  display:block;
  height: 14.06em; padding:5px 0 10px 0;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

*html .art_content { /*fuer IE6*/
  background-color: #fff;
  background-image: url(../images/content/hg_art.gif);
  background-repeat: repeat-x; background-position: left  top;
  display:block;
  height: 16.0em; padding:5px 0 10px 0;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}


.art h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.65em; color: #000; font-weight: bold;
  padding:0 7px 7px 4px !important; margin: 0 0 0 0 !important;
}

.art p    { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.7em; color: #000; padding:0 0 0 0 !important; margin: 0 0 0 0 !important;}
.art form { display: block; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; float: left; }
.art a span,.art legend ,.art label { display: none;}
.art fieldset { border: 0px;  padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;}

/*Abmessung*/
.artikeltext_klein {
  display: block; float: left;
  width: 100%;
  text-indent: 4px; margin:0 0 0 0 !important;
  font-size:0.88em !important;
}
/*Listenpreis*/
.artikel_listenpreis {
  text-indent: 4px; width: 100%;
  display: block; float: left;
  font-size:1.0em !important; font-weight: bold !important;
  color: #000 !important;
  padding:5px 0 5px 0 !important; margin:5px 0 0 0;
}
/*Listenpreis IE6 */
*html .artikel_listenpreis {
  text-indent: 4px; width: 100%;
  display: block; float: left;
  font-size:0.9em !important; font-weight: bold !important;
  color: #000 !important;
  padding:5px 0 5px 0 !important; margin:5px 0 0 0;
}
/* Best-Price Bild*/
.artikel_listenpreis img{ background-color: transparent !important; border: 0px; margin: 0 0 -3px 5px;}

/* Artikel-Titel*/
.artikel_ue {
  text-indent: 4px; width: 100%;
  display: block; float: left;
  font-size:0.88em !important; font-weight: bold !important;
  color: #000 !important;
  padding:5px 0 0 0 !important; margin:5px 0 0 0;
}

/*Staffelpreis Preis-Wert*/
.artikel_p_staf {
  text-indent: 25px;
  background-image: url(../images/content/staf.gif); background-repeat:repeat-x;
  width:214px;
  display: block; float: left;
  font-size:1.0em !important; font-weight: bold !important;
  color: #F00 !important;
  padding:7px 0 7px 0 !important; margin:0 0 2px 0;
}

/*Staffelpreis Ab-Wert*/
.inhalt_standard      { font-weight: normal !important; font-size:0.8em !important; color: #000!important;}

/* Sonderpreis*/
.artikel_p_sonder {
  background-image: url(../images/content/sonder.gif); background-repeat:repeat-x;
  width:214px;
  display: block; float: left;
  font-size:0.98em !important; font-weight: bold !important;
  color: #FFF !important; text-indent: 38px;
  padding:7px 0 7px 0 !important; margin:0 0 2px 0;
}

/* Bestand 1 = Bez, 2 = Wert */
.bestand_1 { display: block; float: left; text-indent: 4px;  font-size:0.88em !important; color: #000; font-weight:normal;}
.bestand_2 { display: block; float: left; font-size:1.0em !important; color: #9b0000; font-weight:bold;}

/* Artikelnummer */
p.artnr {
  display: block; float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.65em !important;
  color: #000; font-weight: bold;
  padding:0 3px 0 4px !important; margin: 0 0 0 0;
}

.art_ue_div{
  padding:0 0 0 0 !important; margin: 0 0 0 0 !important;
  width: 100%; height: 30px;
  display: block; float: left;
}
/* Artikelbild-Div */
.bild1 {
  padding:0 0 5px 0 !important; margin: 0 0 0 0 !important;
  width: 100%;
  display: block; float: left;
}
/* Artikelbild-Div */
.bild1 img { background-color: #FFF; padding: 3px; margin: 0 5px 0 5px; display: block; float: left; border: 1px solid #de8e15;}

/* Zufallsbilder-Div */
.zufall {
  float: left; width: 100%;
}

/* Zufallsbilder-Div Bilder */
.zufall img, img.allgemein { background-color: #FFF; padding: 3px; margin: 0 5px 5px 5px; display: block; float: left; border: 1px solid #de8e15;}

/* Versandkosten-Link */
a.art_klein,a.art_klein:link,a.art_klein:visited {
  text-indent: 7px;
  display: block; float: left;
  margin:0 0 0 0 !important;
  font-size:0.88em !important; color: #a11717;
  text-decoration: underline;
}
a.art_klein:hover,a.art_klein:focus {  color: #a11717; text-decoration: none;}


/* Artikel-Button - Positionier-Div*/
.pos_btn { height: 24px; margin:0 0 5px 0 !important; padding: 0 0 0 0;} /*Positionierung der Button*/

/* Artikel-Button - Detail-Bild*/
a.det, a.det:link, a.det:visited {
  width: 24px; height: 24px;
  display: block; float: left;
  background-image: url(../images/content/p_det.gif);
  background-repeat: no-repeat;
  margin: 0 4px 5px 0;
}
a.det:hover,a.det:focus { background-image: url(../images/content/p_det.gif); background-repeat: no-repeat; }

/* Artikel-Button - XL-Bild*/
a.xl, a.xl:link, a.xl:visited {
  width: 24px; height: 24px;
  display: block; float: left;
  background-image: url(../images/content/p_xl.gif);
  background-repeat: no-repeat;
  margin: 0 4px 5px 0;
}
a.xl:hover,a.xl:focus { background-image: url(../images/content/p_xl.gif); background-repeat: no-repeat; }

/* Artikel-Button - Artikelbeschreibung*/
a.info, a.info:link, a.info:visited {
  width: 24px; height: 24px;
  display: block; float: left;
  background-image: url(../images/content/info.gif);
  background-repeat: no-repeat;
  margin: 0 4px 5px 0;
}
a.info:hover,a.info:focus { background-image: url(../images/content/info.gif); background-repeat: no-repeat; }

/* Artikel-Button - Merkliste*/
a.merk, a.merk:link, a.merk:visited {
  width: 24px; height: 24px;
  display: block; float: left;
  background-image: url(../images/content/merk.gif);
  background-repeat: no-repeat; margin: 0 4px 5px 0;
}
a.merk:hover,a.merk:focus { background-image: url(../images/content/merk.gif); background-repeat: no-repeat; }

/* Artikel-Button - Merkliste loeschen*/
a.merk_del, a.merk_del:link, a.merk_del:visited {
  width: 24px; height: 24px;
  display: block; float: left;
  background-image: url(../images/content/merk_del.gif);
  background-repeat: no-repeat;
  margin: 0 4px 5px 0;
}
a.merk_del:hover,a.merk_del:focus { background-image: url(../images/content/merk_del.gif); background-repeat: no-repeat; }

/*
------------------------------------------------
 Content - Artikel-Bilduebersicht(klein)
------------------------------------------------
*/
.artikel_klein      { float: left; height: 130px; margin: 0 0 0 5px; }  /* Div */
.artikel_klein form { display: block; padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; float: left; }
.artikel_klein a span,.artikel_klein legend ,.artikel_klein label{ display: none;}
.artikel_klein fieldset { border: 0px;  padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;}

/* Div - Formular */
.form_bildklein {
  display: block; float: left;
  width: 55px;
  background-color: #FFF;
  border: 1px solid #cecece;
  position: absolute;
  padding:3px 0 3px 3px !important; margin: -10px 0 0 0 !important;
}


/* Artikelbild */
.bild_klein img{ background-color: #FFF; padding: 3px; margin: 0 5px 0 5px; display: block; float: none; border: 1px solid #de8e15;}

/* Artikel-Nummer */
p.artnr_klein {
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.65em !important;
  color: #000; font-weight: bold;
  padding:0 7px 3px 7px !important; margin: 0 0 0 0;
}


/*Zoombild im Tooltip*/
.zoom_trsp { background-color:transparent; width: 100px; }

/*
------------------------------------------------
 Content - Artikel fuer beide Ansichten
------------------------------------------------
*/

/* Warenkorb-Formular */
.artikel_wk_in {
  width: 22px; height: 22px;
  border: 1px solid #de8e15;
  background-color:#fff;
  color:#000;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;
  display: block; float: left;
  margin:0 2px 0 0 !important; padding: 0 0 0 0;
}

/* Warenkorb-Button */
.wk_btn1 { width: 24px; height: 24px; border: 0px; background-image: url(../images/content/wk1.gif); background-repeat:no-repeat;}

/*
------------------------------------------------
 Content - Artikel-Detailansicht
------------------------------------------------
*/
/* Maxi-Bild */
img.det_bild1{
  background-color: #FFF;
  padding: 3px; margin: 0 0 10px 10px;
  border: 1px solid #de8e15;
  /*width: 490px;*/
  display: block; float: left;
}
/* Maxi-Bild IE 6*/
*html img.det_bild1{
  background-color: #FFF;
  padding: 3px; margin: 0 0 10px 5px;
  border: 1px solid #de8e15;
  /*width: 470px;*/
  display: block; float: left;
}
/* kleines Bild (Detailbild) */
img.det_bild2{
  background-color: #FFF;
  padding: 3px; margin: 0 0 10px 10px;
  border: 1px solid #de8e15;
  display: block; float: left;
}
/* Artikelbeschreibung Div (fuer Tabellendarstellung) */
.artikel_tabelle { display: block; float: left; width: 100%; }
/* Artikelbeschreibung Div (fuer 2-Teilung) */
.artikel_zelle1 { display: block; float: left; width: 350px; height:500px;}
.artikel_zelle2 { margin: -5px 0 0 0; display: block; float: left; width: 250px; }

.artikel_high { color: #000; }

#det_wk { padding: 0 0 0 0 !important; margin: 10px 10px 10px 10px !important;  }
#det_wk a span,#det_wk legend ,#det_wk label { display: none;}
#det_wk fieldset { border: 0px;  padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;}

/* Warenkorb-Button */
.wk_btn2 {
  color: #FFF;
  font-weight: bold;
  width: 130; height: 24px;
  border: 1px solid #de8e15;
  background-image: url(../images/content/hg_btn_orange.gif);
  background-repeat:repeat-x;
}
/* Warenkorb-Formular */
.artikel_wk_in2 {
  width: 30px; height: 22px;
  border: 1px solid #de8e15;
  background-color:#fff;
  color:#000;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;
  display: block; float: left;
  margin:0 2px 0 0 !important; padding: 0 0 0 0;
}

#det_wk select {
  height: 25px;
  background-color:#fff;
  color:#000;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em;
  display: block; float: left;
  margin:0 5px 0 0 !important; padding: 0 0 0 0;
}

.det_artikel_listenpreis { font-size: 1.0em !important; font-weight: bold;  display: block; }
/* Best-Price Bild*/
.det_artikel_listenpreis img{ background-color: transparent !important; border: 0px; margin: 0 0 -3px 5px;}

.det_artikel_stafpreis { color:#F00; font-size: 1.2em !important; font-weight: bold;   }

.artikel_tabelle h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em; color: #000; font-weight: bold;
  padding:0 7px 7px 10px !important; margin: 0 0 0 0 !important;
}

.artikel_tabelle ul { padding:0 0 0 0; margin: 0 0 0 10px; }
.artikel_tabelle li { list-style: none;}
.artikel_tabelle a span { display: none;  }

/* Allgemeine Tabelle Artikel-Details */
.table_allg_art_detail {

  border-spacing:0px; /*Fuer Firefox, Opera und Co.*/
  border-collapse:collapse; /*Fuer IE*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table_allg_art_detail td {
  vertical-align: top;

}

/*
------------------------------------------------
 Content - Back-, Up-, Down-Button
------------------------------------------------
*/
/*Button - Back*/
a.back, a.back:link, a.back:visited {
  width: 12px; height: 14px;
  display: block; float: left;
  background-image: url(../images/content/back.gif) !important; background-repeat: no-repeat;
  margin: 0 6px 0 0 !important; padding:0 0 0 0 !important;
}
a.back:hover,a.back:focus { background-image: url(../images/content/back.gif) !important; background-repeat: no-repeat; }

/*Button - Up*/
a.up, a.up:link, a.up:visited {
  width: 12px; height: 14px;
  display: block; float: left;
  background-image: url(../images/content/up.gif) !important; background-repeat: no-repeat;
  margin: 0 6px 0 0 !important; padding:0 0 0 0 !important;
}
a.up:hover,a.up:focus { background-image: url(../images/content/up.gif) !important; background-repeat: no-repeat; }

/*Button - Down*/
a.down, a.downk:link, a.down:visited {
  width: 12px; height: 14px;
  display: block; float: left;
  background-image: url(../images/content/down.gif) !important; background-repeat: no-repeat;
  margin: 0 6px 0 0 !important; padding:0 0 0 0 !important;
}
a.down:hover,a.down:focus { background-image: url(../images/content/down.gif) !important; background-repeat: no-repeat; }

/*
------------------------------------------------
 Content - Seitenverlauf
------------------------------------------------
*/

p.verlauf1 {
  color: #b2b2b2;
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.7em;
  padding:0 7px 10px 0; margin: 0 0 0 0;
}

p.verlauf1 a,p.verlauf1 a:hover,p.verlauf1 a:visited {
  display: block; float: left;
  margin: 2px 5px 0 0; padding: 0 0 0 10px;
  background-image: url(../images/content/pfeil_hg_weiss.gif);
  background-repeat: no-repeat; background-position: 0 2px;
  color: #9b0000;
}
p.verlauf1 a:hover,p.verlauf1 a:focus{ text-decoration: none;}
p.verlauf1 span{ display: none;}


/*
------------------------------------------------
 Content - Seitenwechsel und Ansichts-Button
------------------------------------------------
*/
/* Absatz */
p.verlauf2 {
  width: 95%;
  color: #000 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.75em;
  padding: 10px 7px 10px 10px; margin: 0 0 0 0;
  display: block; float: left;
}

/* Absatz fuer IE6 */
*html p.verlauf2 {
  width: 95%;
  color: #000 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.75em;
  padding: 10px 7px 10px 10px; margin: 0 0 0 0;
  display: block; float: left;
}

/* Aktiver Link beim Seitenwechsel und der Ansicht */
a.ws_active, a.ws_inactive, a.ws_inactive:visited { padding: 1px 3px 1px 2px; color: #9b0000 !important; text-decoration: none; border: 1px solid #ededed;}
a.ws_active,a.ws_active:hover,a.ws_active:visited { background-color: #FFF; border-color: #9b0000; text-decoration: none;}
a.ws_inactive:hover { background-color: #FFF; border-color: #000; text-decoration: none;}

p.verlauf2 a span{ display: none;}

span.ansicht{ display: block; float: left; margin: 0 0 0 0; padding: 0 0 0 0;} /* Bezeichnung "Ansicht" */
span.ansicht_artikel{ margin: 0 0 0 10px;} /* Bezeichnung "Artikel pro Seite" */
span.ansicht_seite{ margin: 0 0 0 10px;} /* Bezeichnung "Seite" */

/*Button - Boxendarstellung*/
a.boxes, a.boxes:link a.boxes:visited {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/boxes.gif);
  background-repeat: no-repeat;
  margin: -2px 0 0 3px;
}
a.boxes:hover,a.boxes:focus { background-image: url(../images/content/boxes_akt.gif); background-repeat: no-repeat; }
a.boxes_akt, a.boxes_akt:link, a.boxes_akt:visited,a.boxes_akt:hover,a.boxes_akt:focus {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/boxes_akt.gif);
  background-repeat: no-repeat;
  margin: -2px 0 0 3px;
}

/*Button - Bilduebersicht*/
a.list_image, a.list_image:link a.list_image:visited {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/liste_bild.gif);
  background-repeat: no-repeat;
  margin: -2px 0 0 0;
}
a.list_image:hover,a.list_image:focus { background-image: url(../images/content/liste_bild_akt.gif); background-repeat: no-repeat; }
a.list_image_akt, a.list_image_akt:link, a.list_image_akt:visited,a.list_image_akt:hover,a.list_image_akt:focus {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/liste_bild_akt.gif);
  background-repeat: no-repeat;
  margin: -2px 0 0 0;
}


/*Button - Anzahl Artikel 10*/
a.s10, a.s10:link a.s10:visited {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/10.gif);
  background-repeat: no-repeat;
  margin: -2px 0 5px 0;
}
a.s10:hover,a.s10:focus { background-image: url(../images/content/10_akt.gif); background-repeat: no-repeat; }
a.s10_akt, a.s10_akt:link, a.s10_akt:visited,a.s10_akt:hover,a.s10_akt:focus {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/10_akt.gif);
  background-repeat: no-repeat;
  margin: -2px 0 5px 0;
}

/*Button - Anzahl Artikel 30*/
a.s30, a.s30:link a.s30:visited {
  width:20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/30.gif);
  background-repeat: no-repeat;
  margin: -2px 0 5px 0;
}
a.s30:hover,a.s30:focus { background-image: url(../images/content/30_akt.gif); background-repeat: no-repeat; }
a.s30_akt, a.s30_akt:link, a.s30_akt:visited,a.s30_akt:hover,a.s30_akt:focus {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/30_akt.gif);
  background-repeat: no-repeat;
  margin: -2px 0 5px 0;
}

/*Button - Anzahl Artikel 50*/
a.s50, a.s50:link, a.s50:visited {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/50.gif);
  background-repeat: no-repeat;
  margin: -2px 10px 5px 0;
}
a.s50:hover,a.s50:focus { background-image: url(../images/content/50_akt.gif); background-repeat: no-repeat; }
a.s50_akt, a.s50_akt:link, a.s50_akt:visited,a.s50_akt:hover,a.s50_akt:focus {
  width: 20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/50_akt.gif);
  background-repeat: no-repeat;
  margin: -2px 10px 5px 0;
}

/*
-------------------------------------------------------
 Content -  Startseite-Boxen -  LOGINS
-------------------------------------------------------
*/
/*div Rahmen*/
.mitte1 {width:100%; margin:0 0 0.3em 0;}
.mitte1_o1, .mitte1_o2, .mitte1_o3, .mitte1_o4, .mitte1_u1, .mitte1_u2, .mitte1_u3, .mitte1_u4 {display:block; overflow:hidden;}
.mitte1_o1, .mitte1_o2, .mitte1_o3, .mitte1_u1, .mitte1_u2, .mitte1_u3 {height:1px;}

/*Oben*/
.mitte1_o1 { margin:0 0.3em; background:#cecece;}
.mitte1_o2 {
  background-image: url(../images/ecke/ecke_silber1.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.mitte1_o3 {
  background-image: url(../images/ecke/ecke_silber2.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.mitte1_o4 {
  background-image: url(../images/ecke/ecke_silber3.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/*Unten*/
.mitte1_u1 { margin:0 0.3em; background:#cecece;}
.mitte1_u2 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.mitte1_u3 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.mitte1_u4 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Fuer oben und unten*/
.mitte1_o2, .mitte1_u2 { margin:0 3px; border-width:0 2px;}
.mitte1_o3, .mitte1_u3 { margin:0 2px;}
.mitte1_o4, .mitte1_u4 { height:2px; margin:0 1px;}

/*Inhalt*/
.mitte1_content {
  background-image: url(../images/ecke/ecke_silber4.jpg);
  background-repeat: no-repeat; background-position: right top;
  display:block; height: auto;
  padding:5px 0 2px 0; background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* HTML-Elemente*/
.mitte1 h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.88em; font-weight: bold;
  color: #9b0000;
  padding:0 7px 17px 10px; margin: 0 0 0 0;
}
.mitte1 p { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.75em; color: #000; padding:0 7px 0 7px;}
.mitte1 a,.mitte1 a:hover,.mitte1 a:visited { color: #9b0000; text-decoration: underline;}
.mitte1 a:hover,.mitte1 a:focus             { text-decoration: none;}
.form_zelle { display: block; float: left; width: 220px; }
.form_zeile { display: block; float: left; width: 100%; margin: 0 0 5px 0;}

/* Shop-Login-Formular */
#start_loginform         { margin: 0 0 0 0; padding: 7px 7px 7px 7px; }
#start_loginform legend  { display: none; }
#start_loginform fieldset{ margin: 0 0 0 0; padding: 0 0 0 0; border: 0px; }
#start_loginform label   {
  font-size: 0.75em; font-weight: bold;
  color: #9b0000;
  margin: 3px 0 0 5px; padding: 0 0 0 0;
  display: block; float: left;
  width: 100px;
}

#start_loginform input{
  font-size: 0.8em;
  border: 1px solid #cecece;
  width: 100px;
  background-color: #fff; color: #000;
  margin: 0 0 0 5px; padding: 3px 0 3px 0;
  display: block; float: left;
}
#start_loginform input:focus{ border: 1px solid #de8e15 !important; }

#start_loginform button{
  background-image: url(../images/content/hg_btn_orange.gif);
  background-repeat: repeat-x;

  font-size: 0.75em;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #de8e15;
  width: auto;
  background-color: #de8e15; color: #FFF;
  margin: 0 0 0 5px; padding: 2px 2px 2px 2px;

}

/* CSV-Login-Formular */
#csv_loginform         { margin: 0 0 0 0; padding: 7px; }
#csv_loginform legend  { display: none; }
#csv_loginform fieldset{ margin: 0 0 0 0; padding: 0 0 0 0; border: 0px; }
#csv_loginform label   {
  font-size: 0.75em; font-weight: bold;
  color: #000;
  margin: 3px 0 0 5px; padding: 0 0 0 0;
  display: block; float: left;
  width: 100px;
}

#csv_loginform input{
  font-size: 0.8em;
  border: 1px solid #cecece;
  width: 100px;
  background-color: #fff; color: #000;
  margin: 0 0 0 5px; padding: 3px 0 3px 0;
  display: block; float: left;
}
#csv_loginform input:focus{ border: 1px solid #de8e15 !important; }

#csv_loginform button{
  background-image: url(../images/content/hg_btn_bordaux.gif);
  background-repeat: repeat-x;

  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #9b0000;
  width: auto;
  background-color: #9b0000; color: #FFF;
  margin: 0 0 0 5px; padding: 2px 2px 2px 2px;

}
/*
-------------------------------------------------------
 Content -  Startseite-Boxen -  AKTUELLES
-------------------------------------------------------
*/


/*div Rahmen*/
.aktuell { width:100%; margin:0 0 0.3em 0;}
.aktuell_o1, .aktuell_o2, .aktuell_o3, .aktuell_o4, .aktuell_u1, .aktuell_u2, .aktuell_u3, .aktuell_u4 {display:block; overflow:hidden;}
.aktuell_o1, .aktuell_o2, .aktuell_o3, .aktuell_u1, .aktuell_u2, .aktuell_u3 {height:1px;}

/*Oben*/
.aktuell_o1 { margin:0 0.3em; background:#cecece;}
.aktuell_o2 {
  background-image: url(../images/ecke/ecke_silber1.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.aktuell_o3 {
  background-image: url(../images/ecke/ecke_silber2.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.aktuell_o4 {
  background-image: url(../images/ecke/ecke_silber3.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/*Unten*/
.aktuell_u1 { margin:0 0.3em; background:#cecece;}
.aktuell_u2 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.aktuell_u3 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.aktuell_u4 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Fuer oben und unten*/
.aktuell_o2, .aktuell_u2 {margin:0 3px; border-width:0 2px;}
.aktuell_o3, .aktuell_u3 {margin:0 2px;}
.aktuell_o4, .aktuell_u4 {height:2px; margin:0 1px;}

/*Inhalt*/
.aktuell_content {
  background-image: url(../images/ecke/ecke_silber4.jpg);
  background-repeat: no-repeat; background-position: right top;
  display:block; height: auto;
  padding:5px 0 10px 0;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* HTML-Elemente*/
.aktuell h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.88em;   color: #9b0000; font-weight: bold;
  padding:0 7px 10px 10px; margin: 0 0 0 0;
}
.aktuell p { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.75em; color: #000; padding:0 7px 0 7px;}
.aktuell a,.aktuell a:hover,.aktuell a:visited { color: #9b0000; text-decoration: underline;}
.aktuell a:hover,.aktuell a:focus             { text-decoration: none;}

a.right_neuzugang, a.right_neuzugang:link, a.right_neuzugang:visited {
  display: block; color: #9b0000;
  text-decoration: none;
  margin: 0 0 5px 0;
}
a.right_neuzugang:hover,a.right_neuzugang:focus { text-decoration: none; }

.start_aktuell_date { color: #000; font-weight: bold; display: block;  }
.start_aktuell_link { text-decoration: underline; }

/* Link mit Pfeil oder Symbol*/
a.start_aktuell_rss,a.start_aktuell_rss:hover,a.start_aktuell_rss:visited {
  color: #9b0000;
  margin: 0 0 0 0; padding: 4px 0 4px 25px;
  background-image: url(../images/content/rss.gif);
  background-repeat: no-repeat; background-position: 0 5px;
}
a.start_aktuell_rss:hover,a.start_aktuell_rss:focus{ text-decoration: none; }

a.start_aktuell_alle,a.start_aktuell_alle:hover,a.start_aktuell_alle:visited {
  color: #9b0000;
  margin: 2px 0 5px 0; padding: 0 0 0 10px;
  background-image: url(../images/content/pfeil.gif);
  background-repeat: no-repeat; background-position: 0 2px;
}
a.start_aktuell_alle:hover,a.start_aktuell_alle:focus{ text-decoration: none;}

/*
-------------------------------------------------------
 Content -  Startseite-Boxen -  SONDERANGEBOTE
-------------------------------------------------------
*/

/*div Rahmen*/
.sonder { width:100%; margin:0 0 0.3em 0;}
.sonder_o1, .sonder_o2, .sonder_o3, .sonder_o4, .sonder_u1, .sonder_u2, .sonder_u3, .sonder_u4 {display:block; overflow:hidden;}
.sonder_o1, .sonder_o2, .sonder_o3, .sonder_u1, .sonder_u2, .sonder_u3 {height:1px;}

/*Oben*/
.sonder_o1 { margin:0 0.3em; background:#cecece;}
.sonder_o2 {
  background-image: url(../images/ecke/ecke_silber1.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.sonder_o3 {
  background-image: url(../images/ecke/ecke_silber2.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.sonder_o4 {
  background-image: url(../images/ecke/ecke_silber3.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/*Unten*/
.sonder_u1 { margin:0 0.3em; background:#cecece;}
.sonder_u2 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.sonder_u3 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.sonder_u4 { background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Fuer oben und unten*/
.sonder_o2, .sonder_u2 {margin:0 3px; border-width:0 2px;}
.sonder_o3, .sonder_u3 {margin:0 2px;}
.sonder_o4, .sonder_u4 {height:2px; margin:0 1px;}

/*Inhalt*/
.sonder_content {
  background-image: url(../images/ecke/ecke_silber4.jpg);
  background-repeat: no-repeat; background-position: right top;
  display:block; height: auto; padding:5px 0 10px 0;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* HTML-Elemente*/
.sonder h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.88em; color: #9b0000; font-weight: bold;
  padding:0 7px 7px 10px;  margin: 0 0 0 0;
}
.sonder p { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.75em; color: #000; padding:0 7px 0 10px; margin: 0 0 0 0;}
.sonder a span{ display: none;}

.kat{ display: block; float: left; width: 100%; margin-bottom: 10px;}

a.kat_go,a.kat_go:hover,a.kat_go:visited,a.kat_go:hover,a.kat_go:focus{
  display: block; float: left;
  margin: 7px; padding: 0;
  width: 80px; height: 80px;
  background-image: url(../images/content/sonder.jpg);
  background-repeat: no-repeat;
}

a.kat_si,a.kat_si:hover,a.kat_si:visited,a.kat_si:hover,a.kat_si:focus{
  display: block; float: left;
  margin: 7px; padding: 0;
  width: 80px; height: 80px;
  background-image: url(../images/content/neuz_si.jpg);
  background-repeat: no-repeat;
}

a.kat_amd,a.kat_amd:hover,a.kat_amd:visited,a.kat_amd:hover,a.kat_amd:focus{
  display: block; float: left;
  margin: 7px; padding: 0;
  width: 80px; height: 80px;
  background-image: url(../images/content/neuz_amd.jpg);
  background-repeat: no-repeat;
}

a.kat_mo,a.kat_mo:hover,a.kat_mo:visited,a.kat_mo:hover,a.kat_mo:focus{
  display: block; float: left;
  margin: 7px; padding: 0;
  width: 80px; height: 80px;
  background-image: url(../images/content/neuz_mo.jpg);
  background-repeat: no-repeat;
}

a.kat_gl,a.kat_gl:hover,a.kat_gl:visited,a.kat_gl:hover,a.kat_gl:focus{
  display: block; float: left;
  margin: 7px; padding: 0;
  width: 80px; height: 80px;
  background-image: url(../images/content/neuz_gl.jpg);
  background-repeat: no-repeat;
}

a.kat_verp,a.kat_verp:hover,a.kat_verp:visited,a.kat_verp:hover,a.kat_verp:focus{
  display: block; float: left;
  margin: 7px; padding: 0;
  width: 80px; height: 80px;
  background-image: url(../images/content/neuz_verp.jpg);
  background-repeat: no-repeat;
}


/*
------------------------------------------------
 Content - WARENKORB
------------------------------------------------
*/
.wk_verlauf  {
  display: block; float: left;
  height: 31px; width: 100%;
  background-image: url(../images/content/hg_wk_verlauf.gif); background-repeat: repeat-x;
  margin: 20px 0 0 0; padding: 0 0 0 0;
  border-bottom: 1px solid #cecece;
}
.wk_verlauf ul {margin: 0 0 0 0; padding: 0 0 0 0;}
.wk_verlauf li {display: inline;}

a.wk_verlauf_link, a.wk_verlauf_link:link, a.wk_verlauf_link:visited {
  color: #5e5e5e;
  display: block; float: left;
  font-weight: bold; font-size: 0.8em;
  text-decoration: none;
  height: 25px;
  margin: 0 0 0 0; padding: 6px 20px 0 20px;
}

a.wk_verlauf_link:hover,a.wk_verlauf_link:focus { text-decoration: none; }

a.wk_verlauf_link_akt, a.wk_verlauf_link_akt:link, a.wk_verlauf_link_akt:visited {
  color: #FFF;
  display: block; float: left;
  font-weight: bold; font-size: 0.8em;
  text-decoration: none;
  height: 25px;
  background-image: url(../images/content/hg_wk_verlauf_abtn.gif);
  background-repeat: no-repeat; background-position: top right;
  margin: 0 0 0 0; padding: 6px 20px 0 20px;
  border-left: 1px solid #FFF;
}

a.wk_verlauf_link_akt:hover,a.wk_verlauf_link_akt:focus { text-decoration: none; }

a.wk_verlauf_link_ready, a.wk_verlauf_link_ready:link, a.wk_verlauf_link_ready:visited {
  color: #acacac;
  display: block; float: left;
  font-weight: bold; font-size: 0.8em;
  text-decoration: none;
  height: 25px;
  margin: 0 0 0 0; padding: 6px 20px 0 20px;
}
a.wk_verlauf_link_ready:hover,a.wk_verlauf_link_ready:focus { color: #5e5e5e; text-decoration: none; }


.wk_verlauf li span {
  color: #acacac;
  display: block; float: left;
  font-weight: bold; font-size: 0.8em;
  text-decoration: none;
  height: 25px;
  margin: 0 0 0 0; padding: 6px 20px 0 20px;
}

/* WK-Tabelle */
#table_wk {
  width: 100%;
  border-spacing:0px; /*Fuer Firefox, Opera und Co.*/
  border-collapse:collapse; /*Fuer IE*/
  float: left;
}

/* WK-Tabelle fuer IE 6*/
*html #table_wk {
  width: 100%;
  border-collapse:collapse; /*Fuer IE*/
  display: block; float: left;
}

#table_wk thead tr {
  height: 25px;
  background-color: #fbfbfb;

}
#table_wk tbody tr       { background-color: transparent;}
#table_wk tbody tr:hover { background-color: #e6e6e6;}

/* Tabellenkopf-Zelle Artikelnummer*/
th.th_artnr {
  width: 90px;
  border-right: 1px solid #cecece;
  font-weight: bold; font-size: 0.7em;
  background-color: #fbfbfb;
  text-align: left;
  padding: 0 4px 0 4px;
  border-bottom: 1px solid #cecece;
}
/* Tabellenkopf-Zelle Beschreibung*/
th.th_descr {
  font-weight: bold; font-size: 0.7em;
  background-color: #fbfbfb;
  border-right: 1px solid #cecece; border-bottom: 1px solid #cecece;
  text-align: left;
  padding: 0 4px 0 4px;


}

/* Tabellenkopf-Zelle Menge*/
th.th_menge {
  width: 75px;
  font-weight: bold; font-size: 0.7em;
  background-color: #fbfbfb;
  border-right: 1px solid #cecece; border-bottom: 1px solid #cecece;
  text-align: left;
  padding: 0 4px 0 4px;

}

/* Tabellenkopf-Zelle Einzelpreis*/
th.th_einzel {
  width: 70px;
  font-weight: bold; font-size: 0.7em;
  background-color: #fbfbfb;
  border-right: 1px solid #cecece; border-bottom: 1px solid #cecece;
  text-align: right;
  padding: 0 4px 0 4px;

}

/* Tabellenkopf-Zelle Gesamtpreis*/
th.th_gesamt {
  width: 110px;
  font-weight: bold; font-size: 0.7em;
  background-color: #eabc6d;
  border-right: 1px solid #eabc6d; border-bottom: 1px solid #cecece;
  color: #9b0000;
  text-align: right;
  padding: 0 4px 0 4px;

}


/* Tabellenkopf-Zelle Artikelnummer*/
.td_artnr {
  width: 90px; height: 22px;
  font-size: 0.7em;
  text-align: left;
  padding: 2px;
  border-right: 1px solid #cecece;  border-bottom: 1px solid #cecece;
}
.td_artnr a span{ display: none;}

a.aartnr, a.aartnr:link, a.aartnr:visited {
  color: #9b0000;
  text-decoration: underline;
  margin: 0 0 0 3px;
  display: block; float: left;
}
a.aartnr:hover, a.aartnr:focus { color: #5e5e5e; text-decoration: none; }

/* Button - Artikelbild */
a.wk_img, a.wk_img:link, a.wk_img:visited,a.wk_img:hover,a.wk_img:focus {
  width:20px; height: 20px;
  display: block; float: left;
  background-image: url(../images/content/wk_img.gif);
  background-repeat: no-repeat;
  margin: -3px 0 0 0;
}
a.wk_img span{ display: none;}

/* Tabellenkopf-Zelle Beschreibung*/
.td_descr {
  font-size: 0.7em;
  text-align: left;
  padding: 2px;
  border-right: 1px solid #cecece;  border-bottom: 1px solid #cecece;
}


/* Tabellenkopf-Zelle Menge*/
.td_menge {
  width: 75px;
  font-size: 0.75em;
  text-align: center;
  padding: 2px;
  border-right: 1px solid #cecece; border-bottom: 1px solid #cecece;
}

/* Tabellenkopf-Zelle Einzelpreis*/
.td_einzel {
  width: 70px;
  font-size: 0.75em;
  text-align: right;
  padding: 2px;
  border-right: 1px solid #cecece; border-bottom: 1px solid #cecece;
}
/* Tabellenkopf-Zelle Gesamtpreis*/
.td_gesamt {
  width: 120px;
  font-size: 0.75em;
  background-color: #ffeed2;
  border-right: 1px solid #ffeed2;   border-bottom: 1px solid #cecece;
  text-align: right;
  padding: 2px;
}

/* Zwischensumme 1 */
.tr_foot_zw1 {
  font-size: 0.75em; font-weight: bold;
  height: 25px;
  background-color: #fbfbfb;
  border-right: 1px solid #fbfbfb;  border-bottom: 1px solid #cecece;
  text-align: right;
  padding: 2px;
}
.tr_foot_zw2 {
  font-size: 0.75em; font-weight: bold;
  height: 25px;
  background-color: #fbfbfb;
  border-right: 1px solid #fbfbfb;  border-bottom: 1px solid #cecece;
  text-align: right;
  padding: 2px;
}

/* Zwischensumme 2 */
.tr_foot_zw2_1 {
  font-size: 0.75em; font-weight: bold;
  height: 25px;
  background-color: #fbfbfb;
  border-right: 1px solid #fbfbfb;
  border-bottom: 1px solid #cecece; border-top: 1px solid #cecece;
  text-align: right;
  padding: 2px;
}
.tr_foot_zw2_2 {
  font-size: 0.75em; font-weight: bold;
  height: 25px;
  background-color: #fbfbfb;
  border-right: 1px solid #fbfbfb;
  border-bottom: 1px solid #cecece; border-top: 1px solid #cecece;
  text-align: right;
  padding: 2px;
}


/* Versandkosten */
.tr_foot_vers1 {
  font-size: 0.75em;
  height: 25px;
  border-right: 1px solid #cecece;
  text-align: right;
  padding: 2px 5px 2px 2px ;
}
.tr_foot_vers2 {
  font-size: 0.75em;
  background-color: #ffeed2;
  height: 25px;
  border-right: 1px solid #ededed;
  text-align: right;
  padding: 2px;
}

/* Rabatt */
.tr_foot_rab1 {
  font-size: 0.75em; color: #9b0000;
  height: 25px;
  border-right: 1px solid #cecece;
  text-align: right;
  padding: 2px 5px 2px 2px ;
}
.tr_foot_rab2 {
  font-size: 0.75em; color: #9b0000;
  background-color: #ffeed2;
  height: 25px;
  border-right: 1px solid #ededed;
  text-align: right;
  padding: 2px;
}

/* Versandkosten */
.tr_foot_mwst1 {
  font-size: 0.75em;
  height: 25px;
  border-right: 1px solid #cecece;
  text-align: right;
  padding: 2px 5px 2px 2px ;
}
.tr_foot_mwst2 {
  font-size: 0.75em;
  background-color: #ffeed2;
  height: 25px;
  border-right: 1px solid #ededed;
  text-align: right;
  padding: 2px;
}

/* Gesamtsumme */
.tr_foot_ges1 {
  font-size: 0.75em; font-weight: bold;
  color: #9b0000;
  height: 25px;
  background-color: #fbfbfb;
  border-right: 1px solid #fbfbfb;
  border-bottom: 1px solid #de8e15;  border-top: 1px solid #de8e15;
  text-align: right;
  padding: 2px;
}
.tr_foot_ges2 {
  font-size: 0.75em; font-weight: bold;
  color: #9b0000;
  height: 25px;
  background-color: #fbfbfb;
  border-right: 1px solid #fbfbfb;
  border-bottom: 1px solid #de8e15;  border-top: 1px solid #de8e15;
  text-align: right;
  padding: 2px;
}

/* Zahlung auswaehlen */
.tr_foot_zahlung1 {
  font-size: 0.75em; font-weight: bold;
  color: #000;
  height: 25px;
  border-bottom: 1px solid #cecece;
  text-align: right;
  padding: 10px 2px 10px 2px;
  background-color: #e6e6e6;
}
/* Selectz-Feld */
.tr_foot_zahlung1 select {
  text-align: left !important;
  color: #000;
  width: 400px;
  border: 1px solid #cecece;
  text-align: right;
  margin: 3px 5px 0 0;
  background-color: #FFF;
}

/* Dropshipping auswaehlen */
.tr_foot_zahlung2 {
  font-size: 0.75em; font-weight: bold;
  color: #9b0000;
  height: 25px;
  text-align: right;
  padding: 10px 2px 10px 2px;
  background-color: #ffeed2;
}
/* Selectz-Feld */
.tr_foot_zahlung2 select {
  text-align: left !important;
  color: #000;
  width: 100px;
  border: 1px solid #cecece;
  text-align: right;
  margin: 0 5px 0 0;
  background-color: #FFF;
}

tfoot form{ margin: 0 0 0 0; padding: 0 0 0 0;}

.wk_ende  {
  text-align: right !important;
  display: block; float: left;
  height: 31px; width: 100%;
  background-image: url(../images/content/hg_wk_verlauf.gif); background-repeat: repeat-x;
  margin: 0 0 10px 0; padding: 0 0 0 0;
  border-bottom: 1px solid #cecece;
}
a.wk_weiter, a.wk_weiter:link, a.wk_weiter:visited {
  color: #FFF;
  font-weight: bold; font-size: 0.8em;
  text-decoration: none;
  display: block;
  background-image: url(../images/content/hg_wk_verlauf_abtn.gif);
  background-repeat: no-repeat; background-position: top right;
  margin: 0 0 0 0; padding: 6px 20px 10px 20px;
}

/*Button - Artikel loeschen*/
a.wk_del, a.wk_del:link, a.wk_del:visited,a.wk_del:hover,a.wk_del:focus {
  width:20px; height: 20px;
  float: right;
  background-image: url(../images/content/wk_del.gif);
  background-repeat: no-repeat;
  margin: -3px 0 0 5px;
}
a.wk_del span{ display: none;}

/* Warenkorb-Menge aktualisieren Formular */
.artikel_wk_add {
  width: 30px; height: 17px;
  border: 1px solid #cecece;
  background-color:#fff;
  color:#000;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;
  display: block; float: left;
  margin:2px 2px 2px 2px !important; padding: 0 0 0 0;
}

/* Warenkorb-Button */
.wk_add {
  display: block; float: left;
  width: 15px; height: 17px;
  border: 0px; background-color:transparent;
  background-image: url(../images/content/wk_add.gif);
  background-repeat:no-repeat;
  background-position: -5px 0;
}

/*
------------------------------------------------
 Content - BESTELLHINWEISE
------------------------------------------------
*/
#agb_field{
  width: 100%; height: 300px;
  overflow: scroll;
  background-color: #FFF;
  border-bottom: 1px solid #cecece;
  float: left;
}
#agb_field h2{ color: #9b0000; margin: 10px 0 10px 0; font-size: 0.75em; font-weight: bold;}
#agb_field p{ margin: 0; font-size: 0.75em; display: block; float: none; width: auto;}


#agb_field a, #agb_field a:link, #agb_field a:visited {
  background-image: url(../images/content/pdf.gif);
  background-repeat:no-repeat;
  color: #9b0000;
  text-decoration: underline;
  padding: 0 0 3px 20px;
}
#agb_field a:hover, #agb_field a:focus { text-decoration: none; }

a.pdf, a.pdf:link, a.pdf:visited {
  background-image: url(../images/content/pdf.gif);
  background-repeat:no-repeat;
  color: #9b0000;
  text-decoration: underline;
  padding: 0 0 3px 20px;
}
a.pdf:hover, a.pdf:focus { text-decoration: none; }

/*  Absaetze vor dem Weiter-Link (floaten)*/
.last{ display: block; float: left; }

/*
------------------------------------------------
 Content - BESTELLUNG
------------------------------------------------
*/

#order { padding: 0 0 0 0; margin: 0 0 0 0; }
.hinweise1 {
   width: 100%;
   background-color: #fbfbfb;
   border-top: 1px solid #FFF; border-bottom: 1px solid #cecece;
   display: block; float: left;
}
.hinweise1 p { color: #F00 !important; font-weight: bold; }

.hinweise2 {
   width: 100%;
   background-color: #e6e6e6;
   display: block; float: left;
}
.hinweise3 {
   width: 100%;
   color: #9b0000 !important;
   background-color: #ffeed2;
   border-top: 1px solid #cecece;
   display: block; float: left;
}
.hinweise3 p { color: #9b0000 !important;}

/* Wird auch in Erw. Suche benutzt*/
.hinweise4 {
   width: 100%;
   background-color: #e6e6e6;
   display: block; float: left;
   border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;
   margin: 0 0 20px 0;
}


a.print_site, a.print_site:link, a.print_site:visited {
  background-image: url(../images/content/print.gif);
  background-repeat:no-repeat;
  color: #9b0000;
  text-decoration: underline;
  padding: 0 0 8px 22px;
}
a.print_site:hover, a.print_site:focus { text-decoration: none; }

/*  Absaetze vor dem Weiter-Link (floaten)*/
.last{ display: block; float: left; }


.order_left{ display: block; float: left; }

/* Zwischenueberschrift Kundendaten */
.z_ue {
   color: #9b0000 !important;
   width: 100%;
   display: block; float: left;
   background-color: #e6e6e6;
   border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;
   font-size: 0.75em; font-weight: bold;
   text-indent: 7px; padding: 7px 0 7px 0;
}

/* Tabelle Kundendaten*/
.kundendaten_order{
   width: 99%;
   display: block; float: left;
}

.kundendaten_order td{
   font-size: 0.75em;
   padding: 2px 2px 2px 7px;
}

td.kunden_spalte_1{
   font-size: 0.75em;
   width: 130px;
}
td.kunden_spalte_2{
   font-size: 0.75em;
   width: 220px;

}
td.kunden_spalte_3{
   font-size: 0.75em;

}

input.kdaten_norm    {
  width: 200px; height: 18px;
  border: 1px solid #c8c8c8;
  font-size: 13px; color: #000;
  background-color: #FFF;

}

input.kdaten_mittel    {
  width: 110px; height: 18px;
  border: 1px solid #c8c8c8;
  font-size: 12px; color: #000;
  background-color: #FFF;
}

input.kdaten_klein    {
  width: 75px; height: 18px;
  border: 1px solid #c8c8c8;
  font-size: 13px; color: #000;
  background-color: #FFF;

}

textarea{
  border: 1px solid #c8c8c8;
  font-size: 13px; color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFF;
}

button.bestellung{
  background-image: url(../images/content/hg_best_verlauf.gif);
  background-repeat: no-repeat; background-position: right;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: bold;
  border: 0px;
  background-color: transparent; color: #FFF;
  margin: 0 0 0 0; padding: 0 20px 0 20px;
  height: 31px; width: auto;
}


/*
------------------------------------------------
 Content - Ajaxtabs - Startseite
------------------------------------------------
*/

.ajaxtabs {
  padding: 5px 0; margin:1px 0 0 10px;
  font-size: 0.75em; font-weight: normal;
  list-style-type: none; text-align: left;
  z-index: 500;
}
.ajaxtabs li { display: inline; margin: 0; }
.ajaxtabs li a  {
  text-decoration: none;
  padding: 5px 7px; margin-right: 3px;
  border: 1px solid #cecece; color: #000;
  background: white url(../images/content/ajax/shade.gif) top left repeat-x;
}
.ajaxtabs li a:visited                    { text-decoration: none; color: #000; }
.ajaxtabs li a:hover,.ajaxtabs li a:focus { text-decoration: none; color: #9b0000; }
.ajaxtabs li.selected                     { position: relative; top: 1px;}

.ajaxtabs li.selected a                                    { text-decoration: none; background: #FFF; border-bottom-color: white; color: #9b0000;}
.ajaxtabs li.selected a:hover,.ajaxtabs li.selected a:focus{ text-decoration: none;}

/* Ajax-Inhaltsbereich 1 (oben)*/
.ajax_content1   {
  border-top: 1px solid #cecece;
  width: 100%; height: auto;
  min-height: 9.5em !important;
  background-image: url(../images/content/ajax/hg.gif);
  background-repeat: repeat-x;
}
/* Fuer IE6 Ajax-Inhaltsbereich 1 (oben)*/
*html .ajax_content1   {
  border-top: 1px solid #cecece;
  width: 100%; height: 10.5em !important;
  background-image: url(../images/content/ajax/hg.gif);
  background-repeat: repeat-x;
}

.ajax_content1 p { margin: 10px 5px 5px 5px ;}

/* Ajax-Inhaltsbereich 2 (unten)*/
.ajax_content2   {
  border-top: 1px solid #cecece;
  width: 100%; height: auto;
  min-height: 10em !important;
  background-image: url(../images/content/ajax/hg.gif);
  background-repeat: repeat-x;
}
/* Fuer IE6 Ajax-Inhaltsbereich 2 (unten)*/
*html .ajax_content2   {
  border-top: 1px solid #cecece;
  width: 100%; height: 11.0em !important;
  background-image: url(../images/content/ajax/hg.gif);
  background-repeat: repeat-x;
}

.ajax_content2 p { margin: 10px 5px 5px 5px ;}

/*
------------------------------------------------
 Content - Tooltip
------------------------------------------------
*/
#dhtmltooltip{
  position: absolute;
  left: -300px; width: auto;
  border: 1px solid #de8e15;
  padding: 2px;
  background-color: #FFF;
  visibility: hidden; z-index: 100;
}

#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden;
}

.ue_tooltip {
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.7em;
  color: #9b0000; font-weight: bold;
  padding:0 7px 7px 3px !important; margin: 0 0 0 0 !important;
}
.p_tooltip  {
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.7em;
  color: #000;
  padding:0 0 3px 3px !important; margin: 0 0 0 0 !important;
}
.p_tooltip2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.8em;
  font-weight: bold; color: #F00;
  padding:0 0 3px 3px !important; margin: 0 0 0 0 !important;
}
.p_tooltip3 {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em;
  color: #000;
  padding:0 0 3px 3px !important; margin: 0 0 0 0 !important;
}
.tooltip_red { color: #F00 !important;}

/*
------------------------------------------------
 Content - Lightbox (by Lokesh Dhakar - http://www.huddletogether.com)
 Tool zur Ansich der Maxi-Bilder
------------------------------------------------
*/

#lightbox       { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }

#outerImageContainer{
  position: relative; margin: 0 auto;
  background-color: #fff;
  border-top: 1px solid #cecece; border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  width: 250px;  height: 250px;
}

#imageContainer{ padding: 10px; }

#loading{
	position: absolute; top: 40%;	 left: 0%;
  height: 25%; width: 100%;
  text-align: center;	line-height: 0;
}

#hoverNav                 { position: absolute; top: 0; left: 0;	height: 100%;	width: 100%; z-index: 10;	}
#imageContainer>#hoverNav { left: 0;}
#hoverNav a               { outline: none;}

#prevLink, #nextLink{
	width: 49%; height: 100%; display: block;
	background: transparent url(../images/content/lightbox/blank.gif) no-repeat; /* Trick fuer IE zum anzeigen des hover  */
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/content/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/content/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(../images/content/hg_xlbild.gif) !important ; background-repeat: repeat-x;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece; border-right: 1px solid #cecece;
	margin: 0 auto; line-height: 1.4em;
}

#imageData                {	padding:0 10px; color: #850000; }
#imageData #imageDetails  { width: 70%; float: left; text-align: left; }
#imageData #caption       { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0; left: 0;
	z-index: 90;
	width: 100%; height: 500px;
	background-color: transparent;
}

/* Min-Width */
.lbWidth           { position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px; }
* html .lbContent  { margin-left: -790px; position:relative; } /* IE6 */
* html .lbMinWidth { padding-left: 790px; } /* IE6 */

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix       { display: inline-block;}

/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix        { display: block;}
/* Ende hide from IE-mac */

/*
------------------------------------------------
 Content - Icons fuer Warenkorb und Warenzugang
------------------------------------------------
*/
a.left_wz           { display:none;}
a.left_wz span      { display:none; } /*Linkschrift ausblebnden*/
a.left_wk           { display:none;}
a.left_wk span      { display:none; } /*Linkschrift ausblebnden*/

/*
------------------------------------------------
 Content - Erweiterte Suche
------------------------------------------------
*/
/* Shop-Login-Formular */
#erw_such_form         { margin: 0 0 0 0; padding: 7px 7px 0 7px; }
#erw_such_form legend  { display: none; }
#erw_such_form fieldset{ margin: 0 0 0 0; padding: 0 0 0 0; border: 0px; }
#erw_such_form label   {
  font-size: 0.75em; color: #000;
  margin: 3px 0 0 3px; padding: 0 0 0 0;
  display: block; float: left;
}

#erw_such_form input{
  border: 1px solid #cecece;
  font-size: 0.8em;
  width: 200px;
  background-color: #fff; color: #000;
  margin: 0 0 0 5px; padding: 1px 0 1px 0;
}
#erw_such_form input:focus{ border: 1px solid #de8e15 !important; }

#erw_such_form button{
  background-image: url(../images/content/hg_btn_orange.gif);
  background-repeat: repeat-x;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid #de8e15;
  width: 100px;
  background-color: #de8e15; color: #FFF;
  margin: 0 0 0 5px; padding: 2px 0 2px 0;

}
#erw_such_form select{
  margin: 0 0 0 5px;
  display: block; float: left;
  background-color: #FFF;
}

/*
------------------------------------------------
 Rechts - allgemein
------------------------------------------------
*/

.pos_right .zugang_content .form_zeile input { clear: left; }

/*
------------------------------------------------
 Rechts - Warenkorb
------------------------------------------------
*/

/*div Rahmen*/
.wk {width:100%; margin:0 0 0.3em 0;}
.wk_o1, .wk_o2, .wk_o3, .wk_o4, .wk_u1, .wk_u2, .wk_u3, .wk_u4 {display:block; overflow:hidden;}
.wk_o1, .wk_o2, .wk_o3, .wk_u1, .wk_u2, .wk_u3 {height:1px;}

/*Oben*/
.wk_o1 {margin:0 0.3em; background:#cecece;}
.wk_o2 {
  background-image: url(../images/ecke/ecke_gold1.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.wk_o3 {
  background-image: url(../images/ecke/ecke_gold2.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed; border-left:1px solid #cecece;
  border-right:1px solid #cecece;
}
.wk_o4 {
  background-image: url(../images/ecke/ecke_gold3.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/*Unten*/
.wk_u1 {margin:0 0.3em; background:#cecece;}
.wk_u2 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.wk_u3 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.wk_u4 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Fuer oben und unten*/
.wk_o2, .wk_u2 {margin:0 3px; border-width:0 2px;}
.wk_o3, .wk_u3 {margin:0 2px;}
.wk_o4, .wk_u4 {height:2px; margin:0 1px;}

/*Inhalt*/
.wk_content {
  background-image: url(../images/ecke/ecke_gold4.jpg);
  background-repeat: no-repeat; background-position: right top;
  display:block;
  height: auto;
  padding:5px 0 10px 0;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* HTML-Elemente */
.wk h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.88em;
  color: #9b0000; font-weight: bold;
  padding:0 7px 7px 10px;  margin: 0 0 0 0;
}
.wk p   {
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 0.75em;
  color: #000;
  padding:0 3px 0 10px; margin: 0 0 0 0;
}
.hg_wk  {
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em; color: #000;
  padding:5px 0 0 10px; margin: 0 0 0 0;
}
.hg_wk b{ color: #9b0000;} /* Fett in Bordaux */

a.right_currency, a.right_currency:link, a.right_currency:visited {
  color: #9b0000;
  text-decoration: underline;
  margin: 0 0 0 0;
  font-size: 0.72em;
}

a.right_currency:hover,a.right_currency:focus { text-decoration: none; }

/*
-------------------------------------------------------
 Rechts -  Warenneuzugaenge
-------------------------------------------------------
*/

/*div Rahmen*/
.zugang {width:11.81em; margin:0 0 0.3em 0;}
.zugang_o1, .zugang_o2, .zugang_o3, .zugang_o4, .zugang_u1, .zugang_u2, .zugang_u3, .zugang_u4 {display:block; overflow:hidden;}
.zugang_o1, .zugang_o2, .zugang_o3, .zugang_u1, .zugang_u2, .zugang_u3 {height:1px;}

/*Oben*/
.zugang_o1 {margin:0 0.3em; background:#cecece;}
.zugang_o2 {
  background-image: url(../images/ecke/ecke_gold1.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.zugang_o3 {
  background-image: url(../images/ecke/ecke_gold2.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}
.zugang_o4 {
  background-image: url(../images/ecke/ecke_gold3.jpg);
  background-repeat: no-repeat; background-position: right top;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/*Unten*/
.zugang_u1 {margin:0 0.3em; background:#cecece;}
.zugang_u2 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.zugang_u3 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.zugang_u4 {background:#ededed; border-left:1px solid #cecece; border-right:1px solid #cecece;}

/*Fuer oben und unten*/
.zugang_o2, .zugang_u2 {margin:0 3px; border-width:0 2px;}
.zugang_o3, .zugang_u3 {margin:0 2px;}
.zugang_o4, .zugang_u4 {height:2px; margin:0 1px;}

/*Inhalt*/
.zugang_content {
  background-image: url(../images/ecke/ecke_gold4.jpg);
  background-repeat: no-repeat; background-position: right top;
  display:block; height: auto;
  padding:5px 0 10px 0;
  background-color:#ededed;
  border-left:1px solid #cecece; border-right:1px solid #cecece;
}

/* HTML-Elemente */
.zugang h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.88em; color: #9b0000; font-weight: bold;
  padding:0 7px 7px 10px;  margin: 0 0 0 0;
}
.zugang p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em; color: #000;
  padding:0 3px 0 10px; margin: 0 0 0 0;
}
a.right_neuzugang, a.right_neuzugang:link, a.right_neuzugang:visited {
  display: block; color: #9b0000;
  text-decoration: none;
  margin: 0 0 5px 0;
}
a.right_neuzugang:hover,a.right_neuzugang:focus { text-decoration: none; }

.neuzugang_date { color: #000; font-weight: bold; display: block; }
.neuzugang_link { color: #9b0000;}

/* Link mit Pfeil oder Symbol*/
a.right_neuzugang_rss,a.right_neuzugang_rss:hover,a.right_neuzugang_rss:visited {
  display: block;
  color: #9b0000;
  margin: 0 0 0 0; padding: 4px 0 4px 25px;
  background-image: url(../images/content/rss.gif);
  background-repeat: no-repeat; background-position: 0 5px;
}

a.right_neuzugang_rss:hover,a.right_neuzugang_rss:focus{ text-decoration: none; }
a.right_neuzugang_alle,a.right_neuzugang_alle:hover,a.right_neuzugang_alle:visited {
  display: block;
  color: #9b0000;
  margin: 2px 0 5px 0; padding: 0 0 0 10px;
  background-image: url(../images/content/pfeil.gif);
  background-repeat: no-repeat; background-position: 0 2px;
}
a.right_neuzugang_alle:hover,a.right_neuzugang_alle:focus{ text-decoration: none; }

/*
------------------------------------------------
Footer
------------------------------------------------
*/
.pos_foot p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.7em; color: #999;
  padding:5px 10px 5px 10px; margin: 0 0 0 0;
}
.pos_foot a, .pos_foot a:link, .pos_foot a:visited { color: #000; text-decoration: underline;}
.pos_foot a:hover, .pos_foot a:focus { text-decoration: none;}

.untenBreit { width: auto; padding: 0 0.3em 0 0.3em; margin:0 0 0.3em 0;}

/*
------------------------------------------------
Sonstiges
------------------------------------------------
*/

/* Link mit Pfeil */
a.pfeil,a.pfeil:hover,a.pfeil:visited {
  color: #9b0000; margin: 2px 0 2px 0;
  padding: 0 0 0 10px;
  background-image: url(../images/content/pfeil.gif);
  background-repeat: no-repeat; background-position: 0 2px;
}
a.pfeil:hover,a.pfeil:focus{ text-decoration: none;}

/*Clearing-Div*/
.clear { clear: both ; }

/*Verstecktes Element*/
.hidden { display: none ; }

/*
------------------------------------------------
Slideshow
------------------------------------------------
*/

.tool { position: relative; padding: 0; width: 100%; left: -1px;}
.tool img { border: 1px solid #CED4DA;}
.ga-main { height: 154px; overflow: hidden; position: relative;}
.ga-slider { left: 0; position: absolute; top: 0;}
.ga-left { float: left; width: 22px; margin-left: 1px; border-right: solid 1px #CED4DA;}
.ga-right { float: right; height: 10px; width: 22px; margin-right: 1px; border: 0; }
.tool table { border-spacing: 0; border: 0; font-size: 65%; text-align: center; height: 154px}
.ga-main { border-bottom: solid 1px #CED4DA; border-top: solid 1px #CED4DA; }
.tool td { padding: 3px; border-left: solid 1px #CED4DA; background-color: #FFF; text-align: center; vertical-align: top;}
.tool td span { clear: both; width: 100%;}
.tool td:hover { background-color: #f2f2f2; }
.tool td img { padding: 5px; border: 1px solid #CED4DA; }
.tool td:hover img { padding: 5px; border: 1px solid #de8e15; }
