@font-face
           {  
  font-family: 'Klavika Light';
  src: url(../fonts/klavikalight.eot); /* IE */
  src: local("?"), url(../fonts/klavikalight.ttf) format("truetype"); /* non-IE */
}

body                               { background: #f0f0f0 url(../images/de/layout/site_bg.gif) repeat-x; margin: 0px; color: #484848; font-size: 12px; font-family: Helvetica, Arial, sans-serif }
h1                                 { margin: 0px 0px 5px 0px; font-size: 24px; font-weight: normal; font-family: 'Klavika Light', Helvetica, Arial, sans-serif; letter-spacing: -0.05em; line-height: 24px; color: #ad2424 }
h2                                 { margin: 0px 0px 5px 0px; font-size: 18px; font-weight: normal; font-family: 'Klavika Light', Helvetica, Arial, sans-serif; letter-spacing: -0.05em; line-height: 18px }
h3                                 { margin: 0px 0px 5px 0px; font-size: 14px; font-weight: normal }
form                               { display: inline }
img                                { border: 0px }
ul                                 { margin: 10px 0px 10px 15px; padding: 0px 0px 0px 10px; list-style-type: square }
ol                                 { margin: 10px 0px 10px 15px; padding: 0px 0px 0px 10px }
a                                  { color: #ad2424; text-decoration: none }

.error          		               { color: #cc0000 }
input[type=text],
.formular                          { color: #484848; border: solid 1px #aeaeae }
select.error,
textarea.error,
input[type=password].error,
input[type=text].error,
.formularerror                     { color: #484848; border: solid 2px #cc0000 }
.formularradio                     { margin: 0px 5px -3px 0px }

.site                              { width: 960px; padding: 14px; background: #ffffff; border: solid 1px #c9c9c9; margin: 20px auto 20px auto }

.header                            { height: 80px; padding: 0px 0px 10px 0px; border-bottom: solid 1px #c9c9c9; margin: 0px 0px 49px 0px; font-size: 11px }
.header ul                         { float: right; margin: 5px 0px 0px 0px; padding: 0px }
.header ul li                      { display: block; float: left; list-style-type: none; border-left: solid 1px #c9c9c9; margin: 0px 0px 0px 10px }
.header ul li a                    { display: block; margin: 0px 0px 0px 10px }
.header ul li a img                { margin: 0px 5px -1px 0px }
.logo                              { display: block; float: left; width: 280px; height: 80px }
.willkommen                        { width: 149px; height: 43px; padding: 9px; margin: 3px 0px 1px 3px }

.leftframe                         { float: left; width: 220px }
.basket                            { font-size: 11px }
.basket h2                         { border-bottom: solid 1px #c9c9c9; margin: 0px 0px 10px 0px }
.basket a                          { display: block; padding: 6px 10px 6px 40px; background: #ad2424 url(../images/de/layout/basket_rot_klein.png) no-repeat 2px 2px; margin: 10px 0px 0px 0px; color: #ffffff; font-size: 18px; font-family: 'Klavika Light', Helvetica, Arial, sans-serif; letter-spacing: -0.05em }
.navi                              { margin: 49px 0px 0px 0px }
.navi ul                           { margin: 0px; padding: 0px }
.navi ul li                        { display: block; list-style-type: none; margin: 1px 0px 0px 0px }
.navi ul li a                      { display: block; padding: 5px; background: #e4e4e4; font-size: 11px; text-transform: uppercase }
.navi ul li a:hover                { background: #ad2424; color: #ffffff }
.navi ul li li                     { margin: 0px }
.navi ul li li a                   { padding: 5px 5px 5px 25px }
.navi ul li li li a                { padding: 0px 5px 0px 45px; text-transform: none }
.teaser                            { display: block; width: 178px; height: 253px; padding: 20px; border: solid 1px #c9c9c9; margin: 49px 0px 0px 0px; color: #112e76; font-size: 11px }
.referenzen                        { display: block; padding: 6px 10px 6px 40px; background: #112e76 url(../images/de/layout/pfeil_blau_klein.png) no-repeat 2px 2px; margin: 49px 0px 0px 0px; color: #ffffff; font-size: 18px; font-family: 'Klavika Light', Helvetica, Arial, sans-serif; letter-spacing: -0.05em }
.referenzen:hover                  { background: #ad2424 url(../images/de/layout/pfeil_rot_klein.png) no-repeat 2px 2px }
.zahlungsoption                    { margin: 49px 0px 0px 0px }
.zahlungsoption div                { float: left; width: 110px; height: 40px; padding: 5px 0px 5px 0px; background: #e4e4e4; margin: 0px 0px 2px 0px }
.zahlungsoption div span           { display: table-cell; width: 110px; height: 40px; color: #ad2424; font-size: 10px; text-align: center; vertical-align: middle }
.zahlungsoption div span.text      { text-align: left }
.zahlungsoption div span.text u    { display: block; font-size: 12px }

.rightframe                        { position: relative; float: left; width: 740px }
.start_half                        { display: block; float: left; width: 321px; margin: 0px 0px 0px 49px }
.start_half1                       { display: block; height: 60px; padding: 20px 20px 0px 20px; background: #f0f0f0; border-top: solid 1px #c9c9c9; border-left: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; font-size: 14px }
.start_half2                       { display: block; border-left: solid 1px #c9c9c9; border-right: solid 1px #e4e4e4 }
.start_half3                       { display: block; padding: 20px 100px 0px 20px; border-left: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; margin: -120px 0px 0px 0px; color: #112E76; font-size: 18px; font-family: 'Klavika Light', Helvetica, Arial, sans-serif; letter-spacing: -0.05em; line-height: 18px }
.start_half4                       { display: block; padding: 0px 20px 0px 20px; border-left: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; font-size: 14px }
.start_half5                       { display: block; padding: 20px; border-left: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; color: #112E76; font-size: 14px }
.start_half6                       { display: block; padding: 7px 10px 7px 50px; background: #ad2424 url(../images/de/layout/pfeil_rot_klein.png) no-repeat 6px 6px; color: #ffffff; font-size: 24px; font-weight: normal; font-family: 'Klavika Light', Helvetica, Arial, sans-serif; letter-spacing: -0.05em }
.start_hinweis                     { padding: 10px 20px 10px 20px; background: #f5f5f5; border: solid 1px #c9c9c9; margin: 49px 0px 0px 49px; color: #112E76; font-size: 14px }
.start_hinweis_pulse               { padding: 10px 20px 10px 20px; background: url(../images/de/layout/animiert.gif); border: solid 1px #c9c9c9; margin: 49px 0px 0px 49px; color: #112E76; font-size: 14px }
.start_hinweis ul,
.start_hinweis_pulse ul            { margin: 0px; padding: 0px }
.start_hinweis ul li,
.start_hinweis_pulse ul li         { display: block; list-style-type: none; margin: 10px 0px 10px 0px }

.main                              { margin: -32px 0px 0px 8px; background: url(../images/de/layout/content_bg.gif) repeat-y }
.main_top                          { height: 70px; background: #ffffff url(../images/de/layout/content_top.gif) top no-repeat }
.main_content                      { margin: 0px 24px 0px 86px; width: 622px }
.main_bottom                       { margin: 20px 0px 0px 0px; background: #ffffff url(../images/de/layout/content_bottom.gif) top no-repeat; text-align: right }
.half_content                      { margin: 20px 25px 0px 25px }
.half_bottom                       { background: #ffffff url(../images/de/layout/half_content_bottom.gif) top no-repeat; text-align: right }
#hinweis                           { position: absolute; top: 300px; left: 200px; width: 400px; border: solid 2px #ffffff; display: none }
.hinweis_content                   { padding: 15px; background: #ffffff; border: solid 5px #ad2424; color: #ad2424; font-size: 12px; font-weight: bold }
.hinweis_content div               { cursor: pointer; font-size: 11px; text-align: right; border-top: solid 1px #ad2424; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px }
.pfad                              { margin: 0px 0px 0px 45px }
.overview_half1                    { float: left; width: 329px; margin: 37px 0px 0px 45px }
.overview_half2                    { float: left; width: 329px; margin: 37px 0px 0px 37px }
.artikel                           { padding: 19px; background: #f0f0f0; border: solid 1px #e4e4e4 }
.artikel_thumb                     { float: left; width: 140px; height: 140px; overflow: hidden; background: #ffffff; text-align: center }
.artikel_text                      { float: left; width: 134px; margin: 0px 0px 0px 15px }
.artikel_preis                     { padding: 5px; background: #ad2424; color: #ffffff; font-size: 14px; font-weight: bold }
.artikel_funktionen                { margin: 10px 0px 0px 0px; border-top: solid 1px #c9c9c9; font-size: 11px }
.artikel_detaillink                { float: left; padding: 18px 0px 0px 0px; font-weight: bold; text-transform: uppercase }
.artikel_menge                     { float: left; padding: 16px 0px 0px 20px }
.artikel_menge input               { width: 20px }
.artikel_kaufbutton                { float: right; padding: 4px 0px 0px 0px }
.artikel_oldpreis                  { color: #ffffff; font-size: 11px; line-height: 14px; font-weight: normal }
.artikel_oldpreis span             { text-decoration: line-through }
.artikel_rabatt                    { color: #ffffff; font-size: 11px; line-height: 14px; font-weight: normal }
.seitennavi                        { margin: 37px 0px 0px 45px; font-size: 12px; text-align: center }
.detail                            { margin: 37px 0px 0px 45px }
.detail_bild                       { float: left; width: 280px; height: 280px; overflow: hidden; margin: 0px 15px 0px 0px; background: #ffffff; text-align: center }
.detail_text                       { float: left; width: 360px }
.detail_kurztext span              { font-size: 11px !important; font-family: Helvetica, Arial, sans-serif !important }
.detail_kurztext p                 { font-size: 11px !important; font-family: Helvetica, Arial, sans-serif !important }
.detail_kurztext pre               { font-size: 11px !important; font-family: Helvetica, Arial, sans-serif !important }
.detail_kurztext li                { font-size: 11px !important; font-family: Helvetica, Arial, sans-serif !important }
.detail_kurztext td                { padding: 0px 10px 5px 0px; font-size: 11px !important; font-family: Helvetica, Arial, sans-serif !important }
.detail_preis                      { float: left; padding: 5px; background: #ad2424; color: #ffffff; font-size: 18px; font-weight: bold; line-height: 18px }
.preis_hinweis                     { font-size: 11px; font-weight: normal }
.zusatz_bild                       { float: left; width: 315px; height: 315px; overflow: hidden; margin: 0px 10px 10px 0px; background: #ffffff; text-align: center }
.info                              { position: relative; float: right; padding: 20px 10px 20px 20px; background: #ffffff; border: solid 2px #e4e4e4; color: #909090 }
.info_pikto                        { position: absolute; top: -12px; left: -12px }
.info_breite                       { width: 260px }
.info_bild                         { padding: 0px 0px 5px 0px }
.info_fotolink                     { margin: 0px 5px -6px 0px }

.fuss                              { padding: 20px 10px 10px 10px; border-top: solid 1px #c9c9c9; margin: 49px 0px 0px 0px; font-size: 11px }
.fuss span                         { color:#c0c0c0;}
.fuss span a                       { color:#ff8b8b;}
.fuss ul                           { margin: 0px; padding: 0px }
.fuss ul li                        { display: block; float: left; list-style-type: none; border-right: solid 1px #c9c9c9; margin: 0px 10px 0px 0px }
.fuss ul li a                      { display: block; margin: 0px 10px 0px 0px }
.fuss ul li a img                  { margin: 0px 5px -1px 0px }

.basketpfad                        { padding: 0px 0px 0px 71px }
.status0                           { height: 20px; background-image: url(../images/de/bestellung/status0.gif) }
.status25                          { height: 20px; background-image: url(../images/de/bestellung/status25.gif) }
.status50                          { height: 20px; background-image: url(../images/de/bestellung/status50.gif) }
.status75                          { height: 20px; background-image: url(../images/de/bestellung/status75.gif) }
.status100                         { height: 20px; background-image: url(../images/de/bestellung/status100.gif) }
.tabellenkopf                      { background-color: #ad2424; color: #ffffff; text-transform: uppercase; font-weight: bold; padding: 20px 5px 5px 5px }
.tabellenheader                    { background-color: #e4e4e4; padding: 4px 2px 4px 2px; font-weight: bold }
.tabellenlinksspalte               { background-color: #e4e4e4; padding: 2px }
.tabelleninhalt                    { background-color: #ffffff; padding: 2px }
.tabellenfuss                      { background-color: #e4e4e4; padding: 4px 2px 4px 2px }
.texterror                         { color: #ad2424; font-weight: bold }
.agb                               { font-weight: bold }
.zahlung                           { font-weight: bold }
.summe                             { font-weight: bold }
.agblink                           { font-weight: bold }
.offertyp                          { position: relative }
.offertyp_radio                    { position: absolute; top: 0px; left: 0px }
.offertyp_content                  { padding: 0px 0px 0px 25px }

.submit_button                     { background: #ad2424; -moz-border-radius: 5px; border: solid 2px #101073; color: #ffffff; font-weight: bold; text-align: center }

.kundenkonto                       { padding: 20px 40px 20px 40px }
.kundenkonto td                    { padding: 5px }
.kundenkonto_funktionen            { width: 498px; padding: 2px 0px 10px 0px }
.kundenkonto_verwalten             { float: left; padding: 2px 4px 2px 4px; border: solid 1px #acacac }
.kundenkonto_abbrechen             { float: right; padding: 2px 4px 2px 4px; border: solid 1px #acacac }
.kundenkonto button,
.kundenkonto input[type=submit],
.kundenkonto .buttonlink,
.kundenkonto input[type=image]     { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #ad2424; padding: 5px; cursor: pointer }