/* * * * * *

* 	FARB-ANGABEN:
*
*	bg-hellgruen:		#dee6d6;
*	font-color:			#384b25;
*	links:				#3c462e;
*	MUENZEN :			#b49a7f;		NON-VALEURS:		#7f7fb4;
*	MEDAILLEN:			#b47f7f;		SCHMUCK:			#7f92b4;
*	BANKNOTEN:			#a67fb4;		DIAMANTEN:			#7fa6b4; 
*	gruen index-bar		#7b9262;
*
*	#384b25 // #666666 // #999999 // #7b9262 // #7fa6b4 // #b5d5ff 
*			// #dee6d6 // #e1e1e1 // #f0f0f0 // #ffffff // #010101
*
* * * * * */



* { margin:0; padding:0; border:0; font-size:100%;} 
*:focus { outline:none; }
	
html { height:100%; min-width:990px; overflow-x:auto; overflow-y:scroll; }
 
body { position:relative; height:100%; min-width:991px; 
       font-family:Arial,sans-serif; font-size:62.5%; /* 10px */ line-height:150%; color:#384b25;        
	   background:#dee7d6; background:url(/img/bg/bg-index.gif) right repeat-y; } 
/*ul { position:relative;}*/

p { margin:0; padding:0; }
a, a.link { color:#3c462e; font-family:Arial,sans-serif; text-decoration:none; }
a:hover { color:#fff; font-family:Arial,sans-serif; text-decoration:none; }
h1 { color:#384b25; font-size:14px; line-height:140%; }
h2 { color:#384b25; font-size:12px; line-height:130%; margin-top:20px; }
div.listen_eintrag h2 { margin-top:0; }
div.listen_eintrag img { float:right; margin-left:20px; }
hr { height:1px;border-bottom:1px #3C462E solid;width:100%;margin:12px 0 6px; } /* #C0C6B8 */

/* Ebenen */
#header { position:relative; height:207px; width:auto; color:#fff; font-size:120%; }
#middle { margin:0 250px 0 150px; border-left:1px #3c462e solid; border-right:1px #3c462e solid; }
#left { float:left; width:150px; margin:0; color:#384b25; background:#dee7d6; }
#right { float:right; height:100%; width:250px;	margin:0; color:#3c462e; }
#footer { clear:both; padding:24px 30px; border-top:1px #3c462e solid; border-bottom:1px #3c462e solid; 
		  font-size:120%; text-align:center; background:#fff; }
#main { min-height:289px; padding:37px 55px; background:#fff; font-size:120%; }
#titel { height:152px; max-height:152px; padding:0;z-index:10; text-align:left; }
#titel p { height:auto; max-height:120px; overflow:auto; 
           background-color: rgba(0, 0, 0, 0.7); margin:0;
           position:absolute; top:0; left:0; right:0; 
           padding:5px 10px 8px; z-index:2;
           font-size:18px; letter-spacing: 0.01em;font-family:'Droid Sans Mono','Courier New', Courier, monospace; 
           line-height:24px;color:#ff0;}
#titel a { font-size:18px; letter-spacing: 0.01em;font-family:'Droid Sans Mono','Courier New', Courier, monospace; line-height:24px;color:#ff0 !important; text-decoration:underline;}
#titel a:hover { color:#0f0 !important; }
#firmenname { position:absolute; right:0; bottom:55px; }
#main, #footer { float:none; }
#footer, #kalender { clear:none; }
#archiv, #archiv_a, #archiv_v { overflow:auto;height:154px;width:94%;border:1px solid #C8CFC0;margin:12px auto 8px;text-align:left}
#main #archiv a, #main #archiv_a a, #main #archiv_v a { margin:2px 2px 0 3px;display:block;font-weight:400;text-decoration:none;}
#main #archiv a:hover, #main #archiv_a a:hover, #main #archiv_v a:hover { text-decoration:underline; }
#archiv div { text-align:left;font-weight:700; }
#archiv div span { font-weight:400; }
#archiv div span a { margin:0 2px; display:inline; }

.archiv_link { width:70%;text-align:left;margin:2px auto 8px; }

#erhaltung {  position:absolute;z-index:2000;top:31em;right:280px;background-color:#dee7d6; font-size:90%; padding:2px;border:1px solid #000;}
#erhaltung td { padding:0 3px; vertical-align:top;}
/* Klassen */
.gruen { background-color:#dee7d6; }
.weiss { background:#fff; }
.navi { border-top:1px solid #3c462e; font-weight:bold; text-align:center; }

/* Navigation mitte */
ul.navi_top { height:55px; margin-top:0; white-space:nowrap; background:url(/img/diamanten.gif) bottom right; }
ul.navi_top li { float:left; width:16.666666666%; height:55px; display:inline; list-style:none; }
/*ul.navi_top li.aktiv { background:url(/img/transparent_weiss.gif) top right; background-repeat:no-repeat; }*/
ul.navi_top a { display:block; margin-top:17px; }

/* Navigation mitte Tabelle */
table { border-spacing:0; } 
.navi_top td a { display:block; margin-bottom:4px; }
table.navi_top { position:absolute; left:0; bottom:-1px; height:56px; width:100%; white-space:nowrap; background:url(/img/diamanten.gif) bottom right;  
	             border-top:1px solid #3c462e; border-spacing:0;font-weight:bold; }
.navi_top td { width:16.66666666666%; padding:0; border-spacing:0;  }

.navi_side { height:48px; border-bottom:1px solid #3c462e; background:#dee7d6; font-size:120%; }
#left ul.navi_side { margin-top:0; }
ul.navi_side li { display:inline; float:left; width:100%; height:48px; list-style:none; }
ul.navi_side li.aktiv { background:#7b9262; }
ul.navi_side li.aktiv a { color:#fff; }
ul.navi_side li a:hover li { color:#fff; background:#7b9262; }
ul.navi_side a { display:block; margin-top:17px; }


/* farbige balken unterhalb top-navi */
.col { height:5px; margin-right:1px; margin-top:16px; border-bottom:1px solid #3c462e; border-top:1px solid #3c462e; background:url(/img/linie.gif) right repeat-y; }
.muenzen { 	 	background:url(/img/muenzen.gif) bottom right; }
.muenzen_a { 	background:url(/img/muenzen_a.gif) bottom right; }
.medaillen { 	background:url(/img/medaillen.gif) bottom right; }
.medaillen_a { 	background:url(/img/medaillen_a.gif) bottom right; }
.banknoten { 	background:url(/img/banknoten.gif) bottom right; }
.banknoten_a { 	background:url(/img/banknoten_a.gif) bottom right; }
.nonvaleurs {	background:url(/img/non-valeurs.gif) bottom right; }
.nonvaleurs_a {	background:url(/img/non-valeurs_a.gif) bottom right; }
.schmuck { 		background:url(/img/schmuck.gif) bottom right; }
.schmuck_a { 	background:url(/img/schmuck_a.gif) bottom right; }
.diamanten_a {	background:url(/img/diamanten_a.gif) bottom right;  }
   
/* linke spalte, Hauptnavigation */
.navi_left a:hover { color:#fff; }
ul.navi_left { width:150px; margin-top:40px; font-size:120%; background:#dee7d6; border-bottom:1px solid #3c462e; }	
ul.navi_left li { width:150px; height:21px; border-top:1px solid #3c462e; list-style:none; }
ul.navi_left li a { display:block; height:21px; padding:4px 0 2px 10px; }
ul.navi_left li:hover { background:#7b9262; }
ul.navi_left ul, .ulul { position:relative; top:0; left:-300px; margin-top:0px; border-bottom:1px solid #3c462e;  }
ul.navi_left ul li { background-color:#dee7d6; width:149px; height:21px; border-left:1px solid #3c462e; border-right:1px solid #3c462e; }
ul.navi_left li:hover ul, .ululhover { top:-28px; left:150px; z-index:10;}
ul.navi_left li.aktiv:hover ul { top:-21px; left:150px; }
ul.navi_left li.aktiv { background:#7b9262; }
ul.navi_left li.aktiv span { display:block; width:140px; margin:4px 0 0 10px; color:#fff; font-weight:bold; }

/* Inhaltsbereich */
#main p { margin-top:12px; }
#main a, #footer a { text-decoration:underline; }
#main a:hover, #footer a:hover { color:#000; text-decoration:none; }
#main ul { margin:12px 0 0 18px; z-index:0; list-style-position:outside; }
#main li { margin:2px 0 0 0; list-style-type:disc; line-height:140%; }
#main th { text-align:left; vertical-align:top;}
#umtauschfristen td { padding:2px 4px 2px 0; vertical-align:top; }

/* muenzen-bilder */
.coins { width:250px; height:152px; margin:0; background:#dee7d6; text-align:center; }
.coins img { padding-top:36px;}
 
/* weisser content teil, mitte */
.container, .aufklapp_menues { width:100%;margin:1em 0;  }
.aufklapp_menues { margin-top:0.5em;float:left; }
.aufklapp_menues select, .aufklapp_menues p { width:70%;margin:1em 0;border:1px solid #3c462e; }
.aufklapp_menues p { display:inline-block; text-align:left; padding:1px 0; }
#main .aufklapp_menues button { font-family:"Lucida Grande"; font-size:12px; text-decoration:none; margin-left:2px; padding-left:0; background:none; font-weight:400; cursor:pointer; }
#main .aufklapp_menues button { cursor:default; color:#666; }
#main .aufklapp_menues button:hover { text-decoration:underline; color:#666; }
#main .aufklapp_menues.home button:hover { text-decoration:none; }
.aufklapp_menues.home p { border:1px solid #cdcdcd; }
.container { height:4.4em;text-align:center; }
.box_breit { width:99%;margin:1em 0; padding:0.75em;font-weight:700; border:1px solid #3c462e; }
.box_breit select { float:right;width:25%;margin-top:-2px;border:1px solid #3c462e; }

/* boexli der artikel */
.box { width:26%; height:100%; font-weight:bold; border:1px solid #3c462e; }
.aufklapp_box, .aufklapp_box_l, .aufklapp_box_r {width:30%; font-weight:bold; border:1px solid #3c462e;text-align:center; }
.aufklapp_box { margin:0 34.75%; }
.aufklapp_box_l { float:left; }
.aufklapp_box_r { float:right; }

/* gruene titelzeile d. boxen */
.box_top { width:100%; height:14px; padding:2px 0; border-bottom:1px solid #3c462e; }
.mitte { margin:0 auto;}

/* abstaende zw. boxen */
.box_zr { width:4.25%; height:4.5em;float:left; }

/* Produkte */
#produkte, #bullion { border:0; margin:12px 0 0;width:100%; }
#bullion { margin-top:20px;}
#produkte th, #bullion th { text-align:left;font-size:90%;padding:0 5px 3px 0;}
 #bullion th { text-align:left;font-size:80%;padding:0 5px 3px 0;}
#produkte td, #bullion td { border-top:1px solid #3c462e;padding:4px 5px 2px 0;vertical-align:top; }
#produkte td input { font-family:Arial,sans-serif; }
#produkte td input.sub, input.sub { margin:-1px 1px 1px 3px; padding:0 2px;border:1px solid #666;background-color:#DEE7D6; }
#produkte td input.sub:hover, input.sub:hover { background-color:#fff; }
#produkte td input.anz { border:1px solid black;width:20px;margin:-2px 4px 0 1px;font-family:Arial,sans-serif; }
#produkte th.txtrgt, #produkte td.txtrgt,#bullion th.txtrgt, #bullion td.txtrgt { text-align:right; }
#bullion th.txtcen, #bullion td.txtcen { text-align:center; }
.nbr { white-space:nowrap !important; }
.tooltip_wrapper { border:1px solid #C8CFC0; }
.prdbld img { cursor:pointer;margin-left:3px; }
.prdbld { white-space:nowrap !important;padding-right:0 !important; }
.fett {font-weight:700; }

/* kalender */
#kalender_titel { padding:4px 0 2px 0; border-bottom:1px solid #3c462e; text-align:center;font-size:120%; }
#kalender_div { text-align:center;border-bottom:1px solid #3c462e; }
#kalender { height:100%; width:100%; padding:24px 0; background-color:#fff; }
#kalender td { vertical-align:top; }
#kalender table { width:147px; font-size:120%;  }
#kalender table td { text-align:right; width:14.2857%; height:1.3em; }  
#kalender table td a { display:inline; margin:0; border:0; font-weight:700; text-decoration:underline;background:#dee7d6; } 
#kalender table td a:hover { font-weight:700; color:#3c462e; text-decoration:none; } 

#main div.listen_eintrag { margin-top:12px; }
#main div.listen_eintrag p { margin-top:0; padding:0; }
.datum { font-size:90%; }

.k_left  { float:left; width:135px; margin-left:120px; font-size:110%; }
.k_right { float:right; width:135px; margin-right:120px; font-size:110%; }

.kal_1, .kal_2 { margin-right: 39px; }

* html .k_left  { padding:0; margin-left:50px; }
* html .k_right { padding:0; margin-right:50px; }

.tage { float:left; height:20px; font-weight:bold; }	  			  /* wochentage */
.tag  { float:left; width:18px; }									  /* einzelne zahlen */
.bar  { width:18px; height:100%; border-right:1px solid #3c462e; }    /* farbige spalte, rechts */

/* rechte seite */
#wrap { width:231px; font-size:120%; }

.titel    { width:211px; padding:4px 10px 2px 10px; border-bottom:1px #3c462e solid; }
.korb     { padding-top:23.5px; /* linie buendig mit unterlaenge text links davon */ padding-bottom:2px; border-bottom:1px #3c462e solid; text-indent:10px; }
.k_inhalt { padding:10px 10px 23px; border-bottom:1px solid #3c462e; }
.links    { display:block; float:left; margin-right:10px;}
.rechts   { display:block; float:right; margin-left:10px; }

/* Suchform */
#suche { margin:14px 0 0;padding:0; }
#q { width:120px; height:18px; margin:0 0 0 6px; border-top:2px #999 solid; border-left:2px #999 solid; border-bottom:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid;  }


#news, #kurs, #kitcokurs { padding:0 10px 10px; border-bottom:1px #3c462e solid; }
#kurs, #kitcokurs { padding-top:10px; }
#kurs td.c1 { width:119px; }
#kurs td.c2, #kurs td.c4 { text-align:right;width:36px; }
#kurs td.c3 { text-align:center;width:20px; }
.newsitem { padding:10px 6px 0 0; }
.kursitem { margin-top:10px; }
#news a { text-decoration:underline; }
#news a:hover { color:#000; text-decoration:none; }

ul#kitco { padding:10px 10px 0; }
ul#kitco li{ padding-bottom:15px; }

.kitco_box { height:auto; border:1px #3c462e solid; text-align:center; }
.kitco_box img { margin:2px 0; }

ul#linkliste { margin:12px 0 0; }
ul#linkliste li { margin:0 0 14px; list-style:none; }

/* msie 6 !!
html #middle {	border-left:0; border-right:0;}
*html #main, #header, #footer, #kalender, #kalender_titel { border-right:1px #3c462e solid; border-left:1px #3c462e solid; } 
*html #main, #header {float:left;}*/

/*msie braucht "float:left" fuer die inhalte v. middle... zeigt dann aber den border nicht an */

/*msie 5.5 :
*html ul.navi_top { margin-top:132px; float:left; width:auto; }
*html ul.navi_top li { height:53px; }
*/

/*msie 5 :*html .titel {width:231;} */

/* bestellseite */
#produkte td.bestellform { position: relative; border-top: 10px solid #fff;}
#produkte td.bestellform h1 { margin-bottom: 5px;}
#produkte td.meldung { border: 0;}

.bestellform label { width: /*130px*/29%; max-width: 150px; display: inline; float: left; margin: 5px 0 2px 0;}
.bestellform input, .bestellform select { width: /*170px*/33%; max-width: 210px; display: inline; float: left; margin: 5px 2% 2px 0; border:1px solid #3c462e;}
.bestellform input#nr { width: 10%;}
.bestellform input#plz { width: 12%;}
.bestellform input#land, .bestellform input#ids {display: none;}
.bestellform textarea { border:1px solid #3c462e; width: 68.5%; max-width: 434px; margin-top: 5px; font-family: Arial,sans-serif;}
/* .bestellform input#firma { width: 43%;} */

#produkte td.bf input.sub { float:right;}
#produkte td.bf { border: 0;}
.bestellform .clear { clear:left;}
img.bul {padding:4px;}
td.blbld { cursor:pointer;}
.seo { display:none; }


/* goldrechner */
form.goldrechner, form.goldrechner table { width:100%; }
#main form.goldrechner table tr.odd 	   { background:#efefef; }
#main form.goldrechner table tr th 	   { border-bottom:1px solid #3C462E; }
#main form.goldrechner table tr td 	   { vertical-align:top; padding:2px 0 1px 0; }
#main form.goldrechner table tr.line td { border-top:1px solid #3C462E; padding-top:6px; }
#main form.goldrechner table tr.line td.total { font-weight:700; }
#main form.goldrechner table th.total,
#main form.goldrechner table td.total,
#main form.goldrechner table td.gesamt { text-align:right; padding-right:2px; } 
#main form.goldrechner table tr.line td.gesamt { padding-right:6px; } 
#main form.goldrechner table.silber th:first-child, 
#main form.goldrechner table.silber td:first-child { width:30%; }
#main form.goldrechner table tr th.total, 
#main form.goldrechner table tr td.total    { width:19%; } 
#main form.goldrechner table th:first-child, 
#main form.goldrechner table td:first-child { width:30%; text-indent:1px; }
#main form.goldrechner table tr td.ab   	   { width:5%; padding-right:4px; } 
#main form.goldrechner table th:first-child span { font-weight:400; }
#main form.goldrechner table tr.line td.betrag,
#main form.goldrechner table tr.btns td,
#main form.goldrechner input { text-align:right; }
#main form.goldrechner input { border:1px solid #666; font-family:Arial,sans-serif; }
#main form.goldrechner input.knopf  { background:#DEE7D6; padding:2px 8px 3px; }
#main form.goldrechner input.knopf:hover  { background:#fff; }
#main form.goldrechner table tr td.betrag,
#main form.goldrechner table tr th.betrag { text-align:right; width:77px; } 
#main form.goldrechner table tr td.betrag input { width:61px; }
#main form.goldrechner input.fehler { border:1px solid red; }
#main form.goldrechner table tr td.meldung { font-style:italic; color:red; }

#auktionen { width:100%; margin-top:32px; }
#auktionen a, a#auktionenlink, a#auktionenlink2 { cursor:pointer; display:block; width:196px; padding:12px 24px; text-decoration: none; 
  font-size: 120%; font-weight:500; background-color:#dee7d6; text-align:center; margin-bottom:21px; border:1px solid #3c462e; border-radius:6px;}
#auktionen a:hover, a#auktionenlink:hover, a#auktionenlink2:hover { background:#7b9262; color:#fff; }
a#auktionenlink, a#auktionenlink2 { display: inline-block; }

/* neu neu neu */
#lightbox { position:absolute; display:none; text-align:center; vertical-align:middle; width:300px; padding:7px; left:300px; background:white; border:2px solid #efefef; }
#close { position:absolute; top:-22px; right:-22px; width:40px; height:40px; cursor:pointer; background:url(/img/close.png); z-index:2; }
#largeImg { position:relative; }
#tooltipImg { position:absolute; z-index:3; }
#img_preload { width:0; height:0; }
#lupentext { float:right;position:absolute;right:0;top:20px;width:160px;background-color:#DEE7D6;padding:8px 12px;text-align:left;font-weight:400;font-family;arial, sans-serife;font-size:12px;line-height:15px;display:none;z-index:100; }
#lupe { cursor:pointer; }
#produkte.muenzen, #produkte.medaillen, #produkte.banknoten, #produkte.nonvaleurs, #produkte.schmuck { background:none; }