/*   
======================================================================
|  Styles fur die Ausgabe im Browser (validiert nach W3C)            |
======================================================================
|  Erstellt fuer:          Gallay Schmuckgrosshandel                 |
|  Erstellt von :          Michael Tietz                             | 
|  Erstellt am  :          11. Juni 2007                             | 
======================================================================
*/

/*
======================================================================
 Allgemeine HTML-Elemente (Alphabetisch)
======================================================================
*/
body     { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #FFF; }
caption  { display: none;}
colgroup { position:relative; float:left;}
fieldset { border: 0px; margin: 0 0 0 0; padding: 0 0 0 0;}
form     { margin: 0 0 0 0; padding: 0 0 0 0;}
hr       { height: 1px; border-top: 1px solid  #CCCCCC; border-left: none; border-right: none; border-bottom: none; margin:10px 0 10px 0; width:inherit; display: block;}
label    { display: none;}
legend   { display: none;}
table    { position:relative; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size:1.0em; margin: 0; padding: 0; border-spacing:0px; /*Fuer Firefox, Opera und Co.*/ border-collapse:collapse; /*Fuer IE*/}
td, th   { vertical-align:top; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
tfoot    { text-align:right;}
/*
======================================================================
 Haupt-Container (in HTML-Lesereihenfolge)
======================================================================
*/
#container { margin: 0 0 0 0; padding:0 0 0 0; border:0px; text-align:left; background-color: #FFF; color: #000;  float:left; } /*Container um das Gesamtlayout*/
/*
======================================================================
 Oben (in HTML-Lesereihenfolge)
======================================================================


 Versteckter Elemente*/
#smfood      { display: none; }
#subnavi_top { display: none; } 
#logo        { display: none; }
#navmain     { display: none;  } /*Positionierer*/

/*
======================================================================
 Links (in HTML-Lesereihenfolge)
======================================================================

/* Versteckter Elemente*/
#navlinks           { display: none; } /*Positionierer fuer die linke Seite*/

/*
======================================================================
 Content (in HTML-Lesereihenfolge)
======================================================================

------------------------------
 Allgemeine Divs
------------------------------
*/
#container_content { margin: 6px 0 0 0; padding:0 0 0 0; border:0px solid #F00; text-align:left; background-color: #FFF; float: left; } /*Beinhaltet Linke Seite und Content*/
#content           { background-color: #FFF; padding: 6px 0 0 0; margin:0 0 4px 5px;}
/*
------------------------------
 Allgemeine HTML-Elemente (Alphabetisch)
------------------------------
*/
#content h1 { font-size:0.9em; color: #000; font-weight: bold; margin:0 0 0 0; padding:0 20px 0 0;}
p.anzahl    { font-size:0.7em; color: #000; margin:0 0 0 0; padding:2px 0 0 0;}

/*
------------------------------
 Inhalt
------------------------------
*/

/*Divs*/
#titel        { background-color: #FFF; margin:0 0 0 0; padding:0 0 0 0; border: 0px dotted #f00;} /*Div fuer den Titel*/
#inhalt       { background-color: #FFF; margin:0 0 0 0;  padding-top:0; font-size:0.75em; padding-bottom:10px;}
#loginform    { width: 100%; float: left; margin: 0 0 10px 0;} /*Loginformular*/
div.navibox   { background-color: #FFF; height:100px; border:1px solid #b0b0b0; width:205px; float:left; padding:5px 5px 5px 5px; margin:2px;} /*Box für Navigation im Inhaltsbereich*/
div.verzbox   { background-color: #FFF; text-align: left; padding:2px 0 2px 0;} /*Box für Verzeichnisseite 2. Ebene*/
div.verzbox2  { background-color: #FFF; text-align: left; padding:2px 0 2px 0;} /*Box für Verzeichnisseite 3. Ebene*/


/*HTML-Elemente Alphabetisch*/
#inhalt a, #inhalt a:link, #inhalt a:visited { color: #000; text-decoration:underline; } /*Normale Links*/
#inhalt a:focus, #inhalt a:hover             { color: #000; text-decoration:none; }/*Over Links*/
#inhalt h2    { font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; }
#inhalt input { font-size: 12px; font-weight: normal; border:1px solid #999; color:#000; background-color: #fff; margin:0 10px 0 0; padding: 0 0 0 0; float: left;}
img.i_icons   { display: none;} /*Nach Oben/Unten Icons*/
#inhalt li    { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0; padding:0 0 5px 0; color: #000;}
#inhalt p     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; margin:0 0 0 0; padding:5px 0 5px 0; }
#inhalt ul    { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0; padding:3px 0 10px 10px; list-style:none; color: #000;}

/*Spans fuer Schrift Hervorhebungen im Inhaltsbereich*/
.inhalt_red       { color: #cc0044 !important; }
.inhalt_big       { font-size:1.2em !important; }
.inhalt_big_red   { font-size:1.2em !important; color: #cc0044; font-weight: bold !important; margin-top: 3px;}
.inhalt_small     { font-size:0.8em !important; }
.inhalt_small_red { font-size:0.8em !important; color: #cc0044; }
.inhalt_standard  { color: #000 !important; font-weight: normal !important; }

/*Spans fuer Positionierungen im Inhaltsbereich*/
.inhalt_center    { text-align: center !important; }
.inhalt_left      { text-align: left !important; }
.inhalt_right     { text-align: right !important; }
.artikel_backoben { display: none;} /*Icons Zurueck und nach oben*/

/*
------------------------------
 Artikelsuche
------------------------------
*/
/*Divs*/
#content_suche       { display: none;}

/*
------------------------------
 Brotkrumenpfad
------------------------------
*/
/*Divs*/
div.content_navi            { background-color: #FFF; padding: 15px 0 15px 0; margin:0 0 0 0;}
div.content_brotkrumenpfad  { width: inherit; background-color: transparent; padding: 0 0 0 0; margin:0 0 0 0;}
div.content_seitennummern   { background-color: transparent; padding: 3px 0 0 0; margin:0 0 0 0; }

/*HTML-Elemente Alphabetisch*/
div.content_brotkrumenpfad a, div.content_brotkrumenpfad a:link, div.content_brotkrumenpfad a:visited { color: #000; text-decoration:underline; } /*Normale Links*/
div.content_brotkrumenpfad a:focus, div.content_brotkrumenpfad a:hover                                { color: #000; text-decoration:none; }/*Over Links*/
div.content_seitennummern a, div.content_seitennummern a:link, div.content_seitennummern a:visited    { color: #000; text-decoration:underline; } /*Normale Links*/
div.content_seitennummern a:focus, div.content_seitennummern a:hover                                  { color: #000; text-decoration:none; }/*Over Links*/
div.content_navi p                                                                                    { font-size:0.93em; padding:0 0 0 0; margin:2px 0 0 0; }

/*Sonstige Spans*/
.ws_active                                                                                            { font-weight:bold; color: #000 !important;} /**SHOP-Intern Aktivierte Seite*/
/*
------------------------------
 Artikelbox (Uebersicht)
------------------------------
*/

/*Divs*/
div.artikelbox            { height:auto; border:1px solid #b0b0b0; width:400px; padding:5px; margin:2px; background-color: #FFF;}
div.artikel_bild          { float:left; top:0; margin:4px 0 4px 0; padding: 0 0 0 0; height:82px; display:block;}
div.artikel_icon          { top:0; font-size:10px; overflow:hidden; margin: 2px; border:0px dotted #999;}

/*Tabelle in artikelbox*/
div.artikelbox table      { border: 0px; width:auto; text-align:left; padding:0; margin:0 0 0 0;}
div.artikelbox th         { height:26px; font-size:10px; font-weight:bold;}

/*Bilder*/
img.artikelbox_klein_bild { background-color:#FFFFFF; padding: 2px; border: 1px solid #999; height: 80px;}
img.artikelbox_zoom_bild  { background-color:#FFFFFF; padding: 2px; border: 1px solid #999;}

/*Spans fuer unterschiedliche Groessenformatierung*/
.artikeltext_klein        { font-size:9px;}
.artikeltext_normal       { font-size:10px;}
.bestand_1                { font-size:0.93em; color: #000; font-weight:normal;}  /*Bestand Erster Teil*/
.bestand_2                { font-size:0.93em; color: #cc0044; font-weight:bold;} /*Bestand Zweiter Teil*/

/*Warenkorb-Formular*/
.artikel_wk_in            { width: 40px; background-color:#fff; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; border:1px solid #999999; float: left;  margin:10px 2px 0 0 !important; padding: 0 0 0 0;} /*Suchfeld*/
.wk_btn1                  { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; font-weight: normal; border:1px solid #bababa; color:#000; background-color: #d2d2d2; margin:10px 0 0 2px; padding: 0 0 0 0; float: left;} /*GO! Button*/

/*
------------------------------
 Artikel-Detailansicht
------------------------------
*/
/*Bilder*/
img.detail_img    { padding: 2px; margin: 0 10px 0 0; border: 1px solid #999; float: left; } /*Detailbild*/
img.icon          { border: 0px; padding: 0 0 0 0; margin: 2px 5px 2px 2px; vertical-align:middle;} /*Icons in der Deatilanzeige des Artikels*/

/*Inhalts-Divs*/
#detail1          { width: 420px; float:left; margin: 10px 20px 0 0;}
#detail2          { float: left; display:block; margin: 10px 0 0 0;}
#detail3          { width: 99%; padding: 5px; margin: 10px 0 0 0; height:auto; float:left; border:1px solid #b0b0b0; background-color: #FFF; }
#clear_detail     { clear: both; } /*Dieser Div ist zum aufheben des Guillotine-Bug im IE 6*/


/*SPAN-Styles fuer eventuell unterschiedliche Farbgebung einzelner Woerter*/
.artikel_nummer   { font-weight: bold; float: none; display:block;} /*Artikelnummer*/
.artikel_titel    { font-weight: normal; float: none; display:block;} /*Titel*/
.artikel_xddescr  { font-weight: normal; float: none; display:block;} /*Detailtext*/
.artikel_einheit  { font-weight: normal; float: none; display:block;} /*Stck, Paar etc.*/
.artikel_abmess   { font-weight: normal; float: none; display:block;} /*Abmessungen*/
.artikel_kg1      { font-weight: normal; float: none; display:block;} /*Kenngroesse 1*/
.artikel_kg2      { font-weight: normal; float: none; display:block;} /*Kenngroesse 2*/
.artikel_kg3      { font-weight: normal; float: none; display:block;} /*Kenngroesse 3*/
.artikel_dtext    { font-weight: normal; float: none; display:block;} /*Detailtext 2*/
.artikel_erg1     { font-weight: normal; float: none; display:block;} /**/
.artikel_erg2     { font-weight: normal; float: none; display:block;} /**/
.artikel_icons    { padding: 0 0 10px 0; display: block; float: none;} /*Span Icon mit XL-Bild*/
.artikel_xl_img   { border: 0px; margin: 0 0 0 0; } /*Icon XL-Bild*/
.artikel_p_list   { font-weight: bold; float: none; display:block; margin: 0 0 5px 0;} /*Listenpreis*/
.artikel_p_staf   { font-weight: bold; color: #cc0044;/*#ff4200*/ font-size: 1.0em; float: none; margin: 0 0 5px 0; display: block;} /*Staffelpreis*/
.artikel_bestand  { width: 99%; margin: 10px 0 10px 0;  font-weight: normal; display: block; float: left;} /*Bestandsanzeige*/
.artikel_descr    { display: block; float: left;} /*Beschreibung fuer Filialshops*/

/*
------------------------------
 Datenbankübersicht
------------------------------
*/
/*Listenpunkte*/
ul.dbue1    { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:3px 0 0px 10px!important; list-style:none; color: #000;}
ul.dbue1 li { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 0 0 !important; color: #000;}
ul.dbue2    { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 10px 10px!important; list-style:none; color: #000;}
ul.dbue2 li { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 0 0!important; color: #000;}

/*Spans*/
.hauptkat   { font-size:1.2em !important; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold !important; } /*Übersichts-Seite*/

/*
------------------------------
 Bestellvorgang
------------------------------
*/
/*Divs*/
#agb_field         { background-color: #FFF; border: 0px ; height: 300px; width: 98%; padding: 5px; overflow: scroll; } /*DIV zum scrollbarenb Anzeigen der AGB*/

/*HTML Elemente Alfabetisch*/
.order_linkwk a    { display: none;}/* Link weiter zum Bestellformular, WK und Bestellhinweise */
.order_link a      { display: none;}/* Link weiter zum Bestellformular, WK und Bestellhinweise */
button.order_link  { display: none;}/* Bestellbutton */
#order h2          { font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight: bold; border-bottom:1px solid #999; padding:0 0 3px 0; margin:20px 1px 3px 1px; display: block;} /*H2 Bestellvorgang*/

/*Tabelle des Warenkorbs*/
#wkinhalt th          { background-color: #f2f2f2; height: 25px; border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; padding: 2px; vertical-align: middle;} /*Tabellenkopf*/
tr.foot               { background-color: #f2f2f2; vertical-align: middle;} /*Zeile Tabellenfuss ohne Linie*/
tr.footlinie_unten td { background-color: #f2f2f2; vertical-align: middle; border-bottom: 1px solid #b0b0b0;} /*Zeile Tabellenfuss mit Linie unten*/
tr.footlinie_oben  td { background-color: #f2f2f2; vertical-align: middle; border-top: 1px solid #b0b0b0;} /*Zeile Tabellenfuss mit Linie oben/

/*
------------------------------
 Startseite (Haupsaechlich nur GALLAY, bei Händlern die meisten DIVs ausgeblendet)
------------------------------
*/
/*Divs*/
#teil1       { border: 0px; } /*Gliederungsdiv Teil 2*/
#teil2       { margin:0 0 0 0; } /*Gliederungsdiv Teil 2*/
#teil3       { width: 550px; padding:0 0 0 0; margin:0; display: block; float: left;}

#startbox    { width: 550px; padding:5px; margin:0; text-align:left; display: block; float: left; } /*Startseitentext (bei jedem Sichtbar)*/
#loginbox    { display: none;} /*Loginbox*/

#teil2_1     { width: 550px; border:0; padding:5px; margin: 0; text-align: left; display: block; float: left;}
#teil2_2     { width: 550px; border:0; padding:5px; margin: 0; text-align: left; display: block; float: left;}
#teil2_3     { width: 550px; border:0; padding:5px; margin: 0; text-align: left; display: block; float: left;}
#teil2_4     { width: 550px; border:0; padding:5px; margin: 0; text-align: left; display: block; float: left;}


#teil3_1_1   { float:left; width: 550px;}
#teil3_1_2   { float:left; width: 550px;}
#teil3_1_3   { float:left; width: 550px;}

/*HTML Elemente Alfabetisch*/
#teil2 img   { margin:5px; padding: 3px; border: 1px solid #999; float: left;}
#teil3 img   { margin:5px; padding: 2px; border: 1px solid #999; float: left;}

/*
------------------------------
 Standardformulare (Anmeldungen etc.)
------------------------------
*/
/*Formularelemente Alphabetisch*/
button.content_btn        { font-size: 12px; font-weight: normal; border:1px solid #bababa; color:#000;  background-image: url(../images/content/hg_sendbtn.gif); margin:0 20px 0 0px; padding: 0 0 0 0; float: left;} /*Button*/
#nanmeldung check         { float: left;}
input.input_norm          { width: 300px;}
input.input_klein         { width: 50px;}
input.input_norm_readonly { width: 300px; border:1px solid #999; color:#999 !important; background-color: #fff !important;}
#nanmeldung label         { width: 250px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: normal;  display: block !important; float: left !important; text-indent:5px;}
#nanmeldung legend        { font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold;  display: block !important; padding: 10px 0 10px 0; margin: 0 0 0 0;}
#nanmeldung select        { background-color:#fff; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; border:1px solid #999; float: left; display:block; margin:0 10px 0 0; padding: 0 0 0 0; }

/*Sopnstige Spans*/
.formularzeile            { width: 98%; display: block; padding: 2px 0 2px 0; margin: 0 0 0 0; float:left;}

/*
------------------------------
 Seitenfuss
------------------------------
*/
/*Divs*/
#clear         { clear: both} /*Dieser Div ist zum aufheben des Guillotine-Bug im IE 6/5.5/5.0*/
#footer        { display: none;}