#menu {
  float: left;
  width: 660px;

  background-color: whitesmoke;
  margin: 0px;
  color: gray;
}

#menu p {
  margin-top: 8px;
  font-weight: bold;
  text-align: center;
}

#menu a:link, #menu a:visited {
  text-decoration: none;
  color: darkgreen;
}

#menu a:hover, #menu a:active {
  text-decoration: none;
  color: crimson;
}

.bn {
  margin: 0px;
  height: 29px;
  width: 70px;
  float: left;
  background-image: url("../pics/bn.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-color: whitesmoke;
}
.bw {
  margin: 0px;
  height: 29px;
  width: 70px;
  float: left;
  background-image: url("../pics/bw.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-color: whitesmoke;
}
#sub_menu {
  float: left;
  width: 590px;
  height: 116px;
  background-image: url("../pics/kwiaciarniasasanka.jpg");
  background-position: top right;
  background-repeat: no-repeat;
  background-color: whitesmoke;
}

#sub_menu a:link, #sub_menu a:visited {
  color: green;
  margin-top: 2px;
  padding: 5px;
  display: block;
}

#sub_menu a:hover, #sub_menu a:active {
  color: white;
  background-color: green;
  padding: 5px;
  margin-top: 2px;
  display: block;
}

.kategorie {
  float: left;
  width: 100%;;
}

#sub_menu .kategorie a:link, #sub_menu .kategorie a:visited {
  color: crimson;
  background-color: gainsboro;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: gainsboro;
  margin-right: 2px;
  text-decoration: none;
}

#sub_menu .kategorie a:hover, #sub_menu .kategorie a:active {

  background-color: whitesmoke;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: crimson;

}