/* Allgemein */
body {
  font-family: 'ms sans serif', arial, helvetica, sans-serif;
  margin: 0px;
  }
ul {
  margin: .5em 0px;
  padding: .5em 4em;
  }
li {
  margin: 0px;
  padding: 0px 0px .5em 0px;
  }
.normal {
  font-weight: normal;
  }

/* Formular */
form {
  margin: 0px;
  }
fieldset {
  border: 1px solid #666;
  margin: 4px;
  padding: 0px 2px 2px 2px;
  }
legend {
  font-weight: bold;
  }
input[type=text],
input[type=password],
textarea,
select,
input[type=button],
input[type=submit],
.submit {
  background-color: #fff5de;
  border: 1px solid #000;
  color: #000;
  font-size: 120%;
  margin: 2px;
  }
input[type=button],
input[type=submit] {
  border: 2px solid #666;
  }
input[type=image] {
  border-width: 0px;
  }
input[type=text],
input[type=password] {
  padding: 2px;
  }
label,
input[type=checkbox],
input[type=radio],
select,
input[type=button],
input[type=submit] {
  cursor: pointer;
  }
.form-row {
  clear: both;
  }
.form-field {
  float: left;
  padding: 1px 2px;
  }
.form-button {
  float: left;
  padding: 1px 2px;
  }

/* Regionen */
#prefix {
  background-color: #b05600;
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 4px;
  text-align: center;
  }
#prefix a {
  color: #fff;
  }
#header {
  clear: both;
  overflow: auto;
  width: 100%;
  }
#owner {
  font-size: 70%;
  white-space: nowrap;
  }
#owner-address {
  float: left;
  }
#owner-contact {
  float: left;
  margin-left: 16px;
  }
#navigation,
#service {
  padding: 16px 4px 4px 4px;
  margin-bottom: 1em;
  }
#navigation {
  float: left;
  font-size: 70%;
  font-weight: bold;
  text-align: center;
  width: 88px;
  }
#navigation ul {
  margin: 0px;
  padding: 0px;
  }
#navigation li {
  list-style-type: none;
  padding: 2px;
  }
#navigation a {
  display: block;
  left: 0px;
  text-decoration: none;
  top: 0px;
  }
#navigation img {
  border-width: 0px;
  }
#navigation :link,
#navigation :visited {
  color: #333;
  }
#navigation a:hover,
#navigation a:focus,
#navigation a:active {
  color: #f0a600;
  }
#navigation-briefe a {
  background: url(/images/symbole/briefe.gif) no-repeat center top;
  }
#navigation-briefe a:hover,
#navigation-briefe a:active {
  background: url(/images/_symbole/briefe.gif) no-repeat center top;
  }
#navigation-haus a {
  background: url(/images/symbole/haus.gif) no-repeat center top;
  }
#navigation-haus a:hover,
#navigation-haus a:active {
  background: url(/images/_symbole/haus.gif) no-repeat center top;
  }
#navigation-hilfe a {
  background: url(/images/symbole/frage.gif) no-repeat center top;
  }
#navigation-hilfe a:hover,
#navigation-hilfe a:active {
  background: url(/images/_symbole/frage.gif) no-repeat center top;
  }
#navigation-katalog a {
  background: url(/images/symbole/katalog.gif) no-repeat center top;
  }
#navigation-katalog a:hover,
#navigation-katalog a:active {
  background: url(/images/_symbole/katalog.gif) no-repeat center top;
  }
#navigation-korb a {
  background: url(/images/symbole/korb.gif) no-repeat center top;
  }
#navigation-korb a:hover,
#navigation-korb a:active {
  background: url(/images/_symbole/korb.gif) no-repeat center top;
  }
#navigation-lupe a {
  background: url(/images/symbole/lupe.gif) no-repeat center top;
  }
#navigation-lupe a:hover,
#navigation-lupe a:active {
  background: url(/images/_symbole/lupe.gif) no-repeat center top;
  }
#navigation-web a {
  background: url(/images/symbole/web.gif) no-repeat center top;
  }
#navigation-web a:hover,
#navigation-web a:active {
  background: url(/images/_symbole/web.gif) no-repeat center top;
  }
#navigation-zweig a {
  background: url(/images/symbole/zweig.gif) no-repeat center top;
  }
#navigation-zweig a:hover,
#navigation-zweig a:active {
  background: url(/images/_symbole/zweig.gif) no-repeat center top;
  }
#service {
  float: right;
  font-size: 70%;
  width: 152px;
  }
#search-field a {
  background-color: #fff5de;
  border: 2px solid #666;
  display: block;
  margin: 2px;
  padding: 2px;
  }
#footer {
  clear: both; /*
  float: left;
  overflow: auto;
  bottom: 0px; */
  position: relative;
  width: 100%;
  }
#footer div {
  float: left;
  margin: 4px 0px;
  padding: 0px;
  }
#footer img {
  background-color: #fff;
  border-width: 0px;
  margin: 0px 4px;
  }
#footer-languages {
  text-align: left;
  width: 20%;
  }
#footer-languages img {
  padding: 4px 0px;
  }
#footer-companies {
  text-align: center;
  width: 59%;
  }
#footer-companies img {
  padding: 0px 0px;
  }
#footer-credit {
  text-align: right;
  width: 20%;
  }
#footer-credit img {
  padding: 0px 0px;
  }

/* Inhalt */
#content {
  font-size: 70%;
  margin: 0px 160px 0px 96px;
  padding: 0px 16px;
  }
#content h1 {
  display: none;
  font-size: 1.6em;
  }
.h1-cards {
  margin: 0px -16px;
  padding: 4px;
  }
#cards {
  height: 1.5em;
  margin: 0px -16px 16px -16px;
  padding: 4px;
  }
#cards li {
  float: left;
  list-style-type: none;
  margin: 0px;
  padding: 4px 16px;
  }
#cards li.current {
  font-weight: bold;
  }
#time {
  color: #fff5de;
  float: left;
  }

.index img {
  margin: 0px 4px 4px 0px;
  }
.index .row-even,
.group .row-even {
  background-color: #fff;
  }
.index .row-odd,
.group .row-odd {
  background-color: #eee;
  }

.group .path,
.product .path {
  font-weight: bold;
  }
.product .info td {
  vertical-align: top;
  }
.product .info td.left {
  text-align: right;
  }
.product ul {
  margin: 0px 0px 0px 2em;
  padding: 0px;
  }
.product li {
  list-style-type: square;
  }

.wolke {
  border: 3px solid #fadb94;
  float: right;
  margin: 1em 0;
  padding: 0.5em 1ex;
  text-align: left;
  width: 50%;
  }
.wolke a {
  color: #b05600;
  text-decoration: none;
  }
