@charset "UTF-8";

/* www.numisdepot.de */

/* Box-Modell */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html, body {
	/* background: url("../artemon_grafiken/streifen.gif") repeat;*/
	background-color: #9C9C9C;		/* dunkelgrau */	
	text-align: center;    /* Hierdurch wird der Container zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000;					/* schwarz */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	text-align: left;			/* fuer IE */
	}
* {
	margin: 0;
	padding: 0;
	}	
p {
	line-height: 150%;	
	}
a {
	color: #3D2D91;						/* blau */
	}
a:hover {
	color: #900;							/* weinrot */
	text-decoration: none;	
	}
/* Bilder passen sich proportional an in Größe */
img {
	max-width:100%;
	height:auto;
	border: none;
}
img a, img a:hover {
	text-decoration: none;
	}
ul li {
	line-height: 140%;
	}
/* Seiten-Überschrift */
h1 {
	color: #900;				/* weinrot */
	font-size: 1.7em;
	font-weight: bold;
	padding: 0;	
	}
.content h1:first-child {
	margin-top:0;
	margin-bottom:20px;
	}
/* Überschrift groß */
h2 {
	color: #900;				/* weinrot */
	font-size: 1.3em;
	font-weight: bold;
	padding: 20px 0 10px 0;
	}	
/* Überschrift in Textgröße */
h3 {
	color: #900;				/* weinrot */
	font-size: 0.9em;
	font-weight: bold;
	line-height: 150%;
	padding: 0 0 10px 0;
	}
/* Überschrift in Textgröße */
h4 {
	color: #000;				/* schwarz */
	font-size: 0.9em;
	font-weight: bold;
	line-height: 150%;
	padding: 20px 0 10px 0;
	}
h1 + h2 {
	padding-top:0;
	}
	
p {
	padding: 0 0 10px 0;
	}
/* kleiner Text */	
p.klein	{
	font-size: 0.85em;
	line-height: 120%;
	padding: 0;
	}

figure {
	margin:10px 0 10px 0;
	padding:0;
	}
figcaption {
	padding: 5px 0 5px 5px;
	font-size: 0.85em;
	}
/* Formatierungen */
.fett {
	font-weight:bold;
	}
.kursiv {
	font-style:italic;
	}
.farbig {
	color: #900;				/* weinrot */
	}
.blocksatz {
	text-align: justify;
	}	
.zentriert {
	text-align:center;
	}
.abstand-o {
	padding-top:20px;
	}
.abstand-u {
	padding-bottom:20px;
	}
.nachoben {
	text-align:right;
	padding-top: 10px;
	}
/* Container, der alles umschließt */
.wrapper {
	width:960px;
	margin:10px auto;
	background-color: #fff;			/* weiß */
	color: #000;								/* schwarz */
	text-align: left; 					/* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
	}
	
/* Kopf-Bereich für Logo 960px x 170px */
.header {
	background-color: #DCDCDC;		/* grau */
	}


/* Menue1 (oben) */
.menue1 {
	background-color: #DCDCDC;				/* grau */
	padding: 30px 0px 30px 0px;	
	}
.menue1 ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	}
.menue1 ul li {
  display: inline;
	margin-bottom:20px;
	}	
.menue1 ul li a {
	background-color: #F8F8F8;					/* hellgrau */
	color: #3D2D91;											/* blau */
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	}
.menue1 ul li a:hover {
	background-color: #FFE6B5;				/* gelb */
	color: #900;											/* weinrot */
	}


/* Menü links und Content */
.alles {
	margin:0;
	padding:0;
	background-color:#FFFBE1;				/* hellgelb */
	max-width:100%;
	}

	
/* Menue2 (links) */
.menue2 {
	background-color: #FFFBE1;		/* hellgelb */
  float: left;
	width:230px;
	/* width: 24%;*/
	}
.menue2 ul {
	list-style: none;
	padding: 20px 0 0 0;
	}	
.menue2 ul h1 {
	background-color: #F8F8F8;		/* hellgrau */	
	color: #3D2D91;								/* blau */
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	margin:0;
	padding: 6px 5px 6px 20px;
	}
.menue2 ul li a {
	background-color: #DCDCDC;				/* mittelgrau */
	color: #707070;										/* dunkelgrau */
	border-bottom: 1px solid #fff;		/* dunkelgrau */		
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	padding: 6px 5px 6px 20px;
	}
.menue2 ul li a:hover {
	background-color: #FFE6B5;				/* gelb */
	color: #900;											/* weinrot */
	}


/* Content-Bereich */
.content {
	float:right;
	width:730px;
	/* max-width:76%; */
	min-height:600px;
	background-color: #fff;						/* weiß */
	margin:0;
	padding: 40px 40px 40px 40px;			/* geändert 10.10.2016 40px 70px 40px 50px;*/
	}
.content ul {
	list-style: outside disc;
	margin: 0 40px 10px 0;
	padding: 0px 10px 10px 30px;
	}
.content li {
	padding: 0 0 10px 0;
	}	
.content ul.unterlegt {
	list-style: outside disc;
	margin: 10px 80px 40px 0;
	padding: 10px 10px 10px 30px;
	}
	
/* Kasten unterlegt */
#kasten {
	background-color:  #DCDCDC;		/* mittelgrau */
	margin: 0 80px 20px 0;
	padding: 20px 0 0 0;	
	}	
.unterlegt {
	background-color: #EFEFEF;		/* mittelgrau hell */
	margin: 40px 0 40px 0;
	padding: 10px;
	}
.rahmen {
	border: 1px solid #900;				/* weinrot */
	margin: 30px 40px 20px 0;
	padding: 5px 5px 5px 10px;
	}


/* Start */
.start h1 {
	font-weight:normal;
	}
.start p {
	font-size: 1.1em;
	line-height: 1.4;
	}
/* Inhalt */
.inhalt div {
	margin:0 50px 40px 0;
	padding:0;
	}
.inhalt div.inhalt2 {
	display:inline-block;
	vertical-align:top;
	}
.inhalt div ul {
	list-style: none;
	margin: 20px 10px 0 0;
	padding:0;
	}
.inhalt div ul li {
	margin:0 0 10px 0;
	padding:0;
	}	
.inhalt div ul li ul {
	list-style: none;
	margin: 10px 0 0 20px;
	padding:0;
	}	
.inhalt1 a, .inhalt2 a {
	color: #000;	
	text-decoration: none;
	font-size: 0.9em;
	padding:0 0 0 5px;
	}
.inhalt1 a:hover, .inhalt2 a:hover {
	color: #900;									/* weinrot */
	text-decoration: none;	
	}	

/* Impressum */	
.impressum ul {
	display: inline-block;
	list-style: none;
	margin: 0 60px 20px 0;
	padding:0;
	}

/* Beratung */
.beratung .bilder {
	margin: 20px 0 20px 0;
	}
.beratung .bilder figure {
	display:inline-block;
	}

/* Laden */
.laden img {
	float:left;
	margin:0 20px 0 0;
	border:3px solid #bebebe;
	}
.laden div {
	margin: 20px 0 10px 0;
	}


/* Sammler */
.sammler div img {
	float:left;
	margin:0 20px 0 0;
	border:1px solid #bebebe;
	}
.sammler div {
	margin: 20px 0 40px 0;
	}
	
/* Wertsteigerung */
.wert div img {
	float:left;
	margin:0 20px 0 0;
	border:1px solid #bebebe;
	}
.wert div {
	margin: 20px 0 40px 0;
	}
	

/* Aktuelles */
.aktuelles article {
	background-color:#EFEFEF;		/* mittelgrau hell */
	padding-bottom:20px;
	margin-bottom:30px;
	}
.aktuelles article h4 {					/* Datum */
	background-color:#fff;
	}
.aktuelles article h3 {
	color: #900;				/* weinrot */
	padding: 10px 20px 0 40px;
	}
.aktuelles article p {
	padding: 10px 20px 0 40px;
	text-align:justify;
	}
.aktuelles .mehr {
	text-align:right;
	}
.aktuelles .mehr button {
	background-color:#EFEFEF;		/* mittelgrau hell */
	border:none;
	color: #3D2D91;						/* blau */
	}
.aktuelles table {
	margin: 10px 20px 0 40px;
}
.aktuelles table td {
	width: 50px;
}
.aktuelles .prozent {
	text-align:right;
	}

/* Formular 
-----------------------------------*/
fieldset {
	background-color: #F8F8F8;		/* hellgrau */
	border: none;
	margin: 20px 0 30px 0;
	padding:20px 0 20px 20px;
	}
fieldset div {
	margin-bottom: 20px;
	}	
fieldset div.kennz {
	margin-top:40px;
	margin-bottom:40px;
	}
fieldset div.kennz legend {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	width:150px;
	}
fieldset div.kennz label {
	width:80px;
	}

/* Label */
label {
	cursor:pointer;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	width:150px;
	padding:0.3em;
}
.dschutz label {
  width:30em;
}

/* Eingabefelder */
input[type="Text"], input[type="email"], select, textarea {
	/* max-width:100%; */
	width:25em;
	padding:0.4em;
	border: solid 1px #97989d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
textarea {
	min-height:10em;
}
input.plz, input.sicher {
	width:10em;
	}
input[type="submit"], input[type="reset"], input[type="button"] {
	background:#97989d; 			/* grau */
	border: none;
	color:#FFFFFF;
	width:120px; 
	font-weight:bold; 
	font-size:1em;
	margin:3em 1em 0 0;
	padding:0.4em;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: #cdcdcd;
	color:#666666;
}
.fehler {
	font-size: 0.9em;
	color: #ff0000;
	text-align: left;
	font-weight: normal;
	padding: 0 0 20px 20px;
}


/* Footer 
---------------------------------------*/
.footer {
	background-color: #DCDCDC;    /* mittelgrau */
	color: #000;									/* schwarz */
	font-size: 0.9em;
	text-align: center;
	margin: 0;
	padding: 30px 0 30px 0;
	}
.footer ul {
	list-style-type:none;
	padding: 0 0 10px 0;
	}
.footer ul li {
	display:inline-block;
	}	

/* Logos */
.numisdepot {
	margin:0 1px -0.25em 1px !important;
	float:none !important;
	border:none !important;
}
.artemon {
	margin:0 1px -1px 1px !important;
	float:none !important;
	border:none !important;
}


/* Anfang html5boilerplate.com Clearfix
--------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* Ende html5boilerplate.com Clearfix
--------------------------------- */
/** Medium devices (tablets, 768px and up) **/
@media (max-width: 768px) {
  .menue1 ul li {
    display: block;
    margin-bottom: 1px;
  }
  .menue1 ul li a {
    display: inline-block;
    width: 200px;
  }
}

@media screen {
.drucken { display:none;}
#text-20221, #text-20208, #text-20204, #text-2020, #text-2018, #text-2017, #text-2015, #text-2014, #text-201307, #text-201301, #text-201101 { display:none; }
}

@media print {
html, body { background-color:#fff; color:#000; font-size:0.9em; }
h1, h3, p { color:#000; }
.nichtdrucken, .header, .menue1, .menue2, .nachoben, .footer, .aktuelles .mehr, .aktuelles .mehr button { display:none; }
.alles { background-color:#fff; }	
.content { float:none; }	
fieldset { background-color:#fff; }
}