/***********************/
/*                     */
/*  05.05.2008         */
/*                     */
/***********************/



@import url("framework_oben.css");
@import url("framework_unten.css");



/***********************/
/*                     */
/*  NORMALISIEREN      */
/*                     */
/***********************/




* {

   margin: 0;
   padding: 0;

   font-size: 100%;

}


html {

   height: 100%;
   margin-bottom: 1px;

}


ul, li, p, input, textarea, select, a, div {

   font-family: verdana, tahoma, geneva, arial, sans-serif;

   color: #333;

}

h1, h2, h3, legend, blockquote p {

   font-family: georgia, serif;

}


ol, ul, dl {

   list-style: none;

}


strong {

   font-weight: bold;

}


fieldset, img, a img {

   border: 0 solid;

}


a {

   text-decoration: none;

}


p {

   font-size: 130%;
   line-height: 1.4;

   margin-bottom: 1em;
   margin-top: 0;

}


.clear {

   clear: both;

}

.gruen {

   color: #390;

}

.fett {

   font-weight: bold;

}


.odd {

   background: #eee;

}




/***********************/
/*                     */
/*  STRUKTUR           */
/*                     */
/***********************/


body {

   text-align: center;

   font-size: 62.5%;

   background: #fff;

}



#container {

   margin: 0 auto;
   height: 100%;

   width: 890px;

   text-align: left;

   background-color: #fff;

}




/* Links: Subnavigation */
/* Rechts: Content */


.spaltelinks {

   width: 190px;

   float: left;

}



.spalterechts {

   width: 663px;

   float: right;

}





#content {

   float: left;
   margin-top: 1em;


}



/*****************************************************************************************/
/*                                                                                       */
/*  ÜBERSCHRIFTEN                                                                        */
/*                                                                                       */
/*****************************************************************************************/



h2 {

   width: 663px;

   margin: 0 0 0.5em 0;

   padding-bottom: 0.1em;

   font-size: 340%;
   color: #999;
   letter-spacing: -1px;
   font-weight: normal;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x bottom left;

}


h2.norule {

   margin-bottom: 0;

   background: none;

}


h2 span.subheadline {

   margin-bottom: 1.2em;
   padding-bottom: 0.4em;

   display: block;

   font-family: verdana, tahoma, geneva, arial, sans-serif;
   font-size: 38%;
   color: #666;
   line-height: 1.6;
   text-transform: uppercase;
   letter-spacing: 0;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x bottom left;

}


h2 span.subheadline span {

   color: #bfbfbf;

}





h3 {

   margin: 1em 0 0.5em 0;
   padding-bottom: 0.2em;

   font-size: 250%;
   color: #999;
   letter-spacing: -1px;
   font-weight: normal;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x bottom left;

}


h3.norule {

   background: none;

}












/*****************************************************************************************/
/*                                                                                       */
/*  FORMULAR                                                                             */
/*                                                                                       */
/*****************************************************************************************/


form legend {

   margin-left: -8px;
   padding: 0;

   color: #666;
   font-size: 200%;

   letter-spacing: -1px;
   font-weight: normal;

}



form p {

   margin: 0 0 0.6em 0;

}


form fieldset {

   margin: 2em 0;

   padding-bottom: 2em;

}


form p label {

   padding-right: 0.3em;

   display: block;

   color: #333;

   cursor: pointer;

}



form p label.hinweis {

   color: #c30;
   font-weight: bold;

}


form p label span {

   font-weight: normal;
   font-size: 90%;
   color: #999;
   font-style: italic;
}






form input {

   width: 24em;
   height: 1.4em;

   color: #000;
   font-weight: bold;

   border: 1px solid #bbb;

   background: #fff url("../x/grafik_hintergrund_91.jpg") repeat-x;

}





form input.checkbox {

   width: 1.2em;

   margin-right: 0.3em;

   border: none;

   background: none;

}



form textarea {

   width: 100%;
   height: 10em;

   font-size: 100%;
   color: #000;
   font-weight: bold;

   border: 1px solid #ccc;

   background: url("../x/grafik_hintergrund_91.jpg") repeat-x;

}



form textarea#usrRueckruf {

  height: 6em;
  width: 24em;

}



form input#absenden {

   width: 95px;
   height: 31px;

   border: none;


}




p.hinweisfehler {

   padding: 0.6em;

   color: #ffffff;

   background-color: #ff3300;

}




p.hinweisok {


   padding: 0.6em;

   color: #ffffff;

   background-color: #339900;

}








/*****************************************************************************************/
/*                                                                                       */
/*  KÄSTEN                                                                               */
/*                                                                                       */
/*****************************************************************************************/


/* z.B. Startseite Wochenvorschau */
/*                                */

div.boxorange01 {

   background: #fff4d2 url('../x/grafik_hintergrund_159.jpg') no-repeat top left;

}



div.boxorange01 p {

   padding: 15px 20px 14px 102px;

   margin-bottom: 0px;

   color: #df8b00;
   font-size: 140%;
   line-height: 1.6;
   font-weight: bold;

   background: url('../x/grafik_hintergrund_160.jpg') no-repeat bottom left;

}




div#kalenderwoche {

   width: 66px;
   height: 49px;

   margin: 14px 0 -49px 20px;

   padding-top: 8px;

   float: left;

   color: #fff;
   font-weight: bold;
   font-size: 170%;
   line-height: 0.9;

   text-align: center;

   background: url('../x/grafik_hintergrund_161.jpg') no-repeat;

}


/* FÜR IE kleiner 7 */

* html div#kalenderwoche {

   margin-left: 10px;

}



div.boxorange01 p span {

   color: #b97400;

}



div.boxorange01 a {

   color: #df8b00;

   background: url("../x/grafik_hintergrund_141.gif") repeat-x bottom left;

}


div.boxorange01 a:visited { color: #df8b00; }

div.boxorange01 a:hover { color: #b97400; background: none; }

div.boxorange01 a:active { color: #df8b00; }


















.aufzaehlung01 {

   width: 100%;

   float: left;

}


.aufzaehlung01 p {

   margin-bottom: 0.2em;

   padding: 1em;

   font-size: 130%;
   color:  #333;

}


.aufzaehlung01 p.odd {

   background: #eee;

}


.aufzaehlung01 p span {

   display: block;

   color: #c30;
   font-size: 160%;
   font-family: georgia;

}


.aufzaehlung01 p span.addinfo {

   color: #777;
   font-family: verdana;
   font-size: 100%;

}





ul.aufzaehlung01 li {

   width: 220px;

   margin-top: 0.3em;

   float: left;

   text-align: center;

   font-weight: bold;
   font-size: 140%;
   color: #666666

}






.aufzaehlung02 {

   padding: 1em;

}


.aufzaehlung02 p {

   margin-bottom: 0em;

   font-family: georgia;
   font-size: 210%;
   color: #aaa;

}


.aufzaehlung02 p span {

   color: #c30;

}


.aufzaehlung02 ul {

   padding: 0.5em 0 ;

}


.aufzaehlung02 ul li {

   margin-right: 0.6em;

   display: inline;

   font-size: 140%;
   line-height: 1.8;

}


.aufzaehlung02 ul li a {

   background: url('../x/grafik_hintergrund_51.gif') repeat-x bottom left;

}


.aufzaehlung02 ul li a:hover {

   color: #f60;
   background: none;

}





ul.aufzaehlung03 li {

   width: 220px;

   margin-top: 0.3em;

   float: left;

   text-align: center;

   font-weight: bold;
   font-size: 140%;
   color: #666666

}













div.aufzaehlung04 {

   margin-bottom: 1em;

   padding: 1em;

}






div.aufzaehlung04 p {

   margin-bottom: 0;

   color: #c30;

   font-size: 200%;
   font-family: georgia, serif;

}





ul.aufzaehlung05 {

   margin: 0;
   padding: 0;

}


ul.aufzaehlung05 li {

   margin-right: 1em;

   display: inline;

   font-family: verdana, tahoma, geneva, arial, sans-serif;
   color: #333;
   font-size: 130%;
   line-height: 150%;

}







/*****************************************************************************************/
/*                                                                                       */
/*  TRENNLINIEN                                                                          */
/*                                                                                       */
/*****************************************************************************************/


div.linie01 {

   height: 5px;

   width: 890px;

   clear: both;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x 0 50%;

}





/*****************************************************************************************/
/*                                                                                       */
/*  LINKS                                                                                */
/*                                                                                       */
/*****************************************************************************************/



a.link01 {

   color: #3c9d07;
   font-weight: bold;

   background: url("../x/grafik_hintergrund_148.gif") repeat-x bottom left;

}


a.link01:visited { color: #3c9d07; }

a.link01:hover { color: #f60; background: none; }

a.link01:active { color: #3c9d07; }





a.link03 {

   color: #fff;

   background: url("../x/grafik_hintergrund_154.gif") repeat-x bottom left;

}

a.link03:visited { color: #fff; }

a.link03:hover { color: #fff; background: none; }

a.link03:active { color: #fff; }




a.link04 {

   font-family: georgia, serif;
   font-size: 230%;
   color: #777;
   color: #3c9d07;

   font-weight: normal;

   white-space: nowrap;

}


a.link04:hover {

   color: #f60;

}



a.link05 {

   font-family: georgia, serif;
   color: #999;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x bottom left;

}

a.link05:visited { color: #999; }
a.link05:hover   { color: #c30; background: none; }
a.link05:active  { color: #999; }






a.link06 {


   color: #333;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x bottom left;

}

a.link06:visited { color: #333; }

a.link06:hover { color: #f60; background: none; }

a.link06:active { color: #333; }




/*****************************************************************************************/
/*                                                                                       */
/*  LISTEN                                                                               */
/*                                                                                       */
/*****************************************************************************************/


ul.liste01 {

   margin: 1.5em 0 0.8em 20px;


}


ul.liste01 li {

    padding: 0.8em 0;

    font-size: 120%;
    font-family: georgia, serif;
    color: #666;
    font-weight: bold;

}


ul.liste01 li a {

    font-size: 110%;

}








ul.liste02 {

}


ul.liste02 li {

   margin: 0 0 1em 1.2em;

   font-size: 130%;
   line-height: 140%;

   list-style: disc;

}



ul.liste02 ul {

   margin-left: -2.3em;

}


ul.liste02 ul li {

   margin: 1em 0 1em 0em;

   font-size: 100%;
   line-height: 140%;
   color: #666;

   font-weight: bold;

   background: none;

}





ul.liste03 {



}



ul.liste03 li {

   margin: 1em 0;

   font-size: 130%;

}






dl.liste04 {


   line-height: 1.5;

}


dl.liste04 dt {

   width: 12em;

   float: left;

   font-size: 130%;

}


dl.liste04 dd {

   font-size: 130%;

   font-weight: bold;



}






ul.liste05 {


}



ul.liste05 li {

   float: left;
   margin-right: 1em;
   padding-right: 1em;

   background: url("../x/grafik_hintergrund_156.gif") no-repeat right;


}


ul.liste05 li.last {

   background: none;

}




/*****************************************************************************************/
/*                                                                                       */
/*  ZITATE                                                                               */
/*                                                                                       */
/*****************************************************************************************/


blockquote p {

   margin: 20px;

   font-size: 190%;
   line-height: 130%;
   color: #999;
   letter-spacing: -1px;

}

cite {

   font-size: 90%;
   color: #666;
   font-style: normal;

}





/*****************************************************************************************/
/*                                                                                       */
/*  BADGES                                                                               */
/*                                                                                       */
/*****************************************************************************************/




span#badgeneu {

   width: 52px;
   height: 51px;

   margin-bottom: -5em;

   position: relative;

   float: right;

   top: 0em;
   left: 0;

   background: url('../x/grafik_hintergrund_118.jpg') no-repeat;

}









/*****************************************************************************************/
/*                                                                                       */
/*  FOTOS                                                                                */
/*                                                                                       */
/*****************************************************************************************/




div.fotorahmen {

   padding: 2px;

   border-top: solid 1px #cbcbcb;
   border-left: solid 1px #cbcbcb;
   border-right: solid 1px #adadad;
   border-bottom: solid 1px #adadad;

}



/* Text mit transparentem Hintergrund über Bild */

div.fotorahmen span {

   margin-top: 160px;

   padding: 6px;
   padding-right: 12px;

   float: right;

   font-size: 120%;
   color: #030;
   font-weight: bold;

   /* PNG Alpha Transparenz für IE < 7 */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://abo.sannmann.com/x/grafik_hintergrund_155.png', sizingMethod='scale');

}


html > body div.fotorahmen span {

   background: url("../x/grafik_hintergrund_155.png");

}












/* schräges Foto */

div.fotopol {

   width: 20em;

   margin: 0 1em;

   float: right;

}





/* Rubrik Gärtnerei */


div.fotogaertnerei01 {

   width: 657px;
   height: 260px;

   background: #64a459 url("../x/foto_test_47.jpg") repeat-y;

   background: #64a459 url("../x/grafik_hintergrund_99.jpg") no-repeat;


}



/*****************************************************************************************/
/*                                                                                       */
/*  INHALT NUR HOMEPAGE                                                                  */
/*                                                                                       */
/*****************************************************************************************/


.spaltelinkshome {

   width: 44em;

   margin-top: 0em;

   margin-right: 1em;

   float: left;



}



.spalterechtshome {

   width: 44em;

   margin-top: 0em;

   float: left;

}






div#homeclaim {

   width: 890px;
   height: 266px;



   background: url('../x/foto_test_50.jpg') no-repeat 500px 0px;

}


div#homeclaim h2 {

   width: ;

   margin: 0.5em 0 0 50px;

   padding-top: 1.2em;

   color: #666;
   font-size: 250%;

   background: none;

}



div#homeclaim h2 span#claim {

   display: block;

   font-size: 140%;
   color: #999;
   letter-spacing: -2px;

}


div#homeclaim h2 span {

   font-size: 110%;
   color: #c1c1c1;

}


div#homeclaim h2 span#ausrufezeichen {

   font-style: italic;

}



div#homeclaim h2 span#badgeneu {

   width: 45px;
   height: 44px;

   margin-bottom: -4.4em;

   float: left;

   top: -1.2em;
   left: 11em;



   background: url('../x/grafik_hintergrund_108.jpg') no-repeat;

}




div#homeclaim p {

   margin: 0.8em 0 0 52px;

}



a#homenews {

   width: 480px;
   height: 63px;

   margin-bottom: -63px;

   display: block;

   position: relative;

   top: -61px;
   left: 20px;



    background: url('../x/grafik_hintergrund_164.jpg') no-repeat;


/*    background: url('../x/grafik_hintergrund_163.jpg') no-repeat;   */


/*    background: url('../x/grafik_hintergrund_162.jpg') no-repeat;   */

/*   background: url('../x/grafik_hintergrund_129.jpg') no-repeat;  */


/*   background: url('../x/grafik_hintergrund_158.jpg') no-repeat; */

   text-indent: -9000px;

}








a#homenews:hover {

   height: 103px;

   margin-bottom: -103px;

   top: -101px;


    background: url('../x/grafik_hintergrund_164.jpg') no-repeat;


/*    background: url('../x/grafik_hintergrund_163.jpg') no-repeat;  */


/*    background: url('../x/grafik_hintergrund_162.jpg') no-repeat;  */


/*   background: url('../x/grafik_hintergrund_129.jpg') no-repeat;  */

 /*   background: url('../x/grafik_hintergrund_158.jpg') no-repeat; */

}




.infobox {

   width: 445px;

   margin-top: 2em;

   float: left;

   text-align: center;

   background: url('http://abo.sannmann.com/x/grafik_hintergrund_150.jpg') no-repeat top right;

}



.infobox p {

   margin: 20px 0 8px 0;

   font-family: georgia;
   font-size: 190%;
   line-height: 130%;
   color: #666;
   letter-spacing: -1px;

   text-align: center;

}



.infobox p span {

   display: block;

   color: #aaa;
   font-size: 160%;
   line-height: 130%;

}



.infobox a {

   width: 249px;
   height: 31px;

   margin: 8px 0 0 100px;

   display: block;

   text-indent: -9000px;

   background: url("../x/grafik_btn_kontaktformular_01.jpg") no-repeat;

}



.infobox a:hover {

   background: url("../x/grafik_btn_kontaktformular_01.jpg") no-repeat 0px -31px;

}





div.titelfoto {

   height: 209px;

}


div#titelfoto00 { background: #eee url("../x/foto_test_70.jpg") no-repeat; }
div#titelfoto01 { background: #eee url("../x/foto_test_79.jpg") no-repeat; display: none; }
div#titelfoto02 { background: #eee url("../x/foto_test_80.jpg") no-repeat; display: none; }
div#titelfoto03 { background: #eee url("../x/foto_test_81.jpg") no-repeat; display: none; }
div#titelfoto04 { background: #eee url("../x/foto_test_82.jpg") no-repeat; display: none; }
div#titelfoto05 { background: #eee url("../x/foto_test_83.jpg") no-repeat; display: none; }
div#titelfoto06 { background: #eee url("../x/foto_test_72.jpg") no-repeat; display: none; }


div#titelfotospargel { background: #eee url("../x/foto_demeter_spargel_angebot.jpg") no-repeat; }



ul.fotosklein {

   margin: 20px;

}



ul.fotosklein li {

   margin-right: 10px;
/*   padding: 2px;  */

   float: left;

/*   border-top: solid 1px #cbcbcb;  */
/*   border-left: solid 1px #cbcbcb; */
/*   border-right: solid 1px #adadad;  */
/*   border-bottom: solid 1px #adadad; */

}



div.fotoklein01 { width: 56px; height: 56px; background: url("../x/foto_test_73.jpg") no-repeat; }
div.fotoklein02 { width: 56px; height: 56px; background: url("../x/foto_test_74.jpg") no-repeat; }
div.fotoklein03 { width: 56px; height: 56px; background: url("../x/foto_test_75.jpg") no-repeat; }
div.fotoklein04 { width: 56px; height: 56px; background: url("../x/foto_test_76.jpg") no-repeat; }
div.fotoklein05 { width: 56px; height: 56px; background: url("../x/foto_test_77.jpg") no-repeat; }
div.fotoklein06 { width: 56px; height: 56px; background: url("../x/foto_test_78.jpg") no-repeat; }





a.probeabobestellen  {

   width: 249px;
   height: 31px;

   margin: 14px 0 20px 0px;

   display: block;

   text-indent: -9000px;

   background: url("../x/grafik_btn_probeabo_bestellen_01.jpg") no-repeat;

}


a.probeabobestellen:hover {

   background: url("../x/grafik_btn_probeabo_bestellen_01.jpg") no-repeat 0px -31px;

}






/*****************************************************************************************/
/*                                                                                       */
/*  PROBEABO BESTELLFORMULAR                                                             */
/*                                                                                       */
/*****************************************************************************************/


/*

form#formularabobestellung div.shopartikelwrapperrechts {

   width: 17em;
   height: 8em;

   margin: -1.4em 0 -2em 0;

}

*/



form#formularabobestellung fieldset.abokisten01 {

   width: 663px;

   float: left;

   padding-bottom: 2em;
   margin-bottom: 0em;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x bottom left;

}


form#formularabobestellung fieldset.abokisten01abo {

   padding-bottom: 0em;

}




form#formularabobestellung p.probeaboartikel label {

   padding-left: 0.2em;

   color: #999999;
   font-family: georgia, serif;
   font-size: 100%;

   font-weight: bold;

   letter-spacing: 0px;

}


form#formularabobestellung fieldset span.euro {

   color: #c30;
   font-weight: bold;
   font-style: normal;


}


form#formularabobestellung fieldset span.preis {

   color: #c30;
   font-size: 120%;
   font-weight: bold;
   font-style: normal;

}



form#formularabobestellung fieldset.abokisten01 {

   clear: both;

}



form#formularabobestellung fieldset.abokisten01 p label {

   float: left;
   margin-right: 1em;

}


form#formularabobestellung fieldset.abokisten01 p input {

   display: inline;

}


form#formularabobestellung input#probeabobestellen {

   width: 242px;
   height: 31px;

   margin-top: 1em;

   border: none;

}


















/*****************************************************************************************/
/*                                                                                       */
/*  SHOP ARTIKELÜBERSICHT                                                                */
/*                                                                                       */
/*****************************************************************************************/


div.shopartikelwrapper {

   width: 100%;

   margin-bottom: 2em;
   padding-bottom: 2em;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x bottom left;

}



div.shopartikelwrapperlinks {

   width: 490px;
   float: left;

}


div.shopartikelwrapperrechts {

   width: 170px;
   float: right;

}


div.shopartikelwrapper h3 {

   margin: 0;
   padding: 0;

   color: #777;
   font-weight: bold;

   background: none;

}


div.shopartikelwrapper h3 a {

   font-family: georgia, serif;
   font-size: 92%;
   color: #777;
   font-weight: normal;

}

div.shopartikelwrapper h3 a:visited { color: #666; }
div.shopartikelwrapper h3 a:hover { color: #f60; }
div.shopartikelwrapper h3 a:active { color: #666; }




div.shopartikelwrapper h3 span#artikelname {

   font-size: 92%;
   font-weight: normal;

}




div.shopartikelwrapper span.inhalt {

   color: #999;
   font-size: 65%;

}


div.shopartikelwrapper span.euro {

   padding: 0 0.1em 0 0.6em;

   color: #c30;
   font-size: 52%;

}


div.shopartikelwrapper span.preis {

   color: #c30;
   font-size: 65%;

}




div.shopartikelwrapper p {

   width: 100%;

   margin-top: 1.3em;

   font-size: 110%;
   line-height: 1.4;

}



div.shopartikelwrapper ul {

   margin: 1em 0;

   font-size: 110%;

}


div.shopartikelwrapper ul li {

  margin: 0.6em 0;

}






div.shopartikelwrapper form {

   margin-top: 1.4em;

   font-size: 110%;

}


div.shopartikelwrapper fieldset {

    margin: 0;
    padding: 0;

    vertical-align: _middle;

}


div.shopartikelwrapper label {


   padding-right: 1.1em;

   display: inline;

   background: url("../x/grafik_pfeil_03.gif") no-repeat top right;

   vertical-align: middle;

}


* html div.shopartikelwrapper label {

   vertical-align: bottom;

}


div.shopartikelwrapper label.menge input {

   width: 3.5em;

  /* Deaktiviert am 01.08.2008 / Cursor-Fehler im IE */
  /* text-align: right; */

}



div.shopartikelwrapper select {

   margin-left: 0.6em;

}



div.shopartikelwrapper label.submit {

   padding-top: 0.7em;
   margin-left: 0.6em;

   vertical-align: middle;

   background: none;

}


div.shopartikelwrapper input.warenkorb {

   width: 33px;
   height: 22px;

   border: none;

}



div.shopartikelwrapper .artikelfoto {

   text-align: center;

}




div.shopartikelwrapper #artikelfotodetail {

   margin-top: -2.4em;

   text-align: center;

}


/* FÜR IE kleiner 7 */

* html div.shopartikelwrapper #artikelfotodetail {

   margin-top: 0;

}





/*****************************************************************************************/
/*                                                                                       */
/*  WARENKORB                                                                            */
/*                                                                                       */
/*****************************************************************************************/



table#warenkorb {

   width: 100%;

   border-collapse: collapse;

   text-align: center;


}


table#warenkorb caption {

   margin: 20px 0px;

   font-size: 140%;
   color: #666666;
   text-align: left;
   font-weight: bold;

}


#warenkorb td.artikel {

   text-align: left;

}


#warenkorb th,td {

   padding: 4px;

   font-size: 130%;

}


.inputwarenkorb {

   width: 4em;
   height: 16px;

   border: 1px solid;
   border-color: #cccccc;

 /* Deaktiviert am 01.08.2008 / s.o. */
 /*  text-align: right;  */

   font-weight: bold;

   font-size: 70%;

}


#warenkorb select {

   font-size: 90%;


}






#warenkorb option {

  /* padding-right: 30px; */

}




label.lieferintervall select option {

   padding-right: 10px;

}




#warenkorb p {

   padding: 4px 0px 3px 0px;
   margin: 0px;

}


#warenkorb .odd {

   background-color: #eee;

}


table#warenkorb th {

   border-bottom: 1px solid #ccc;

}

#warenkorb tr.linie {

   border-top: 1px solid #ccc;

}



#warenkorb td.summetext {

   font-size: 110%;
   color: #333;
   font-weight: bold;

   text-align: left;

   border-top: 1px solid #ccc;

}


#warenkorb td.summe {

   padding-top: 10px;

   font-size: 170%;
   color: #666;

   font-weight: bold;

   text-align: left;

   border-top: 1px solid #ccc;

}







table#warenkorb input#usrArtikelMenge {

   border: 1px solid #97c932;

}



table#warenkorb select#usrArtikelDauerbestellung {

   text-align: right;

   border: 1px solid #97c932;

 /*  background: #f4f9ea;   */

}





a.warenkorbbestellen  {

   display: block;

   margin: 14px 0 20px 0px;

   width: 170px;
   height: 31px;


   text-indent: -9000px;

   background: url("../x/grafik_btn_warenkorbbestellen_03.jpg") no-repeat;

}


a.warenkorbbestellen:hover {

   background: url("../x/grafik_btn_warenkorbbestellen_03.jpg") no-repeat 0px -31px;

}




form input#warenkorbinhaltaendern {

   width: 56px;
   height: 22px;

   border: none;


}




form input#warenkorbbestellungabsenden {

   width: 170px;
   height: 31px;

   border: none;

}










/*****************************************************************************************/
/*                                                                                       */
/*  TOOLTIP                                                                              */
/*                                                                                       */
/*****************************************************************************************/



.tooltip {

   position: relative;

   z-index: 9; /*needed for opera*/

}


.tooltip:hover {

   background: transparent; /*needed for msie*/

   z-index: 10; /*needed for opera*/

}



.tooltip .tooltip_bubble {

   position: absolute;

   top: -2em;
   left: 0;

   padding: 5px;

   display: none;

   font-size: 110%;

   color: #fff;

   border: 1px solid #aa875b;

   background-color: #c1a888;

}




.tooltip span a, .imagemap:hover .tooltip,
.tooltip:hover .tooltip_bubble {

   display: block;

   z-index: 9; /*needed for opera*/

}


.imagemap {

   position: relative;
   margin: 2em 0;

}


.imagemap a {

   width: 100%;
   height: 100%;

   display: block;

   background: transparent; /*verify:good for msie?*/

}


.imagemap a em {

   display: none;

}


.imagemap .tooltip {

   position: absolute;

   display: none;

   border: 1px dotted #960;

}












/*****************************************************************************************/
/*                                                                                       */
/*  KOMMENTARE                                                                           */
/*                                                                                       */
/*****************************************************************************************/



div.kommentarartikelwrapper {

 /*  width: 100%; */

   width: 663px;

   margin-bottom: 2em;
   padding-bottom: 1em;

   background: url("../x/grafik_hintergrund_51.gif") repeat-x bottom left;

}

div.kommentarartikelwrapper h3 {

   margin-bottom: 0;
   margin-top: 0em;


   font-size: 200%;

   color: #f90;

   background: none;


}


div.kommentarartikelwrapper p.datum {

   color: #999;

}






span.bewertungssterne01 {

   width: 134px;
   height: 25px;

   float: right;

   position: relative;

   top: 0.2em;

   background: url('../x/grafik_stern_01.gif') no-repeat;

}


span.bewertungssterne02 {

   z-index: 1;

   height: 25px;

   float: left;

   background: url('../x/grafik_stern_02.gif') no-repeat;

}


span.bewertungssterne01klein {

   width: 94px;
   height: 17px;

   margin-left: 0.5em;

   float: left;

   background: url('../x/grafik_stern_06.gif') no-repeat;

}



span.bewertungssterne02klein {

   height: 17px;

   z-index: 1;

   float: left;

   background: url('../x/grafik_stern_05.gif') no-repeat;

}


p.bewertung input {

   width: 1em;

   margin-right: 0.2em;

   float: left;

}

p.bewertung span {

   height: 21px;

   margin-right: 1.5em;

   float: left;

   background: url('/x/grafik_stern_04.gif') repeat-x;

}





div.kommentarklein {

   width: 23px;
   height: 21px;

   margin-left: 0.5em;

   float: left;
   padding-top: -1px;




   font-weight: bold;
   color: #fff;

   text-align: center;


   background: url('../x/grafik_kommentar_01.jpg') no-repeat;

}


div.neuklein {

   width: 21px;
   height: 21px;

   margin-left: 0.5em;
   margin-top: -1px;

   float: left;

   background: url('../x/grafik_neu_01.jpg') no-repeat;

}









form#formularabobestellung p.probeaboartikel2 label {

   padding-left: 0.2em;

   color: #666;
   font-family: tahoma, sans-serif;
   font-size: 100%;


   font-weight: bold;

   letter-spacing: 0px;

}