@charset "UTF-8";
/*
###################################################################################
  OBADJA(R) Shopsystem
  Release Datum: 01.08.2012
  Entwicklungsstand: 05.03.2015 Version 4.2

  OBADJA(R) - the best software solutions
  http://www.obadja.eu

  (c) Copyright by Dipl. Des. Sven Scholz - Design Center OBADJA(R)

  Copyrightvermerke duerfen NICHT entfernt werden!
  ------------------------------------------------------------------------
  Bei Verstoß gegen die Lizenzbedingungen kann die Lizenz jederzeit entzogen werden.
  Der Kaufpreises wird nicht erstattet. Wer gegen die Lizenzbedingungen verstoesst, muss
  mit einer Vertragsstrafe von 50.000 Euro je Einzeldelikt rechnen!
  ------------------------------------------------------------------------
  Dieses Programm ist eine Software von Dipl. Des. Sven Scholz, Design Center OBADJA(R).
  Diese Software darf nicht veroeffentlicht, weitergeben und/oder modifizieren werden. 
  Es gelten die Ihnen mitgeteilten und unterschriebenen Lizenzbestimmungen.
  Diese Software/Website ist eine Einzellizenz und für den Betrieb auf einem Speicherplatz
  (Webspace) berechtigt.
  Die Veroeffentlichung dieses Programms erfolgt OHNE IRGENDEINE GARANTIE, sogar ohne
  die implizite Garantie der MARKTREIFE oder der VERWENDBARKEIT FUER EINEN BESTIMMTEN ZWECK.

##################################################################################
  Copyrightvermerke duerfen NICHT entfernt werden!
*/
* { margin: 0; padding: 0; font-family: 'Century Gothic', Arial, sans-serif; }
img { border: none; }
#bg_wrapper { background-image: url(../images/bg.jpg); background-position: center top; background-repeat: repeat; }

/*** Seitenaufbau ****************************************************************************************************/
#rahmen { position: relative; width: 1183px; margin: 0 auto; }
.flaggen { position:relative; height:12px; line-height:12px; text-align:right; margin-right:18px; padding-bottom:3px; }
.flagge {display:inline-block; width:19px; height:12px; }
#logo { position: relative; width: 1183px; padding: 0; text-align: left; }
#logo_link { position: absolute; width: 1183px; height: inherit; }
#banner1 { position: relative; width: 1183px; text-align: center; }
#btn_leiste { position: relative; width: 1183px; }
#menu2 { height: 26px; }
#coupon {position: fixed; right:0; bottom: 0; z-index:100; width:317px; height:228px; }
.coupon_mail { position:absolute; bottom:24px; right:80px; }
.coupon_mail > input { width:100px; padding:0 5px; line-height: 23px; height:23px; }
#coupon_ok1 { position:absolute; bottom:20px; right:37px; cursor:pointer; }
#coupon_ok2 { position:absolute; bottom:20px; right:37px; }

.shadow_full { box-shadow:0 0 15px 15px rgba(0,0,0,0.1); }              /*Farbe R G B und Transparenz: 0.1 entspricht 10% Transparenz, 1 entspricht 100% */
.shadow_inner { box-shadow:0 0 15px 15px rgba(0,0,0,0.1); z-index:1; }  /*Farbe R G B und Transparenz: 0.1 entspricht 10% Transparenz, 1 entspricht 100% */
.rand_oben { position:relative; height:5px; z-index:2; margin: 0 auto; width: 1183px; }
.rand_oben_fl, .rand_unten { position:relative; height:18px; z-index:2; margin: 0 auto; width: 1183px; }
.rand_unten { position:relative; height:18px; z-index:2; margin: 0 auto; width: 1183px; padding-top:10px; }
.bg_transparent { background-color:transparent; }
/*
#site-head-outer { position: relative; width: 1147px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 18px; }
#site-head { position: relative; min-height: 80px; padding: 18px; }
*/
#cat_detail_outer { position: relative; margin:0 -18px 0 18px; }
#cat_detail_inner { position: relative; min-height: 80px; padding:18px 0; }
#inhalt-outer { position: relative; width: 1147px; padding: 18px; }
#inhalt { position: relative; width: 1147px; }
#banner2 { position: relative; width: 1183px; text-align: center; }
#menu_unten { position: relative; height: 24px; margin:0 18px; background: transparent; }
#counter { position: relative; height: 20px; }
#footer { position: relative; width: 1183px; background: transparent; text-align: center; }

/*** Inhaltsbereiche *************************************************************************************************/
#kategorie_spalte { position: relative; width: 215px; float: left; }
#artikel_spalte { position: relative; width: 932px; min-height: 400px; float: left; }
.spalten3 { width: 699px !important; }
#spalte_rechts { float: left; position: relative; width: 215px; margin:0 0 0 18px; }
.bild_startseite { margin:0 0 18px 18px; overflow:hidden;}
.bild_startseite_breit { margin:-17px 0 18px -18px; overflow:hidden;}
/* Kategoriespalte wird angezeigt, immer nichts davor */
.collage_kategorien { width:1183px; left:-18px; margin-top: 1px; }
/* Volle Breite nichts davor */
.collage_artikel { width:1183px; margin-left:-18px; margin-top: -17px; margin-bottom:18px; }
/* Volle Breite Accordion davor */
.collage_acc { width:1183px; margin-left:-18px; }
/* Volle Breite Slideshow davor */
.collage_slideshow { width:1183px; margin-left:-18px; margin-top: -17px; }
.startbild_l { display:block; position:relative; width:591px; height:370px; margin:0 1px 1px 0; float:left}
.startbild_r { display:block; position:relative; width:591px; height:370px; margin:0 0 1px 0; float: left; }
.startbild_lb { display:block; position:relative; width:812px; height:370px; margin:0 1px 1px 0; float:left}
.startbild_rb { display:block; position:relative; width:812px; height:370px; margin:0 0 1px 0; float: left; }
.startbild_ls { display:block; position:relative; width:370px; height:370px; margin:0 1px 1px 0; float:left}
.startbild_rs { display:block; position:relative; width:370px; height:370px; margin:0 0 1px 0; float: left; }
.starthtml_breit { margin:0 18px 18px -18px; overflow:hidden;}
.starthtml { margin: 0 0 18px 18px; }
.startbanner { position:relative; width:215px; height:226px; }
.infofeld { position:relative; width:215px; height:134px; margin-bottom:27px; }
.artikel_start { }
.artikel_start_breit { position:relative; float:left; margin-left:-18px; }
#spalte_rechts .promo { margin-bottom:18px; }
#promo .promo { position: relative; width: 215px; height: 215px; margin: 0 0 18px; float: left; }

/*** Bei allen Templates gemeinsam ***********************************************************************************/
/*** Grundlegende Text-Formatierungen  *******************************************************************************/
.txt_menu { font-size: 12px; }
.menu_oben { font-size: 14px; }
.txt_tit { font-size: 14px; font-weight: bold; color: #555555; }
.txt_bez { font-size: 11px; font-weight: bold; color: #555555; }
.txt_inp { font-size: 11px; font-weight: normal; color: #555555; border: 1px solid #cecece; height: 18px; }
.txt_but { font-size: 11px; font-weight: bold; color: #555555; height: 19px; padding-top: 4px; text-align: center; } /* Zusammen 23px */
.txt_but  a { font-size: 11px; font-weight: bold; color: #555555; padding-top: 5px; text-align: center; text-decoration: none; }
.haupt_kat, .unter_kat { font-size: 16px }
.font16 { font-size: 16px !important; }
.bg_list1 { background-color: #ffffff; }
.bg_list2 { background-color: #f8f8f8; }
.fliesstext { font-size: 11px; }
.Info { font-size: 11px; }
.text_formular { font-size: 11px; }
.text_bold { font-weight: bold; }

.eingabe { border: 1px solid #aaaaaa; padding: 2px 5px 0; height: 16px; }
/* Border Input, Select */
.inp_border { border: 1px solid #c0c0c0; }
.button-rot { width: 90px; background-image: url(../images/buttons/buttons.png); cursor: pointer; }
.button-gruen { width: 90px; background-image: url(../images/buttons/buttons.png); background-position: 0 22px; cursor: pointer; }
.button-grau { width: 90px; background-image: url(../images/buttons/buttons.png); background-position: 0 48px; cursor: pointer; }
a.button { display: block; width: 100px; height: 26px; }
.konto_msg { color:#cc0000 !important; }
div.clear { clear: both; }
.clr { clear: both; }
.displaynone { display:none; }

/*** Menues **********************************************************************************************************/
#btn_leiste a, #menu_unten a { text-decoration: none; }
/* #btn_leiste a, #btn_leiste span, #menu_unten a { font-weight:bold; } */
#btn_leiste .links { position:relative; float:left; padding: 0 10px 0 18px; text-align: left; height: 26px; line-height: 26px; }
#btn_leiste .rechts { position: absolute; right: 18px; width: 550px; text-align: right; height: 26px; line-height: 26px; }
.btn_leiste_input { display:inline-block; position:relative; top:-2px; }
.btn_leiste_suche img { display:inline-block; position:relative; top:3px; cursor:pointer; }

#menu_unten .links { position: absolute; top: 0; left: 0px; width: 900px; text-align: left; }
#menu_unten .rechts { position: absolute; top: 0; right: 0px; width: 400px; text-align: right; }

/*** Seitenzaehler ***************************************************************************************************/
.pager_u { height: 16px; margin-top: 12px; }
.erg-text { margin-right: 5px; }
#site_counter { height: 24px; line-height: 24px; margin: 0 18px; position: relative; }
.pager_left { display: inline-block; height: 24px; line-height: 24px; }
.pager_left a { display: inline-block; height: 24px; line-height: 24px; text-decoration: none; }
.anz_seiten_text { margin: 0 5px 0 0; vertical-align: top; }
/*.anz_seiten { display: block; width: 20px; height: 13px; line-height:13px; border: 1px dotted #fbfbfb; float: left; margin-right: 3px; text-align: center; }
.pager_left .active { background-color: #fbfbfb; color: #464646; }
*/
.anz_seiten { border: 1px dotted #666666; display: inline-block; line-height: 14px; margin-right: 3px; margin-top: 4px; text-align: center; vertical-align: top; width: 20px; }
.pager_left .active { background-color: #dddddd; color: #464646; }
.pager_right { position: absolute; right: 0; top:0; height:24px; line-height: 24px; }
.go_begin_active { margin-top:4px; width: 22px; height: 15px; background-image: url(../images/buttons/btn_zurueck2.png); float: left; cursor: pointer; }
.go_begin { margin-top:4px; width: 22px; height: 15px; background-image: url(../images/buttons/btn_zurueck2_over.png); float: left; }
.go_last_active { margin-top:4px; width: 22px; height: 15px; background-image: url(../images/buttons/btn_zurueck.png); float: left; margin-left: 3px; cursor: pointer; }
.go_last { margin-top:4px; width: 22px; height: 15px; background-image: url(../images/buttons/btn_zurueck_over.png); float: left; margin-left: 3px; }
.go_next_active { margin-top:4px; width: 22px; height: 15px; background-image: url(../images/buttons/btn_vor.png); float: left; cursor: pointer; }
.go_next { margin-top:4px; width: 22px; height: 15px; background-image: url(../images/buttons/btn_vor_over.png); float: left; }
.go_end_active { margin-top:4px; width: 22px; height: 15px; background-image: url(../images/buttons/btn_vor2.png); float: left; margin-left: 3px; cursor: pointer; }
.go_end { margin-top:4px; width: 22px; height: 15px; background-image: url(../images/buttons/btn_vor2_over.png); float: left; margin-left: 3px; }
.vonbis { float: left; padding-top: 0; margin: 0 5px; }

/*** Bereich Artikel_Main ********************************************************************************************/
.default_head { position: relative; height: 44px; margin: 0 0 28px 18px; padding: 18px; }
.default_body { position: relative; margin: 0 0 18px 18px; min-height: 500px; padding: 18px; }
.default_body_small { position: relative; margin: 0 0 18px 18px; min-height: 250px; padding: 18px; }
.default_title { position: absolute; }
.default_title a { text-decoration: none; }
.default_title a:hover { text-decoration: underline; }
.abstand_u10 { margin-bottom: 10px; }
.abstand_u5 { margin-bottom: 5px; }
.abstand_o5 { margin-top: 5px; }

/**** Slideshow ******************************************************************************************************/
#artikel_pic { position: relative; }
#zoomWindowLeft { position: absolute; left: 0; top: 0; }
#helpdiv { position: absolute; width: 150px; border: 1px solid #d8d8d8; background-color: #f0f0f0; padding: 15px; top: 0; left: 0; z-index: 1000; display: none; }
#helpdiv h1 { font-size: 14px; font-weight: bold; margin-bottom: 15px; text-align: center; }

.accordion_start { margin:0 0 18px 18px; }
.accordion_start_breit { margin:1px 0 0 -18px; }
.carussell_start { margin:0 0 18px 18px; }
.carussell_start_breit { margin:1px 0 0 -18px; }
.slider_start { margin:18px 0 0 18px; }
.slider_start_breit { margin:18px 0 0 -18px; }

#slideshow {  }
.cycle-next { position:absolute; top:50%; margin-top:-25px; right:0; width:49px; height:49px; z-index:200; cursor: pointer; opacity:0.5; display: none; background-image:url(../images/system/slideshow_fw.png); }
.cycle-prev { position:absolute; top:50%; margin-top:-25px; left:0; width:49px; height:49px; z-index:200; cursor: pointer; opacity:0.5; display: none; none; background-image:url(../images/system/slideshow_b.png); }
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden; display:none; }
.cycle-pager span { font-family: arial; font-size: 50px; width: 20px; height: 20px; line-height:20px; overflow:hidden; inline-block; color: #cccccc; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #444444; }
.cycle-pager > * { cursor: pointer;}


/*** Artikel-Detail **************************************************************************************************/
.bildtitel { position:relative; text-align:center; width:215px; height:26px; line-height:26px; margin-bottom:1px; }
#bild { text-align: center; min-height: 500px; }
.pics_first { margin-bottom: 1px; width:215px; height:162px; text-align:center; }
.pics_left { width: 107px; height: 107px; float: left; margin-bottom: 1px; }
.pics_right { width: 107px; height: 107px; margin-left: 1px; float: left; margin-bottom: 1px; }
.pics_left img,.pics_right img { width: 107px; height: 107px; text-align: center; }
.img_active { cursor: pointer; }
.art_detail { position: relative; margin-left: 18px; padding: 18px; }
.art_detail_head { position: relative; height: 134px; margin: 0 0 0 18px; }
.art_detail_title { position: absolute; top: 10px; left: 18px; }
.art_detail_nr { position: absolute; top: 34px; left: 18px; }
.art_detail_lager { position: absolute; left: 18px; top: 51px; }
.art_detail_liefer { position: absolute; left: 18px; top: 67px; cursor:pointer; }
.merkmal1_txt { position: absolute;    text-align: right; right: 150px; top: 12px; width: 200px; }
.merkmal2_txt { position: absolute; text-align: right; right: 150px; top: 38px; width: 200px; }
.menge_txt { position: absolute; text-align: right; right: 150px; top: 64px; width: 200px; }
#merkmal1_sel { position: absolute; height: 20px; right: 10px; top: 10px; width: 112px; }
#merkmal2_sel { position: absolute;    height: 20px; right: 10px; top: 36px; width: 112px; }
#art_menge { position: absolute; height: 20px; right: 10px; top: 62px; width: 100px; padding: 0 5px; border: 1px solid #c0c0c0; }
.art_detail_head .art_ust { position: absolute; right: 150px; top: 88px; width: 200px; text-align: right; }
.art_detail_head .art_versand { position: absolute; right: 150px; top: 110px; width: 200px; text-align: right; }
.art_detail_head .art_preis { position: absolute; top: 102px; right: 10px; }
.art_detail_head .art_sonderpreis { position: absolute; top: 88px; right: 10px; }
.preis { width: auto; height: 27px; }
.art_detail_button_zeile { position: relative; height: 27px; text-align: right; margin-left: 18px; }
.art_detail_bewerten { position: absolute; left: 0; top: 0; }
.art_detail_inwk { position: absolute; top: 0; right: 0; }
.art_detail_inml { position: absolute; top: 0; right:136px; }
/* Artikel-Details / Tabs */
#art_detail_beschreibung { position: relative; padding: 18px; }
#art_detail_staffel { position: relative; padding: 18px; }
#art_detail_bild { position: relative; padding: 18px; }
#art_details_tab_zeile { position: relative; height: 27px; margin-left: 18px; }
#w_pos { position:absolute; bottom:0; left:20px; width:400px; height:46px; }
#w_pos_wk { position:absolute; bottom:10px; left:20px; width:400px; height:50px; }
.wpos {position:relative; float:left; padding:0 5px;}
.wpos_text { font-size:11px; }
.wpos_zahl {}
.tab_aktiv { margin-bottom: 0 !important; height: 27px !important; }
.tab_inaktiv { cursor: pointer; }
.details_widerruf {margin-top: 20px;}
.details_widerruf a { font-size:15px; font-weight:bold; }
/* Tabs mit abgerundeten Ecken, falls doch verwendet werden soll
.tab_aktiv { margin-bottom:0 !important; height:27px !important; border-top-left-radius:10px; border-top-right-radius: 10px; }
.tab_inaktiv { cursor:pointer; border-top-left-radius:10px; border-top-right-radius: 10px; }
*/
#art_tab_beschreibung { height: 26px; line-height: 28px; position: relative; width: auto; float: left; padding: 0 20px; margin-bottom: 1px; margin-right: 2px; }

#art_tab_staffel { height: 26px; line-height: 28px; position: relative; width: auto; float: left; padding: 0 20px; margin-bottom: 1px; margin-right: 2px; }
.staffel_titel { position: relative; height:20px; margin-bottom: 10px; }
.staffel_menge_titel { position: absolute; width: 150px; left: 0; text-align: center; }
.staffel_netto_titel { position: absolute; width: 150px; left: 160px; text-align: center; }
.staffel_brutto_titel { position: absolute; width: 150px; left: 320px; text-align: right; }
.staffel_zeile { position: relative; height: 20px; }
.staffel_menge { position: absolute; width: 75px; left: 10px; text-align: right; }
.staffel_netto { position: absolute; width: 75px; left: 170px; text-align: right; }
.staffel_brutto { position: absolute; width: 75px; left: 330px; text-align: right; }

#art_tab_bild { height: 26px; line-height: 28px; position: relative; float: left; width: auto; padding: 0 20px; margin-bottom: 1px; margin-right: 2px; }
.art_detail_body { position: relative; margin: 0 0 18px 18px; min-height: 500px; }
.art_detail_pic { text-align: center; padding: 0 18px 18px; }
#art_tab_bild img { width: 645px; }

.configurator { position:relative; width:215px; height:26px; line-height:26px; text-align:center; }
.merkmal1_bg { position: relative; width:215px; height: auto; }
.merkmal1_titel { height:27px; line-height: 27px; }
.wert_img_out { float:left; padding-top:7px; padding-bottom:7px; }
.wert_img_out img { vertical-align: top; }
.wert_selected { background-color:#cccccc; }
/*** Artikel-Liste ***************************************************************************************************/
#artikel .art_box { margin: 0 0 18px 18px; float: left; }
#artikel .art_box_last { margin: 0 0 0 18px; float: left; }
#promo .art_box { margin: 0 0 18px 0; }
div.art_box { position: relative; display: block; height: 215px; width: 215px; text-decoration: none; z-index:10; }
div.art_box .line_h { position: absolute; left:0; top: 221px; display: block; height: 6px; width: 215px; none; z-index:10; background-image:url(../images/system/line_horizontal.png); background-repeat:no-repeat; background-position:bottom; }
div.art_box .line_v { position: absolute; left:221px; top: 0; display: block; height: 215px; width: 6px; text-decoration: none; z-index:10; background-image:url(../images/system/line_vertikal.png); background-repeat:no-repeat; background-position:bottom; }

.art_box div { z-index:10; }
.art_box .art_box_pic { width: 215px; height: 162px; text-align: center; position: relative; top:0; z-index:10; }
.art_box_link { display: block; position: absolute; top:0; height: 163px; width: 215px; background-color:transparent; z-index:20; }
.art_box_link2 { display: block; position: absolute; top:0; height: 52px; width: 215px; background-color:transparent; z-index:20; text-decoration:none; }
.art_box .art_box_pic  img { height: 162px; text-align: center; position: relative; top:0; z-index:10; }

.art_overlay { position:absolute; width:215px; height:43px; top:120px; z-index:10; cursor:pointer; }
.art_box .art_menge { position: absolute; top: 19px; left: 0; padding:5px 10px; z-index:10; }
.art_box .art_sonderpreis { position: absolute; top: 19px; right: 0; padding:5px 10px; z-index:10; }

.art_box .art_box_txt { position: absolute; top:163px; height: 52px; width: 215px; z-index:10; }
.art_box .art_name { display: block; position: absolute; top: 7px; left: 7px; line-height: 11px; z-index:10; }
.art_box .art_ust { display: block; position: absolute; top: 23px; left: 7px; width: 100px; height: 15px; line-height: 14px; z-index:10; }
.art_box .art_preis { display: block; position: absolute; top: 20px; right: 7px; width: 120px; height: 27px; text-align: right; }

.art_box .art_versand { display: block; position: absolute; bottom: 3px; left: 7px; z-index:100; }

/*** für Liste und Detail ********************************************************************************************/
.art_versand  a { text-decoration: none; z-index:100; }
.art_versand  a:hover { text-decoration: underline; }

/*** Kategorien ******************************************************************************************************/
#kategorie a { background-image: url("../images/menu/kat_mitte.png"); display: block; position: absolute; top: 0; left: 0;
   bottom: 0; right: 0; background-color: transparent; background-repeat: no-repeat; background-position: right; text-decoration:none;
}
#kategorie ul { list-style-type: none; width: 214px; overflow: hidden; }
#kategorie li.no_kat_lines { margin-bottom: 1px; display: block; position: relative; height: 26px; line-height: 30px; }
#kategorie li.kat_lines { display: block; position: relative; height: 27px; line-height: 30px; background-image:url(../images/system/line_kategorien.png); background-repeat:no-repeat; background-position:center top; }
#kategorie ul.level0 > li:first-child { border-top: 1px solid rgba(0, 0, 0, 0); display: block; position: relative; height: 26px; line-height: 30px; background-image:none; }
#kategorie a.rechts { background-image: url("../images/menu/kat_rechts.png"); }
#kategorie a.runter { background-image: url("../images/menu/kat_runter.png"); }
#kategorie li.level0 { padding-left: 10px; }

#kategorie li.level1 > span { display:inline-block; width: 23px; height:15px; background-image: url(../images/menu/level1.png); background-repeat: no-repeat; background-position: 10px; }
#kategorie li.level2 > span { display:inline-block; width: 33px; height:15px; background-image: url(../images/menu/level2.png); background-repeat: no-repeat; background-position: 20px; }
#kategorie li.level3 > span { display:inline-block; width: 43px; height:15px; background-image: url(../images/menu/level3.png); background-repeat: no-repeat; background-position: 30px; }
#kategorie li.level4 > span { display:inline-block; width: 53px; height:15px; background-image: url(../images/menu/level4.png); background-repeat: no-repeat; background-position: 40px; }
#kategorie li.level5 > span { display:inline-block; width: 63px; height:15px; background-image: url(../images/menu/level5.png); background-repeat: no-repeat; background-position: 50px; }
#kategorie li.level6 > span { display:inline-block; width: 73px; height:15px; background-image: url(../images/menu/level6.png); background-repeat: no-repeat; background-position: 60px; }
#kategorie li.level7 > span { display:inline-block; width: 83px; height:15px; background-image: url(../images/menu/level7.png); background-repeat: no-repeat; background-position: 70px; }
#kategorie li.level8 > span { display:inline-block; width: 93px; height:15px; background-image: url(../images/menu/level8.png); background-repeat: no-repeat; background-position: 80px; }
#kategorie li.level9 > span { display:inline-block; width: 103px; height:15px; background-image: url(../images/menu/level9.png); background-repeat: no-repeat; background-position: 90px; }
#kategorie .pw_fail {position:absolute; width: 214px; height:26px; top:0; left:0; z-index:10; background-image: url(../images/menu/kat_gesichert.png); background-repeat: no-repeat; background-position: 165px;}
#multishop .pw_fail {position:absolute; width: 214px; height:26px; top:0; left:0; z-index:30; background-image: url(../images/menu/kat_gesichert.png); background-repeat: no-repeat; background-position: 165px;}
#kategorie .pw_ok, #multishop .pw_ok {position:absolute; width: 214px; height:26px; top:0; left:0; background-image: url(../images/menu/kat_offen.png); background-repeat: no-repeat; background-position: 165px;}

/*** Multishop-Dropdown*************************************************************************************************/
#multishop { position:absolute; display:none; top:23px; left:-8px; width:214px; z-index:10; box-shadow:7px 7px 5px rgba(50, 50, 50, 0.5);}
#multishop ul { list-style-type: none; width: 214px; }
#multishop li { padding-left: 10px; margin-bottom: 1px; display: block; position: relative; height: 26px; line-height: 30px; }
#multishop a { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/*** Multishop-Leiste*************************************************************************************************/
.multishop { position:relative; height:35px; line-height:35px; :0; overflow:hidden; }
.multishop .pw_fail { position:absolute; height:26px; top:0; left:0; z-index:30; background-image: url(../images/menu/kat_gesichert.png); background-repeat: no-repeat; background-position: right; }
.multishop .pw_ok { position:absolute; height:26px; top:0; left:0; right:0; background-image: url(../images/menu/kat_offen.png); background-repeat: no-repeat; background-position: right; }
.multishop ul { list-style-type: none; position:absolute; left:0; text-align:center; width:1183px; text-align:center; }
.multishop li { display: inline-block; position: relative; height: 35px; line-height: 35px; padding:0 10px; }
.multishop li a { position:absolute; display:block; left:0; padding-left:0; right:0; top:0; bottom:0; font-size:14px; }


/*** Seiten Impressum / Kontakt **************************************************************************************/
.ki_block_left { position: relative; width: 295px; text-align: right; float: left; }
.ki_block_right { position: relative; width: 295px; text-align: left; float: left; }
.ki_block { position: relative; clear: both; }
.ki_links { position: absolute; width: 95px; text-align: right; }
.ki_rechts { position: relative; left: 105px; width: 145px; text-align: left; }
.ki_abstand { position: relative; height: 16px; }

/*** Seite Login *****************************************************************************************************/
.login_body { position: relative; margin: 0 0 18px 18px; min-height: 500px; }
.login_l { position: absolute; width: 295px; height: 400px; top: 0; left: 0; padding: 18px; }
.login_r { position: absolute; height: 400px; top: 0; left: 350px; right:0; padding: 18px; }
.login_l ul { list-style-type: none; }
.login_r .logintext { position: relative; width: 120px; height: 24px; line-height: 24px; text-align: right; margin-right: 10px; float: left; }

.login_r .loginfeld { position: relative; width: 156px; float: left; margin-bottom: 3px; }
.login_r .loginfeld input[type='text'],.login_r .loginfeld input[type='password']  { border: 1px solid #c0c0c0; height: 18px; }
.h130 { position: relative; height: 130px; }
.loginh { min-height:230px; height:230px; }
.login_h { min-height:120px; height:120px; }

/*** Seite Anmelden **************************************************************************************************/
.anmelden .anm_norm { height: 20px; border: 1px solid; border-color: #adadad #e0e0e0 #ececec #e4e4e4; }
.anmelden .anm_err { height: 20px; border: 1px solid; border-color: #bb0000 #b90000 #b90000 #bb0000; }
.anmelden .anm_err1 { height: 20px; border: 1px solid; border-top-color: #ad0000; border-right-color: #e00000; border-bottom-color: #ec0000; border-left-color: #e40000; }
.anm_err_c { color: #ee0000 !important; }
.anmelden .grau { color: #c0c0c0; }
.anm_tag,.anm_monat { width: 38px !important; }
.anm_jahr { width: 78px !important; float: right; }
.geburtstag_punkt { width: 10px; }
.anmelden table { border-spacing: 0; }
.anmelden td { width: 245px; text-align: right; vertical-align: baseline; padding: 9px 0 4px; }
.anmelden td+td { width: 214px; text-align: left; padding: 5px 0 0 5px; }
.anmelden td+td+td { text-align: left; }
.anmelden input[type="text"],.anmelden input[type="password"] { width: 202px; padding: 0 5px; font-size: 12px; }
.anmelden select { font-size: 12px; }
.anmelden .sel_anrede { width: 80px; }
.span_plz_inp input { width: 50px !important; }
.span_ort { display: inline-block; width: 38px; text-align: right; }
.span_ort_inp input { width: 92px !important; }
.agb { display: block; padding-left: 22px; }
.anmelden input[type="checkbox"] { position: absolute; top: 2px; left: 0; }
.anmelden select { width: 214px; height: 22px !important; }
.anmelden a { text-decoration: underline; }
.anmelden input.adresse { width:164px; }
.anmelden input.hausnr { width:20px; }

/*** Seite Zahlart ***************************************************************************************************/
.tab_zahlart { margin-left: 250px; }
.tab_zahlart td { height: 20px; }
.tab_bezahlung { width: 100%; padding: 18px; }
.tab_bezahlung td { width: 50%; text-align: right; padding: 0 5px; }
.tab_bezahlung td+td { width: 50%; text-align: left; padding: 0 5px; }

.tab_lastschrift { width: 100%; padding: 18px; }
.tab_lastschrift td { width: 173px; text-align: right; padding: 0 5px; }
.tab_lastschrift td+td { width: 390px; text-align: left; padding: 0 5px; }
.tab_lastschrift input.eingabe { width:187px; }

/*** Seite Lieferung / Mein Konto *************************************************************************************/
.lieferung input[type='text'], .lieferung input[type='password'] { width: 173px !important; }
.lieferung input.adresse { width: 137px !important; }
.lieferung input.hausnr { width: 20px !important; }
.lieferung select { width: 185px !important; }
.tab_lieferung { width: 610px; margin-top: 18px; }
.tab_lieferung,.tab_lieferung table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
.tab_lieferung td { width: 105px; text-align: right; padding: 2px 0; }
.tab_lieferung td+td { width: 200px; text-align: left; }
.tab_lieferung td+td+td { width: 105px; text-align: right; }
.tab_lieferung td+td+td+td { width: 200px; text-align: left; }
div.nachricht { position: relative; width: 470px; padding: 5px 10px; background-color: #ffffff; }
.tab_lieferung textarea { text-align: left; width: 470px; height: 80px; }

#lieferadresse { width: 305px; }
#lieferadresse td { width: 105px; text-align: right; }
#lieferadresse td+td { width: 200px; text-align: left; }
.rand_lfrg { border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border: 1px solid #cccccc; border: 1px solid #cccccc; padding: 10px 10px; }
.rand_lfrg1 { border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-right: 1px solid #cccccc; }
.adr_err { color: #ee0000 !important; }
.lieferung .staat { height: 20px; border: 1px solid #aaaaaa; margin-top: 2px; }
.bestellnr { margin-top: 15px; }
.button_zeile { text-align: center; margin-top: 30px; }
.button_zeile a { text-decoration:none; }
.help2 { position: absolute; left: 222px; top: 5px; background-image: url(../images/help.png); width: 20px; height: 20px; }
.txt20 { width: 20px; }
#senden { position: absolute; bottom: 18px; right: 18px; }

.konto1 { min-height: 300px; margin: 0 0 0 18px; }
.konto .bestellnr { margin-top: 20px; }
.konto2 { min-height: 100px; margin-top: 2px; }
.konto2 img { display: block; float: left; height: 21px; width: 15px; padding-right: 5px; }
.konto2 .td1 { width: 100px; line-height: 21px; }
.konto2 .td2 { width: 150px; line-height: 21px; }
.konto2 .td3 { width: 150px; line-height: 21px; }
.gutschein_aktiv p { font-size: 11px; }

.bank_text { width:595px; height:150px; padding:5px; text-align:left; background-color:#ffffff; overflow:auto; }
.bank_check { text-align:left; display:block; position:relative; float:left; line-height:30px; }


/* Ajax-Box / Info-Seite */
#info-box-aussen { position: relative; border: 1px solid #000000; padding: 13px; width: 681px; }
#info-box { padding: 14px; }
#info-box  h1 { margin: 0 0 18px; }
#button { position: relative; left: 50%; margin: 24px 0 0 -45px; width: 90px; }

#feedback_box { position: fixed; top: 50%; left: 50%; width: 200px; margin: -92px 0 0 -117px; background-color: #ffffff; z-index: 100; display: none; border: 1px solid #000000; padding: 16px; }
#feedback_rahmen { text-align: center; padding: 16px; background-color: #e4e4e4; }
#feedback_title { text-align: center; margin: 16px 0; }
#feedback_time { text-align: center; }
#feedback_but { text-align: center; margin: 16px auto; position: relative; }

/* Social Networks */
.social_right { position:absolute; width:35px; right: -52px; top:140px; }
.social_right p { width:35px; height:35px; position:relative; cursor:pointer; }
.social_right p a { display: block; width:35px; height:35px; }
.social_bottom { height:35px; margin:0 18px; text-align:left; position: relative; }
.social_bottom p { height:35px; width:35px; display:inline-block; cursor:pointer; margin-right:4px; }
.social_bottom p a { display: block; width:35px; height:35px; }

.social_1 { background-image:url(../images/social_icons/01.png); }
.social_1:hover { background-image:url(../images/social_icons/01_ovr.png); }
.social_2 { background-image:url(../images/social_icons/02.png); }
.social_2:hover { background-image:url(../images/social_icons/02_ovr.png); }
.social_3 { background-image:url(../images/social_icons/03.png); }
.social_3:hover { background-image:url(../images/social_icons/03_ovr.png); }
.social_4 { background-image:url(../images/social_icons/04.png); }
.social_4:hover { background-image:url(../images/social_icons/04_ovr.png); }
.social_5 { background-image:url(../images/social_icons/05.png); }
.social_5:hover { background-image:url(../images/social_icons/05_ovr.png); }
.social_6 { background-image:url(../images/social_icons/06.png); }
.social_6:hover { background-image:url(../images/social_icons/06_ovr.png); }
.social_7 { background-image:url(../images/social_icons/07.png); }
.social_7:hover { background-image:url(../images/social_icons/07_ovr.png); }
.social_8 { background-image:url(../images/social_icons/08.png); }
.social_8:hover { background-image:url(../images/social_icons/08_ovr.png); }
.social_9 { background-image:url(../images/social_icons/09.png); }
.social_9:hover { background-image:url(../images/social_icons/09_ovr.png); }
.social_10 { background-image:url(../images/social_icons/10.png); }
.social_10:hover { background-image:url(../images/social_icons/10_ovr.png); }
.social_11 { background-image:url(../images/social_icons/11.png); }
.social_11:hover { background-image:url(../images/social_icons/11_ovr.png); }
.social_12 { background-image:url(../images/social_icons/12.png); }
.social_12:hover { background-image:url(../images/social_icons/12_ovr.png); }
.social_13 { background-image:url(../images/social_icons/13.png); }
.social_13:hover { background-image:url(../images/social_icons/13_ovr.png); }
.social_14 { background-image:url(../images/social_icons/14.png); }
.social_14:hover { background-image:url(../images/social_icons/14_ovr.png); }
.social_15 { background-image:url(../images/social_icons/15.png); }
.social_15:hover { background-image:url(../images/social_icons/15_ovr.png); }
.social_16 { background-image:url(../images/social_icons/16.png); }
.social_16:hover { background-image:url(../images/social_icons/16_ovr.png); }
.social_17 { background-image:url(../images/social_icons/17.png); }
.social_17:hover { background-image:url(../images/social_icons/17_ovr.png); }
.social_18 { background-image:url(../images/social_icons/18.png); }
.social_18:hover { background-image:url(../images/social_icons/18_ovr.png); }
.social_19 { background-image:url(../images/social_icons/19.png); }
.social_19:hover { background-image:url(../images/social_icons/19_ovr.png); }
.social_20 { background-image:url(../images/social_icons/20.png); }
.social_20:hover { background-image:url(../images/social_icons/20_ovr.png); }
.social_21 { background-image:url(../images/social_icons/21.png); }
.social_21:hover { background-image:url(../images/social_icons/21_ovr.png); }
.social_22 { background-image:url(../images/social_icons/22.png); }
.social_22:hover { background-image:url(../images/social_icons/22_ovr.png); }
.social_23 { background-image:url(../images/social_icons/23.png); }
.social_23:hover { background-image:url(../images/social_icons/23_ovr.png); }
.social_24 { background-image:url(../images/social_icons/24.png); }
.social_24:hover { background-image:url(../images/social_icons/24_ovr.png); }
.social_25 { background-image:url(../images/social_icons/25.png); }
.social_25:hover { background-image:url(../images/social_icons/25_ovr.png); }

.foto_block { position: relative; left:200px; width:500px; padding-top:8px;}
.foto_zeile { position:relative; height:21px; line-height:21px; }
.foto_linie { position:relative; height:1px; width:431px; background-color:#bbbbbb; margin:2px 0;}
.foto_name { position:relative; float:left; width:200px; }
.foto_size { position:relative; float:left; width:100px; text-align:left; }
.foto_price { position:relative; float:left; width:100px; text-align:right; }
.foto_wk { position:relative; float:left; width:21px; margin-left:10px; }
.foto_set_all { display:block; text-decoration:none; }
/*** Warenkorb *******************************************************************************************************/
.warenkorb { position: relative; height: 162px; margin-bottom: 18px; }
.wk_picture { position: absolute; left: 0; top: 0; width: 215px; height: 162px; text-align: center; }
.wk_info { position: absolute; left: 216px; top: 0; right: 107px; height: 145px; padding: 7px 30px 10px 10px; }
.wk_beschr { margin-top: 5px; }
.wk_preis { position: absolute; right: 0; top: 0; width: 107px; height: 155px; padding-top: 7px; }
.wk_preis .anzahl_txt { display: block; width: 50px; float: left; padding-top: 2px; }
.wk_preis input[type='text'] { width: 30px; text-align: right; padding: 0 5px; margin-right: 8px; float: right; }
.preis_steuer { padding-top: 7px; clear: both; }
.wk_preis input[type='image'] { width: 100px; margin: 5px 0 5px; }
.preis_img { position: absolute; right: 7px; bottom: 11px; width:150px; text-align:right; }
.preis_img_nl { position: absolute; right: 7px; top: 7px; }
.wk_login { position: absolute; right: 7px; bottom: 7px; }

.wk_summe_tab { position: relative; float:right; table-layout:fixed; width:350px; }
.wk_summe_links { text-align: right; width: 150px; }
.wk_summe_mitte  select{ width:130px; } /** Breite der Dropdowns **/
.wk_summe_mitte { text-align: right; width:50px; }
.wk_summe_rechts { text-align: right; width:150px; }
.wk_summe_strich {  height: 5px; line-height: 2px; margin-left: 155px; position: relative; }
.wk_summe { padding: 7px 9px 7px; margin:0 0 18px 0; position: relative; }

#gutschein { position:relative; height: 26px; line-height: 26px; margin: -7px 0 10px; }
#gutschein_txt_login { position:absolute; top:0; width:465px; text-align:right; }
#gutschein_txt { position:absolute; top:0; width:681px; text-align:center; }
.gutschein_code { position: absolute; top:-2px; width:100px; right:114px; }
.gutschein_code input { width:90px; height:24px;  padding:0 5px; text-align: left; }
.gutschein_code input[readonly="readonly"] { width:120px; }
.gutschein_button { position: absolute; top:-1px; right:0; width:100px; }

.agb_wider_box { }
.wk_agb_text a { text-decoration: underline; }
.agbbox { position: relative; padding: 18px 18px 0 18px; }
.agbbox2 { position: relative; padding: 0 18px; }
.agbbox p, .agbbox2 p { font-size:11px; }
.agbbox_inner { position: relative; height: 150px; padding: 5px; overflow: auto; background-color: #ffffff; }
.agb_check { height: 15px; line-height: 15px; padding: 9px 18px; }
.agb_check input { position: relative; top: 2px; }
.wk_button { text-align: right; }