/*Schriftgröße der alt-texte, funktioniert in opera und firefox*/
img { font-size: 70%; border: none; color: red; }

/*allgemeine Schriftangaben*/
body, a, input, em { color:#343438; text-decoration:none; font:normal normal normal 100.1% Helvetica, Arial, sans-serif; border:0; text-align:center; line-height:1.1em;
/*das ist nötig damit der dämliche IE<6 auch zentriert*/}
strong { font-weight: normal; }

/* Text-Link-mit-Pfeil*/
.textlink-left, .textlink-right, .bottom-text { position:absolute; bottom:0; font-size:90%; }
.textlink-left { left:0; background: transparent url(../images/larrow.gif) no-repeat left center; padding-left: 18px; }
.textlink-right { right:0; }
#content p a, .textlink-right { background: transparent url(../images/arrow.gif) no-repeat right center; padding-right: 18px; }
#willkommen #content p a,
#partnerringe #content p a, 
#trauringe #content p a,
#eheringe #content p a { background:none; padding-right:0; }
#willkommen #content p a:hover,
#partnerringe #content p a:hover, 
#trauringe #content p a:hover,
#eheringe #content p a:hover  { border-bottom:1px solid #aaaaaa; }
#content p a.editlink { color: blue; background: transparent; padding:0; text-decoration: underline; }
#content a:hover span { border-bottom:1px solid #aaaaaa; }/*nicht für lte IE7*/
a:visited { color:#343437; }/*exclusiv for qualida#tor*/
.send2 { font-size: small; }
body { background:#ffffff url(../images/main_back7.gif) repeat-x left top; }

p { margin:0 0 0.5em 0; font-size:90%; }
#link-1, #link-2 { margin:0 0 0 0; }
p.desc { margin:0;  }

/* Icon-links */
a img { border:none; /*cursor:url(../images/magklick.png), move; */} /*Grafiken als Verweise keine Rahmen*/
a img.validicon { margin-left:6px; }

/* Menü */
#menu, #sub-menu { margin:0; padding:0; list-style:none; width:880px; position:relative; top:1ex; font-weight:normal; }
#sub-menu { margin-left:-8.1em; }
#menu li { position:absolute; }
#menu li a:hover, #menu li a:active { background: transparent url(../images/marker.gif) no-repeat right top; font-weight:bold; padding-right: 8px; }

#navw { left:0em; }
#navs { left:8.1em; }
#navk { left:14.8em; }
#navi { right:0; }

#navr { left:0em; }
#navp { left:4.9em; }
#navh { left:13.1em; }
#navo { left:21.8em; }
#navm { left:30.2em; }
#navki { left:41.9em; }

/* Randmenü-Punkte (Impressum) */
#navi a, #menu li#navi a:hover, #menu li#navi a:active  { color:#bebec1; text-decoration:none; font-weight:normal; background: transparent; padding-right: 0; }

/* aktuellen Menüpunkt hervorheben */
#willkommen #navw a,
#schmuck #nav2s,
#kontakt #navk a, 
#wegbeschreibung #navk a, 
#ringe #navr a,
#partnerringe #navp a,
#halsschmuck #navh a,
#ohrschmuck #navo a,
#manschettenknoepfe #navm a,
#kinderschmuck #navki a,
#ringe #nav2s,
#partnerringe #nav2s,
#halsschmuck #nav2s,
#ohrschmuck #nav2s,
#manschettenknoepfe #nav2s,
#kinderschmuck #nav2s,
#impressum #navi a
{ color:#bebec1; text-decoration:none; font-weight:normal; cursor:default; background: transparent; }

/*Ausblenden des Untermenues*/
#willkommen #sub-menu,
#kontakt #sub-menu,
#impressum #sub-menu,
#wegbeschreibung  #sub-menu,
#hilfe #sub-menu,
#haftung #sub-menu
{ visibility:hidden }

/* Kopfzeile */
#head { width: 880px; height:50px; margin:20px 0 0 0;  background: #343434 url(../images/logo.gif) no-repeat left top; position: relative; }
/*#search { height:30px; position: absolute; right:0; bottom: 0; width:200px; background: #ffffff url(../images/search.gif) no-repeat left bottom; }*/

/*Hauptanzeigebereich*/
#main { width:880px; margin-left:auto; margin-right:auto; text-align:left; position:relative; top:0px; }

#content { height:416px; padding:16px; background:#dddddd url(../images/main_back3.gif) repeat-x left top; }
#content-left, #content-right, #content-right-no  { height:416px; width:416px; position:relative; top:0px; left:0px; }
.content-block-wide { height:416px; width:848px; position:relative; top:0px; left:0px; }
.noverflow { overflow:hidden; }
.overflow { overflow:auto; }
#content-left { float:left; }
#content-right { float:right; /*overflow:auto;*/ }
#content-right-no { float:right; }
.card { position:absolute; top:0px; left:0px; display:none; }
.slide { position:absolute; top:0px; left:0px; }
.img { height:416px; width:416px; }

/* Unterschrift */
#content-right #signatur {
margin-top:2.2em;
width:200px;
height:38px;
background: transparent url(../images/signatur.png) no-repeat left top;
}
#content-right #signatur span {
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
margin:0;
padding:0;
}

/* Schriften im Bild */
#fixbild { position:absolute; top:0px; left:0px; z-index:1; }
#bildschrift { position:absolute; bottom:6px; right:6px; z-index:2; color:#e7e7e7; font-size:0.7em; text-decoration:none; }

/*Schmuckseiten*/
#desc { width:200px; height: 416px; overflow:visible; position: absolute; top:0px; left:0px; }
#icons-right-2col { width:216px; overflow:hidden; position:absolute; top:0px; right:0px; }
.iconbox { position: relative; top:0px; right:0px; width:92px; height:92px; margin-bottom:16px; margin-left:16px; float:right; }
.icon, .cross { width:92px; height:92px; border:none; position: absolute; bottom:0px; right:0px; z-index:10; }
.cross { z-index:20; }
#desc em { font-weight: bold; }
#send2 {margin:0; padding:0 0.5ex 0 0; cursor:pointer; background:transparent; border:0; font-size:small; } /*Linkpfeil???*/
input:focus { outline:0; border:0; background:#7a97ff; }

/* Wegbeschreibung */
.karte { background:transparent url('../images/weg.gif'); }
img.map-icon { height:20px; border:none; background:none; }
input.map-icon { height:20px; border:none; background:none; }
img.map-icon-text {  height:3em; margin-right:1ex; border:none; display:block; float:left; }
.w { height:360px; position:relative; top:0px; left:0px; overflow:hidden; }
.z { height:1000px; }

/* bei inaktivem JavaScript*/
hr, .hide { display:none; }
.x { margin-bottom:416px; }
#text-content { overflow:auto; height:385px; }

/*Überschriften*/
h1 { color:#ffffff; margin:0 0 0 35px; letter-spacing:0.0ex;  font: normal small-caps 1.9em/1.5em 'Helvetica', Arial, sans-serif; }
h2 { font-size:1.2em; margin:0 0 0.8em 0; font-weight:normal; }
h3	{ font-size:90%; font-weight:bold; margin:1em 0 0.5em 0; line-height:1.05em; }

h4, h5, h6 {
        margin:0;
        padding:0;
        }

/*Drucklayout*/
.print { display:none; }

/*disclaimer*/
#haftung p, #hilfe p {margin-right:16px; }

/*Kontakt*/
address {font-style:normal; }

/*Kontaktformular*/
#textfield { width:414px; }
.errorbild { float:left; margin:-0.6em 0.5em 0 0; }
textarea { padding-left:3px;  width:411px; border:0; }
#kontaktformular { margin-bottom:2px; }
input.input, textarea { font-family:monospace; font-size:0.9em; text-align:left; }
#code { height:0px; }
#name, #mail { margin-top:16px; padding:2px 0 2px 3px; display:block; height:12px; width:157px; }
#name { float:left; }
#mail { float:right; }
#send { width:60px; margin-top:16px; float:right; }
.button { border:0; background-color:#343438; color:#ffffff; font-family:Helvetica, Arial, sans-serif; font-size:0.7em; font-weight:bold; text-align:center; float:right; width:60px; height:18px; padding-top:1px; }
.input { color:#343438; }
.fehler { background-color:#ffcbcb; }
input.keinfehler, #textfield.keinfehler { background-color:#ffffff; border:1px solid #dddddd; }
input.fehler, #textfield.fehler { background-color:#ffcbcb; border:1px solid red; }
.message {clear:both; font-size:90%; line-height:1em; }
.gesendet { margin-top:12px; }
.message h3 {font-size:100%; font-weight:bold; margin:0 0 0 0; }
.message img { float:left; margin:-0.6em 0.5em 0 0; }
#liste strong { font-weight:bold; }
#liste { clear:both; font-size:0.8em; text-indent:0; margin:0 0 1em 1.2em; padding:0.5em 0 0 0em; list-style-position:outside; }
#liste li { list-style-type:square; }
.light { background-color:#ffffff; }
#nameundmail { float:left; width:340px; margin-bottom:12px; }

/*diaschau*/
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}

/*Diaschausteuerung*/
#control { position:absolute; bottom:0; font-size:80%; }
#panel { visibility:hidden; display:inline; }
#control select { display:inline; width:auto; }
#control:hover #panel { visibility:visible; font-size:100%; }
#control:hover #appetizer { display:none; }

/*button (img)*/
.img-button { border:0; margin:0 1ex 0 1ex; padding:0; cursor:pointer; font-size: 150%; }

/*textbutton (span)*/
.diabutton { border:0; background:transparent; display:inline; margin:0; padding:0; font-size:inherit; cursor:pointer; }
	.pull {
	font-size: smaller;
	color: #343438;
	border:none;
	font-family : Arial;
	margin: 0 0.5em 0 0.5em;
	padding: 0px;
	background-color: inherit;
	}
	.pull option:hover, .pull option:active  {
	background-color: #ffffff;
	border: none;
	}

span[title], abbr[title], acronym[title] { background:url('../images/dots.gif') repeat-x bottom left; cursor:help; border:0; }
/*IE kann kein dotted bis version 6, ab 7 nur ab 2px aufwärts, sieht scheisse aus. Ausserdem kann IE 6 kein Attributselektor deshalb nicht acronym[title]. abbr versteht er sowieso nicht*/
.help { cursor:help; }

span[class="unicode"] {
}

/*Impressum*/
code {
display:block;
background:#ffffff;
margin:1ex 0 1ex 0;
cursor:pointer;
}

/*sitemap*/
#sitemap #content ul { font-size: 95%; list-style-type: square; list-style-position: outside; font-weight: bold; }
#sitemap #content ul li { margin: 0 0 1em 0; font-weight: bold; }
#sitemap #content ul li ul li { margin: 0 0 0 0; font-weight: normal; }
#sitemap #content ul li ul { margin: 0 0 0.6em 0; list-style-type:none; list-style-image: url(../images/list.gif); font-size: 100%; }

/*Vergroesserungen auf Schmuckseiten*/
#image-1, #image-2 { width: 416px; height: 416px; }
#image-1 { position:absolute; top:0; left:0; z-index:1; }
#magnin { position:absolute; bottom:0; right:0; width: 38px; height: 38px; background: transparent url(../images/magnifier_zoom_in.gif) no-repeat left top; z-index:2; }
#magnout { position:absolute; bottom:0; right:0; width: 38px; height: 38px; background: transparent url(../images/magnifier_zoom_out.gif) no-repeat left top; z-index:3; }
#image-2 { position:absolute; bottom:0; right:0; visibility:hidden; }
#magnin:hover #image-2 { visibility:visible; }