body                            { background: #eeeeee url(../images/layout/site_bg.gif) repeat-y center; margin: 0px; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
h1                              { font-weight: bold; font-size: 24px; margin: 0px 0px 10px 0px }
h2                              { font-weight: normal; font-size: 18px; margin: 0px 0px 10px 0px }
h3                              { font-weight: bold; font-size: 14px; margin: 0px 0px 5px 0px }
ul                              { margin: 0px 0px 10px 12px; padding: 0px 0px 0px 12px; list-style-type: square }
ol                              { margin: 0px 0px 10px 12px; padding: 0px 0px 0px 12px }
img                             { border: none }
a                               { color: #4779b5; text-decoration: none }
a:hover                         { color: #4779b5; text-decoration: none }
p                               { margin: 0px; text-align:center; }

textarea                        { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #d0d0d0; background: #f5f5f5; padding: 2px }
input[type=text],
input.formular,
.formular                       { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #d0d0d0; background: #f5f5f5; padding: 2px; margin: 0px 0px 2px 0px }
input.formularerror,
.formularerror                  { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #ff0000; background: #f5f5f5; padding: 2px; margin: 0px 0px 2px 0px }
.buttonlink,
.buttonlink:hover,
button,
input[type=submit]              { color: #ffffff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #4779b5; background: #4779b5; padding: 2px 20px 2px 20px; display: block; cursor: pointer; text-transform: uppercase; text-align: center }

#wkinfo                         { position: absolute; z-index: 10; top: 50%; left: 50%; width: 490px; height: 190px; padding: 5px; background: #dfdfdf; margin: -100px 0px 0px -250px }
#wkinfo div                     { width: 400px; height: 100px; padding: 40px; background: #eeeeee; border: solid 5px #ffffff }
#wkinfo div a                   { font-weight: bold }
.site                           { position: relative; width: 960px; margin: 0px auto 0px auto; position: relative }
.header                         { float: left; width: 240px; height: 130px; margin: 20px 20px 0px 0px }
.header a                       { display: block; width: 240px; height: 80px }
.header form                    { width: 240px; height: 25px; margin: 25px 0px 0px 0px }
.header form input[type=text]   { float: left; width: 154px }
.header form input[type=image]  { float: left; margin: 0px 0px 0px 9px }
.teaser                         { float: left; width: 340px; height: 130px; margin: 20px 20px 0px 0px; background: url(../images/layout/teaser_bg.gif) no-repeat }
.headnavi                       { float: left; width: 170px; height: 130px }
.headnavi .willkommen           { width: 149px; height: 43px; padding: 9px; background: #dfdfdf; margin: 3px 0px 1px 3px }
.headnavi ul                    { float: left; width: 68px; height: 46px; padding: 7px; background: #4779b5; margin: 2px 0px 3px 3px }
.headnavi ul li                 { display: block; margin: 1px 0px 0px 0px }
.headnavi ul li:hover           { background: #759bc8 }
.headnavi ul li a               { display: block; padding: 0px 2px 0px 2px; color: #ffffff; font-size: 11px }
.news                           { float: left; width: 149px; height: 106px; padding: 9px; margin: 3px 3px 3px 0px }
.news div                       { height: 13px; margin: 0px 0px 5px 0px }
.headerbasket                   { float: left; width: 340px; height: 130px; margin: 20px 0px 0px 0px; background: url(../images/layout/teaser_bg.gif) no-repeat }
.basket_content                 { width: 316px; height: 89px; padding: 12px 12px 0px 12px; color: #e7b628 }
.basket_content div             { height: 13px; margin: 0px 0px 5px 0px }
.headerbasket a                 { display: block; float: left; height: 23px; margin: 3px 0px 3px 3px }
.path                           { position: absolute; top: 150px; left: 0px; right: 0px; margin: 0px; padding: 20px 0px 10px 0px; border-bottom: solid 1px #d0d0d0; font-size: 11px }

.left_column                    { float: left; width: 240px; margin: 45px 0px 20px 0px }
.navi                           { margin: 20px 0px 0px 0px }
.navi ul                        { margin: 0px; padding: 0px }
.navi ul li                     { display: block; padding: 2px; background: #eeeeee; margin: 0px 0px 3px 0px; text-transform: uppercase }
.navi ul li:hover,
.navi ul li.aktiv               { background: #dfdfdf }
.navi ul li a                   { display: block; padding: 2px 5px 2px 5px }
.navi ul li a.aktiv             { background: #ffffff }
.navi ul li ul                  { padding: 5px }
.navi ul li ul li               { padding: 0px; background: none; margin: 0px 0px 1px 0px; text-transform: none }
.navi ul li ul li:hover,
.navi ul li ul li.aktiv         { background: #eeeeee }
.navi ul li ul li ul li:hover,
.navi ul li ul li ul li.aktiv   { background: #dfdfdf }
.navi ul li ul li ul li ul li:hover,
.navi ul li ul li ul li ul li.aktiv         { background: #eeeeee }
.navi ul li ul li ul li ul li ul li:hover,
.navi ul li ul li ul li ul li ul li.aktiv   { background: #dfdfdf }
.leftteaser                     { background: url(../images/layout/leftteaser_bg.gif) repeat-y; margin: 20px 0px 0px 0px }
.leftteaser_img                 { background: url(../images/layout/leftteaser_bg.gif) repeat-y; padding: 12px 12px 7px 12px; }
.leftteaser_content             { padding: 12px 12px 7px 12px; background: url(../images/layout/leftteaser_top.gif) no-repeat; font-size: 14px }
.leftteaser_content div         { height: 13px; margin: 0px 0px 10px 0px }
.leftteaser_content table       { width: 216px }
.leftteaser_content td          { padding: 3px; background: #ffffff; vertical-align: middle; font-size: 11px }
.leftteaser_content span        { font-size: 24px }
.leftteaser_bottom              { height: 5px; background: url(../images/layout/leftteaser_bottom.gif) no-repeat }

.right_column                   { float: left; width: 720px; margin: 45px 0px 20px 0px }
.subnavi                        { width: 680px; padding: 20px 0px 20px 20px; background: #eeeeee; margin: 20px 0px 0px 20px }
.subnavi h3                     { font-weight: normal; margin: 0px 0px 20px 0px }
.subnavi ul                     { margin: 0px; padding: 0px }
.subnavi ul li                  { display: block; float: left; width: 320px; margin: 0px 20px 0px 0px; border-top: solid 1px #dfdfdf }
.subnavi ul li a                { display: block; padding: 5px; border-top: solid 1px #ffffff; font-size: 14px }
.subnavi ul li a:hover          { background: #dfdfdf; text-decoration: none }
.subnavi ul li span             { display: block; border-top: solid 1px #ffffff }
.entry                          { position: relative; z-index: 1; float: left; width: 340px; height: 435px; padding: 20px 0px 20px 0px; background: url(../images/layout/artikel_bg.gif) no-repeat; margin: 20px 0px 0px 20px }
.entry_rubrik                   { display: block; position: absolute; top: 20px; left: 20px; width: 275px; height: 15px; padding: 4px 5px 4px 20px; background: url(../images/layout/rubrik_pfeil.gif) no-repeat }
.entry_rubrik:hover             { background: url(../images/layout/rubrik_pfeil_over.gif) no-repeat }
.entry_image                    { width: 340px; height: 300px; overflow: hidden }
.entry_image a                  { display: table-cell; width: 340px; height: 300px; vertical-align: middle; text-align: center }
.entry_preis                    { position: absolute; top: 240px; left: 200px; width: 110px; height: 68px; padding: 2px 5px 5px 5px; background: url(../images/layout/preis_bg.gif) no-repeat; color: #ffffff; font-size: 11px }
.entry_preis div                { font-size: 24px }
.entry_preis .ab                { font-size: 14px }
.entry_preis .oldpreis          { font-size: 11px }
.entry_preis a                  { color: #ffffff }
.entry_name                     { display: block; height: 90px; overflow: hidden; color: #000000; font-size: 14px; margin: 0px 20px }
.entry_name:hover               { color: #000000 }
.entry_name span                { display: block; font-weight: bold; font-size: 18px }
.entry_name img                 { margin: 5px 0px 0px 0px }
.entry_details                  { float: left; width: 113px; margin: 10px 0px 0px 20px }
.entry_details span             { display: block; float: right }
.entry_details a,
.entry_details div              { display: block; float: left; padding: 3px 0px 3px 0px; font-weight: bold; color: #4779b5 }
.entry_buy                      { float: left; width: 149px; height: 40px; padding: 9px 16px 9px 16px; margin: 8px 0px 0px 26px; color: #ffffff }
.entry_buy div.menge            { float: left; width: 58px; height: 20px; border-right: solid 1px #ffffff; margin: 10px 10px 0px 0px }
.entry_buy div.button           { float: left; width: 80px; height: 40px }
.entry_buy input[type=text]     { width: 25px }
.detail                         { position: relative; z-index: 1; width: 660px; height: 300px; padding: 20px; background: url(../images/layout/detailartikel_bg.gif) no-repeat; margin: 20px 0px 40px 20px }
.detail_image                   { float: left; width: 300px; height: 300px }
.detail_image div               { display: table-cell; width: 300px; height: 300px; vertical-align: middle; text-align: center }
.detail_image_zus               { margin: 0px 0px 20px 20px }
.detail_thumb                   { position: relative; z-index: 1; float: left; margin: 0px 15px 15px 0px; cursor: pointer }
.detail_thumb_zoom              { position: absolute; top: 30px; left: 3px }
.detail_thumb_content           { width: 50px; height: 50px; overflow: hidden; text-align: center; background: #ffffff }
.detail_desc                    { float: left; width: 320px; margin: 0px 0px 0px 40px }
.detail_name                    { height: 140px; font-size: 14px }
.detail_preis                   { width: 180px; height: 80px; padding: 10px; background: url(../images/layout/detailpreis_bg.gif) no-repeat; color: #ffffff }
.detail_preis div               { font-size: 25px }
.detail_preis .ab               { font-size: 18px }
.detail_preis .oldpreis         { font-size: 18px }
.detail_preis a                 { color: #ffffff }
.detail_buy                     { height: 20px; padding: 10px 0px 0px 10px; margin: 30px 0px 0px 0px; color: #ffffff }
.detail_buy div.lieferung       { float: left; width: 140px; margin: -5px 0px 0px 0px }
.detail_buy div.lieferung a,
.detail_buy div.lieferung div   { display: block; float: left; margin: 3px 0px 0px 0px; font-weight: bold; color: #ffffff }
.detail_buy div.menge           { float: left }
.detail_buy input[type=text]    { width: 25px }
.detail_buy div.button          { float: left; height: 20px; padding: 0px 0px 0px 5px; border-left: solid 1px #ffffff; margin: 0px 0px 0px 5px }
.detail_buy div.button input    { margin: -10px 0px 0px 10px }
.detail_varianten               { float: left; width: 680px; padding: 9px; border: solid 1px #dfdfdf; margin: 0px 0px 20px 20px }
.detail_varianten div           { float: left; width: 660px; margin: 10px }
.detail_varianten div b         { display: block; float: left; width: 200px }
.detail_varianten div select    { float: left; width: 460px !important }
.detail_long                    { width: 700px; margin: 20px 0px 0px 20px }
.detail_long p,
.detail_long span               { font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important }
.detail_long div                { float: left; width: 330px; margin: 0px 20px 0px 0px }

.zubehoer_headline              { margin: 40px 0px 0px 20px }
.zubehoer                       { position: relative; z-index: 1; float: left; width: 140px; padding: 9px; border: solid 1px #dfdfdf; margin: 20px 0px 0px 20px }
.zubehoer_image                 { width: 140px; height: 140px; overflow: hidden }
.zubehoer_image a               { display: table-cell; width: 140px; height: 140px; vertical-align: middle; text-align: center }
.zubehoer_name                  { display: block; height: 70px; overflow: hidden; color: #000000; font-size: 11px }
.zubehoer_name:hover            { color: #000000 }
.zubehoer_name span             { display: block; font-size: 12px; font-weight: bold }
.zubehoer_preis                 { height: 68px; padding: 2px 5px 5px 5px; background: #4779b5; color: #ffffff; font-size: 11px }
.zubehoer_preis div             { font-size: 24px }
.zubehoer_preis .ab             { font-size: 14px }
.zubehoer_preis .oldpreis       { font-size: 11px }
.zubehoer_preis a               { color: #ffffff }
.zubehoer_details               { margin: 10px 0px 0px 0px }
.zubehoer_details span          { display: block; float: right }
.zubehoer_details a,
.zubehoer_details div           { display: block; padding: 3px 0px 3px 0px; font-weight: bold; color: #4779b5 }
.zubehoer_buy                   { float: left; width: 130px; height: 40px; padding: 0px 5px 0px 5px; background: #e7b628; margin: 10px 0px 0px 0px; color: #ffffff }
.zubehoer_buy div.menge         { float: left; padding: 10px 5px 0px 0px }
.zubehoer_buy div.button        { float: left }
.zubehoer_buy input[type=text]  { width: 20px }
.seitennavi                     { padding: 20px 0px 0px 0px; text-align: right; margin: 0px 0px 0px 20px }
.seitennavi a                   { font-weight: bold }
.legende                        { padding: 20px 0px 20px 0px; border-top: solid 1px #d0d0d0; font-size: 11px; text-align: right; margin: 20px 0px 0px 20px }
.legende span                   { float: left }
.legende div                    { display: inline; padding: 0px 0px 0px 40px }
.legende div img                { margin: 0px 5px 0px 0px }

.siegel_11_jahre                { position: absolute; top: -30px; left: 870px; z-index: 100 }
.footer                         { position: relative; padding: 12px; background: #eeeeee; margin: 0px 0px 20px 0px; font-size: 11px }
.footer ul                      { margin: 0px; padding: 0px 0px 5px 0px }
.footer ul li                   { display: inline; margin: 0px 10px 0px 0px }
.inter_footer                   { margin: 0px 0px 20px 0px; font-size: 11px }

/* manche Elemente werden nur per JavaScript freigeschaltet, wenn eine Variante das erfordert */
.varianten_varpreis			        { display: none }
.varianten_inval		       	    { display: none }
.varianten_oldpreis			        { display: none }
.varianten_oldpreis span        { text-decoration: line-through; }
.oldpreis span                  { text-decoration: line-through; }

.basket,
.kundenkonto,
.suche                          { width: 720px; margin: 20px 0px 0px 20px }

/* basket * /
.status0                        { height: 20px; background: url(../images/bestellung/status0.gif) no-repeat }
.status25                       { height: 20px; background: url(../images/bestellung/status25.gif) no-repeat }
.status50                       { height: 20px; background: url(../images/bestellung/status50.gif) no-repeat }
.status75                       { height: 20px; background: url(../images/bestellung/status75.gif) no-repeat }
.status100                      { height: 20px; background: url(../images/bestellung/status100.gif) no-repeat }
.tabellenkopf                   { background: #4779b5; color: #ffffff; font-weight: bold; font-size: 14px; padding: 10px 5px 10px 5px }
.tabellenheader                 { background: #dfdfdf; font-weight: bold; font-size: 11px; padding: 4px 2px 4px 2px }
.tabellenlinksspalte            { background: #eeeeee; font-size: 11px; padding: 2px }
.tabelleninhalt                 { background: #eeeeee; font-size: 11px; padding: 2px; vertical-align: middle }
.tabelleninhalt a.prodinfo      { display: block; padding: 2px 2px 1px 2px; background: #dfdfdf; margin: 5px 0px 0px 0px }
.tabelleninhalt_gesamtpreis     { background: #eeeeee; font-size: 12px; padding: 2px; vertical-align: middle; font-weight: bold; font-style: italic }
.tabellenfuss                   { background: #eeeeee; font-size: 11px; padding: 4px 2px 4px 2px }
.tabellenfuss_gesamtpreis       { background: #eeeeee; font-size: 12px; padding: 4px 2px 4px 2px; font-weight: bold; font-style: italic }
.tabellenzeile,
.tabellenzeile2                 { font-size: 11px; padding: 4px 2px 4px 2px }
.tabellenzeile h3,
.tabellenzeile2 h3              { margin: 0px }
.tabellenlink                   { background: #eeeeee; font-weight: bold; font-size: 14px; padding: 4px 2px 2px 2px }
.texterror                      { color: #CC0000; font-weight: bold; font-size: 11px }
.agb                            { font-weight: normal; font-size: 11px }
.zahlung                        { font-weight: bold; font-size: 11px }
.summe                          { font-weight: bold; font-size: 11px }

*/
/* basket */
.detail_long div.basket_box                                                    { width: 100%; }
.detail_long div.basket_box table                                              { width: 100% }
.detail_long div.basket_box .path                                              { text-align: left }
.detail_long div.basket_box div                                                { width: 100%; }
.detail_long div.basket_box .produktinfo                                       { display: block; margin: 5px 0px 0px 0px; font-size: 11px }
.detail_long div.basket_box .schrittbutton                                     { float: right; padding: 10px; background: #ffffff; border: none }
.detail_long div.basket_box button[name=login],
.detail_long div.basket_box .buttonlink                                        { display: block; float: none; width: 206px; padding: 2px 0px 2px 0px; border: none; margin: 0px; text-align: center }
.detail_long div.basket_box .texterror                                         { color: #CC0000; font-weight: bold; font-size: 11px }
.detail_long div.basket_box .textweiss                                         { color: #ffffff }
.detail_long div.basket_box .status                                            { padding: 10px 0px 10px 0px; }
.detail_long div.basket_box .status0                                           { height: 20px; background: url(../images/bestellung/status0.gif) no-repeat; }
.detail_long div.basket_box .status25                                          { height: 20px; background: url(../images/bestellung/status25.gif) no-repeat; }
.detail_long div.basket_box .status50                                          { height: 20px; background: url(../images/bestellung/status50.gif) no-repeat; }
.detail_long div.basket_box .status75                                          { height: 20px; background: url(../images/bestellung/status75.gif) no-repeat; }
.detail_long div.basket_box .status100                                         { height: 20px; background: url(../images/bestellung/status100.gif) no-repeat; }
.detail_long div.basket_box .tabellenkopf                                      { background: #4779b5; color: #ffffff; font-weight: bold; font-size: 14px; padding: 10px 5px 10px 5px }
.detail_long div.basket_box .tabellenkopf_over                                 { font-size: 24px }
.detail_long div.basket_box .tabellenheader                                    { background: #dfdfdf; font-weight: bold; font-size: 11px; padding: 4px 2px 4px 2px }
.detail_long div.basket_box .tabelleninhalt                                    { background: #eeeeee; color: #000000; padding: 3px !important }
.detail_long div.basket_box .tabelleninhalt_gesamtpreis                        { background: #eeeeee; color: #000000; padding: 3px !important; font-size: 14px; font-weight: bold; font-style: italic }
.detail_long div.basket_box .tabellenfuss                                      { background: #eeeeee; color: #000000; padding: 3px !important }
.detail_long div.basket_box .tabellenfuss_gesamtpreis                          { background: #eeeeee; color: #000000; padding: 3px !important; font-size: 14px; font-weight: bold; font-style: italic }
.detail_long div.basket_box .detail_long div.basket_box .info                  { background: #5773b2; color: #ffffff; padding: 3px 9px !important; border-radius: 20px; font-weight: bold; }
.agb                                                                           { font-weight: normal; font-size: 11px }
.zahlung                                                                       { font-weight: bold; font-size: 11px }
.summe                                                                         { font-weight: bold; font-size: 11px }
.vkfreihinweis                                                                 { border: solid 2px #dddddd; font-weight: bold; background: #f0f0f0; padding: 5px; margin: 10px 0px 10px 0px }

/* kundenkonto */
.kundenkonto table              { width: 700px }
.kundenkonto td                 { background: #eeeeee; padding: 5px; font-size: 11px }
.kundenkonto td .buttonlink     { width: 258px }
.kundenkonto td button,
.kundenkonto td input[type=submit] { width: 300px }
.kundenkonto_funktionen         { width: 700px; padding: 2px 0px 20px 0px }
.kundenkonto_verwalten          { float: left; padding: 2px 4px 2px 4px; border: solid 1px #cecfd8 }
.kundenkonto_verwalten a        { color: #4779b5 }
.kundenkonto_abbrechen          { float: right; padding: 2px 4px 2px 4px; border: solid 1px #cecfd8 }
.kundenkonto_abbrechen a        { color: #4779b5 }

/* suche */
.search_button                  { position: relative; color: #ffffff; font-weight: bold; font-size: 11px; text-transform: uppercase; text-align: center; background: #e7b628 url(../images/layout/lens_white.png) no-repeat 5px 3px; width: 150px; padding: 3px 0px 3px 0px }
.search_button_input            { position: absolute; top: 0px; left: 0px; width: 150px; height: 18px }