/* DATEI: angermund.css */


/* Universelle Definitionen */
html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body {
  /*position: absolute;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: black; background-color: white;
  font-size: 100.01%;
  font-family: 'times new roman', Helvetica, times, serif;
  margin: 0; padding: 1em;
  min-width: 50em;
}

h1 {
	text-align: center;
	margin: 0.3em;
}

h2 {
	text-align: center;
	margin: 0;
	font-size: 1.25em;
}

h3 {
	text-align: center;
	margin: 0.3em;
	font-size: 2.5em;
}

/* Kopfzeile */

div#KopfzeileGesamt {
   position: absolute;
   border-bottom-width: 0.5em;
   border-bottom-style: solid;
   border-bottom-color: #c80000; /* Farbe */
	top: 1em; left: 1em; right: 1em;
  	padding: 0;
  	height: 8.5em;
  	text-align: center;
  	min-width: 50em;
}	

div#KopfzeileLinks {
	position: absolute;
	color: black; background-color: white;
	left: 0em; top: 0em; padding: 0; width: 14em;
	height: 8em;
	vertical-align: bottom;
	text-align: center;
	margin: 0;
}

div#KopfzeileMitte {
	position: absolute;
	top: 0em; left: 15em; right: 14em;
  	padding: 0 1em;
  	height: 8em;
  	text-align: center;
  	vertical-align: middle;
  	margin: 0;
}

div#KopfzeileMitte h3{
  	vertical-align: middle;
}


div#KopfzeileRechts {
	position: absolute;
	color: black; background-color: white;
	padding: 0; top: 0em; right: 0em;
	width: 13em;
	height: 4em;
	margin: 0;
   vertical-align: middle;
}

div img{
  margin:0;
}

/* Leitfädchennavigation */

div.LeitKlein {
	min-height: 2em;
  padding: 0;
  margin: auto;
  width: 42.7em;
  display: block;
  text-align: center;
}

div.LeitKleinLinks {
	min-width: 13.8em;
}

div.LeitKleinMitte {
	min-width: 13.8em;
}

div.LeitKleinRechts {
	min-width: 13.8em;
}


div.LeitKlein a {
  display: block;
  padding: 0.1em 0.1em;
  font-size: 1.2em;
  text-decoration: none; 
  margin: 0em;
  background-image: url("funktionen/menuknopfleer.png");
  background-color: white;
  background-position: left;
  background-repeat: no-repeat;
  color: black;
  text-align: center;	
}

div.LeitKlein a:hover {
  background-image: url("funktionen/menuknopfgrau.png");
}

div.Knopf {
  /*display: block;*/
  text-decoration: none; 
  margin: 0em;
  background-image: url("funktionen/menuknopfleer.png");
  background-color: white;
  background-position: left;
  background-repeat: no-repeat;
  color: black;
  text-align: center;
  width: 13.8em;
}

div.Knopf a {
  display: block;
  padding: 0.1em 0.1em;
  font-size: 1.2em;
  text-decoration: none; 
  margin: 0em;
  background-image: url("funktionen/menuknopfleer.png");
  background-color: white;
  background-position: left;
  background-repeat: no-repeat;
  color: black;
  text-align: center;	
}

div.Knopf a:hover {
  background-image: url("funktionen/menuknopfgrau.png");
}

/* Leitfädchenzitate */
table.Leitfaedchen {
	/* width: 80%;*/
	border: 2px solid;
	border-width: thin; 
	border-style: solid;
	border-color: black;
	margin: auto;
	margin-bottom: 2em;
	text-align: justify;
}


/* Navigationsleiste links als Aufzählung */

div#Navigation {
  position: absolute;
  /*display: block;*/
  width: 14em;
  padding: 0;
  margin: 0em;
  left: 1em;
  top: 10em;
  z-index: 1000;
}
div#Navigation a {
  display: block;
  padding: 0.1em 0.1em;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none; 
  margin: 0em;
  background-image: url("funktionen/menuknopfleer.png");
  background-color: white;
  background-position: left;
  background-repeat: no-repeat;
  color: black;
  text-align: center;
}
div#Navigation li{
	display: inline;
}
div#Navigation ul.Untermenu {
  margin-left: 1em;
}
div#Navigation ul.Untermenu a{
  font-weight: normal;
  font-size: 1.0em; 
  padding: 0.22em 0.1em;
  background-image: url("funktionen/untermenuknopfleer.png");
}
div#Navigation ul.Untermenu a:hover {
  background-image: url("funktionen/untermenuknopfgrau.png");
}
div#Navigation ul.Versteckt {
  visibility: hidden;
  display: none;
}

div#Navigation ul {
	list-style-type: none;
	margin-left: 0em;
	padding-left: 0em;
}

div#Navigation a:link {
}

div#Navigation a:visited {
}
div#Navigation a:hover {
  background-image: url("funktionen/menuknopfgrau.png");
}
div#Navigation a:active {
}

a.Sortierlink{
  padding: 0em 0.35em;
  background-image: url("funktionen/sortierenab_leer.png");
  background-repeat: no-repeat;
  text-decoration: none;
}
a.SortierlinkAktiv{
  padding: 0em 0.35em;
  background-image: url("funktionen/sortierenab.png");
  background-repeat: no-repeat;
  text-decoration: none;
}
a.Sortierlink:hover{
  background-image: url("funktionen/sortierenab_grau.png");
}
a.SortierlinkAuf{
  padding: 0em 0.35em;
  background-image: url("funktionen/sortierenauf_leer.png");
  background-repeat: no-repeat;
  text-decoration: none;
}
a.SortierlinkAufAktiv{
  padding: 0em 0.35em;
  background-image: url("funktionen/sortierenauf.png");
  background-repeat: no-repeat;
  text-decoration: none;
}
a.SortierlinkAuf:hover{
  background-image: url("funktionen/sortierenauf_grau.png");
}
div#Navigation ul.Untermenu a:hover {
  background-image: url("funktionen/untermenuknopfgrau.png");
}

div.Informationen{
  width: 14em;
  margin: auto;
}
div.InformationenLinks{
  width: 14em;
  margin-left: auto;
}
div.InformationenLinks a{
  display: block;
  padding: 0.1em 0.1em;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none; 
  margin: 0em;
  background-image: url("funktionen/menuknopfleer.png");
  background-color: white;
  background-position: left;
  background-repeat: no-repeat;
  color: black;
  text-align: center;
}
div.Informationen a{
  display: block;
  padding: 0.1em 0.1em;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none; 
  margin: 0em;
  background-image: url("funktionen/menuknopfleer.png");
  background-color: white;
  background-position: left;
  background-repeat: no-repeat;
  color: black;
  text-align: center;
}

div.Informationen a:hover {
  background-image: url("funktionen/menuknopfgrau.png");
}

/* Hauptarbeitsfenster */
div#Arbeitsfenster {
   /*position: relative;*/
   /*display: block;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
   width: 100%;
	/*margin-top: 9em;*/
  	padding: 0 1em;
  	padding-left: 15em;
  	padding-top: 9em;
  	min-height: 25em;
  	text-align: center;
}

table{
	border: 0;
}
table.Produktliste {
   margin: auto;
}
table.Produktliste th {
   text-align: left;
}
table.Produktliste td {
   vertical-align: top;
}
table.Kategorien {
   width: 80%;
   margin: auto;
}

td.Produktkategorie {
	text-align: center;
   font-weight: bold;
   font-size: 1.2em;	
   padding: 0.5em;
}
td.Produktkategorie a{
   text-decoration: none;
   color: black;
}

td.Produktbild{
  text-align: center;
  vertical-align: top;
  width: 20%;
  padding-bottom: 2em;  
}
td.Produktbeschreibung{
	width: 80%;
	text-align: justify;
}
td.Bestellung{
	padding-bottom: 2em;
}

p {
	text-align: justify;
}
ul{
	text-align: left;
}
img{
	border: 0;
}
img.Thumbnail{
	width: 100;
}
/* Fußzeile */
div#Fusszeile {
   position: relative;
	/*color: white; background-color: #0000ee;*/
	color: black;
	margin: 0; padding: 0;
	/*left: 15em;  margin-right: 15em;*/
	/*width: 46em;*/
	/* border: 1px dashed silver; */
   border-top-width: 0.5em;
   border-top-style: solid;
   border-top-color: #c80000;
   /*font-size: 0.6em;*/
   min-width: 50em;
}
b.rot{
	color: red;
}