/* global */
body                        { background: url(../images/layout/tsshop/bg.gif); margin: 0px; color: #000000; font-size: 12px; font-family: Arial, Verdana, Courier, Monaco }
h1                          { font-weight: bold; font-size: 24px; margin: 0px 0px 10px 0px; color: #a021bb }
h2                          { font-weight: bold; font-size: 14px; margin: 0px 0px 5px 0px }
h3                          { font-weight: bold; font-size: 12px; margin: 0px 0px 0px 0px }
form                        { display: inline; margin:0; }
button                      { color: #a021bb; text-decoration: none;
								display:inline; border:none; background:none; padding:0; margin:0;
								font:inherit; text-align:inherit; text-indent:inherit; line-height:inherit; 
								cursor: pointer; }
button:hover                { color: #a021bb; text-decoration: underline; }
a                           { color: #a021bb; text-decoration: none }
a:hover                     { color: #a021bb; text-decoration: underline }
a.button                    { display: block; padding: 6px 5px 6px 5px; margin: 2px 0px 0px 0px; color: #000000; font-weight: bold; text-decoration: none }

/* Formulare */
.formular                   { color: #000000; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; background: #ffffff; border: solid 1px #000000 }
.formularerror              { color: #000000; font-size: 11px; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; background: #f5f5f5; border: solid 1px #cc0005 }
.formularbutton             { color: #a021bb; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; background: #ffffff url(../images/layout/tsshop/pfeil.gif) no-repeat 5px 7px; border: none; padding: 2px 10px 2px 15px; cursor: pointer }

/* allgemein */
/* In-Den-Warenkorb-Gelegt-Hinweis */
#wkinfo                     { position: absolute; top: 260px; left: 130px; border: solid 5px #a021bb; background: #ffffff; padding: 50px; z-index: 10; width: 400px }
#wkinfo a                   { font-weight: bold }
.outside_site               { position: absolute; top: 0px; left: 985px }
.skyscraper                 { padding: 5px 0px 0px 0px; text-align: right }
.site                       { width: 980px }
.superbanner                { float: right; padding: 5px 0px 0px 5px }
.header                     { position: relative; height: 120px; margin: 60px 10px 0px 10px; background: #ffffff; border-bottom: solid 1px #cc0005 }
.header img                 { position: absolute; top: 0px; left: 0px }
.left                       { float: left; width: 760px; padding: 10px 5px 40px 10px }
.navi                       { height: 120px; padding: 5px; background: #ffffff; margin: 0px 0px 40px 0px }
.navipunkt                  { float: left; position: relative; z-index: 2; width: 125px }
.navipunkt_cont             { position: absolute; top: 3px; left: 3px; width: 114px; height: 107px; padding: 2px; background: #a021bb; font-size: 14px; font-weight: bold; text-align: center }
.navipunkt_cont div         { display: none }
.navipunkt_cont:hover div   { display: block }
.navipunkt_cont a           { color: #ffffff; text-decoration: none }
.navipunkt_cont a:hover     { color: #ffffff; text-decoration: none }
.navipunkt_cont span        { display: block; height: 32px; padding: 2px; border: solid 2px #ffffff }
.navipunkt_cont span img    { display: none }
.navipunkt_bild             { width: 110px; height: 65px; border-left: solid 2px #ffffff; border-right: solid 2px #ffffff; border-bottom: solid 2px #ffffff }
.subnavi                    { position: absolute; top: 109px; left: 0px; width: 114px; padding: 0px 2px 2px 2px; background: #a021bb }
.subnavi div								{ display: block; /* fuer IE6, sonst erscheinen die Unterelemente von .subnavi nicht, auch wenn .subnavi per JavaScript auf 'block' gesetzt wird */ }
.subnavi a                  { display: block; padding: 5px 5px 5px 15px; background: #ffffff url(../images/layout/tsshop/pfeil.gif) no-repeat 5px 9px; border-left: solid 2px #ffffff; border-right: solid 2px #ffffff; border-bottom: solid 2px #ffffff; color: #a021bb; font-size: 11px; font-weight: normal; text-align: left }
.subnavi a:hover            { background: url(../images/layout/tsshop/pfeil_weiss.gif) no-repeat 5px 9px; color: #ffffff }
.subnavifuss                { display: none }
.textbox                    { font-weight: bold; padding: 15px; background: #ffffff }
.textbox p                  { margin: 0px }
.main                       { float: left; width: 740px; padding: 20px 0px 0px 20px; background: #ffffff }
.pfad                       { padding: 0px 20px 20px 0px; font-weight: bold }
.textfeld                   { padding: 0px 20px 20px 0px }
.textfeld td                { font-size: 12px; font-family: Arial, Verdana, Courier, Monaco; padding: 3px 10px 3px 0px }
.indikator                  { margin: 0px 3px 1px 0px }
.indikator1                 { margin: 0px 0px 1px 3px }
.right                      { float: left; width: 190px; padding: 0px 10px 40px 5px }
.claim a                    { display: block; width: 61px; height: 76px; padding: 5px 116px 4px 13px; background: url(../images/layout/tsshop/ts_online_claim.png) no-repeat; overflow: hidden }
.claim a img                { width: 61px }
.right_content              { padding: 0px 5px 5px 5px; background: #ffffff }
.such_box                   { background: #d9dadb }
.right_box                  { margin: 5px 0px 0px 0px; background: #d9dadb }
.right_box p                { margin: 0px }
.such_box h2,
.right_box h2               { background: #a021bb; color: #ffffff; padding: 5px; margin: 0px }
.such_box h2 img,
.right_box h2 img           { display: none }
.right_box_content          { padding: 5px }
.ranking_left               { float: left; width: 27px; height: 32px; border-top: solid 2px #ffffff; border-right: solid 2px #ffffff }
.ranking_right a            { display: block; float: left; width: 141px; height: 25px; padding: 2px 5px 5px 5px; border-top: solid 2px #ffffff; overflow: hidden; font-size: 11px; text-decoration: none }
.pikto                      { margin: 0px 5px -5px 0px }
.teaserbild                 { width: 180px; overflow: hidden; text-align: center }
.mehrlink                   { padding: 8px 0px 0px 0px; font-weight: bold }
.right_fuss                 { display: none }
.partnerwerbung             { width: 160px; overflow: hidden; padding: 0px 0px 10px 0px; color: #a021bb; text-align: center }
.partnerwerbung img         { margin: 0px 0px 10px 0px }
.fuss                       { margin: 0px 10px 60px 10px; background: #ffffff }
.fuss_content               { padding: 15px; font-size: 11px }
.fuss_kategorien            { padding: 15px 0px 15px 0px }
.fuss_kategorien_spalte     { float: left; width: 122px; overflow: hidden; margin: 10px 20px 10px 0px; border-left: solid 1px #a021bb; padding: 0px 0px 0px 10px }

/* overview-template */
.blaetternavi_oben          { float: right; font-weight: bold }
.blaetternavi_unten         { padding: 0px 20px 20px 0px; font-size: 12px; font-weight: bold; text-align: right }
.artikel_box                { float: left; margin: 0px 20px 20px 0px }
.artikel_box_content        { position: relative; z-index: 1; width: 226px }
.artikel_rubrik             { padding: 5px; background: #d9dadb; font-size: 14px }
.artikel_rubrik a           { font-weight: bold }
.artikel_rubrik a img       { display: none }
.artikel_info               { position: absolute; top: 155px; left: 185px }
.artikel_bild               { width: 222px; height: 165px; overflow: hidden; border-top: solid 2px #a021bb; border-left: solid 2px #a021bb; border-right: solid 2px #a021bb }
.artikel_bild a             { display: table-cell; width: 222px; height: 165px; text-align: center; vertical-align: middle }
.artikel_name               { padding: 3px 10px 3px 10px; border-left: solid 2px #a021bb; border-right: solid 2px #a021bb; border-bottom: solid 2px #a021bb; text-align: center }
.artikel_name_hoehe         { height: 30px; overflow: hidden }
.artikel_preis              { float: left; width: 95px; height: 32px; padding: 6px 5px 0px 5px; background: #d9dadb; border-left: solid 2px #a021bb; border-bottom: solid 2px #a021bb; font-weight: bold }
.artikel_altpreis           { font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; text-decoration: line-through }
.artikel_order              { float: left; width: 21px; height: 30px; padding: 8px 10px 0px 10px; background: #a021bb; border-bottom: solid 2px #a021bb }
.artikel_detaillink a       { display: block; float: left; width: 61px; height: 26px; padding: 12px 10px 0px 5px; background: #d9dadb; border-bottom: solid 2px #a021bb; border-right: solid 2px #a021bb; color: #000000; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: right }

/* detail-template */
.detail_left                { float: left; width: 400px }
.detail_bild                { position: relative; z-index: 1; margin: 0px 60px 20px 0px; padding: 8px; border: solid 2px #a021bb; cursor: pointer }
.detail_bild_zoom           { position: absolute; top: 10px; left: 10px }
.detail_bild_content        { width: 320px; overflow: hidden; text-align: center }
.detail_thumb               { position: relative; z-index: 1; float: left; margin: 0px 18px 18px 0px; cursor: pointer }
.detail_thumb_zoom          { position: absolute; top: 30px; left: 3px }
.detail_thumb_content       { width: 50px; height: 50px; overflow: hidden; text-align: center }
.detail_download            { width: 340px; margin: 0px 60px 20px 0px; font-weight: bold }
.detail_download a          { text-decoration: none }
.detail_download_pikto      { margin: 0px 5px -7px 0px }
.detail_reader              { width: 340px; margin: 0px 60px 20px 0px }
.detail_reader_pikto        { float: left; padding: 10px 20px 10px 0px }
.detail_right               { float: left; width: 320px }
.detail_preis               { font-size: 18px; font-weight: bold; padding: 0px 0px 15px 0px }
.detail_funktionen          { padding: 0px 0px 20px 0px }
.detail_funktionen td       { font-size: 12px; font-family: Arial, Verdana, Courier, Monaco; padding: 0px 10px 3px 0px }
.detail_order               { border-top: solid 2px #a021bb; padding: 5px 0px 20px 0px }
.detail_versand             { padding: 0px 0px 20px 0px }
.detail_beschreibung        { margin: 0px 20px 20px 0px }
.detail_info                { margin: 0px 20px 0px 0px; padding: 0px 0px 20px 40px; background: url(../images/layout/tsshop/info.gif) no-repeat }
.fb_link                    { float: right; margin-top: 8px; text-transform: uppercase; text-align: center; font-size: 8px; line-height: 10px; letter-spacing: 1px }
.likebutton                 { width: 78px; height: 25px; overflow: hidden }
/* manche Elemente werden nur per JavaScript freigeschaltet, wenn eine Variante das erfordert */
.varianten_varpreis			    { display: none }
.varianten_inval		       	{ display: none }
.varianten_oldpreis			    { display: none; font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; text-decoration: line-through }

/* ergänzende Artikel */
.zusatzartikel              { margin: 20px 20px 0px 0px; padding: 20px 0px 20px 0px; border-top: solid 2px #a021bb }
.zusatzartikel_box          { float: left; border: solid 2px #a021bb; padding: 3px; margin: 0px 20px 20px 0px }
.zusatzartikel_box_content  { width: 216px; border-bottom: solid 2px #a021bb }
.zusatzartikel_bild         { float: left; margin: 0px 10px 10px 0px; width: 100px; height: 100px; overflow: hidden; background: #ffffff }
.zusatzartikel_bild a       { display: table-cell; width: 100px; height: 100px; text-align: center; vertical-align: middle }
.zusatzartikel_name         { float: left; margin: 10px 10px 10px 0px; width: 96px; height: 90px; overflow: hidden }
.zusatzartikel_preis        { float: left; width: 140px; height: 28px; font-size: 14px; font-weight: bold }
.zusatzartikel_altpreis     { font-size: 10px; text-decoration: line-through }
.zusatzartikel_detaillink a { display: block; float: left; width: 64px; height: 18px; padding: 5px; border-left: solid 2px #a021bb; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: right }

/* Bestellvorgang */
.basket                     { padding: 30px 120px 30px 120px; margin: 0px 15px 0px 0px; background: #ffffff }
.basket td                  { color: #4a4a4a; font-family: Arial, Verdana, Courier, Monaco }
.basket a                   { color: #4a4a4a }
.status0                    { height: 25px; background-image: url(../images/bestellung/status0.gif) }
.status25                   { height: 25px; background-image: url(../images/bestellung/status25.gif) }
.status50                   { height: 25px; background-image: url(../images/bestellung/status50.gif) }
.status75                   { height: 25px; background-image: url(../images/bestellung/status75.gif) }
.status100                  { height: 25px; background-image: url(../images/bestellung/status100.gif) }
.tabellenkopf               { background: #f0f0f0; font-weight: bold; font-size: 14px; padding: 10px 5px 10px 5px }
.tabellenheader             { background: #dddddd; font-size: 11px; padding: 4px 2px 4px 2px }
.tabellenlinkspalte         { background: #dddddd; font-size: 11px; padding: 2px }
.tabelleninhalt             { background: #f0f0f0; font-size: 11px; padding: 2px }
.tabelleninhalt input[type=image]     { background: #575757 }
.tabellenfuss               { background: #dddddd; font-size: 11px; padding: 4px 2px 4px 2px }
.tabellenzeile              { font-size: 11px; padding: 4px 2px 4px 2px }
.tabellenzeile2             { font-size: 11px; padding: 4px 2px 4px 2px }
.tabellenlink               { background: #575757; color: #ffffff; 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 }
.vkfreihinweis 				      { border: solid 2px #dddddd; font-weight: bold; background: #f0f0f0; padding: 5px; margin: 10px 0px 10px 0px }

/* suche */
.link_sucheadv              { float: right; padding: 0px 0px 40px 0px; font-weight: bold }
table.suche                 { width: 720px }
table.suche th              { font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; padding: 3px 10px 3px 0px }
table.suche td              { font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; padding: 3px 10px 3px 0px; border-bottom: solid 2px #a021bb }
table.sucheadv              { margin-top: 50px }
table.sucheadv td           { font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; padding: 3px 10px 3px 0px; border-bottom: solid 2px #a021bb }