@font-face
  {
	font-family: 'Avantgarde Bold';
	src: url('../fonts/Avantgarde-Bold.eot');
	src: url('../fonts/Avantgarde-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Avantgarde-Bold.ttf') format('truetype'),
	     local("?");
}

@font-face
  {
	font-family: 'Avantgarde Demi';
	src: url('../fonts/Avantgarde-Demi.eot');
	src: url('../fonts/Avantgarde-Demi.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Avantgarde-Demi.ttf') format('truetype'),
	     local("?");
}

body                                           { background: #ffffff url(../images/layout/bg.gif) repeat-x top; margin: 0px; color: #000000; font-size: 12px; font-family: Helvetica, Arial, sans-serif }
h1                                             { margin: 0px 0px 15px 0px; font-weight: normal; font-size: 30px; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif; line-height: 30px }
h2                                             { margin: 0px 0px 15px 0px; font-weight: normal; font-size: 30px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif; line-height: 30px }
h3                                             { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif; line-height: 24px }
h4                                             { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif; line-height: 24px }
h5                                             { margin: 0px 0px 5px 0px; font-weight: normal; font-size: 18px; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif; line-height: 18px }
h6                                             { margin: 0px 0px 5px 0px; font-weight: normal; font-size: 18px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif; line-height: 18px }
ul                                             { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 15px; list-style-type: square }
ol                                             { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 15px }
img                                            { border: none }
a                                              { color: #414356; text-decoration: none }

select,
textarea,
input[type=password],
input[type=text]                               { padding: 2px; background: #ffffff; border: solid 1px #cecfd8; color: #808080; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: normal }
select.error,
textarea.error,
input[type=password].error,
input[type=text].error                         { padding: 2px; background: #ffffff; border: solid 1px #ff0000; color: #808080; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: normal }
button,
input[type=submit]                             { width: 180px; height: 24px; padding: 2px 0px 2px 0px; background: #414356; border: none; cursor: pointer; color: #ffffff; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal }
a.buttonlink                                   { display: block; width: 180px; height: 12px; padding: 6px 0px 6px 0px; background: #414356; color: #ffffff; font-size: 12px; line-height: 12px; text-align: center; font-weight: normal }

.site                                          { background: url(../images/layout/site_bg.gif) repeat-x bottom }
.site_container                                { position: relative; width: 990px; min-height: 480px; padding: 10px; background: url(../images/layout/site_container_bg.png) no-repeat bottom; margin: 0px auto 0px auto }
.header                                        { height: 130px; padding: 10px 5px 0px 5px }
.topnavi                                       { float: left; height: 25px; margin: 5px -5px 0px 0px; padding: 0px; list-style-type: none }
.topnavi li                                    { display: block; float: left; margin: 0px 10px 0px 0px }
.basket                                        { display: block; float: right; width: 156px; height: 36px; padding: 12px; background: #ffffff; font-size: 14px }
.basket span                                   { display: block; margin: 0px 0px 6px 0px; text-transform: uppercase; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif; line-height: 14px }
.schnellsuche                                  { float: right; width: 156px; height: 36px; padding: 12px; background: #cecfd8; margin: 0px 10px 0px 0px }
.schnellsuche h5                               { color: #ffffff; font-size: 14px; line-height: 14px; text-transform: uppercase }
.schnellsuche div                              { height: 18px; background: #ffffff }
.schnellsuche input[type=text]                 { float: left; width: 134px; padding: 1px 2px 1px 2px; background: none; border: 0px; font-size: 14px }
.schnellsuche input[type=image]                { float: left; width: 18px; height: 18px }
.select_country                                { position: relative; z-index: 200; float: right; width: 126px; height: 54px; padding: 5px 10px 1px 65px; background: url(../images/layout/world.png) no-repeat 7px 2px; margin: 0px 10px 0px 0px }
.select_country a                              { display: block; padding: 0px 0px 3px 0px }
.select_country div                            { display: none }
.select_country:hover div                      { display: block; position: absolute; top: 0px; left: 0px; width: 126px; height: 54px; padding: 5px 10px 1px 65px; background: #ffffff url(../images/layout/world_over.png) no-repeat 7px 2px }
.select_country div a                          { color: #cecfd8 }
.select_country div a:hover                    { color: #414356 }
.logo_juweleria                                { display: block; float: left; width: 220px; height: 85px; margin: 15px 0px 0px 0px }
.mainnavi                                      { float: right; margin: 20px 0px 0px 0px; padding: 0px; list-style-type: none }
.mainnavi li                                   { display: block; position: relative; z-index: 100; float: left; background: url(../images/layout/mainnavi_bg.png) no-repeat 0px 0px }
.mainnavi li:hover                             { background: url(../images/layout/mainnavi_bg.png) no-repeat 0px -50px }
.mainnavi li a                                 { display: block; width: 150px; height: 50px; overflow: hidden }
.mainnavi li ul                                { display: none }
.mainnavi li:hover ul                          { display: block; position: absolute; top: 40px; left: 0px; width: 220px; padding: 10px; background: #414356 }
.mainnavi li ul li                             { float: none; background: none }
.mainnavi li ul li:hover                       { background: none }
.mainnavi li ul li a                           { width: 200px; height: auto; padding: 10px; color: #ffffff; font-size: 14px }
.mainnavi li ul li a:hover                     { background: #cecfd8; color: #414356 }
.hinweislayer                                  { position: absolute; z-index: 1000; top: 50px; left: 50%; width: 700px; height: 400px; background: url(../images/layout/hinweis_bg.png) no-repeat; margin: 0px 0px 0px -350px }
.hinweislayer div                              { float: right; padding: 5px; background: #ffffff; margin: 30px 40px 0px 0px; color: #ac1f1f; font-size: 11px; cursor: pointer }
.service                                       { float: left; width: 170px; height: 250px; padding: 25px; background: url(../images/layout/service_bg.jpg) no-repeat; margin: 20px 5px 0px 5px; color: #414356; font-size: 14px }
.service h1                                    { display: none }
.service h2                                    { font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif; text-transform: uppercase }
.service h2 span                               { font-size: 18px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif }
.service ul                                    { margin: 0px; padding: 0px; list-style-type: none }
.service ul li                                 { display: block; margin: 0px 0px 10px 0px }
.service ul li a                               { display: block; padding: 3px 0px 3px 27px; background: url(../images/layout/stern.png) no-repeat 0px 1px }
#topthemen_slider                              { position: relative; z-index: 1; float: left; width: 750px; height: 300px; margin: 20px 5px 0px 5px }
#topthemen_slider_content                      { position: relative; width: 750px; height: 300px; overflow: hidden }
#topthemen_slider_items                        { width: 750px; height: 300px }
#topthemen_slider_items .item                  { position: relative; width: 750px; height: 300px; float: left }
#topthemen_slider_items .item_content          { display: block; position: absolute; top: 0px; left: 0px; width: 250px; height: 270px; padding: 30px 170px 0px 330px; color: #000000 }
#topthemen_slider_items .item_content p        { margin: 0px }
#topthemen_slider_items .item_content p strong { display: block; font-size: 24px; font-weight: normal; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif; line-height: 24px }
#topthemen_slider #topthemen_menu              { position: absolute; z-index: 2; bottom: 20px; right: 20px }
#topthemen_slider #topthemen_list              { height: 30px; padding: 0px; margin: 0px; text-align: right }
#topthemen_slider #topthemen_handle            { display: none }
#topthemen_slider ul li                        { display: inline-block; width: 30px; height: 30px; margin: 0px 0px 0px 2px; list-style-type: none }
#topthemen_slider ul a:link,
#topthemen_slider ul a:active,
#topthemen_slider ul a:visited                 { display: table-cell; width: 30px; height: 30px; vertical-align: middle; text-align: center; background: url(../images/layout/item_bg.png) no-repeat 0px 0px; color: #ffffff; font-size: 14px; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif }
#topthemen_slider ul a.sel,
#topthemen_slider ul a:hover                   { display: table-cell; width: 30px; height: 30px; vertical-align: middle; text-align: center; background: url(../images/layout/item_bg.png) no-repeat 0px -30px; color: #414356; font-size: 14px; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif }
#pageContainer                                 { position: relative; float: left; width: 980px; height: 240px; background: url(../images/layout/slideshow_bg.png) no-repeat bottom; overflow: hidden; margin: 20px 5px 0px 5px }
#slideshow                                     { position: absolute; z-index: 1; top: 0px; left: 0px; width: 980px; height: 240px }
#slidesContainer                               { position: absolute; top: 0px; left: 0px; width: 980px; height: 240px; overflow: hidden; clip: rect(0px,980px,240px,0px) }
#leftControl                                   { display: block; position: absolute; z-index: 2; top: 100px; left: 0px; width: 35px; height: 40px; background: url(../images/layout/scroll_left.png) no-repeat center; cursor: pointer }
#rightControl                                  { display: block; position: absolute; z-index: 2; top: 100px; left: 945px; width: 35px; height: 40px; background: url(../images/layout/scroll_right.png) no-repeat center; cursor: pointer }
.slide_entry                                   { display: block; float: left; width: 180px; height: 240px; overflow: hidden; margin: 0px 8px 0px 8px; text-align: center; color: #000000 }
.slide_entry span                              { display: table-cell; width: 180px; height: 180px; vertical-align: middle; text-align: center }
.slide_entry i                                 { display: block; width: 180px; height: 30px; font-style: normal }
.slide_entry b                                 { display: block; width: 180px; height: 30px; color: #414356 }
.facebook                                      { float: left; width: 190px; height: 110px; padding: 15px; background: url(../images/layout/facebook_bg.png) repeat-x; margin: 20px 5px 5px 5px }
.facebook h6,
.marken h6                                     { height: 20px; color: #ffffff; text-transform: uppercase }
.facebook span                                 { display: block; height: 21px }
.facebook div                                  { height: 28px; overflow: hidden; padding: 10px; background: #ffffff; margin: 16px 0px 0px 0px }
.marken                                        { float: left; width: 725px; height: 110px; padding: 15px 10px 15px 15px; background: #cecfd8; margin: 20px 5px 5px 5px }
.marken ul                                     { margin: 0px; padding: 5px 0px 0px 0px; list-style-type: none }
.marken ul li                                  { display: block; float: left; margin: 0px 5px 0px 0px }
.marken ul li a                                { display: block; width: 120px; height: 60px; padding: 10px; background: #ffffff }
.leftnavi                                      { float: left; width: 220px; margin: 50px 5px 5px 5px; color: #414356 }
.leftnavi h6                                   { margin: 0px 0px 20px 0px; font-size: 14px; text-transform: uppercase; line-height: 14px }
.leftnavi ul                                   { margin: 0px; padding: 0px; list-style-type: none }
.leftnavi ul li                                { display: block; margin: 0px 0px 20px 0px }
.leftnavi ul li a:hover,
.leftnavi ul li a.active                       { font-weight: bold }
.leftnavi ul li ul li                          { margin: 0px 0px 0px 10px; font-size: 11px }
.leftnavi ul.standardangebot li                { margin: 0px 0px 2px 0px; background: #cecfd8 }
.leftnavi ul.standardangebot li a              { display: block; padding: 12px; font-size: 14px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 14px }
.leftnavi ul.standardangebot li ul li          { margin: 0px }
.leftnavi ul.standardangebot li ul li a        { padding: 0px 12px 12px 12px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-transform: none; line-height: 12px }
.main                                          { float: left; width: 760px }
.path                                          { float: left; width: 750px; height: 25px; font-size: 11px; margin: 20px 5px 0px 5px }
.carousel                                      { height: 250px; background: url(../images/layout/footer_bg.gif) repeat-x top; border: solid 1px #cecfd8; margin: 5px; text-align: center }
.cat_desc                                      { float: left; width: 720px; height: 120px; padding: 15px; background: url(../images/layout/cat_desc_bg.png) no-repeat; margin: 5px }
.cat_desc_img                                  { float: left; width: 355px; height: 120px; padding: 15px 15px 15px 380px; background-repeat: no-repeat; margin: 5px }
.cat_desc h1,
.cat_desc_img h1                               { margin: 0px 0px 5px 0px; font-size: 18px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif; line-height: 18px }
.blaettern                                     { float: right; margin: 10px 5px 5px 0px; font-size: 14px }
.blaettern b                                   { display: block; float: left; padding: 7px 0px 7px 0px; margin: 0px 5px 0px 0px; font-weight: normal }
.blaettern a                                   { display: block; float: left; width: 30px; height: 18px; padding: 6px 0px 6px 0px; background: url(../images/layout/item_bg.png) no-repeat 0px 0px; margin: 0px 0px 0px 2px; color: #ffffff; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif; text-align: center }
.blaettern a:hover,
.blaettern span                                { display: block; float: left; width: 30px; height: 18px; padding: 6px 0px 6px 0px; background: url(../images/layout/item_bg.png) no-repeat 0px -30px; margin: 0px 0px 0px 2px; color: #414356; font-family: 'Avantgarde Bold', Helvetica, Arial, sans-serif; text-align: center }
.entryblock                                    { float: left; width: 190px }
.entry                                         { display: block; position: relative; width: 180px; height: 240px; overflow: hidden; padding: 5px; background: url(../images/layout/entry_bg.png) no-repeat 0px 0px }
.entry:hover                                   { background: url(../images/layout/entry_bg.png) no-repeat 0px -250px }
.entry_text                                    { display: block; position: absolute; z-index: 1; top: 185px; left: 15px; width: 160px; height: 50px; font-size: 14px }
.entry_text i                                  { display: block; height: 35px; font-style: normal; overflow: hidden }
.entry_text b                                  { display: block; height: 15px }
.entry_rabatt                                  { display: block; position: absolute; z-index: 2; top: 15px; right: 5px; padding: 8px 10px 6px 10px; background: #ac1f1f; color: #ffffff; font-size: 11px; text-align: center; line-height: 14px }
.entry:hover .entry_rabatt                     { top: 13px; right: 3px; padding: 9px 11px 7px 11px }
.entry_rabatt span                             { display: block; font-size: 18px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif }
.entry_stoerer                                 { display: block; position: absolute; z-index: 2; top: 15px; left: 15px; width: 49px; height: 49px }
.entry_bild                                    { display: table-cell; width: 180px; height: 180px; vertical-align: middle; text-align: center }
.entryfuss                                     { width: 180px; padding: 5px 5px 25px 5px }
.cat_sub                                       { float: left; width: 750px; margin: 25px 5px 25px 5px }
.detail_bilder                                 { position: relative; z-index: 1; float: left; width: 370px; background: url(../images/layout/detail_bg.png) no-repeat }
.detail_stoerer                                { display: block; position: absolute; top: 15px; left: 15px; width: 49px; height: 49px }
.detail_zoom                                   { display: block; position: absolute; top: 341px; left: 15px; width: 14px; height: 14px }
#detail_image                                  { float: left; width: 360px; height: 360px; overflow: hidden; padding: 5px }
#detail_image a                                { display: table-cell; width: 360px; height: 360px; vertical-align: middle; text-align: center }
.detail_thumb                                  { float: left; width: 64px; height: 64px; overflow: hidden; padding: 5px; background: url(../images/layout/zusatz_bg.png) no-repeat }
.detail_thumb span                             { display: table-cell; width: 64px; height: 64px; vertical-align: middle; text-align: center; cursor: pointer }
.detail_text                                   { float: left; width: 370px; margin: 5px 5px 5px 15px; font-size: 14px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif }
.detail_daten                                  { float: left; width: 370px; min-height: 230px }
.detail_daten h1                               { margin: 0px 0px 10px 0px; font-size: 24px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif; line-height: 24px }
.detail_logo                                   { float: right; width: 120px; height: 60px; padding: 0px 0px 20px 20px }
.detail_preis                                  { padding: 10px 0px 5px 0px; color: #ac1f1f; font-size: 18px; line-height: 18px }
.detail_preis_ziffern                          { font-size: 36px }
.detail_preis_rabatt                           { font-size: 14px }
.detail_varianten                              { padding: 5px 0px 0px 0px }
.detail_varianten select                       { float: left; width: 170px; margin: 0px 15px 0px 0px }
.detail_merkzettel                             { float: left; width: 350px; height: 60px; padding: 10px; background: url(../images/layout/merkzettel_bg.gif) repeat-x }
.detail_merkzettel a                           { display: block; padding: 0px 0px 0px 15px; background: url(../images/layout/pfeil.gif) no-repeat 0px 4px; margin: 0px 0px 10px 0px; font-size: 18px }
.detail_lieferzeiten                           { float: left; width: 140px; height: 40px; padding: 5px 7px 5px 7px; background: url(../images/layout/menge_bg.gif) repeat-x; font-size: 12px; font-family: Helvetica, Arial, sans-serif }
.detail_lieferzeiten div                       { width: 120px; height: 24px; padding: 0px 0px 0px 20px; background-repeat: no-repeat; background-position: left center }
.detail_lieferzeiten div span                  { display: table-cell; width: 120px; height: 24px; font-size: 11px; line-height: 11px; vertical-align: middle }
.detail_bestellmenge                           { float: left; width: 40px; height: 40px; padding: 5px 7px 5px 7px; background: url(../images/layout/menge_bg.gif) repeat-x; margin: 0px 0px 0px 2px; font-size: 12px; font-family: Helvetica, Arial, sans-serif }
.detail_bestellmenge input[type=text]          { width: 34px; margin: 3px 0px 0px 0px }
.detail_bestellbutton                          { float: left; width: 158px; height: 50px; background: url(../images/layout/bestellbutton_bg.gif) repeat-x; margin: 0px 0px 0px 2px }
.detail_bestellbutton input[type=submit]       { width: 158px; height: 50px; background: url(../images/layout/pfeil_weiss.gif) no-repeat 10px 18px; border: 0px; font-size: 14px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif }
.detail_eigenschaften                          { padding: 30px 0px 30px 0px; font-family: Helvetica, Arial, sans-serif }
.detail_eigenschaften ul                       { margin: 0px; padding: 0px; list-style-type: none }
.detail_eigenschaften ul li                    { display: block; padding: 5px 0px 0px 0px }
.detail_andere                                 { float: left; width: 750px; margin: 25px 5px 0px 5px; color: #818181 }
.info                                          { width: 750px; padding: 5px }
.footer                                        { background: url(../images/layout/footer_bg.gif) repeat-x top }
.footer_container                              { width: 980px; padding: 15px; margin: 0px auto 0px auto }
.footer_spalte                                 { padding: 0px 10px 15px 19px; border-left: solid 1px #ffffff }
.footer_spalte h6                              { margin: 0px 0px 15px 0px; color: #ffffff; text-transform: uppercase }
.footer_spalte ul                              { margin: 0px; padding: 0px; list-style-type: none }
.footer_spalte ul li                           { margin: 0px 0px 3px 0px; text-transform: uppercase }
.footer_spalte ul li a.zahlung                 { display: block; position: relative; z-index: 100; height: 16px; padding: 8px 0px 8px 100px }
.footer_spalte ul li a.zahlung span            { display: none }
.footer_spalte ul li a.zahlung:hover span      { display: block; position: absolute; bottom: 10px; right: 250px; width: 300px; padding: 10px; background: #cecfd8; border: solid 5px #ffffff; text-transform: none }
.footer_spalte div                             { float: left; margin: 0px 5px 5px 0px }
.footer_spalte span                            { 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 */
.orderprocess                                  { width: 750px; padding: 5px }
.orderprocess table                            { width: 750px }
.orderprocess td                               { vertical-align: top }
.schrittfeld                                   { width: 136px; height: 40px; padding: 15px 5px 15px 5px; margin: auto; color: #414356; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif; text-transform: uppercase }
.schrittbutton                                 { display: block; float: right; width: 240px !important; height: 80px !important; padding: 20px !important; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif !important; text-transform: uppercase; text-align: left; line-height: 18px !important }
.schrittfeld span,
.schrittbutton span                            { display: block; font-size: 18px }
.schrittfeld_inaktiv                           { background: #e6e7eb }
.schrittfeld_aktiv                             { background: #414356 }
.schrittfeld_aktiv a                           { color: #ffffff }
.schrittfeld_done                              { background: #cecfd8 }
.status                                        { height: 20px; background: #e6e7eb; border-top: solid 9px #ffffff }
.status0                                       { width: 0%; height: 20px; background: #cecfd8 }
.status20                                      { width: 20%; height: 20px; background: #cecfd8 }
.status25                                      { width: 25%; height: 20px; background: #cecfd8 }
.status40                                      { width: 40%; height: 20px; background: #cecfd8 }
.status50                                      { width: 50%; height: 20px; background: #cecfd8 }
.status60                                      { width: 60%; height: 20px; background: #cecfd8 }
.status75                                      { width: 75%; height: 20px; background: #cecfd8 }
.status80                                      { width: 80%; height: 20px; background: #cecfd8 }
.status100                                     { width: 100%; height: 20px; background: #cecfd8 }
.tabellenkopf,
.tabellenkopf_over                             { font-size: 24px; padding: 10px 0px 10px 0px }
.tabellenkopf img,
.tabellenkopf_over img                         { background: #414356 }
.tabellenheader                                { background: #414356; color: #ffffff; padding: 5px }
.tabelleninhalt                                { background: #e6e7eb; padding: 5px }
.tabellenlink                                  { background: #e6e7eb; padding: 5px }
.tabellenfuss                                  { background: #cecfd8; padding: 5px }
.texterror                                     { color: #ff0000; font-weight: bold }
.tabellenzeile                                 { font-size: 14px; padding: 10px 0px 10px 0px }
.buttonfarbe                                   { background: #ac1f1f }
.button_einloesen                              { width: auto; height: auto; padding: 4px 4px 4px 20px; background: #ac1f1f url(../images/bestellung/update.png) no-repeat 1px 1px; margin: 0px 0px 0px 5px; text-transform: uppercase }

/* kundenkonto */
.kundenkonto                                   { width: 760px }
.kundenkonto h2                                { margin: 5px 5px 15px 5px }
.kundenkonto table                             { width: 750px; margin: 5px }
.kundenkonto td                                { padding: 5px 10px 5px 0px; vertical-align: top }
.kundenkonto_funktionen                        { width: 750px; padding: 5px 5px 20px 5px }
.kundenkonto_verwalten                         { float: left; padding: 4px; background: #414356 }
.kundenkonto_verwalten a                       { color: #ffffff }
.kundenkonto_abbrechen                         { float: right; padding: 4px; background: #414356 }
.kundenkonto_abbrechen a                       { color: #ffffff }

/* suche */
.suche                                         { width: 750px; padding: 5px }
.suche table                                   { width: 750px }
.suche table table                             { width: 740px }
.suche th                                      { padding: 0px 10px 5px 25px; background: url(../images/layout/lupe.png) no-repeat 0px 3px; border-bottom: solid 1px #cecfd8; vertical-align: top; text-align: left; font-size: 18px; font-weight: normal }
.suche td                                      { padding: 5px 10px 5px 0px; vertical-align: top }
.suche tr.suchergebniskopf td                  { padding: 5px; background: #cecfd8; font-size: 14px; text-transform: uppercase }
.suche tr.suchergebnis1 td                     { padding: 5px; background: #e6e7eb }
.suche tr.suchergebnis2 td                     { padding: 5px; background: #ffffff }
.suche tr.seitennavi td                        { padding: 5px 0px 25px 0px; border-top: solid 1px #cecfd8; text-align: right; font-size: 11px }

/* blog */
.blogsuche                                     { width: 196px; height: 36px; padding: 12px; background: #cecfd8 }
.blogsuche h5                                  { color: #ffffff; font-size: 14px; line-height: 14px; text-transform: uppercase }
.blogsuche div                                 { height: 18px; background: #ffffff }
.blogsuche input[type=text]                    { float: left; width: 174px; padding: 1px 2px 1px 2px; background: none; border: 0px; font-size: 14px }
.blogsuche input[type=image]                   { float: left; width: 18px; height: 18px }
.tagcloud                                      { width: 196px; padding: 12px; background: #e6e7eb; text-align: justify }
.rss_link                                      { display: block; float: right }
.artikel_blog                                  { width: 750px; padding: 15px 0px 15px 0px; border-top: solid 1px #cecfd8; margin: 5px }
.artikel_blog h1,
.artikel_blog h2                               { margin: 10px 0px 10px 0px; font-size: 18px; font-family: 'Avantgarde Demi', Helvetica, Arial, sans-serif; line-height: 18px }
.artikel_blog h3                               { margin: 0px 0px 5px 0px; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; line-height: 14px }
.social_link                                   { float: left }
.kommentarform div.reihe                       { clear: both; padding: 10px 0px 10px 0px }
.kommentarform span.label                      { float: left; width: 150px; padding: 5px 0px 5px 0px }
.kommentarform span.field                      { float: left; width: 300px }
.kommentarform textarea,
.kommentarform input[type=text]                { width: 294px }
.kommentarform input[type=submit]              { width: 300px }