/*
======================================================================
|  Styles fur die Ausgabe im Browser (validiert nach W3C)            |
======================================================================
|  Erstellt fuer:          Gallay Schmuckgrosshandel                 |
|  Erstellt von :          Michael Tietz/David Bellmann              |
|  Erstellt am  :          06. August 2007/03. Februar 2009          |
======================================================================
*/

/*
======================================================================
 Allgemeine HTML-Elemente (Alphabetisch)
======================================================================
*/
body     { width: 100%; margin: 0; padding: 0; font: 1.0em Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #000; background-image: url(../grafik/images/hg_body.jpg); text-align: center; }
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;}
table    { width:80%; position:relative; color: #000; margin: 0; padding: 0; border-spacing:0px; /*Fuer Firefox, Opera und Co.*/ border-collapse:collapse; /*Fuer IE*/}
td, th   { vertical-align:top; }
textarea { white-space:normal; }
tfoot    { text-align:right;}

h3 { color: #8b1738; text-transform: uppercase;}

/*
======================================================================
 Haupt-Container (in HTML-Lesereihenfolge)
======================================================================
*/
#container { width: 100%; margin: 0 0 0 0; padding:0 0 0 0; border:0px; text-align:center; color: #000; background-image: url(../grafik/images/content/hg_content2.jpg); background-repeat:repeat-y; background-position: center; float: left;} /*Container um das Gesamtlayout*/
/*
======================================================================
 Oben (in HTML-Lesereihenfolge)
======================================================================

------------------------------
 Versteckter Text für die Suchmaschinen
------------------------------
*/
#smfood    { display: none; }
/*
------------------------------
 DIVS - Sprachenauswahl (derzeit versteckt)
------------------------------
*/
#subnavi_sprachen       { height:24px; width: auto; padding:0 5px 0 0; margin:0 0 0 0; border:0px; display: block; float: right; } /*Div fuer die Positionierung der Sprachauswahl*/
/*#subnavi_sprachen       { display:none; }*/ /*Div fuer die Positionierung der Sprachauswahl*/
#subnavi_sprachen span  { display: none;} /*Schrift der Sprachenauswahl unsichtbar machen*/
/*Franzoesisch*/
a.fr                    { text-decoration: none; height:15px; width: 18px; display: block; padding:0; margin:4px 0 0 4px; float: left; background-image: url(../grafik/images/oben/navi/hg_sprache_fr.gif);}
a.fr:link, a.fr:visited { text-decoration: none; background-image: url(../grafik/images/oben/navi/hg_sprache_fr.gif);}
a.fr:hover, a.fr:focus  { text-decoration: none; background-image: url(../grafik/images/oben/navi/hg_sprache_fr.gif);}
/*Deutsch*/
a.de                    { text-decoration: none; height:15px; width: 18px; display: block; padding:0; margin:4px 0 0 4px; float: left; background-image: url(../grafik/images/oben/navi/hg_sprache_de.gif);}
a.de:link, a.de:visited { text-decoration: none; background-image: url(../grafik/images/oben/navi/hg_sprache_de.gif);}
a.de:hover, a.de:focus  { text-decoration: none; background-image: url(../grafik/images/oben/navi/hg_sprache_de.gif);}
/*Englisch*/
a.en                    { text-decoration: none; height:15px; width: 18px; display: block; padding:0; margin:4px 0 0 4px; float: left; background-image: url(../grafik/images/oben/navi/hg_sprache_en.gif);}
a.en:link, a.en:visited { text-decoration: none; background-image: url(../grafik/images/oben/navi/hg_sprache_en.gif);}
a.en:hover, a.en:focus  { text-decoration: none; background-image: url(../grafik/images/oben/navi/hg_sprache_en.gif);}

/*
------------------------------
 DIV - Kopfgrafik (Logo und Schmuckgrafik)
------------------------------
*/
#logo { margin: auto; height:167px; width: 958px; background-image: url(../grafik/images/oben/kopfgrafiken/start.jpg); background-position: -1px 0; background-repeat:no-repeat;}
/*
------------------------------
 DIVS - Hauptnavigation und Suche (Divs und Div-bezogene Definitionen)
------------------------------
*/
#navmain          { height: 28px; width: 958px; position: relative; top: 137px; left: 0px; border:0px; margin: 0 0 0 0; background-color:  transparent;  } /*Positionierer*/
#navmain_navi     { height: 28px; width: auto;  border:0px; float: left; display: block; padding: 0 0 0 0; margin: 0 0 0 9px; background-color: transparent;} /*Positionierer fuer die Hauptnavigationspunkte*/
/*
------------------------------
 Hauptnavi Link - Normal
------------------------------
*/
#navmain_navi a                       { text-align: center; display: block; float: left; }
#navmain_navi a:link, #navmain_navi a:visited { height:19px; width: auto; text-decoration: none; color: #000; font-size: 80%; font-weight: bold; padding:4px 10px 0 10px; margin:5px 2px 0 0; background-image: url(../grafik/images/oben/navi/hg_hauptpunkte_normal.gif); border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0;}
#navmain_navi a:hover, #navmain_navi a:focus  { height:24px; width: auto; color: #8b1738; text-decoration: none; padding:4px 10px 0 10px; margin:0 2px 0 0; background-image: url(../grafik/images/oben/navi/hg_hauptpunkte_aktiv.gif); border-bottom: 1px solid #f9f8f5; border-left: 1px solid #f2b043; border-right: 1px solid #f2b043; border-top: 1px solid #f2b043;}

/*
------------------------------
 Hauptnavi Link - Aktiv
------------------------------
*/
#navmain_navi a.activ                           { text-align: center; height:24px; width: auto; display: block; font-size: 80%; font-weight: bold; padding:4px 10px 0 10px; margin:0 2px 0 0; float: left; border-bottom: 1px solid #f9f8f5; border-left: 1px solid #f2b043; border-right: 1px solid #f2b043; border-top: 1px solid #f2b043;}
#navmain_navi a.activ:link, #navmain_navi a.activ:visited { text-decoration: none; color: #8b1738; background-image: url(../grafik/images/oben/navi/hg_hauptpunkte_aktiv.gif);}
#navmain_navi a.activ:hover, #navmain_navi a.activ:focus  { color: #8b1738; text-decoration: none;}

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

------------------------------
 Allgemeine Divs
------------------------------
*/
#navlinks           { border: 0px solid #F00; float:left; padding:0 0 0 0; margin:0 0 0 -1px; width:272px; background-image: url(../grafik/images/links/hg_links.jpg); background-repeat:no-repeat; background-position: -1px 0;} /*Positionierer fuer die linke Seite*/
#navlinks_kopf      { width: 272px; height: 100px; padding:0 0 0 0; margin: 0 0 0 0; display: block; float: left;} /*Kopf*/
#navlinks_abschluss { height:10px; width: 272px; padding:0 0 0 0; margin:0 0 0 0; display: block; } /*Abschluss*/
#pre1               { display: block !important; background-color: #F7F7F7; border: 1px solid #d2d2d2; height: 200px; width: 81%; padding: 5px; overflow: scroll;} /*Anzeige HTML-TEXT*/
.err { color: #8b1738;}

/*
------------------------------------------------
 spezielle Schriftformatierungen

------------------------------------------------
*/

.red { color: #8b1738;}


/*
------------------------------
 Allgemeine HTML-Elemente fuer die linke Seite (Alphabetisch)
------------------------------
*/
h1.navlinks_h1 { font-size: 100%;  color: #000; font-weight: bold; margin:0 0 0 0; padding:20px 0 0 15px; float: left;}
/*
------------------------------
 Box mit Shoplink
------------------------------
*/
/*Divs*/
#navlinks_wk { width: 272px; padding:0 0 0 0; margin:20px 0 20px 0; border:0px;}   /*Positionierer Shoplink*/

/*HTML-Elemente Alphabetisch*/
#navlinks_wk a, #navlinks_wk a:link, #navlinks_wk a:visited  { color:#8b1738; text-decoration:underline; font-weight: bold; }/*Normale Links*/
#navlinks_wk a:focus, #navlinks_wk a:hover                   { color:#000; text-decoration:none; }/*Over Links*/

#navlinks_wk h2  { font-size: 110%; color:#000; font-weight:bold; padding:0 0 0 0; margin:0 0 0 50px; }
#navlinks_wk p   { font-size:90%; color:#000; padding:0 0 0 0; margin:0 0 0 60px; }

/*Icon*/
a.left_wk           { height:35px; width: 35px; padding:0 0 0 0; margin:0 0 0 15px; border:0px; background-image: url(../grafik/images/links/icons_buttons/links_wk_info.gif); background-repeat:no-repeat; float: left}
a.left_wk span      { display:none; } /*Linkschrift ausblebnden*/
/*
------------------------------
 Linke Navigation
------------------------------
*/
/*Divs*/
#navlinks_navi    { padding:0 0 0 0; margin:15px 0 0 0; } /*Positionierer und evtl. Eigenschaften Linke Navigation*/

/*HTML-Elemente Alphabetisch*/
#navlinks_navi h2 { display: none; }
#navlinks_navi p  { padding:0 0 0 0; margin:0 0 20px 0; border-bottom: 1px solid #fff;  }

/*1. Ebene Normalzustand*/
a.menu1                       { height:15px; width: 262px; display: block; font-size: 90%; font-weight: bold; padding:2px 0 3px 5px; margin:0 0 0 1px; float: none; border-top:1px solid #fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
a.menu1:link, a.menu1:visited { text-decoration: none; color: #000; background-image: url(../grafik/images/links/navi/hauptpunkt_normal.gif);}
a.menu1:hover, a.menu1:focus  { color: #8b1738; text-decoration: none; background-image: url(../grafik/images/links/navi/hauptpunkt_aktiv.gif); border-top:1px solid #fff}
/*1. Ebene Aktivzustand*/
a.msel1                       { height:15px; width: 262px; display: block; font-size: 90%; font-weight: bold; padding:2px 0 3px 5px; margin:0 0 0 1px; float: none; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #fff}
a.msel1:link, a.msel1:visited { text-decoration: none; color: #8b1738; background-image: url(../grafik/images/links/navi/hauptpunkt_aktiv.gif);}
a.msel1:hover, a.msel1:focus  { color: #8b1738; text-decoration: none;}

/*1. Ebene Normalzustand*/
a.menu1messe                       { font-size: 90%; height:15px; width: 262px; display: block; font-weight: bold; padding:2px 0 3px 5px; margin:0 0 0 1px; float: none; border-top:1px solid #fff; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
a.menu1messe:link, a.menu1messe:visited { text-decoration: none; color: #FF0000; background-image: url(../grafik/images/links/navi/hauptpunkt_normal.gif);}
a.menu1messe:hover, a.menu1messe:focus  { color: #FF0000; text-decoration: none; background-image: url(../grafik/images/links/navi/hauptpunkt_aktiv.gif); border-top:1px solid #fff}
/*1. Ebene Aktivzustand*/
a.msel1messe                       { height:15px; width: 262px; display: block; font-size: 90%; font-weight: bold; padding:2px 0 3px 5px; margin:0 0 0 1px; float: none; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #fff}
a.msel1messe:link, a.msel1messe:visited { text-decoration: none; color: #FF0000; background-image: url(../grafik/images/links/navi/hauptpunkt_aktiv.gif);}
a.msel1messe:hover, a.msel1messe:focus  { color: #FF0000; text-decoration: none;}

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

------------------------------
 Allgemeine Divs
------------------------------
*/
#container_content { margin: auto; width: 956px; padding:0 0 0 0; border:0px solid #F00; text-align:left; background-color: transparent; background-image: url(../grafik/images/content/hg_content.jpg); background-repeat:no-repeat;} /*Beinhaltet Linke Seite und Content*/
#content           { background-color: transparent; padding: 6px 0 0 0; margin:0 0 4px 285px; }
/*
------------------------------
 Allgemeine HTML-Elemente (Alphabetisch)
------------------------------
*/
#content h1 { display:none}
img { border: none;}

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

/*Divs*/
#titel         { width:98%; height: 60px; background-color: transparent; margin:0 0 0 0; padding:0 0 0 0; border: 0px dotted #f00;} /*Div fuer den Titel*/
#inhalt        { width:100%; background-color: transparent; margin:0 0 0 0;  padding-top:0; font-size: 80%; padding-bottom:10px; display: block; float: left;}

/*HTML-Elemente Alphabetisch*/
#inhalt a, #inhalt a:link, #inhalt a:visited { color: #8b1738; text-decoration:underline; } /*Normale Links*/
#inhalt a:focus, #inhalt a:hover             { color: #000; text-decoration:none; }/*Over Links*/

#inhalt h2      { font-size:100%; color: #000; font-weight: bold; display: block; clear: left;}

#inhalt input   { font-size: 100%; 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     { border:0px; margin: 2px 0 2px 4px; vertical-align: top;} /*Nach Oben/Unten Icons*/
img.inhalt      { padding: 2px; margin: 0 10px 10px 0; border: 1px solid #999; float: left;}
/*div.verzbox img { background-color:#FFFFFF; padding: 2px;  margin: 0 10px 0 0; border: 1px solid #999; width: 100px; height: 100px; float: left;}*/
#inhalt li      { margin:0 0 0 0; padding:0 0 5px 0; color: #000;}
#inhalt p       { color: #000; margin:0 0 0 0; padding:5px 20px 5px 0; }
#inhalt ul      { margin:0 0 0 0; padding:3px 0 10px 15px; list-style-type:none; color: #000;}

/*Spans fuer Schrift Hervorhebungen im Inhaltsbereich*/
.inhalt_red       { color: #8b1738 !important; }
.inhalt_big       { font-size:1.2em !important; }
.inhalt_big_red   { font-size:1.2em !important; color: #8b1738 !important; font-weight: bold !important;}
.inhalt_small     { font-size:0.8em !important; }
.inhalt_small_red { font-size:0.8em !important; color: #8b1738 !important; }
.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 { width: 100%; height: 25px; margin: 3px 0 5px 0; display: block; float: left;} /*Icons Zurueck und nach oben*/

/*
------------------------------
 Sitemap
------------------------------
*/
/*Listenpunkte*/
ul.dbue1    { margin:0 0 0 0!important; padding:3px 0 0px 10px!important; list-style:none; color: #000;}
ul.dbue1 a  { padding:0 0 10px 0!important; display:block;}
ul.dbue1 li { margin:0 0 0 0!important; padding:0 0 0 0 !important; color: #000;}
ul.dbue2    { margin:0 0 0 0!important; padding:0 0 10px 10px!important; list-style:none; color: #000;}
ul.dbue2 a  { padding:0 0 0 0!important; display:block;}
ul.dbue2 li { margin:0 0 0 0!important; padding:0 0 0 0!important; color: #000;}

/*Sonstige Spans*/

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

/*
------------------------------
 Standardformular
------------------------------
*/
/*Formularelemente Alphabetisch*/
.content_btn              { font-size: 100% !important; font-weight: bold !important; border:1px solid #bababa; color:#000 !important; text-decoration: none !important; background-image: url(../grafik/images/content/hg_sendbtn.gif); margin:0 20px 0 0px; padding: 2px 10px 2px 10px; float: left; display: block;} /*Button*/
#nanmeldung check         { float: left;}
.input_norm, .input_normERR { width: 300px;}
.input_normERR { background-color: #fbd2d2 !important;}

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; color: #000; font-weight: normal;  display: block !important; float: left !important; text-indent:5px;}
#nanmeldung legend        { display: none;}
#nanmeldung select        { width: 300px; background-color:#fff; color:#000; font-size: 11px; border:1px solid #999; float: left; display:block; margin:0 10px 0 0; padding: 0 0 0 0; }

/*
------------------------------
 Galerie
------------------------------
*/

.gallery { float: left; padding-top: 5px; width: 650px;}
.gallery .text { clear: both; position: relative; width: 90%; padding: 2% 2% 2% 0; font-size: 120%; color: #8b1738; text-transform: uppercase; font-weight: bold;}
.gallery .navi { clear: both; position: relative; width: 90%; padding: 2% 2% 2% 0; color: #000; font-size: 90%; text-transform: none; font-weight: normal;}

a.gal, a.gal:link, a.gal:visited {color: #333; text-decoration: none;}
a.gal:hover, a.galon { color: #8b1738;}

.gallery .pic { float: left; padding: 3px; border: 1px solid #999; }

.gallery .viewList { float: left; width: 640px; padding: 3px; margin-bottom: 8px; border: 1px solid #999; }
.gallery .viewList .pic { padding: 0px; border: none; }
.gallery .viewBlock { float: left; /*height: 200px;*/ margin: 0 8px 8px 0; }

.gallery .textList { float: left; padding: 2px 2px 2px 10px;}
.gallery .info { clear: both; position: relative; padding: 2% 2% 2% 0; font-size: 90%;}


/*
------------------------------
 Seitenfuss
------------------------------
*/

/*Divs*/
#clear         { clear: both} /*Dieser Div ist zum aufheben des Guillotine-Bug im IE 6/5.5/5.0*/
#footer        { bottom: 0px; width: 955px; padding:0 0 0 0; margin: auto; text-align: left; border-bottom: 1px solid #CCCCCC}
#footer_icons  { height: 47px; padding: 0 0 0 285px; margin:0 0 5px 0; text-align:left; background-repeat:no-repeat; background-position: -2px 0px; }

/*HTML Elemente Alphabetisch*/
#footer a, #footer a:link, #footer a:visited { color: #333; text-decoration:underline; text-transform:none; } /*Normale Links*/
#footer a:focus, #footer a:hover             { color: #000; text-decoration:none; }/*Over Links*/


#footer hr                                   { height: 1px; border-top: 1px solid  #CCCCCC; border-left: none; border-right: none; border-bottom: none; margin:0 0 0 0 !important; padding:0 0 0 0 !important; width:650px; display: block;  }
#footer_icons  img                           { padding:0 0 0 0; margin:16px 0 5px 0; border: 0px; }/* Icons (Drucken... etc)*/
#footer p                                    { padding: 0 10px 10px 285px;  margin: 0 0 0 0; font-size: 75%; color: #333  }
#footer_icons  p                             { padding:0 0 0 0; margin:0 0 0 0; }