/* CSS Document */

html { height: 100%; margin-bottom: 1px; }

/* Anfang eindeutige Kennzeichung der verschiedenen Seiten fuer die horizontale Navigation und vertikale Navigation */
#pagekontakt a#linkkontakt,
#pagewegzuuns a#linkwegzuuns,
#pagelinks a#linklinks,
#pagenewsletter a#linknewsletter,
#pageagb a#linkagb,
#pageenglish a#linkenglish,
#pageitaliano a#linkitaliano,
#pagefrancais a#linkfrancais,
#pageueberuns a#linkueberuns,
#pagereferenzen a#linkreferenzen,
#pagehome a#linkhome,
#pageankauf a#linkankauf,
#pageankaufaltgold a#linkankaufaltgold,
#pagealtgoldpreise a#linkaltgoldpreise,
#pagesilberpreise a#linksilberpreise,
#pageankaufvreneli a#linkankaufvreneli,
#pageankaufschmuck a#linkankaufschmuck,
#pageankaufdiamanten a#linkankaufdiamanten,
#pageankaufsilber a#linkankaufsilber,
#pageverkauf a#linkverkauf,
#pageschaetzungen a#linkschaetzungen,
#pageshopuebersicht a#linkshopuebersicht,
#pageaktionen a#linkaktionen,
#pagefundgrube a#linkfundgrube,
#pagediamanten a#linkdiamanten,
#pageringe a#linkringe,
#pageohrringe a#linkohrringe,
#pageanhaenger a#linkanhaenger,
#pageperlen a#linkperlen,
#pagearmbaender a#linkarmbaender,
#pagecollier a#linkcolliers,
#pagebroschen a#linkbroschen,
#pagediverses #linkdiverses,
#pagehochzeitsschmuck a#linkhochzeitsschmuck,
#pageschmuckwissenuebersicht a#linkschmuckwissenuebersicht,
#pageschmuckwissenrubin a#linkschmuckwissenrubin,
#pageschmuckwissendiamant a#linkschmuckwissendiamant,
#pagewissengold a#linkwissengold,
#pagewissensaphir a#linkwissensaphir,
#pagewissensmaragd a#linkwissensmaragd,

#pageschmuckwissenpflegetipps a#linkschmuckwissenpflegetipps,
#pageschmuckwissenepochen a#linkschmuckwissenepochen


{
background-color: #aa0000;
/* background-color: #000066; */
color: #fff;
}
/* Ende eindeutige Kennzeichung der verschiedenen Seiten fuer die horizontale Navigation */
/* ---------- Anfang Allgemeine Einstellungen fuer die ganze Site ------------ */
body {
background-color: #c5d3fc; 
/* background-color: #eeeeee; */
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	text-align: center;
	font-size: 62%;
}
.clearer {
clear: both;
height: 0;
line-height: 0;
font-size: 1%;
font-size: 0;
}
.highlight {
font-weight: bold;
}
.highlight_2 {
color: #bb0000;
}
.betonen {
font-style:italic;
}

a:link, a:visited {
color: #000066;
}
a:hover, a:active {
/* color: #ffcc66; */
color: #bb0000;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}

acronym {
	border-bottom: 1px dotted #333333;
	cursor: help;
}

/* ---------- Ende Allgemeine Einstellungen fuer die ganze Site ------------ */


/* ------------------------ Anfang Seiten-Container ------------------------ */
#outerpagewrapper {
width:920px;
background-color: #ffffff;
padding: 2px;
border: 1px solid #000066;
margin: auto;
text-align:left;
}
#innerpagewrapper {
width:920px;
background-color: #ffffff;
}
/* ------------------------ Ende Seiten-Container ------------------------ */
/* ------------------------ Anfang Header ------------------------ */
#header {
width:920px;
padding: 0px 0px 2px 0px;
border-bottom: 1px solid #000066;
}
table#headertable {
width: 920px;
background-color: #000066;
border-collapse: collapse;
border: none;
}
td#logospalte {
width: 160px;
text-align: center;
vertical-align: middle;
}
td#logospalte img {
border: none;
/* border ist nuetzlich wegen Verlinkung */
}
td#titelspalte {
width: 610px;
padding: 15px 0px;
text-align: center;
vertical-align: middle;
}
#titelspalte h1 {
padding: 0px 0px 3px 0px;
margin: 0px;
/* font-family:Verdana, Arial, Helvetica, sans-serif; */
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 24px;
letter-spacing: 5px;
color: #ffcc66;

}
#titelspalte h2 {
border: none;
padding: 0px;
margin: 0px;
font-size: 13px;
font-weight: bold;
letter-spacing: 2px;
color: #6699cc;
}
#titelspalte h2 span {
color:#FFFFFF;
letter-spacing: 14px;
}
td#extrasspalte {
width: 150px;
}
/* ------------------------ Ende Header ------------------------ */
/* ------------------------ Anfang Header schmal ------------------------ */
#headerschmal {
width:920px;
background-color: #000066;
padding: 5px 0px;
}

#headerschmal h1 {
padding: 0px;
margin: 0px;
margin-left: 160px;
margin-right: 150px;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 1.3em;
font-weight:bold;
letter-spacing: 2px;
color: #ffcc66;
text-align:center;
}
#headerschmal h1 span {
padding: 0 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
/* color: #6699cc; */
color: #ffffff;
}
#headerschmal h2 {
padding: 0px;
margin:0;
margin-left: 160px;
margin-right: 150px;
font-size: 1.3em;
font-weight: bold;
letter-spacing: 2px;
color: #6699cc;
text-align:center;
}
/* ------------------------ Ende Header schmal ------------------------ */
/* ------------------------ Anfang horizontale Firmen-Infobox ------------------------ */
div#firmeninfo {
background-color: #ffffff;
padding: 5px 10px;
border-bottom: 1px solid #000066;
margin: 0 0 1px 0;
}
div#firmeninfofloat1 {
float: left;
width: 440px;
margin: 0;
padding: 0;
}

div#firmeninfofloat1 p {
font-size: 1.1em;
text-align: left;
padding: 0px;
margin: 0;
}
/* Der Float-Container div#firmeninfofloat2 wird neu (seit dem Erscheinen des IE7) nicht mehr gefloatet, da der IE7 mit einen Div-Container (div#firmeninfo), der nur 2 gegenüberliegenden Floats enthält, offenbar seine Mühe hat (Bei Ueberfahren der Links in der darunterliegenden horizontalen Navigation verringert sich der Abstand zu der darüberliegenden Firmeninfobox). Neu wird deshalb als Workaround der Container div#firmeninfofloat2 einfach nur noch statisch positioniert, d.h. die das Floaten betreffenden CSS-Anweisungen werden auskommentiert (siehe unten in der Regel div#firmeninfofloat2). Der jetzt statische Container div#firmeninfofloat2 hat natürlich jetzt eine verwirrende id (#firmeninfofloat2), da der Container ja gar nicht mehr gefloatet wird. Sollte sich dieser Workaround für den IE7 sich in Zukunft bewähren, so kann man später mal den id-Namen entsprechend anpassen, dass dieser wieder Sinn macht. Im Moment weiss ich so aber, dass alles, was ich gemacht habe um den IE7 zufriedenzustellen, das Auskommentieren der zwei Eigenschaften float und width unten in der Regel div#firmeninfofloat2 ist.
*/
div#firmeninfofloat2 {
/* float: right; */
/* width: 440px; */
margin: 0;
padding: 0;
}
div#firmeninfofloat2 p {
font-size: 1.1em;
text-align: right;
padding: 0;
margin: 0;
}

/* ------------------------ Ende horizontale Firmen-Infobox ------------------------ */
/* ------------------------ Anfang horizontale Navigation ------------------------ */


div#horizontalmenu {
/* font-weight: bold; */
width: 100%;
float: left;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #336699;
}
#horizontalmenu p { display: none; } /* steigert die Accessibility bei Browsern ohne CSS-Unterstuetzung */
div#horizontalmenu ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 160px;
}
div#horizontalmenu li {
display: block;
float: left;
/* border-right: 1px solid #fff; */
border-right: 1px solid #336699;
}
div#horizontalmenu a {
display: block;
background-color: #336699;
padding: 5px 8px 6px 8px;
/* text-decoration: none; */
color: #ffffff;
font-size: 1.1em;
font-weight: bold;

}
div#horizontalmenu a:hover {
background-color: #aa0000;
color: #fff;
}

/* ------------------------ Ende horizontale Navigation ------------------------ */
/* ------------------------ Anfang Breadcrumb Navigation - im Moment nur optischer Trenner ------------------------ */
#breadcrumb {
clear: both;
width: 100%;
height: 2px;
border-bottom: 1px solid #000066;
background-color: #ffffff;
padding: 0px;
margin-bottom: 2px;
}
/* ------------------------ Ende Breadcrumb Navigation - im Moment nur optischer Trenner ------------------------ */
/* ------------------------ Start des Grundlayouts Mittelbereiches ------------------------ */
#allcontent {
clear: both;
width: 920px;
background-color: #ffffff;
background: #ffffff url(../media/praesentation/dreispaltenhintergrundbild.gif) top left repeat-y;
}
/* #allcontent_2 für neue Homepage */
#allcontent_2 {
clear: both;
width: 920px;
background-color: #ffffff;
background: #ffffff url(../media/praesentation/hintergrund_nav.gif) top left repeat-y;
}
#navigation {
float: left;
width: 160px; /* Breite des Navigations-Containers bzw. der linken Layout-(Navigations-)Spalte. */
border: none; 
padding: 0;
margin: 0;
}
#content {
float: left;
width: 610px;
}
#contentmargin {
width: 550px;
margin-left: 30px;
margin-right: 30px;
}
/* #content_2 für neue Homepage */
#content_2 {
float: left;
width: 760px; 
margin:0;
}

#extras {
float: left;
width: 150px;
}
/* ------------------------ Ende des Grundlayouts des Mittelbereiches ------------------------ */
/* ------------------ Anfang der vertikalen Navigation ------------- */
/* ------------------ Anfang der Grundformatierungen ------------- */
.vert_navi {
list-style: none;
margin: 0;
padding: 0;
/* border-top: 1px solid #fff; */
}
.vert_navi li {
margin: 0;
padding: 0;
}
.vert_navi li a {
display: block;
padding: 3px 0px; /* wird padding-left eingesetzt, um die Links einzuruecken, zerschiesst das Layout, wenn man den notwendigen style width: 100% und gleichzeitig den doctype xhtml 1.0 Transitional verwendet! Ich habe deshalb das Problem umgangen, indem ich zuaetzliche span-Elemente in die a-Bereiche eingefuegt habe */
border-bottom: 1px solid #fff;
background-color: #ffcc66;
background-color: #eeeeee;
font-size: 1.1em;
font-weight: bold;
color: #000066;
text-decoration: none;
width: 100%; /* Regel fuer IE , damit Link auf der ganzen Breite akzeptiert wird, schafft jedoch Probleme bei IE 5 Mac und Netscape 6+ */
}
html>body .vert_navi li a {
width: auto; /* schafft Probleme bei IE 5 Mac und Netscape 6+ aus der Welt, da Breite des Links wieder zurueckgesetzt wird, ausser beim IE Win, der diese Regel nicht versteht */
}
.vert_navi li a:hover {
background-color: #aa0000;
color: #fff;
}
.level1 {
/* wird padding-left inden a-Tags eingesetzt, um die Links einzuruecken, zerschiesst das Layout, wenn man den notwendigen style width: 100% und gleichzeitig den doctype xhtml 1.0 Transitional verwendet! Ich habe deshalb das Problem umgangen, indem ich zuaetzliche span-Elemente in die a-Bereiche eingefuegt habe */
display:block;
padding-left: 5px;
}
.rubrik {
padding: 3px 3px 3px 5px;
margin: 0px;
border-bottom: 1px solid #fff;
background-color: #000066;
color: #fff;
font-size: 1.1em;
font-weight: bold;
}
/* ------------------ Ende der Grundformatierungen ------------- */
/* ------------------ Anfang der Zusatzformatierungen ------------- */
.vert_navi_zusatz_level2 li a {
background-color: #ffee99;
background-color: #eeeeee;
font-weight: normal;
}
.level2 {
/* wird padding-left inden a-Tags eingesetzt, um die Links einzuruecken, zerschiesst das Layout, wenn man den notwendigen style width: 100% und gleichzeitig den doctype xhtml 1.0 Transitional verwendet! Ich habe deshalb das Problem umgangen, indem ich zuaetzliche span-Elemente in die a-Bereiche eingefuegt habe */
display:block;
padding-left: 15px;
padding-left: 20px;
}
.level3 {
/* wird padding-left inden a-Tags eingesetzt, um die Links einzuruecken, zerschiesst das Layout, wenn man den notwendigen style width: 100% und gleichzeitig den doctype xhtml 1.0 Transitional verwendet! Ich habe deshalb das Problem umgangen, indem ich zuaetzliche span-Elemente in die a-Bereiche eingefuegt habe */
display:block;
padding-left: 25px;
}
/* ------------------ Ende der Zusatzformatierungen ------------- */
/* ------------------ Ende der vertikalen Navigation ------------- */
/* ------------------------ Anfang des Content Bereichs ------------------------ */
/* Anfang der aktuellen Seite */
div#aktuelleseite {
	padding: 3px 0;
	border-bottom: 1px solid #ffffff;
	margin-left:1px;
	margin-right: 1px;
	margin-bottom: 20px;
	
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	text-align:center;
	letter-spacing: 4px;
	background-color: #aa0000;
	/* background-color: #000066; */
}
/* #content_2 div#aktuelleseite für neue Homepage */
#content_2 div#aktuelleseite {
	margin-bottom:0;
}

div#aktuelleseite span {
color:#000066;
font-weight:bold;
}
/* Ende der aktuellen Seite */

/* -------------------------- Anfang der Shop Box --------------------------- */
div#shopboxwrapper {
position: relative;
width: 538px;
background-color: #ffffff;
padding: 5px;
border: 1px solid #bbbbbb;
margin-left: 0px;
margin-right: 0px;
/* margin-top: 10px; */
margin-top: 0px;
}
div#shopbox {
width: 538px;
/* background: #ccffff url(../media/praesentation/shopboxhintergrundbild.jpg) top left no-repeat; */
background: #ececf6 url(../media/praesentation/shopboxhintergrundbild_3.jpg) top left no-repeat;
}
div#hoehenspanner img {
width: 1px;
height:170px;
}
div#shopboxtext {
float: right;
width: 275px;
margin-top: 25px;
margin-right: 5px;
background: transparent url(../media/praesentation/halfscreen-white.gif) center repeat;
}
div#shopboxtextinhalt {
text-align: right; font-weight: bold; font-size: 1.2em;
padding: 5px;
}
div#shopboxtextinhalt a {
display: block;
width: 100%;
color: #000066;
/* text-decoration: none; */
}
html>body div#shopboxtextinhalt a {
width: auto; /* Regel fuer IE, damit Link auf der ganzen Breite akzeptiert wird */
}
div#shopboxtextinhalt a:hover {
/* color: #ffcc66; */
color: #bb0000;
text-decoration: none;
}
div#shopboxtitel {
text-align: center;
font-weight: bold; font-size: 1.3em;
border: 1px solid #bbbbbb; background-color: #ffcc66; width: 250px; margin: 0 auto; padding: 0px;
position: absolute; top: -15px; left: 150px; right: 150px;}
div#shopboxtitel a {
display: block;
width: 100%;
padding: 3px;
color: #000066;
}
html>body div#shopboxtitel a {
width: auto; /* Regel fuer IE, damit Link auf der ganzen Breite akzeptiert wird */
}
div#shopboxtitel a:hover {
color: #ffffff;
background-color: #bb0000;
}
div#shopboxzusatz {
font-size: 1.2em; text-align: center; padding-top:3px;
width: 550px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
}
/* -------------------------- Ende der Shop Box --------------------------- */
/* ------------------ Anfang der Angebots - Bildergalerie ------------------------ */
div#galeriewrapper2 {
padding: 0 5px 5px 5px;
border-left: 28px solid #eeeeee;
border-right: 28px solid #eeeeee;
/* background-color: #ccffff;  */
background-color: #eeeeee;
margin-bottom:20px;
}
div#galeriewrapper {
width: 484px; /* 4px mehr als notwendig wegen möglichem Rundungsfehler */
}

.galeriebildundtextwrapper {
float: left;
width: 96px;
}
.galeriebildwrapper {
width: 90px;
padding: 5px 3px 0px 3px; 
}
.galeriebild {
width: 82px;
height:82px;
padding:3px;
border: 1px solid;
border-color: #AAA #888 #888 #AAA;
background-color: #ffffff;
}
.galeriebild img {
width: 80px;
height: 80px;
border: 1px solid;
border-color: #888 #AAA #AAA #888;
}
.galerietext {
font-size: 1.1em;
width: 90px;
text-align: center;
padding: 5px 0;
/* border-bottom: 5px solid #ccffff; */
margin: 0px 3px 0px 3px;
background-color: #666699;
color: #ffffff;
}
/* ------------------ Ende der Angebots - Bildergalerie ------------------------ */
/* ------------------ Anfang der Shoprubriken - Galerie ------------------------ */
div#shoprubrikenwrapper {
width: 548px; /* 4 x 90 + 8 x 23 = 544; 544 + 4 (wegen möglichem Rundungsfehler) = 548 */
padding-top: 10px;
margin: 0 1px; /* 2 x 1px + 548px = 550px */
margin-bottom:20px;
/* background-color: #ccffff; */
background-color:#ffee99;
}
.shoprubrikenbildundtextwrapper {
float: left;
width: 136px;
}
.shoprubrikenbildwrapper {
width: 90px;
padding: 0px 23px;
}
.shoprubrikenbild {
width: 82px;
height:82px;
padding:3px;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
background-color: #ffffff;
}
.shoprubrikenbild img {
width: 80px;
height: 80px;
border: 1px solid;
border-color: #444 #AAA #AAA #444;
}
.shoprubrikentext {
font-weight: bold;
font-size: 1.1em;
width: 136px;
text-align: center;
padding: 5px 0px 10px 0px;
background-color: transparent;
}
/* ------------------ Ende der Shoprubriken - Galerie ------------------------ */

/* ************************* Anfang der Boxen ************************* */
/* ------------------------ Anfang der breiten Box ---------------------------- */
.breite_box {
width:548px;
border: 1px solid #fff;
margin: 0 0 15px 0;
}
.breite_box h2 {
background-color: #eeeeee;
padding: 3px 10px;
border: 1px solid #eeeeee;
border-bottom: 1px solid #bbbbbb;
margin: 0px;
margin-bottom: 3px;
font-size: 1.2em;
line-height:1.4;
}
.breite_box h3, .breite_box h4, .breite_box h5, .breite_box h6 {
background-color: #ffffff;
padding: 3px 0px 10px 0px;
border: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin: 0px;
margin-bottom: 3px;
font-size: 1.2em;
line-height:1.4;
}
.breite_box h5 {
font-style: italic;
padding: 3px 0px;
}
.breite_box h6 {
font-style: italic;
font-weight:normal;
padding: 3px 0px;
}
.breite_box .aussen {
width: 526px;
padding: 10px 10px 10px 10px;
border: 1px solid #ffffff;
}
.breite_box .innen {
width: 526px;
}
.breite_box p {
padding: 0px;
margin: 0 0 10px 0;
font-size: 1.2em;
line-height:1.4;
}
.breite_box p.indermitte {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
margin-left:auto;
margin-right:auto;
padding-top: 0px;
padding-bottom: 0px;
font-size: 1.2em;
}
.breite_box a img.bordernone {
border:none;
}

.referenzcashtv { 
	background: #fff url(../media/praesentation/sfdrs_breit.jpg) top left no-repeat;
	padding-top: 0; 
	border-bottom:1px dotted #ccc;
	margin-bottom: 15px;
}
.referenzcashtv .aussen {
	padding-bottom: 0;
}
.referenzcashtv p { 
	padding-left: 290px;
	padding-top: 0;
}
.referenzcashtv .innen strong { color:#bb0000; }

/* ------------------------ Ende der breiten Box ---------------------------- */

/* ------------------- Anfang der Box "geschlossen_box" (ebenfalls eine breite Box)  ---------------------- */
.geschlossen_box {
width:550px;
margin: 0 0 30px 0;
padding: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 4px 4px 4px #aaa;
-moz-box-shadow: 4px 4px 4px #aaa;
box-shadow: 4px 4px 4px #aaa;
background-color: #eee;
background-color: #000066;
background-color: #ffcc66;
text-align:center; 
font-weight: bold; 
color:#bb0000;
color:#ffffff;
color:#000066;
}

.geschlossen_box p {
padding: 10px;
margin: 0;
font-size: 1.3em;
}
/* ------------------- Ende der Box "geschlossen_box" (ebenfalls eine breite Box)  ---------------------- */

/* ------------------- Anfang der Box "geschlossen_box" (ebenfalls eine breite Box; für index.html)  ---------------------- */
.indexseite-wrapper .geschlossen_box_index {
width:700px;
margin: 10px;
padding: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 4px 4px 4px #aaa;
-moz-box-shadow: 4px 4px 4px #aaa;
box-shadow: 4px 4px 4px #aaa;
background-color: #eee;
background-color: #000066;
background-color: #ffcc66;
text-align:center; 
font-weight: bold; 
color:#bb0000;
color:#ffffff;
color:#000066;
}

.indexseite-wrapper .geschlossen_box_index p {
padding: 10px;
margin: 0;
font-size: 1.3em;
}
/* ------------------- Ende der Box "geschlossen_box" (ebenfalls eine breite Box)  ---------------------- */

/* ------------------------ Anfang der schmalen Box ---------------------------- */
.schmale_box {
width:258px;
border: 1px solid #fff;
margin: 0 0 15px 0;
}
.schmale_box h2 {
background-color: #eeeeee;
padding: 3px 10px;
border: 1px solid #eeeeee;
border-bottom: 1px solid #bbbbbb;
margin: 0px;
margin-bottom: 4px;
font-size: 1.2em;
}
.schmale_box h3, .schmale_box h4, .schmale_box h5, .schmale_box h6 {
background-color: #ffffff;
padding: 3px 0px 10px 0px;
border: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin: 0px;
margin-bottom: 4px;
font-size: 1.2em;
}
.schmale_box h5 {
font-style: italic;
padding: 3px 0px;
}
.schmale_box h6 {
font-style: italic;
font-weight:normal;
padding: 3px 0px;
}
.schmale_box a img.bordernone {
border:none;
}
/* Regeln fuer die Links Ankauf Verkauf Schaetzungen */
.schmale_box h3 {
background-color: #ffcc66;
padding: 0px;
border: 1px solid #bbbbbb;
margin: 0px;
margin-bottom: 6px;
text-align: center;
font-size: 1.3em;
font-weight: bold; 
}
.schmale_box h3 a {
display: block;
width: 100%;
padding: 3px;
color: #000066;
}
html>body .schmale_box h3 a {
width: auto; /* Regel fuer IE, damit Link auf der ganzen Breite akzeptiert wird */
}
.schmale_box h3 a:hover {
color: #ffffff;
background-color: #bb0000;
}

.schmale_box .aussen {
width: 236px;
padding: 10px 10px 10px 10px;
border: 1px solid #ffffff;
}
.schmale_box .innen {
width: 236px;
}
.schmale_box p {
padding: 0px;
margin: 0 0 10px 0;
font-size: 1.2em;
line-height:1.4;
}
.float_nach_rechts {
float: right;
}
.float_nach_links {
float: left;
}
/* Ergänzungen für schmale Box (als Referenzbox auf Homepage): */

.referenzbox { margin-bottom: 0; }
.referenzbox h2 {
	background-color:#fff;
	padding:0;
	border:1px solid #fff;
	margin:0;
	font-size: 1em;
	text-align:right;
}
.referenzbox .referenz_sfdrs { 
	background: #fff url(../media/praesentation/sfdrs_oben_3.jpg) top left no-repeat;
	padding-top: 0; 
}
.referenzbox .referenz_srdrs { 
	background: #fff url(../media/praesentation/srdrs_oben_4.jpg) top left no-repeat;
	padding-top: 0; 
}
.referenzbox .innen { padding-top: 55px; }
.referenzbox .innen strong { color:#bb0000; }

/* ------------------------ Ende der schmalen Box ---------------------------- */
/* ------------------------ Anfang Regeln fuer beide Boxentypen --------------- */
img.pic_nach_rechts {
border: 1px solid #bbbbbb;
padding:0px;
margin: 0px 0px 10px 10px;
float: right;
}
img.pic_nach_links {
border: 1px solid #bbbbbb;
padding:0px;
margin: 0px 10px 10px 0px;
float: left;
}
/* ---------- Anfang Klassen fuer Listen bei den Boxen ---------- */
.breite_box ul, .schmale_box ul {
padding:0;
margin:0 0 10px 0;
margin-left:20px;
}

.lineheight_small {
line-height: 1.3em;
font-size: 1.2em;
}
.lineheight_medium {
line-height: 1.6em;
font-size: 1.2em;
}
.lineheight_large {
line-height: 1.8em;
font-size: 1.2em;
}
.ulkorrektur {
font-size:1.2em;
}
.ulkorrektur li {
padding-bottom:10px;
line-height:1.4;
}
/* ---------- Ende Klassen fuer Listen bei den Boxen ---------- */
/* ------------------------ Ende Regeln fuer beide Boxentypen ----------------- */
/* ************************* Ende der Boxen ************************* */


/* ------------------------ Anfang der ibox (Infobox) ---------------------------- */
/* Die Grunddefinitionen der ibox gelten fuer die breite Angebotsbox; alle anderen Boxen werden durch Zusatzdefinitionen davon abgeleitet */
.ibox {
width: 550px; /* Die gleiche Breite wird auch bei der Klasse .iboxcontent definiert */
margin: 0px 0px 20px 0px;
}
.ibox h2 {
background-color: #eeeeee;
padding: 3px 10px;
border-bottom: 1px solid #000066;
margin: 0px;
margin-bottom: 4px;
font-size: 1.2em;
}
.ibox h2.nobackground {
background-color: #fff;
}
.ibox p.number {
padding: 3px 10px;
margin: 0px;
font-size: 1.2em;
text-align:right;
float: right;
}
.iboxcontent {
width: 550px;
}
.iboxcontent p {
padding: 6px 10px 6px 10px;
margin: 0px;
margin-left: 163px; /* linker Standard-Abstand fuer die breite Standard-Box mit Bild, welches einen Schatten aufweist */
font-size: 1.2em;
}
.iboxcontent p.frametop {
border-top: 1px solid #ccc;
}
.iboxcontent p.available {
color:#bb0000;
font-weight: bold;
text-transform: uppercase;
}
.iboxcontent p.price {
margin: 0px;
float:right;
}
.picwrapper {
/* enthaelt das Bild mit Rahmen und Schatten */
width: 163px;
float:left;
}
.picshadow {
background: #ccc;
margin-top: 14px; /* entspricht der Verschiebung von .picframe nach oben plus dem padding-top, welches bei den p-Tags definiert ist */
margin-right: 20px;
margin-bottom: 0px;
margin-left: 14px; /* entspricht der Verschiebung von .picframe nach links plus dem nach links definierten Abstand innerhalb der ibox */
width: 129px; /* entspricht der Breite des Bildes sowie 2x padding und 2x border */
/* float: left; display: inline; (=Definition eines Floats ist Alternative zur Angabe von width; die Angabe display: inline verhindert dann die Verdoppelung des linken Randes beim IE
bei einem Float nach links) */
}
.picframe {
position: relative;
top: -4px;
left: -4px;
background-color: #fff;
padding: 6px;
border: 1px solid #999;
}
.picframe img { width: 115px; /* funktioniert auch ohne diese Angabe */
height: 115px; /* funktioniert auch ohne diese Angabe */
border: none;
}
.morepics {
padding: 4px 24px 0 10px;
background-color: transparent;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}
.ibox a:link, .ibox a:visited {
color: #000099;
}
.ibox a:hover, .ibox a:active {
color: #bb0000;
}

/* ------------------------ Ende der ibox (Infobox) ---------------------------- */

/* ---------------- Anfang Ueber uns: Definitionslisten ---------------- */
dl.ueberuns {
margin: 0; 
padding: 0 0 10px 0;
}
dl.ueberuns dt {
position: relative;
left: 0;
top: 1.1em;
margin: 0; /* Zurücksetzung für einheitliche Darstellung in verschiedenen Browsern */
padding: 0 0 0 10px; /* Zurücksetzung für einheitliche Darstellung in verschiedenen Browsern */
font-weight:bold;
width: 11em;
}
dl.ueberuns dd {
border-left: 1px solid #000;
margin: 0 0 0 12em;
padding: 0 0 0.5em 0.5em;
}

dl.ueberuns dd.pfeil {
padding: 0 0 0 2.5em; /* Einzug für Hintergrundbild */
background-image: url(../media/praesentation/verweis-fff9df.gif);
background-repeat: no-repeat;
background-position: 0.5em 50%;
}
/* ---------------- Ende Ueber uns: Definitonslisten ---------------- */

/* ---------------- Anfang Referenzen ---------------- */
div#referenzwrapper {
	border-bottom:1px dotted #ccc;
	margin-bottom: 15px;
}
div#referenzen ul {
margin: 0;
padding: 0;
list-style-type: none;
line-height:1.5;
}
div#referenzen ul ul {
margin: 0 0 0 50px;
padding: 0;
list-style-type: disc;
}
div#referenzen blockquote {
background: #fff9df url(../media/praesentation/quote.gif) no-repeat 5px 5px;
margin: 0 0 0 50px;
padding: 1.5em 1em 1em 40px;
border-top: 2px solid #f3c600;
border-bottom: 2px solid #f3c600;
font-size: 90%;
}
div#referenzen blockquote p {
margin: 0;
padding: 0;
}
div#referenzen blockquote cite {
display: block;
font-size: 90%;
font-style: normal;
letter-spacing: 1px;
text-align: right;
background: url(../media/praesentation/unquote.gif) no-repeat right bottom;
padding: 10px 40px 0 0;
}
div#referenzen blockquote p.letzterabsatz {
background: url(../media/praesentation/unquote.gif) no-repeat right bottom;
padding: 0 40px 0 0;
}
div#referenzen p.zentrierterinhalt {
text-align: center;
}
div#referenzen h2 {
background-color: #eeeeee;
padding: 3px 10px;
border: 1px solid #eeeeee;
border-bottom: 1px solid #bbbbbb;
margin: 0px;
margin-bottom: 3px;
font-size: 1.2em;
}
div#referenzen img {
border: none;
}
/* ---------------- Ende Referenzen ---------------- */

/* ---------------- Anfang Kontakt-Formular ---------------- */
#kontaktformularcontainer {
width:550px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
}
#kontaktformular {
/* background-color: #ccffff; */
background-color:#ffee99;
}
.kontaktformelement {
width:550px;
}
.kontaktformelement .kontaktformlabel1 {
float:left;
width: 150px;
padding: 5px;
font-weight: bold;
font-size: 1.2em;
}
.kontaktformelement .kontaktformlabel2 {
float:left;
width: 350px;
padding: 5px;
font-size: 1.2em;
}
.kontaktformelement .kontaktforminput {
float:left;
padding: 5px;
}
.kontaktformelement .kontaktforminput input.txt {
border: 1px inset #000066;
font-size: 1.2em;
}
.kontaktformelement .kontaktforminput input.radiobutton {
border: none;
}
.kontaktformelement .kontaktforminput input.submitbutton {
border: 1px outset #000066;
font-size: 1.1em;
font-weight: bold;
}
.kontaktformelement .kontaktforminput textarea {
border: 1px inset #000066;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
/* .kontaktformtext wird momentan nicht verwendet */
.kontaktformtext {
padding: 10px 5px;
font-size: 1.2em;
}
/* .kontaktformtitel wird momentan nicht verwendet */
.kontaktformtitel {
padding: 5px;
font-weight: bold;
text-align:center;
font-size: 1.5em;
}
/* ---------------- Ende Kontakt-Formular ---------------- */
/* ---------------- Anfang Newsletter-Formular ---------------- */
#newsletterformularcontainer {
width:550px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 15px;
color: #000066;
}
#newsletterformular {
/* background-color: #ccffff; */
background-color:#ffee99;
}
.newsletterformelement {
width:550px;
}
.newsletterformelement .newsletterformlabel1 {
float:left;
width: 150px;
padding: 5px;
font-weight: bold;
font-size: 1.2em;
}
.newsletterformelement .newsletterformlabel2 {
float:left;
width: 350px;
padding: 5px;
font-size: 1.2em;
}
.newsletterformelement .newsletterforminput {
float:left;
padding: 5px;
}
.newsletterformelement .newsletterforminput input.txt {
border: 1px inset #000066;
font-size: 1.2em;
}
.newsletterformelement .newsletterforminput input.submitbutton {
border: 1px outset #000066;
font-size: 1.1em;
font-weight: bold;
}
.newsletterformelement .newsletterforminput input.radiobutton {
border: none;
}
/* .newsletterformtext wird momentan nicht verwendet */
.newsletterformtext {
padding: 10px 5px;
font-size: 1.2em;
}
/* .newsletterformtitel wird momentan nicht verwendet */
.newsletterformtitel {
padding: 5px;
font-weight: bold;
text-align:center;
font-size: 1.5em;
}
/* ---------------- Ende Newsletter-Formular ---------------- */

/* ---------------- Anfang der Angebotsdetails --------------- */
#centeredItems {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
font-size: 1.2em;
}
#centeredItems p {
margin-top:0px;
margin-bottom: 10px;
padding: 0px;
}

#centeredItems img {
border: 1px solid;
border-color: #aaa #444 #444 #aaa;
}

/* neue Anordnung - jeweils 2 Bilder nebeneinander: */
.detailcontainer {
		text-align: justify;
		/* width: 100%; */
		width: 480px;
		margin: 0 auto 1em auto;
		/* margin-bottom:1em; */
	}
	.detailcontainer img {
		border: 1px solid #ddd;
		padding: 4px;
		vertical-align: top;
	}
	.detailcontainer span {
		display: inline-block; /* Opera */
		padding-left: 100%;
	}

/* ---------------- Ende der Angebotsdetails --------------- */

/* ---------------- Anfang der Formatierungen fuer die Schmuckwissenseiten ----------------- */
/* ---------------- Anfang der Formatierungen fuer die senkrechten Inhaltsverzeichnisse bei den Schmuckwissenseiten (im Moment nicht verwendet) ----------------- */

div#outerlistcontainer {width:200px; background-color: #FFFFFF; padding-bottom: 20px; float:right;}
div#listcontainer {border: 1px dotted #000066; margin: 0px 0px 0px 20px;}
div#listcontainer p {margin: 10px; 10px; 10px; 10px; padding:0; font-size:1.2em; font-weight: bold; }
div#listcontainer ul {margin: 10px; 10px; 10px; 10px; padding:0; list-style-type:none; border-top:1px solid #000066;}
div#listcontainer li {border-bottom: 1px dotted #000066; margin:0; padding: 0.3em 0 0.3em 15px; font-size:1.2em;}
div#listcontainer li#current {color: #bb0000; background-image:url(../media/praesentation/aktuelleseite.gif); background-position: 0% 50%; background-repeat: no-repeat;}
div#listcontainer a {text-decoration: none; color: #000066;}
div#listcontainer a:hover {color: #bb0000;}

/* ---------------- Ende der Formatierungen fuer die senkrechten Inhaltsverzeichnisse bei den Schmuckwissenseiten ----------------- */

/* ------------------------ Anfang der Formatierungen fuer horizontale Schmuckwissennavigation ------------------------ */


div#schmuckwissenmenu {
width: 548px;
float: left;
background-color: #ffffff;
border-bottom: 20px solid #ffffff;
}
div#schmuckwissenmenuinnen {
border: 1px dotted #000066;
padding:10px 10px 10px 0px;
}

div#schmuckwissenmenu ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 0px;
}
div#schmuckwissenmenu li {
display: block;
float: left;
padding-left:20px;
border-right: 1px solid #ffffff;
}
div#schmuckwissenmenu li#current {background-image:url(../media/praesentation/aktuelleseite.gif); background-position: 0% 50%; background-repeat: no-repeat;}
div#schmuckwissenmenu a {
display: block;
background-color: #ffffff;
padding: 3px 8px 3px 0px;
text-decoration: underline;
color: #000066;
font-size: 1.1em;
}
div#schmuckwissenmenu a.currenta {
color:#bb0000;
text-decoration:none;}
div#schmuckwissenmenu a:hover {
background-color: #ffffff;
color: #bb0000;
text-decoration: none;
}

/* ------------------------ Ende der Formatierungen fuer horizontale Schmuckwissennavigation ------------------------ */

/* ---------------- Anfang der Formatierungen fuer die Tabellen der Schmuckwissenseiten ----------------- */
.schlagschatten {
background: #919191;
width: 500px;
margin: 20px 0px 20px 0px;
}

table.daten {
font-size: 11px;
position: relative;
top: -4px;
left: -4px;
width: 500px;
border: 1px solid #000066;
background:#ffffff;
}
table.groesser {
/*font-size: 13px;*/
}
table.daten caption {
margin:0;
padding: 8px 8px;
text-align:left;
border: 1px solid #000000;
border-bottom:none;
background:#ffffff;
font-weight: bold;
}
table.daten th, table.daten td {
margin:0;
padding: 8px 8px;
text-align: right;
border-bottom: 1px solid #b5b5b5;
}
table.daten th {
color: #666666;
}
table.daten .mittig {
text-align: center;
font-weight:bold;
}
table.daten .linksbuendig {
text-align: left;
}
table.daten .fett {
font-weight:bold;
}
table.daten .betont {
color:#bb0000;
}
table.daten tr {
background: #e9e9e9;
}
table.daten tr.alt {
background: #f9f9f9;
}
table.daten tr.alt2 {
background: #fff;
}

/* ---------------- Ende der Formatierungen fuer die Tabellen der Schmuckwissenseiten ----------------- */

/* ---------------- Anfang der Formatierungen fuer die Listen der Schmuckwissenseiten ----------------- */
ul.schmuckwissenliste {
list-style-type:none;
margin:20px 0px 20px 0px;
padding:0px;
font-size:1.2em;
}

/* ---------------- Ende der Formatierungen fuer die Listen der Schmuckwissenseiten ----------------- */


/* ---------------- Ende der Formatierungen fuer die Schmuckwissenseiten ----------------- */

/* ---------------- Anfang der Formatierungen fuer die Referenzenseite ----------------- */

div#film {
	width:425px;
	margin-left: auto;
	margin-right: auto;
}

/* ---------------- Ende der Formatierungen fuer die Referenzenseite ----------------- */

/* ---------------- Anfang der Formatierungen fuer die Altgold Ankauf Seite ----------------- */

div#ankaufskriterien {
	padding-bottom:10px;
}
div#ankaufskriterien p {
	font-size: 1.3em;
	font-weight: bold;
}
div#ankaufskriterien ul {
	margin:0;
	padding:0;
	border-top: 1px dotted #ccc;
	list-style:none;
}
div#ankaufskriterien ul li {
	width:100%;
	overflow: hidden;
	padding:10px 0;
	border-bottom: 1px dotted #ccc;
}
div#ankaufskriterien strong {
	font-size: 1.3em;
	float:left;	
	width: 39%;
	padding:2%;
	background-color: #eee;
}
div#ankaufskriterien em {
	font-size: 1.0em;
	font-style:normal;
	float:right;
	width: 54%;
}
div#ankaufskriterien span {
	font-size: 1.0em;
	font-weight: bold;
	color:#bb0000;
	clear:right;
	float:right;
	width: 54%;
}
div#ankaufskriterien a {
	color:#bb0000;
}
div.geschaeftsadresse {
	padding:10px 0;
	text-align:center;
	background-color:#fff9df;
}
/* ---------------- Ende der Formatierungen fuer Altgold Ankauf Seite ----------------- */

/* ------------------------ Ende des Content Bereichs ------------------------ */

/* -------------------- Anfang der neuesten Angebote mit Rahmen und Schatten -------------------------- */
div#neuesteangebotewrapper {
width: 98px; margin-left: 26px;
margin-right: 26px;
margin-top:5px;
margin-bottom:5px;
}
#neuesteangebotewrapper .neuesteangeboteschatten {
background: #ccc;
margin-top: 14px; /* muss mindestens der Verschiebung nach oben vom div.bildrahmen entsprechen */
margin-right: 0px;
margin-bottom: 0px;
margin-left: 4px; /* muss der Linksverschiebung vom div.bildrahmen entsprechen */
width: 94px; /* entspricht der Breite des Bildes sowie 2x padding und 2x border */
/* float: left; display: inline; (=Definition eines Floats ist Alternative zur Angabe von width; die Angabe display: inline verhindert dann die Verdoppelung des linken Randes beim IE
bei einem Float nach links) */
}
#neuesteangebotewrapper .neuesteangebotebildrahmen {
position: relative;
top: -4px;
left: -4px;
background-color: #fff;
padding: 6px;
border: 1px solid #999;
}
#neuesteangebotewrapper .neuesteangebotebildrahmen img { width: 80px; /* funktioniert auch ohne diese Angabe */
height: 80px; /* funktioniert auch ohne diese Angabe */
border: none;
}
#neuesteangebotewrapper p {
padding: 0 0 3px 0;
margin: 0;
border: none;
font-weight: bold;
text-align:center;
font-size: 1.2em;
}
#neuesteangebotewrapper p.online {
font-weight: normal;
font-size: 1.1em;
}
/* -------------------- Ende der neuesten Angebote mit Rahmen und Schatten -------------------------- */

/* -------------------- Anfang der Box: Ankauf Altgold -------------------------- */
#altgoldankauf {
	width: 144px;
	margin:21px 3px 0 3px;
	background: #edc225 url(../media/praesentation/altgold_03.jpg) center bottom no-repeat;
	padding-bottom: 75px;
}
#altgoldankauf h2 {
	font-size: 1.4em;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	background: url(../media/praesentation/altgold_dunkelblau.jpg) center top no-repeat;
	color: #FFF;
	padding: 5px;
}
#altgoldankauf p {
	font-size: 1.2em;
	color: #000;
	text-align: center;
	margin:0;
	padding: 10px 5px 10px 5px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#altgoldankauf p.auskunft {
background-color:#edc225;
color: #b00;
font-weight:bold;
padding-top:0;
}
#altgoldankauf p.tel {
background-color:#fff;
font-size: 1.2em;
color: #b00;
font-weight:bold;
}
#altgoldankauf p.ankaufspreis {
background-color:#fff;
font-size: 1.2em;
color: #b00;
font-weight:bold;
}
#altgoldankauf p.ankaufspreis a {
color: #b00;
}
/* -------------------- Ende der Box: Ankauf Altgold -------------------------- */
/* -------------------- Anfang der Box: Interview -------------------------- */
#interview {
	width: 144px;
	margin:21px 3px 0 3px;
	background: #ffffff url(../media/praesentation/interview_unten.jpg) center bottom no-repeat;
	padding-bottom: 40px;
}
#interview h2 {
	font-size: 1.3em;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	background: url(../media/praesentation/interview_oben.jpg) center top no-repeat;
	color: #FFF;
	padding: 5px;
}
#interview p {
	font-size: 1.2em;
	color: #000;
	text-align: center;
	margin:0;
	padding: 10px 5px 10px 5px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#interview p.auskunft {
background-color:#edc225;
color: #b00;
font-weight:bold;
}
#interview p.tel {
background-color:#fff;
font-size: 1.2em;
color: #b00;
font-weight:bold;
}
/* -------------------- Ende der Box: Interview -------------------------- */

/* -------------------- Anfang der Box: Fernsehen -------------------------- */
#fernsehen {
	width: 144px;
	margin:21px 3px 0 3px;
	background: #ffffff url(../media/praesentation/sfdrs_unten.jpg) center bottom no-repeat;
	padding-bottom: 10px;
}
#fernsehen p {
	font-size: 1.2em;
	color: #000;
	text-align: center;
	margin:0;
	padding: 60px 5px 0px 5px;
	background: url(../media/praesentation/sfdrs_oben.jpg) left top no-repeat;
}
#fernsehen p span {
	color:#bb0000;
	font-weight:bold;
}
/* -------------------- Ende der Box: Fernsehen -------------------------- */


/* -------------------- Anfang der Extrasbox (Spalte Extras) -------------------------- */
.extraswrapper {
width: 128px;
border: 1px solid #000066;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:20px;
}
.extraswrapper h2 {
width: 128px;
padding: 5px 0 5px 0;
border: none;
border-bottom: 1px solid #000066;
margin: 0;
color: #ffffff;
font-weight: bold;
text-align:center;
font-size: 1.2em;
background-color: #666699;
}
.extraswrapper h2 a:link, .extraswrapper h2 a:visited {
text-decoration: none;
color: #ffffff;
}
.extraswrapper h2 a:hover, .extraswrapper h2 a:active {
text-decoration: underline;
color: #000066;
}
.extraswrapper p {
width: 128px;
padding: 5px 0 5px 0;
border: none;
margin: 0;
font-weight: bold;
text-align:center;
font-size: 1.2em;
}
.extraswrapper img { width: 115px; /* funktioniert auch ohne diese Angabe */
height: 115px; /* funktioniert auch ohne diese Angabe */
margin-left: 6px;
margin-right: 5px;
border: 1px solid #bbbbbb;
}
/* -------------------- Ende der Extrasbox (Spalte Extras) -------------------------- */
/* -------------------- Anfang der Kartenbox (Spalte Extras) -------------------------- */
.kartenwrapper {
width: 128px;
border: 1px solid #000066;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:20px;
}
.kartenwrapper h2 {
width: 128px;
padding: 5px 0 5px 0;
border: none;
border-bottom: 1px solid #000066;
margin: 0;
color: #ffffff;
font-weight: bold;
text-align:center;
font-size: 1.2em;
background-color: #666699;
}
.kartenwrapper p {
width: 128px;
padding: 5px 0 5px 0;
border: none;
margin: 0;
font-weight: bold;
text-align:center;
font-size: 1.2em;
}
.kartenwrapper img { width: 87px; /* funktioniert auch ohne diese Angabe */
height: 100px; /* funktioniert auch ohne diese Angabe */
margin-left: 21px;
margin-right: 20px;
border: none;
}
/* -------------------- Ende der Kartenbox (Spalte Extras) -------------------------- */
/* ------------------------ Start Footer ------------------------ */
div#outerfooter {
background-color: #ffffff;
padding: 2px 0px 0px 0px;
border-top: 1px solid #000066;
margin-top: 2px;
}

div#footer {
font-weight: normal;
color: #ffffff;
background-color: #000066;
padding: 3px 5px;
margin: 0;
}
div#footerfloat1 {
float: left;
width: 440px;
margin: 0;
padding: 0;
}
div#footerfloat1 p {
font-weight: bold;
font-size: 1.2em;
text-align: left;
padding: 0px;
margin: 0;
}
div#footerfloat2 {
float: right;
width: 440px;
margin: 0;
padding: 0;
}
div#footerfloat2 p {
font-weight: bold;
font-size: 1.2em;
text-align: right;
padding: 0px;
margin: 0;
}
/* ------------------------ Ende Footer ------------------------ */

/* !!!!!!!!!!!!!!!!!!!!!!!!! Formatierungen für neues Angebots - Design !!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.angebot {
color: #000000;
/* background-color: #fdf8f2; */
background-color: #ffffff;
/* border: 1px solid #b9d2e3; */
border: 1px solid #ffffff; 
padding: 10px;
margin: 20px 20px 20px 20px;
/* height: 1%; zur Vermeidung des Peekaboo-Bugs im IE6 ! daher nur für diesen Browser zugänglich machen */
}
.angebot p {
color: #666666;
font-size: 1.0em;
font-weight: bold;
text-align: right;
background-color: #ffffff;
margin:0;
}
.angebot h2 {
color: #245185;
font-size: 1.5em;
background-color: #ffffff;
padding: 0.2em 0 0.2em 0;
border-top: 1px solid #b9d2e3;
border-bottom: 1px solid #ffffff;
margin: 0 0 0.5em 0;
}
.angebot .bild {
width: 203px;
margin: 0 20px 10px 0;
float: left;
/* overflow: hidden; */
}
.angebot .bild a img {
border: 0;
border-right: 3px solid #cccccc;
border-bottom: 3px solid #cccccc;
}
.angebot .beschreibung {
margin: 0 0 0 223px;
}
.angebot .beschreibung p {
color: #666666;
font-size: 1.2em;
font-weight: normal;
text-align: left;
background-color: #ffffff;
margin: 0 0 1.0em 0;
}
.angebot .beschreibung p.verkaufspreis {
margin: 0 0 1.0em 0;
float: left;
}
.angebot .beschreibung p.verkauffr {
text-align: right;
font-weight: bold;
}
.angebot .beschreibung p.neupreis {
margin: 0 0 1.0em 0;
float: left;
font-style: italic;
}
.angebot .beschreibung p.neufr {
text-align: right;
font-weight: bold;
font-style: italic;
}
.angebot ul {
list-style-type: none;
text-align: right;
padding: 0 0 0.5em 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #b9d2e3;
margin: 0;
clear: left;
}
.angebot ul li {
display: inline;
color: #245185;
background-color: #ffffff;
}
.angebot ul li a:link, .angebot ul li a:visited {
color: #245185;
font-size: 1.2em;
background-color: #ffffff;
}
.angebot ul li a:hover, .angebot ul li a:active {
color: #bb0000;
font-size: 1.2em;
background-color: #ffffff;
}
.angebot ul li a span {
font-weight: bold;
background-image: url(../media/praesentation/more-bullet.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 14px;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!! Formatierungen für neues Homepage - Design (index.html) !!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* Diverse padding Definitionen */
.padding-tblr {
	padding: 10px 10px 10px 10px;
}
.padding-tbl {
	padding: 10px 0 10px 10px;
}
.padding-tbr {
	padding: 10px 10px 10px 0;
}

/* ********************************************************************* 
   index.html:
   Anfang indexseite-wrapper
   (für Stil-Definitionen Typographie)
   ********************************************************************* */
.indexseite-wrapper {
	width:720px;
	margin: 0 20px;
}
.indexseite-wrapper h2 {
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 1.2em;
	font-size: 1.33em;
	line-height: 1.5;
	color:#000066;
	padding: 0;
	margin: 0;
	overflow: auto;	
}
.indexseite-wrapper p {
	margin: 0;
	padding: 0;
	color:#000066;
	font-size: 1.2em;
	line-height:1.4;
	overflow: auto;	
}

.indexseite-wrapper .bild a:link, .indexseite-wrapper .bild a:visited {
	/* opacity: 1.0; */
}
.indexseite-wrapper .bild a:hover, .indexseite-wrapper .bild a:focus {
	opacity: 0.50;
}
.indexseite-wrapper .schmuck-aktuell-bild a:link, .indexseite-wrapper .bild a:visited {
	
}
.indexseite-wrapper .schmuck-aktuell-bild a:hover, .indexseite-wrapper .bild a:focus {
	opacity: 0.50;
}
.indexseite-wrapper img {
	border: none;
}

/* ********************************************************************* 
   index.html:
   Ende indexseite-wrapper
   ********************************************************************* */

/* ********************************************************************* 
   index.html:
   Anfang altgoldbox-24
   (24 x 30px)
   ********************************************************************* */
   
.altgoldbox-24 {   
	width:700px; /* 700px = 720px - 2x10px margin, 720px = 24x30px */
	margin: 10px;
	float:left;
	display: inline;
	background: #f9f5e2 url(Altgoldpreise-5-bg.jpg) top left repeat-y;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	box-shadow: 2px 2px 3px #aaa;
}

.altgoldbox-24 .text {
	width: 430px; /* 420px = 450px - 2x10px margin, 450px = 15x30px */
	background-color:#f9f5e2;
	float: right;
	word-wrap: break-word;
}

.altgoldbox-24 .text .altgoldpreis {
	float:left;
	width:220px;
	word-wrap: break-word;
}
.altgoldbox-24 .text .altgoldpreis span {
	display: block;
	font-weight: bold;
	color:#bb0000;
}

.altgoldbox-24 .bild {
	width: 270px; 
	height: 160px; 
	float:left;
}

.altgoldbox-24 .text h2 {
	padding: 3px 0 3px 10px;
}

.altgoldbox-24 .text p {
	padding-left:10px;
	margin-top: 5px;
}
.altgoldbox-24 .text p.verweis {
	float:right;
	clear:right;
	width:190px;
	padding-right: 10px;
	padding-left:0;
	padding-bottom:0px;
	word-wrap: break-word;
}
.altgoldbox-24 .text a:link, .altgoldbox-24 .text a:visited {
	color:#000066;
	font-weight: bold;
}
.altgoldbox-24 .text a:hover, .altgoldbox-24 .text a:focus {
	color:#bb0000;
	font-weight: bold;
}
   
/* ********************************************************************* 
   index.html:
   Ende altgoldbox-24
   ********************************************************************* */

/* ********************************************************************* 
   index.html:
   Anfang infobox-12
   (12 x 30px)
   ********************************************************************* */
   
.infobox-12 {   
	width:340px; /* 340px = 360px - 2x10px margin, 360px = 12x30px */
	margin: 10px;
	float:left;
	display: inline;
}

.infobox-12 .text {
	width: 200px; 
	margin: 0;
	padding: 0;
	float: right;
	word-wrap: break-word;
}

.infobox-12 .bild {
	width: 128px; 
	height: 128px; 
	margin: 0 10px 0 0;
	border: 1px solid #ddd;
	float:left;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	box-shadow: 2px 2px 3px #aaa;
}

.infobox-12 .text h2 {
	padding: 3px 0 3px 10px;
	background-color:#eee;
}

.infobox-12 .text p {
	padding-left:10px;
	margin-top: 5px;
}
.infobox-12 .text p.verweis {
	padding-bottom: 5px;
}
.infobox-12 .text a:link, .infobox-12 .text a:visited {
	color:#000066;
	font-weight: bold;
}
.infobox-12 .text a:hover, .infobox-12 .text a:focus {
	color:#bb0000;
	font-weight: bold;
}
   
/* ********************************************************************* 
   index.html:
   Ende infobox-12
   ********************************************************************* */

/* ********************************************************************* 
   index.html:
   Anfang referenzenbox-12
   (12 x 30px)
   ********************************************************************* */

.referenzenbox-12 {   
	width:340px; /* 340px = 360px - 2x10px margin, 360px = 12x30px */
	background-color:#bb0000;
	background-color:#efefef;
	background-color:#f2f8fe;
	margin: 10px 10px 10px 10px;
	float:left;
	display: inline;
}

.referenzenbox-12 .text {
	width: 200px; 
	float: left;
	word-wrap: break-word;
}

.referenzenbox-12 .bild {
	width: 130px; 
	height: 130px; 
	margin: 0 0 0 10px;
	float:right;
}

.referenzenbox-12 .text h2 {
	color:#fff;
	color:#000066;
	padding: 3px 0 3px 10px;
}

.referenzenbox-12 .text p {
	color:#fff;
	color:#000066;
	padding-left:10px;
}
.referenzenbox-12 .text p.verweis {
	padding-top: 5px;
	padding-bottom: 5px;
} 
.referenzenbox-12 .text a:link, .referenzenbox-12 .text a:visited {
	color:#fff;
	color:#000066;
	font-weight: bold;
}
.referenzenbox-12 .text a:hover, .referenzenbox-12 .text a:focus {
	color: #eee;
	color:#bb0000;
}
/* ********************************************************************* 
   index.html:
   Ende referenzenbox-12
   (12 x 30px)
   ********************************************************************* */
   
/* ********************************************************************* 
   index.html:
   Anfang verkaufsbox-12
   (12 x 30px)
   ********************************************************************* */

.verkaufsbox-12 {   
	width:340px; /* 340px = 360px - 2x10px margin, 360px = 12x30px */
	background-color:#efefef;
	margin: 10px;
	float:left;
	display: inline;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	box-shadow: 2px 2px 3px #aaa;
}

.verkaufsbox-12 .text {
	width: 200px; 
	margin: 0;
	padding: 0;
	float: right;
	word-wrap: break-word;
}

.verkaufsbox-12 .bild {
	width: 128px; 
	height: 128px; 
	border: 1px solid #efefef;
	margin: 0 10px 0 0;
	float:left;
}

.verkaufsbox-12 .text h2 {
	padding: 3px 10px 3px 0;
}

.verkaufsbox-12 .text p {
	padding-right:10px;
	margin-top: 5px;
}
.verkaufsbox-12 .text p.verweis {
	padding-bottom: 5px;
}   
.verkaufsbox-12 .text a:link, .verkaufsbox-12 .text a:visited {
	color:#000066;
	font-weight: bold;
}
.verkaufsbox-12 .text a:hover, .verkaufsbox-12 .text a:focus {
	color:#bb0000;
	font-weight: bold;
}

/* ********************************************************************* 
   index.html:
   Ende verkaufsbox-12
   (12 x 30px)
   ********************************************************************* */
   
/* ********************************************************************* 
   index.html:
   Anfang textbox-12
   (12 x 30px)
   ********************************************************************* */
   
.textbox-12 {   
	width:340px; /* 340px = 360px - 2x10px margin, 360px = 12x30px */
	margin: 10px;
	float:left;
	display: inline;
	background-color:#efefef;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	box-shadow: 2px 2px 3px #aaa;
}

.textbox-12 .text {
	width: 320px; 
	margin: 0;
	padding: 0 10px;
	float: right;
	word-wrap: break-word;
}


.textbox-12 .text h2 {
	padding: 3px 0 3px 0;
}

.textbox-12 .text p {
	margin-top: 5px;
}
.textbox-12 .text p.verweis {
	padding-bottom: 5px;
}
.textbox-12 .text a:link, .textbox-12 .text a:visited {
	color:#000066;
	font-weight: bold;
}
.textbox-12 .text a:hover, .textbox-12 .text a:focus {
	color:#bb0000;
	font-weight: bold;
}
   
/* ********************************************************************* 
   index.html:
   Ende textbox-12
   ********************************************************************* */
   
/* ********************************************************************* 
   index.html:
   Anfang ricardobox-12
   (12 x 30px)
   ********************************************************************* */
   
.ricardobox-12 {   
	width:340px; /* 340px = 360px - 2x10px margin, 360px = 12x30px */
	margin: 10px;
	float:left;
	display: inline;
	background-color:#efefef;
	background-color:#f2f8fe;
}

.ricardobox-12 .text {
	margin: 0;
	padding: 0 0 0 10px;
}
.ricardobox-12 .bild {
	width: 130px; 
	height: 32px; 
	margin: 0 0 5px 10px;
	float:right;
}

.ricardobox-12 .text h2 {
	padding: 3px 0 3px 0;
}

.ricardobox-12 .text p {
	clear:both;
	margin-top: 5px;
	padding-right:5px;
}
.ricardobox-12 .text p.verweis {
	padding-bottom: 5px;
}
.ricardobox-12 .text a:link, .textbox-12 .text a:visited {
	color:#000066;
	font-weight: bold;
}
.ricardobox-12 .text a:hover, .textbox-12 .text a:focus {
	color:#bb0000;
	font-weight: bold;
}
   
/* ********************************************************************* 
   index.html:
   Ende ricardobox-12
   ********************************************************************* */   
   
/* ********************************************************************* 
   index.html:
   Anfang schmuck-aktuell
   (24 x 30px)
   ********************************************************************* */

.schmuck-aktuell {
	width: 720px;
	float:left;

}
.schmuck-aktuell h2 {
	margin-left: 10px;
	padding: 3px 0 3px 0;
}
.schmuck-aktuell-bild {
	width: 90px;
	height: 90px;
	background-color:#fff;
	padding:4px;
	border: 1px solid #aaa;
	margin:10px 10px 20px 10px;
	float:left;
	display: inline;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	box-shadow: 2px 2px 3px #aaa;
}
   
/* ********************************************************************* 
   index.html:
   Ende schmuck-aktuell
   ********************************************************************* */
 
/* ********************************************************************* 
   ankauf.html:
   Anfang Ankauf Uebersicht
   ********************************************************************* */
/* alte version */
a#altgoldpreislink {
	   display:block; 
	   padding:10px; 
	   margin:10px 0; 
	   background-color:#f9f5e2; 
	   background-color:#bb0000;
	   color:#ffffff; 
       font-weight: bold;
	   text-align:center; 
	   -webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px; 
		-webkit-box-shadow: 2px 2px 3px #aaa;
		-moz-box-shadow: 2px 2px 3px #aaa;
		box-shadow: 2px 2px 3px #aaa;
}
a#altgoldpreislink:hover { 
   color:#000000; 
}

/* neue version */
p.linksrechtsein {
	marign: 0;
	padding: 0 0 0 10px;
}
ul#ankaufsuebersicht {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 550px;
}

ul#ankaufsuebersicht li {
	width: 550px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
}
ul#ankaufsuebersicht li.gold {
	background-color: #f9f5e2;
}
ul#ankaufsuebersicht li.silber {
	background-color: #eee;
}
ul#ankaufsuebersicht li.zweispalten p {
	float: left;
	display: inline;
	width: 410px;
	margin:0 10px 0 130px;
	font-size: 1.2em;
	line-height:1.4;
}
ul#ankaufsuebersicht li.dreispalten p {
	float: left;
	display: inline;
	width: 260px;
	margin:0 10px 0 130px;
	font-size: 1.2em;
	line-height:1.4;
}
ul#ankaufsuebersicht li p a:link, ul#ankaufsuebersicht li p a:visited {
	color: #000066;
}
ul#ankaufsuebersicht li p a:hover, ul#ankaufsuebersicht li p a:focus {
	color: #bb0000;
}
ul#ankaufsuebersicht li.dreispalten p.preislink {
	float: left;
	display: inline;
	background-color: #bb0000;
	width: 110px;
	padding: 10px;
	margin:0 10px 0 10px;
	text-align: center;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	box-shadow: 2px 2px 3px #aaa;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
}
ul#ankaufsuebersicht li.dreispalten p.preislink a {
	display:block;
	color: #ffffff;
	/* font-weight: bold; */
}
ul#ankaufsuebersicht li.dreispalten p.preislink a:hover {
	color: #ccc;
}
ul#ankaufsuebersicht li .bild {
	float: left;
	display: inline;
	width:100px;
	margin: 0;
	margin-right: 10px;
	-webkit-box-shadow: 1px 1px 2px #aaa;
	-moz-box-shadow: 1px 1px 2px #aaa;
	box-shadow: 1px 1px 2px #aaa;
}
ul#ankaufsuebersicht li.zweispalten .bild {
	margin-left: -540px;
}
ul#ankaufsuebersicht li.dreispalten .bild {
	margin-left: -390px;
}
ul#ankaufsuebersicht .bild a {
	border: none;
}
ul#ankaufsuebersicht .bild a:hover {
	opacity: 0.50;
}


ul#ankaufsuebersicht img {
	width: 98px;
	height: 58px;
	border: 1px solid #ccc;
}
/* ********************************************************************* 
   ankauf.html:
   Ende Ankauf Uebersicht
   ********************************************************************* */