body                                         { background: #f4f4f4; margin: 0px; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
h1                                           { margin: 0px 0px 10px 0px; font-weight: bold; font-size: 24px }
h2                                           { margin: 0px 0px 10px 0px; font-weight: bold; font-size: 18px }
h3                                           { margin: 0px 0px 10px 0px; font-weight: bold; font-size: 14px }
ul                                           { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 10px; list-style-type: square }
ol                                           { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 10px }
img                                          { border: none }
a                                            { color: #fa0000; text-decoration: none }
p                                            { margin: 0px; padding: 0px }
select,
textarea,
input[type=password],
input[type=text]                             { color: #4c4c4c; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #4c4c4c; background: #ffffff; padding: 2px }
select.error,
textarea.error,
input[type=password].error,
input[type=text].error                       { color: #4c4c4c; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #ff0000; background: #ffffff; padding: 2px }
a.buttonlink,
button,
input[type=submit]                           { color: #ffffff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #fa0000; background: #fa0000; padding: 2px 20px 2px 20px; cursor: pointer }

.header_container                            { width: 990px; height: 240px; background: #ffffff; box-shadow: 0px 0px 2px #7d7d7d; margin: 20px auto 20px auto }
.theme_left                                  { float: left; width: 440px; height: 220px; padding: 10px }
.logo                                        { display: block; float: left; width: 250px; height: 110px; padding: 0px 190px 0px 0px; background: url(../images/layout/keshop/logo_bg.png) repeat-x }
.header .empfehlung                          { display: block; float: left; width: 400px; height: 60px; padding: 20px; background: #d9d9d9; margin: 10px 0px 0px 0px; font-size: 14px }
.header .empfehlung_bild                     { display: block; float: left; width: 60px; height: 60px; background: #ffffff; margin: 0px 20px 0px 0px }
.header .empfehlung_name                     { display: block; float: left; width: 320px; padding: 5px 0px 0px 0px }
.header .empfehlung_statement                { display: block; float: left; width: 290px; padding: 5px 5px 5px 25px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat 10px center; margin: 10px 0px 0px 0px; color: #ffffff }
.topthemen_slider                            { position: relative; float: left; width: 520px; height: 220px; margin: 10px 10px 10px 0px }
.topthemen_slider .items .item               { float: left; width: 520px; height: 220px; background-repeat: no-repeat }
.topthemen_slider .items .item a             { position: relative; display: block; width: 520px; height: 40px; padding: 180px 0px 0px 0px }
.topthemen_slider .items .item a b           { display: block; width: 500px; height: 20px; padding: 10px; overflow: hidden; background: rgba(0,0,0,0.7); color: #ffffff; font-weight: normal; font-size: 14px; text-align: right }
.topthemen_slider .items .item a span        { display: block; position: absolute; z-index: 2; top: 15px; right: 20px; width: 480px; color: #ffffff; font-weight: bold; font-size: 36px; line-height: 36px; text-align: right; text-shadow: 0px 0px 2px #000000 }
.bx-pager                                    { position: absolute; z-index: 1000; left: 10px; bottom: 10px }
.bx-pager .bx-pager-item                     { float: left; margin: 0px 4px 0px 0px }
.bx-pager .bx-pager-item a                   { display: block; width: 20px; height: 16px; padding: 2px 0px 2px 0px; background: #fa0000; margin: 0px 5px 0px 0px; color: #ffffff; text-align: center }
.bx-pager .bx-pager-item a:hover,
.bx-pager .bx-pager-item a.active            { background: #f4f4f4; color: #fa0000 }
.main                                        { position: relative; width: 990px; margin: 0px auto 0px auto; margin-bottom: -65px; background: #ffffff; box-shadow: 0px 0px 2px #7d7d7d }
.main_container                              { z-index: 1 }
.content_container                           { position: relative; z-index: 2 }
.spalte_links                                { float: left; width: 250px; padding: 10px 10px 0px 10px }
.teaser                                      { float: left; width: 210px; padding: 20px; background: #d9d9d9; margin: 0px 0px 10px 0px }
.teaser h1                                   { font-size: 18px }
.teaser ul                                   { float: left; width: 210px; padding: 0px; margin: 0px }
.teaser ul li                                { display: block; list-style-type: none; margin: 1px 0px 0px 0px }
.teaser ul li:first-child                    { margin: 0px }
.teaser ul li a                              { display: block; padding: 10px; background: #fa0000; color: #ffffff; font-size: 14px }
.teaser ul li a.aktiv,
.teaser ul li a:hover                        { background: #f4f4f4; color: #fa0000 }
.teaser ul.small li                          { padding: 9px 0px 9px 0px; border-top: solid 1px #ffffff; margin: 0px }
.teaser ul.small li a                        { padding: 0px; background: none; color: #fa0000 }
.suche                                       { float: left; width: 210px; margin: 0px 0px 30px 0px }
.suche input[type=text]                      { width: 190px; padding: 10px; border: none; margin: 0px 0px 10px 0px }
.suche input[type=submit]                    { width: 210px; height: 40px; background: #fa0000 url(../images/layout/keshop/lens.png) no-repeat 10px center; border: none; font-size: 14px }
.spalte_rechts                               { float: left; width: 710px; padding: 10px 10px 0px 0px }
.offers                                      { float: left; width: 690px; height: 220px; padding: 9px; border: solid 1px #d9d9d9; margin: 0px 0px 10px 0px }
.offers .offersbox                           { position: relative; width: 690px; height: 220px }
.offers .offersContainer a                   { display: block !important; width: 650px !important; height: 180px !important; padding: 20px !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important }
.offers .offersContainer a i                 { display: block; width: 240px; padding: 5px 10px 5px 10px; background: rgba(0,0,0,0.7); color: #ffffff; font-size: 18px; font-style: normal }
.offers .offersContainer a span              { display: block; width: 240px; padding: 10px; background: rgba(255,255,255,0.7); color: #000000 }
.offers .offersContainer a span b            { display: block; font-size: 24px; font-weight: normal }
.offers .bx-prev                             { display: block; position: absolute; z-index: 2; bottom: 20px; left: 20px; width: 30px; height: 30px; background: #fa0000 url(../images/layout/keshop/scroll_left.gif) no-repeat center; cursor: pointer }
.offers .bx-next                             { display: block; position: absolute; z-index: 2; bottom: 20px; right: 20px; width: 30px; height: 30px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat center; cursor: pointer }
.reisesuche                                  { float: left; width: 690px; padding: 9px; border: solid 1px #d9d9d9; margin: 0px 0px 10px 0px }
.reisesuche form                             { width: 660px; padding: 15px; background: #d9d9d9 }
.reisesuche td                               { padding: 0px 0px 10px 0px; font-size: 11px }
.reisesuche td select                        { float: left; width: 156px; height: 24px; border: none; padding: 4px }
.reisesuche td input[type=text]              { float: left; width: 64px; height: 14px; border: none; padding: 5px }
.reisesuche td input[name=suche_desc]        { width: 230px }
.reisesuche td img                           { float: left; background: #fa0000; margin: 0px 0px 0px 5px; cursor: pointer }
.reisesuche td input[type=submit]            { width: 125px; height: 24px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat 8px 8px; border: none }
.startentry                                  { position: relative; z-index: 1; float: left; width: 690px; padding: 9px; border: solid 1px #d9d9d9; margin: 0px 0px 10px 0px }
.startentry a                                { display: block; float: left; width: 690px; color: #000000 }
.startentry .stoerer                         { display: block; position: absolute; left: 10px; top: 10px }
.startentry_bild                             { display: block; float: left; width: 140px; height: 140px; overflow: hidden; margin: 0px 10px 0px 0px }
.startentry_bild span                        { display: table-cell; width: 140px; height: 140px; background: #d9d9d9; vertical-align: middle; text-align: center }
.startentry_text                             { display: block; float: left; width: 390px; margin: 0px 10px 0px 0px }
.startentry_text span                        { display: block; margin: 0px 0px 5px 0px; font-size: 18px }
.startentry_preis                            { display: block; float: left; width: 140px; color: #fa0000; font-size: 24px }
.startentry_preis span                       { display: block; padding: 5px 5px 5px 25px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat 10px 10px; margin: 10px 0px 0px 0px; color: #ffffff; font-size: 14px }
.startentry a.veranstalter_agb               { font-weight: bold; text-decoration: underline }
.main .empfehlung_bild                       { display: block; float: left; width: 60px; height: 60px; padding: 9px; border: solid 1px #d9d9d9; margin: 0px 20px 0px 0px }
.main .empfehlung_name                       { display: block; float: left; width: 590px; font-size: 14px }
.main .allgemein .empfehlung_name            { width: 560px }
.main .empfehlung_statement                  { display: block; float: left; width: 560px; padding: 5px 5px 5px 25px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat 10px center; margin: 10px 0px 0px 0px; color: #ffffff }
.pfad                                        { float: left; width: 690px; height: 30px; padding: 10px; border-bottom: solid 1px #d9d9d9; margin: 0px 0px 10px 0px }
.pfad ul                                     { float: right; padding: 0px; margin: 0px }
.pfad ul li                                  { float: left; display: block; margin: 0px 0px 0px 5px; list-style-type: none }
.pfad ul li span,
.pfad ul li a                                { display: table-cell; width: 22px; height: 22px; background: #fa0000; color: #ffffff; font-size: 14px; font-weight: bold; vertical-align: middle; text-align: center }
.pfad ul li span,
.pfad ul li a.aktiv,
.pfad ul li a:hover                          { background: #f4f4f4; color: #fa0000 }
.entry                                       { width: 330px; padding: 9px; border: solid 1px #d9d9d9; vertical-align: top }
.entry a                                     { position: relative; z-index: 1; display: block; width: 330px; color: #000000 }
.entry .stoerer                              { display: block; position: absolute; left: 0px; top: 0px }
.entry_bild                                  { display: block; float: left; width: 140px; height: 140px; overflow: hidden; margin: 0px 10px 0px 0px }
.entry_bild span                             { display: table-cell; width: 140px; height: 140px; background: #d9d9d9; vertical-align: middle; text-align: center }
.entry_text                                  { display: block; float: left; width: 180px }
.entry_text span                             { display: block; margin: 0px 0px 5px 0px; font-size: 18px }
.entry_text i                                { font-style: normal; font-weight: bold }
.entry_text .reisezeit                       { display: inline }
.entry_text b                                { color: #fa0000; font-size: 14px }
.entry_text u                                { display: block; padding: 5px 5px 5px 25px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat 10px 10px; margin: 10px 0px 0px 0px; color: #ffffff; font-size: 14px; text-decoration: none }
.entry_bottom                                { height: 10px }
.detailheader                                { font-size: 14px }
.detail_halb                                 { position: relative; z-index: 1; width: 300px; padding: 25px; vertical-align: top }
.detail_preis                                { color: #fa0000; font-size: 18px; font-weight: bold }
.detail_preis span                           { font-size: 24px }
.detail_preis .artikel_kinderpreis,
.detail_preis .artikel_kinderpreis span,
.detail_preis .artikel_ezpreis,
.detail_preis .artikel_ezpreis span          { font-size: 14px }
.detail_buchungscode                         { padding: 10px; background: #d9d9d9; margin: 0px 0px 20px 0px; font-weight: bold }
.detail_buchungscode h1                      { margin: 0px }
.detail_buchungscode h2                      { margin: 0px; font-size: 14px }
.detail_stoerer                              { display: block; position: absolute; left: 0px; top: 0px }
.detail_bild                                 { position: relative; width: 300px; height: 300px; overflow: hidden; margin: 0px 0px 10px 0px }
.detail_bild div                             { display: table-cell; width: 300px; height: 300px; background: #d9d9d9; vertical-align: middle; text-align: center }
.slideshow                                   { position: relative; width: 300px; height: 100px }
.slideshow .bx-viewport                      { width: 280px !important; height: 70px !important; margin: 5px 10px 5px 10px !important }
.slideshow .detail_thumb                     { float: left !important; width: 60px !important; height: 60px !important; margin: 5px !important; cursor: pointer !important }
.slideshow .detail_thumb span                { display: table-cell; width: 60px; height: 60px; background: #d9d9d9; vertical-align: middle; text-align: center }
.slideshow .bx-prev                          { display: block; position: absolute; z-index: 2; top: 25px; left: -15px; width: 20px; height: 20px; background: #fa0000 url(../images/layout/keshop/scroll_left.gif) no-repeat center; cursor: pointer }
.slideshow .bx-next                          { display: block; position: absolute; z-index: 2; top: 25px; right: -15px; width: 20px; height: 20px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat center; cursor: pointer }
.detail_download                             { width: 300px; margin: 10px 0px 0px 0px; padding: 15px 0px 5px 0px; border-top: solid 1px #d9d9d9 }
.detail_download_pikto                       { margin: 0px 5px -7px 0px }
.detail_reader                               { width: 300px; margin: 10px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: solid 1px #d9d9d9 }
.detail_reader_pikto                         { float: left; padding: 10px 20px 10px 0px }
.detail_beschreibung                         { width: 300px; padding: 0px 25px 35px 25px; vertical-align: top }
.buchungbutton                               { display: block; width: 300px; padding: 8px 0px 8px 30px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat 10px center; color: #ffffff; font-size: 14px; border: 0px; text-align: left }
.downloadbutton                              { display: block; width: 270px; padding: 8px 0px 8px 30px; background: #fa0000 url(../images/layout/keshop/scroll_right.gif) no-repeat 10px center; color: #ffffff; font-size: 14px }
.detailteasers                               { width: 350px; vertical-align: bottom }
.detailteaser                                { width: 300px; padding: 25px }
.detailteaser h1                             { font-size: 36px; font-weight: normal; margin: 0px 0px -5px 0px }
.detailteaser h3                             { font-size: 18px }
.detailteaser img                            { float: right; margin: -20px -10px -30px 0px }
.allgemein                                   { float: left; width: 660px; padding: 25px; margin: 0px 0px 10px 0px }
.allgemein li                                { padding: 0px 0px 20px 0px }
.footer                                      { background: #ffffff url(../images/layout/keshop/footer_bg.gif) repeat-x; color: #fa0000 }
.footer_container                            { position: relative; z-index: 1; width: 940px; margin: 0px auto 0px auto; padding: 65px 25px 0px 25px }
.footer_left                                 { float: left; width: 220px; height: 180px; background: url(../images/layout/keshop/footer_leserreisen.png) no-repeat center }
.footer_spalte                               { float: left; width: 210px; margin: 0px 0px 0px 30px }
.footer_spalte h2                            { padding: 40px 10px 10px 10px; margin: 0px }
.footer_spalte div                           { padding: 10px 10px 40px 10px; border-top: solid 1px #fa0000; font-size: 11px }
.footer_spalte div ul                        { padding: 0px; margin: 0px }
.footer_spalte div ul li                     { display: block; list-style-type: none }
.footer_spalte div span.phone                { display: block; padding: 2px 0px 8px 40px; background: url(../images/layout/keshop/phone.png) no-repeat; font-size: 14px }
.footer_spalte div span.email                { display: block; padding: 0px 0px 2px 0px; font-size: 12px }
.copyright                                   { float: left; width: 940px; padding: 20px 0px 20px 0px; border-top: solid 1px #fa0000; text-align: center }

.kontakt                    { padding: 30px 90px 30px 90px; margin: 0px 15px 0px 0px }

/* Bestellvorgang */
.basket                     { padding: 30px 90px 30px 90px; margin: 0px 15px 0px 0px }
.basket td,
.basket select,
.basket textarea,
.basket input               { color: #4a4a4a; font-size: 11px }
.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; padding: 5px; font-weight: bold; font-size: 14px !important }
.tabellenheader             { background: #dddddd; padding: 5px }
.tabellenlinksspalte        { background: #dddddd; padding: 5px }
.tabelleninhalt             { background: #f0f0f0; padding: 5px }
.tabellenfuss               { background: #dddddd; padding: 5px }
.tabellenzeile,
.tabellenzeile2             { padding: 5px }
.tabellenlink               { background: #575757; color: #ffffff; font-weight: bold; font-size: 14px !important; padding: 5px }
.uebernehmen                { display: block; float: right; background: #575757 url(../images/bestellung/pfeil.gif) no-repeat 5px 5px; color: #ffffff !important; padding: 2px 4px 2px 14px }
.basketerror                { border: 1px solid #cc0000; background: #ffcccc; color: #cc0000; font-weight: bold; padding: 5px }
.agb                        { font-weight: normal }
.zahlung                    { font-weight: bold }
.summe                      { font-weight: bold }
.vkfreihinweis              { border: solid 2px #dddddd; font-weight: bold; background: #f0f0f0; padding: 5px; margin: 10px 0px 10px 0px }
.basket .kalender           { margin: -1px 0px -6px 5px }
a.gebuhinweis               { display: block; float: right; position: relative; margin: 2px 10px 0px 0px; padding: 2px 5px; border: 1px solid #4a4a4a; background: #dddddd; text-decoration: none; font-weight: bold; cursor: help }
a.gebuhinweis div           { display: none }
a.gebuhinweis:hover div     { display: block; position: absolute; top: 4px; left: -125px; padding: 5px; width: 244px; border: 1px solid #dddddd; background: #f0f0f0; font-weight: normal }