.site                   { background: #EBEBEB url(../images/layout/site_bg.gif) repeat-x; margin: 0px }
.page                   { background: url(../images/layout/edge_aussen.gif) repeat-y; width: 970px; height: 100%; color: #000000; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-decoration: none }
.header                 { position: relative; background: url(../images/layout/header.jpg) no-repeat; height: 145px }
.standards              { padding: 25px 0px 0px 20px }
.dim_logo               { position: absolute; top: 30px; left: 770px }
.suche                  { padding: 37px 0px 0px 20px }
.pfad                   { position: absolute; top: -15px; left: 2px }
.main                   { padding: 0px 10px 0px 10px }
.leftframe              { background: url(../images/layout/edge_left.gif) repeat-y; width: 190px }
.kategoriennavi         { float: left; width: 190px; margin: 10px 0px 0px 0px  }
.navipunkt              { position: relative; color: #000000; text-transform: uppercase; margin: 1px 0px 0px 0px; background: url(../images/layout/navi.gif) repeat-y; padding: 5px 30px 6px 10px; cursor: pointer }
.navipunkt_over         { position: relative; color: #000000; text-transform: uppercase; margin: 1px 0px 0px 0px; background: url(../images/layout/navi_over.gif) repeat-y; padding: 5px 30px 6px 10px; cursor: pointer }
.navipunkt_button       { position: absolute; top: 0px; left: 0px; width: 190px; height: 23px }
.navipunkttop           { position: relative; color: #B3000D; text-transform: uppercase; margin: 1px 0px 0px 0px; background: url(../images/layout/navi.gif) repeat-y; padding: 5px 30px 6px 10px; cursor: pointer }
.navipunkttop_over      { position: relative; color: #B3000D; text-transform: uppercase; margin: 1px 0px 0px 0px; background: url(../images/layout/navi_over.gif) repeat-y; padding: 5px 30px 6px 10px; cursor: pointer }
.navipunkttop_button    { position: absolute; top: 0px; left: 0px; width: 190px; height: 23px }
.subnavipunkt           { position: relative; color: #000000; background: url(../images/layout/navi_aktiv.gif) repeat-y; padding: 1px 10px 2px 20px; cursor: pointer }
.subnavipunkt_over      { position: relative; color: #000000; padding: 1px 10px 2px 20px; cursor: pointer }
.subnavipunkt_button    { position: absolute; top: 0px; left: 0px; width: 190px; height: 14px }
.subnavipunkttop        { position: relative; color: red; background: url(../images/layout/navi_aktiv.gif) repeat-y; padding: 1px 10px 2px 20px; cursor: pointer }
.subnavipunkttop_over   { position: relative; color: red; padding: 1px 10px 2px 20px; cursor: pointer }
.subnavipunkttop_button { position: absolute; top: 0px; left: 0px; width: 190px; height: 14px }
.hersteller             { float: left; width: 190px; margin: 30px 0px 0px 0px; background: url(../images/layout/navi_aktiv.gif) repeat-y }
.hersteller_head        { color: #FFFFFF; font-size: 11px; text-transform: uppercase; padding: 5px 10px 5px 10px; margin: 0px 0px 1px 0px; background: url(../images/layout/hersteller_head.gif) repeat-y }
.hersteller_content     { padding: 10px }
.aktionen               { float: left; width: 190px; margin: 20px 0px 0px 0px }
.kundentelefon          { color: #7F7F7F; font-size: 11px; font-weight: normal; background: #EBEBEB; padding: 5px; border: solid 1px #7F7F7F; margin: 0px 20px 0px 10px }
.kundentelefon span     { font-size: 18px }
.partnerbanner          { margin: 10px 0px 0px 0px }
.centerframe            { width: 570px; padding: 0px 0px 10px 0px }
.hauptkategorien_navi   { float: left; margin: 10px 0px 0px 0px; padding: 8px 8px 0px 8px; background: url(../images/layout/hauptkategorien_bg.gif) repeat-x }
.hauptkategorie         { float: left; width: 67px; position: relative; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; background: #EBEBEB }
.hauptkategorie_over    { float: left; width: 67px; position: relative; color: #FFFFFF; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; background: #7F7F7F }
.hauptkategorie1        { float: left; width: 67px; position: relative; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; background: #EBEBEB }
.hauptkategorie1_over   { float: left; width: 67px; position: relative; color: #FFFFFF; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-bottom: solid 2px #FFFFFF; background: #7F7F7F }
.hauptkategorie_button  { position: absolute; top: 0px; left: 0px; width: 67px; height: 98px }
.hauptkategorie_text    { text-align: center; padding: 4px }
.hauptkategorie_bild    { margin: 0px 0px 5px 0px; border: solid 1px #FFFFFF }
.herstellerlogo         { text-align: right; padding: 0px 10px 0px 0px }
.zusatznavi             { margin: 0px 10px 0px 10px; padding: 5px; text-transform: uppercase; background: #F5F5F5 }
.blaetternavi           { padding: 0px 15px 0px 0px; float: right; font-size: 12px; font-weight: normal }
.blaetternavi_aktiv     { font-weight: bold }
.artikel                { padding: 0px 0px 0px 5px }
.artikel_breite         { width: 280px; background: url(../images/layout/artikel_bg.gif) repeat-y }
.artikel_head           { color: #B3000D; text-transform: uppercase; background: #EBEBEB; border: solid 1px #B3000D; padding: 2px 3px 3px 5px; margin: 0px 10px 5px 10px }
.artikel_funktionen     { position: absolute; top: 215px; left: 145px; border: solid 2px #B3000D; background: #FFFFFF }
.artikel_funkt_groesse  { width: 111px }
.artikel_preis          { font-size: 22px; color: #B3000D; font-weight: normal; font-family: Times New Roman, Arial, Verdana, Courier, Monaco; padding: 0px 3px 0px 3px; text-align: right; line-height: 22px }
.artikel_hinweis        { color: #B3000D; font-family: Arial, Verdana, Courier, Monaco; line-height: 10px; padding: 0px 3px 3px 3px; text-align: right }
.artikel_anzahl         { font-size: 11px; color: #B3000D; font-weight: normal; border-top: solid 2px #B3000D; background: #FFFFFF; padding: 2px 0px 2px 35px }
.artikel_link           { color: #FFFFFF; background: #B3000D }
.artikel_button         { position: absolute; top: 0px; left: 0px; width: 110px; height: 32px }
.kaufen                 { font-size: 18px; padding: 6px 5px 5px 0px; text-align: right }
.waehlen                { font-size: 14px; padding: 8px 5px 8px 0px; text-align: right; letter-spacing: -1px }
.basketpikto            { margin: 0px 5px -1px 0px }
.artikel_beschreibung   { position: absolute; top: 215px; left: 20px; width: 120px; height: 80px }
.detaillink             { margin: 10px 0px 0px 0px; text-transform: uppercase }
.pfeil                  { margin: 0px 0px -3px 5px }
.variantenscroller      { padding: 10px 0px 10px 0px }
.menu                   { float: left; padding: 3px 0px 3px 0px; background: #F5F5F5; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #B3000D; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; color: #B3000D; cursor: pointer }
.menu_over              { float: left; padding: 3px 0px 3px 0px; background: #FFFFFF; border-top: solid 1px #B3000D; border-bottom: solid 1px #FFFFFF; border-left: solid 1px #B3000D; border-right: solid 1px #B3000D; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; color: #B3000D; cursor: pointer }
.menu_inaktiv           { float: left; padding: 3px 0px 3px 0px; background: #F5F5F5; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #B3000D; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; color: #C0C0C0 }
.detail                 { float: left; padding: 10px 0px 10px 10px }
.detail_part            { height: 100%; margin: -15px 0px 0px 0px; padding: 30px 15px 15px 15px; border-left: solid 1px #BFBFBF; border-right: solid 1px #BFBFBF; border-bottom: solid 1px #BFBFBF }
.detail_breite_farbig   { position: relative; width: 550px; background: #F5F5F5 }
.detail_left            { float: left; padding: 0px 20px 0px 0px }
.detail_right           { float: left; width: 270px }
.detail_funktionen      { float: right; margin: 10px 0px 0px 0px; border: solid 2px #B3000D; background: #FFFFFF }
.detail_funkt_groesse   { width: 111px; height: 132px }
.detail_zoom            { margin: 0px 4px -3px 0px }
.detail_pfeil           { margin: 0px 5px -3px 3px }
.trennlinie             { clear: both; height: 1px; margin: 10px 0px 0px 0px; border-top: solid 1px #7F7F7F; font-size: 0px }
.detail_breite_farbig1  { width: 550px; background: #F5F5F5; margin: 10px 0px 0px 0px; font-size: 11px; font-weight: normal }
.detail_breite          { width: 550px; color: #000000; font-size: 12px; font-weight: normal }
.detail_breite td       { font-weight: normal; color: #000000 }
.detail_breite a        { color: #B3000D; text-decoration: underline }
.detail_breite a:hover  { color: #B3000D; text-decoration: underline }
.detail_left1           { float: left; padding: 0px 19px 19px 0px }
.zusatzartikel          { float: left; padding: 10px 0px 0px 10px }}
.zusatzartikel_breite   { position: relative; width: 270px; background: #F5F5F5 }
.artikel_funktionen1    { position: absolute; top: 25px; left: 155px; width: 105px }
.artikel_beschreibung1  { position: absolute; top: 25px; left: 20px; width: 130px }
.information            { float: left; padding: 10px; font-size: 11px; font-weight: normal }
.information td         { font-size: 11px; font-weight: normal; background: #F5F5F5; padding: 3px }
.information a          { color: #B3000D; text-decoration: underline }
.information a:hover    { color: #B3000D; text-decoration: underline }
.verfueg_legende        { float: left; background: #F5F5F5; color: #7F7F7F; font-size: 10px; font-weight: normal; text-align: center; padding: 10px 0px 10px 0px; margin: 5px 2px 0px 0px; width: 108px }
.finanzierung           { float: left; width: 275px; height: 500px }
.finanzierung div       { padding: 360px 20px 20px 70px }
.rightframe             { background: url(../images/layout/edge_right.gif) repeat-y; width: 190px }
.warenkorb              { float: left; width: 190px; margin: 10px 0px 0px 0px; background: url(../images/layout/basket_bg.gif) repeat-y }
.warenkorb_head         { color: #FFFFFF; font-size: 14px; text-transform: uppercase; padding: 14px 10px 14px 33px; background: url(../images/layout/basket_head.gif) repeat-y }
.warenkorb_button       { position: absolute; top: -14px; left: -33px; width: 190px; height: 43px }
.warenkorb_content      { border-left: solid 3px #b3000d; border-right: solid 3px #b3000d; padding: 10px 0px 10px 0px }
.warenkorbzelle         { color: #b3000d; font-size: 11px; font-weight: normal; padding: 5px 10px 5px 10px }
.warenkorbfuss          { color: #b3000d; font-size: 12px; padding: 5px 10px 5px 10px }
.warenkorbtrennung      { background: url(../images/layout/edge_right.gif) repeat-y }
.zur_kasse              { color: #FFFFFF; font-size: 18px; padding: 10px 10px 11px 33px; margin: 0px 0px 1px 0px; background: url(../images/layout/zur_kasse.gif) repeat-y }
.zur_kasse_button       { position: absolute; top: -10px; left: -33px; width: 190px; height: 43px }
.angebot                { float: left; width: 190px; margin: 30px 0px 0px 0px; background: url(../images/layout/basket_bg.gif) repeat-y }
.angebot_head           { color: #FFFFFF; font-size: 11px; text-transform: uppercase; padding: 5px 10px 5px 33px; margin: 0px 0px 1px 0px; background: url(../images/layout/angebot_head.gif) repeat-y }
.angebot_content        { position: relative; padding: 10px 10px 80px 10px }
.angebot_bild           { width: 80px; height: 60px; overflow: hidden; background: #FFFFFF; border: solid 2px #B3000D; text-align: center }
.angebot_artikel        { position: absolute; top: 60px; left: 30px; width: 140px; cursor: pointer }
.angebot_preis          { font-size: 22px; color: #B3000D; font-weight: normal; font-family: Times New Roman, Arial, Verdana, Courier, Monaco; border: solid 2px #B3000D; background: #FFFFFF url(../images/layout/pfeil_rot.gif) 4px 5px no-repeat; padding: 2px 3px 3px 3px; text-align: right; line-height: 20px }
.angebot_hinweis        { font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; line-height: 10px }
.angebot_beschreibung   { color: #FFFFFF; font-size: 11px; padding: 2px 5px 2px 5px; background: #B3000D }
.top10                  { float: left; width: 190px; margin: 30px 0px 0px 0px }
.top10_head             { color: #FFFFFF; font-size: 11px; text-transform: uppercase; padding: 5px 10px 5px 33px; margin: 0px 0px 1px 0px; background: url(../images/layout/top_ten_head.gif) repeat-y }
.top10_list             { position: relative; z-index: 2; margin: 0px 0px 1px 0px; height: 23px; background: url(../images/layout/top_ten.gif) repeat-y; padding: 0px 3px 0px 33px; cursor: pointer }
.top10_list_over        { position: relative; z-index: 2; margin: 0px 0px 1px 0px; height: 23px; background: url(../images/layout/top_ten_over.gif) repeat-y; padding: 0px 3px 0px 33px; cursor: pointer }
.top10_button           { position: absolute; z-index: 3; top: 0px; left: 0px; width: 190px; height: 23px }
.zahlungsart            { float: left; width: 190px; margin: 30px 0px 0px 0px; background: url(../images/layout/basket_bg.gif) repeat-y }
.zahlungsart_head       { color: #FFFFFF; font-size: 11px; text-transform: uppercase; padding: 5px 10px 5px 33px; margin: 0px 0px 1px 0px; background: url(../images/layout/zahlungsart_head.gif) repeat-y }
.zahlungsart_content    { padding: 10px }
.zahlungsart_content td { padding: 3px 0px 3px 0px; border-top: solid 1px #DCDCDC }
.fuss                   { padding: 0px 200px 20px 200px }
.formular               { color: #7F7F7F; font-weight: normal; font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; border: solid 1px #7F7F7F }
.formularerror          { color: #7F7F7F; font-weight: normal; font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; border: solid 2px #B3000D }
.formbutton             { color: #B3000D; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-transform: uppercase; border: solid 1px #B3000D; background: #EBEBEB; padding: 1px 0px 1px 0px; cursor: pointer }
button                  { color: #B3000D; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-decoration: none; text-transform: uppercase; text-align: right; width: 200px; border: solid 1px #B3000D; background: #EBEBEB; padding: 1px 0px 1px 0px; cursor: pointer }
button:hover            { color: #FFFFFF; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-decoration: none; text-transform: uppercase; text-align: right; width: 200px; border: solid 1px #B3000D; background: #B3000D; padding: 1px 0px 1px 0px; cursor: pointer }
td                      { font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-decoration: none }
td.tabellenhead         { background: #EBEBEB }
h1                      { font-size: 18px; color: #7F7F7F; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; margin: 0px 0px 20px 0px }
h2                      { font-size: 11px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-decoration: none; margin: 0px 0px 0px 0px }
ul                      { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding-left: 10px; list-style-type: square }
ol                      { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding-left: 10px }
a                       { color: #000000; text-decoration: none }
a:hover                 { color: #B3000D; text-decoration: none }

.kredit                 { width: 476px; height: 200px; border: solid 2px #B3000D }
.krediframe             { color: #B3000D; font-size: 11px; font-family: Arial, Verdana, Courier, Monaco; text-align: center }
.krediframe td          { font-size: 11px; font-weight: normal; padding: 5px }
.basket                 { float: left; position: relative; padding: 10px 0px 10px 45px }
.basket a               { color: #B3000D; text-decoration: underline }
.basket a:hover         { color: #B3000D; text-decoration: underline }
.basketpfad             { position: absolute; top: -141px; left: 2px }
.baskettext             { padding: 20px 0px 0px 0px; font-size: 11px; font-weight: normal }
.kundenkonto td         { padding: 4px 5px 2px 0px }
.texterror              { color: #E02F25 }
.textgross              { font-size: 12px }
.textweiss              { color: #FFFFFF }
.tabelle_aussen         { background: #EBEBEB }
.tabelle_innen          { background: #FFFFFF }
.status0                { background: url(../images/bestellung/status0.gif) }
.status25               { background: url(../images/bestellung/status25.gif) }
.status50               { background: url(../images/bestellung/status50.gif) }
.status75               { background: url(../images/bestellung/status75.gif) }
.status100              { background: url(../images/bestellung/status100.gif) }
.agb                    { color: #000000 }
.agb a                  { color: #B3000D }
.agb a:hover            { color: #B3000D }
.coupon_new             { color: #000000 }
.zahlung                { color: #000000 }
.summe                  { color: #000000 }
.tabelleninhalt         { background: #FFFFFF; padding: 3px 2px 3px 2px }
.tabellenheader         { background: #7F7F7F; color: #ffffff; padding: 3px 2px 3px 2px }
.tabellenkopf           { background: #FFFFFF; padding: 3px 2px 3px 2px; font-size: 18px; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; color: #7F7F7F }
.tabellenkopf_over      { background: #E6E6E6; padding: 3px 2px 3px 2px; font-size: 18px; font-weight: normal; font-family: Arial, Verdana, Courier, Monaco; color: #7F7F7F }
.tabellenfuss           { background: #EBEBEB; padding: 3px 2px 3px 2px; font-size: 11px }
.tabellenzeile          { background: #EBEBEB; padding: 3px 2px 3px 2px }
.tabellenzeile2         { background: #EBEBEB; padding: 3px 2px 3px 2px }
.anzahlung				      { font-size: 12px; color: red }
.pruefnummerninfo       { cursor: pointer; border-top: solid 1px #7F7F7F; width: 470px; padding: 10px 0px 10px 0px; margin: 5px 0px 0px 0px; font-size: 11px; font-weight: normal }
.info_i                 { float: left; font-size: 18px; color: #B3000D; font-weight: bold; font-family: Times New Roman, Arial, Verdana, Courier, Monaco; padding: 0px 8px 0px 8px; border: solid 1px #B3000D; margin: -5px 5px 0px 0px }

.suchergebnis           { float: left; padding: 10px }
.suchergebnis td        { font-size: 11px; font-weight: normal }
.suche_head             { text-transform: uppercase; border-bottom: solid 1px #7F7F7F }
.suche_input			      { border:solid 1px black; border-collapse:collapse; width:100%;}
.suche_input td		    	{ padding:5px;}
.suche_inactive		     	{ background-color:#DDDDDD; border-top:solid 1px #DDDDDD; border-bottom:solid 1px black;}
.suche_active			      { border-left:solid 1px black; border-right:solid 1px black;}

.article_oldpreis  			{ font-family: Arial, Verdana, Courier, Monaco; font-size: 11px; line-height: 14px }
.article_oldpreis span 	{ text-decoration: line-through }
.article_rabatt  				{ font-family: Arial, Verdana, Courier, Monaco; font-size: 11px; line-height: 14px }
.ebay_hinweis           { width: 550px; color: #000000; font-size: 16px; font-weight: normal }
.ebay_hinweis_overview  { padding: 10px; color: #000000; font-size: 16px; font-weight: normal }
a.tooltip               { position: relative; text-decoration: none; color: #B3000D; border-bottom: 1px dotted #B3000D; cursor: help }
a.tooltip:hover         { z-index: 100; text-decoration: none} 
a.tooltip span          { display: none; color: #000; font-weight: normal}
/* da ich noch nicht rausbekommen habe, wie ich die globalen Stylesheets per JavaScript auslesen kann, müssen bei Änderungen an der folgenden Zeile auch das JavaScript in detail.php angepasst werden */
a.tooltip:hover span    { position: absolute; z-index: 200; display: block; top: 30px; left: 10px; width: 260px; color: #000000; text-decoration: none; font-size: 11px }
a.tooltip:hover span div.tooltip_top      { background: url(../images/layout/tooltip_top.png) no-repeat }
a.tooltip:hover span div.tooltip_content  { padding: 0px 15px 10px 15px; background: url(../images/layout/tooltip_bg.png) repeat-y }
a.tooltip:hover span div.tooltip_bottom   { background: url(../images/layout/tooltip_bottom.png) no-repeat }
a.tooltip:hover span b  { font-size: 12px }

.Versandkosten td       { font-size: 12px; font-family: Arial, Verdana, Courier, Monaco; text-decoration: none }
.tagcloud  							{color: #7F7F7F; font-size: 10px; font-weight: bold; font-family: Arial, Verdana, Courier, Monaco; text-decoration: none; text-transform: uppercase; text-align: justify; background: url(../images/layout/tagcloud_bg.gif); padding: 5px; margin: 10px 0px 4px 0px }
.tagcloud a 						{color: #7F7F7F; text-decoration: none }
.tagcloudrahmen					{ margin: 10px 0px 4px 0px }
.tagcloud a:hover 			{color: #B3000D; text-decoration: none }
.willkommen             { position: relative; padding: 0px 5px; font-size: 12px; font-weight: normal; text-align: center; }