body {
  padding		: 0;
  margin		: 0;
  color			: #000;
  background		: #fdfdfd;
  font-family		: "futura bold",helvetica,arial,sans-serif;
  /* workarounds for old operas and IE */
  font-size:		100.01%;
  width:		100% !important;
  font-weight:		normal;
}

/* general rules */

a:link {
  color			: blue;
  background-color	: transparent;
  text-decoration	: underline;
}

a:visited {
  color			: blue;
  background-color	: transparent;
  text-decoration	: underline;
}

a:hover {
  color			: #000;
  background-color	: transparent;
  text-decoration	: underline;
}

a:active {
  color			: #ccc;
  background-color	: #fff;
  text-decoration	: none;
}

/* reserved für head, don't use in content! */
h2, .kopf em {
  text-align		: center;
  color			: #51504c;
  margin		: 0;
  padding		: 0.5em 0 0 0;
  font-size		: 20px;
  line-height		: 20px;
}
.kopf em {
  font-size:		90%;
  display:		block;
}

/* h1 has to be the main headline in content! */
h1, h3 {
  font-size		: 120%;
  text-align:		left;
}
h3 span {
  color			: red;
  margin-right		: 0.6em;
}
h4 {
  font-size		: 110%;
}

/* only used in footer */
address {
  margin		: 1em 1em 1em 0;
  clear			: both;
}

sup {
  font-size		: 80%;
}

ul, li {
  margin-left		: 5px;
  padding-left		: 5px;
}
em {
  font-style		: normal;
  font-weight		: bold;
}

dt {
  font-weight		: bold;
  margin		: 1em 1em 0.3em 0;
}
dd {
  margin-left		: 1em;
}
td, th {
  vertical-align:	top;
}

/* page head down to first navigation */
.kopf {
  margin		: 0;
  padding		: 10px 10px 10px 5px;
  height		: 87px;
}
.logo {
  margin		: 0;
  padding		: 0;
  background		: #fc6;
  float			: left;
  width:		179px;
  height:		82px;
}

/* wrapper with space for left navigation */
.page {
  margin-left:		191px;
  margin-bottom:	100px;
  clear:		both;
  color:		#000;
  background :		transparent;
  /* workaround for IE
  position:		relative;
 */
}

/* rules for all navigation containers, "quer" & "left" & "right" */
.navi {
  padding		: 0 8px 5px 5px;
  background		: #e5cf11;
  font-size		: 90%;
}
/* rules for all list items & links in all navigation containers */
.navi a, .navi a:link, .navi a:visited, .navi .here {
  text-decoration	: none;
  color			: #000;
}
.navi a:hover, .navi a:active, .navi a:focus {
  text-decoration	: none;
  color			: #fff;
  background		: #000;
}
.here h4 {
  padding		: 0 14px 0 14px;
}
/* grafic links in navigation containers */
.navi a.gl,  .navi a.gl:link, .navi a.gl:visited {
  padding		: 2px;
}
/* first navigation
  .navi div only existing in "quer" */
.quer {
  padding		: 7px 7px 18px 5px;
  margin:		0;
  color:		#000;
  background		: #e5cf11;
  height:		35px;
}
.quer .navi {
  text-align:		left;
  background:		#fdfdfd;
  padding:		0;
  margin:		0;
  border-top		: 1px #aaa solid;
  border-right		: 3px #666 solid;
  border-bottom		: 3px #ccc solid;
  border-left		: 1px #aaa solid;
}
.navi div {
  color			: #000;
  background		: url(/images/black.gif) no-repeat left transparent;
  display		: inline;
  width			: 6em;
  margin		: 0 0 0 0.5em;
}
/* Text of actual site emphased by h4 */
.navi div h4 {
  display		: inline;
  font-size		: 100%;
}
.navi div a, .navi div h4, .navi div.here {
  padding		: 0 3px 0 14px;
}
.navi div h4 a {
  padding		: 0 1px 0 0;
}
/* breadcrumb, included in "quer" */
.breadcrumb {
  text-align:		right;
  margin		: 0;
  padding:		0;
  font-size:		80%;
  font-family:		verdana,sans-serif;
}

/* 
   main- and subnavi on left side.
   In _end_ of HTML-code! Placed by
   absolute position.
*/
.links {
  position		: absolute;
  top			: 167px;
  left			: 0;
  width			: 178px;
  margin		: 0;
  padding-bottom:	6.5em;
/* IE only: */
  _padding-bottom:	8em;
}
/* content related links on right side
   individual on every document */
.rechts {
  background		: #e5cf11;
  float			: right;
  clear			: right;
  width			: 153px;
  margin		: 0 0 0 1em;
  padding		: 0 5px 0 5px;
}
.rechts a img {
  border		: 0;
}
/* workaround for IE to ensure width */
.rechts li {
  display		: block;
  width:		148px;
}
/* ul only existing in "right" and "left" */
.navi ul {
  margin		: 0 0 0.5em 0;
  border-top		: 1px #aaa solid;
  border-right		: 3px #666 solid;
  border-bottom		: 3px #ccc solid;
  border-left		: 1px #aaa solid;
  background		: #fdfdfd;
  padding:		0;
}
.navi li {
  list-style		: none;
  padding		: 0;
  margin		: 0;
}
/* block in "left" & "right",
  inline in "quer" */
.navi li a, .navi li a:link, .navi li a:visited {
  display		: block;
  padding		: 2px 2px 2px 14px;
}
.navi li h4 {
  margin:		0;
}
.gruen {
  color			: #000;
}
.gruen a {
  background		: url(/images/green.gif) no-repeat left transparent;
}
.gruen h4, .gruen h4 a, .gruen h4 a:visited {
  background		: #0e9240;
  color			: #fff;
}
.gruen li.here {
  background		: url(/images/green.gif) no-repeat right transparent;
}
.gruen li {
  /* workaround for IE */
  border:		1px #fff solid;
}
.blau {
  color			: #000;
}
.blau a {
  background		: url(/images/blue.gif) no-repeat left;
}
.blau h4, .blau h4 a, .blau h4 a:visited {
  background		: #1486b0;
  color			: #fff;
}
.blau .here {
  background		: url(/images/blue.gif) no-repeat right;
}
.blau li {
  /* workaround for IE */
  border:		1px #fff solid;
}

.rot {
  color			: #000;
}
.rot h4, .rot h4 a, .rot h4 a:visited {
  background		: #c91735;
  color			: #fff;
}
.rot a {
  background		: url(/images/red.gif) no-repeat left;
}
.rot .here {
  background		: url(/images/red.gif) no-repeat right;
}
.rot li {
  /* workaround for IE */
  border:		1px #fff solid;
}

/* lightly different rules, 'cause only existing in "right"
   and not having any dots on the right side */
.gelb {
  color			: #000;
}
.gelb h4 {
  background		: #e5cf11;
}
/* scrolling content as in city lists in the right
   navigation container */
ul.rollen {
  height		: 100px;
  overflow		: scroll;
  margin		: 0;
  padding		: 0;
  list-style		: none;
  border		: none;
}
ul.rollen li {
  font-size:		90%;
  font-family:		verdana,sans-serif;
  width:		90%;
  max-width:		12em;
  padding:		0 0 0 2px;
}

/* rules for content */
.content {
  color:		#000;
  background:		transparent;
  padding:		0 0 1em 1em;
  border-top:		1px #e5cf11 solid;
  margin:		0;
}
.pellets-top {
  background:		url(/images/assenmacher.jpg) no-repeat top left;
  padding-top:		100px;
}

.content .wide {
  overflow:		scroll;
  width:		auto;
  font-size:		90%;
/* workaround for IE */
  _width:		70%;
}
.content h1 {
  font-size		: 120%;
}
.content p, .content dl, .content ol, .content table, .content img {
  margin-right:		1em;
}

/* rules for news */
table.news td {
  padding		: 1em;
}
table.news img {
  margin		: 0 1em 0.6em 0;
}
td.news, table.duenger td {
  background		: #eee;
  font-size		: 90%;
  text-align		: center;
  border		: 1px #000 solid;
  width			: 6em;
  padding		: 0;
}
table.duenger td {
  background		: #fff;
  margin:		0;
}  
table.duenger th {
  border		: 1px #000 solid;
  margin:		0;
}  

.news li, .news ul {
  list-style		: none;
  margin		: 0.1em 0.3em 0 0;
  padding-left		: 0;
}
td.news li a {
  text-decoration	: none;
  display		: block;
  margin		: 0;
  padding		: 0;
  background		: #ffc;
}

/* rules for food supplier table */

.supplier {
  border:		1px #0e9240 solid;
  margin:		1em 0 0.5em 0;
  padding:		0;
  border-collapse:	collapse;
}
.supplier tr {
  padding:		0;
  border-bottom:	1px #0e9240 solid;
}
.supplier th {
  background:		#ffffec;
  border-bottom:	1px #0e9240 solid;
  padding:		3px;
}
.supplier td {
  border:		none;
  border-right:		1px #0e9240 solid;
  padding:		2px;
  margin:		0;
  width:		120px;
  vertical-align:	top;
}
.supplier td.w50 {
  width:		50%;
}

.supplier a {
  text-decoration:	none;
}
.supplier .top {
  text-align:		center;
  vertical-align:	baseline;
  background:		#ffffec;
  border-bottom:	1px #0e9240 solid;
}
.supplier ul {
  margin:		0;
  padding:		0;
}
.supplier li {
  list-style:		none;
  font-size:		90%;
}

/* rules for address/contact data tables */
.address {
  border:		1px #151515 solid;
  margin:		1em 0 0.5em 0;
  padding:		0;
  border-collapse:	collapse;
}
.address th {
  background:		#ffffec;
  border-bottom:	1px #151515 solid;
  padding:		3px;
}
.address td {
  border:		none;
  border-right:		1px #151515 solid;
  border-bottom:	1px #151515 solid;
  padding:		2px;
  margin:		0;
  width:		50%;
  vertical-align:	top;
}
.address a {
  text-decoration:	none;
}

/* rules for article data tables */
.products {
  border:		1px #151515 solid;
  margin:		1em 0 0.5em 0;
  padding:		0;
  border-collapse:	collapse;
}
.products tr {
  padding:		0;
}
.products th {
  background:		#ffffec;
  border-bottom:	1px #151515 solid;
  padding:		3px;
}
.products td {
  border:		none;
  border-right:		1px #151515 solid;
  border-bottom:	1px #151515 solid;
  padding:		0.5em;
  vertical-align:	top;
}
.products h4 {
  padding:		0;
}

.numbers td, .numbers th {
  text-align:		right;
}

.techdata th, .techdata td {
  text-align:		left;
  height:		2em;
  vertical-align:	bottom;
  padding-left:		0.5em;
}

/* rules for dls */
dl.op {
  margin-right		: 180px;
  border:		1px #000 solid;
}

dl.op dt, dl.sitemap dt {
  clear			: none;
  color			: #000;
  background		: #ccc;
  margin		: 0;
  padding		: 0.3em;
}
dl.sitemap dt {
  border-top		: 1px #000 solid;
  border-right		: 1px #000 solid;
  border-left		: 1px #000 solid;
}
dl.op dd, dl.sitemap dd {
  color			: #000;
  background		: transparent;
  margin		: 0 0 2em 0;
  padding		: 0.3em 0.3em 2em 0.3em;
  height		: auto;
}
dl.sitemap dd  {
  border-right		: 1px #000 solid;
  border-bottom		: 1px #000 solid;
  border-left		: 1px #000 solid;
}
dl.op dt a, dl.op dt a:link, dl.op dt a:visited,
dl.sitemap dt a, dl.sitemap dt a:link, dl.sitemap dt a:visited {
  text-decoration	: none;
  color			: #000;
  background		: transparent;
}

/* rules for container inside content */
img.r, img.l {
  border		: 1px #000 solid;
}
.r, .k {
  margin		: 0 0 1.5em 1.5em;
  float			: right;
}

.k {
  border		: 1px #000 solid;
  padding		: 0.5em;
  width			: 11em;
  min-width		: 170px;
  background		: #eee;
  text-align		: center;
  clear			: both;
}
.k img {
  margin-top		: 0.3em;
}


.k2 {
  border		: 1px #000 solid;
  padding		: 0.5em;
  width			: 11em;
  min-width		: 170px;
  background		: #eee;
  clear			: both;
  float			: right;
  margin-left		: 1em;
}

.l {
  margin		: 0 1em 1.5em 0;
  float			: left;
}
.imp {
  padding		: 0.5em;
  background		: #eee;
}
.aktuell {
  background:		#ccc;
  border:		1px #000 solid;
  margin:		1em;
  padding:		0.3em;
  width:		60%;
  text-align:		center;
}

.betrag {
  font-size:		90%;
  border-collapse:	collapse;
}
.betrag th, .betrag td {
  text-align:		center;
  border:		1px #000 solid;
  padding:		0.2em;
}
.betrag tr:first-child {
  text-align:		left;
}

.article {
  font-size:		90%;
}

.article th {
  vertical-align:	top;
}

.article .bottom {
  padding-bottom:	2.5em;
}
/* rules for certificates.
   thumbnail principle... */
.zert {
  width			: 200px;
  margin		: 0.5em;
  display		: inline;
  float			: left;
  text-align		: center;
}

.zeittafel h4 {
  background:		#ccc;
  padding:		0.2em;
}

/* rules for grafical links */
a.gl, a.gl:hover, a.gl img {
  text-decoration	: none;
  border		: none;
}
a[name]:hover a.gl:hover, a.zert:hover {
  color			: inherit;
  background-color	: transparent;
}

/* avoid visibility & specials */
.n {
  display		: none;
}
.left {
  text-align:		left;
}

.lspace {
  letter-spacing	: 0.1em;
}
.nb, .footer span {
  white-space		: nowrap;
}
.footnote {
  font-size		: 90%;
}

/* footer, as usual... */
.footer {
  color			: #51504c;
  background:		#fdfdfd;
  padding		: 1em 0.6em 0 0.6em;  
  margin		: 0;
  border		: 1px #e5cf11 solid;
  font-size		: 90%;
  text-align:		center;
  position:		fixed;
  bottom:		0;
  left:			0;
  height:		5em;
  width:		100%;
}

.google {
  font-size:		80%;
  text-align:		center;
}

.shell {
  float:		right;
  width:		270px;
  height:		3.5em;
  background		: #fdfdfd;
  padding		: 0 1em;
  margin		: 0;
  font-family		: "futura bold", sans-serif;
  font-size		: 16px;
}
.shell a img {
  border		: none;
  float:		left;
}

.shell em {
  position		: relative;
  top			: 20px;
  left			: 12px;
}
.shell em a, .shell em a:link, .shell em a:visited {
  text-decoration	: none;
  color			: #000;
  background		: transparent;
}