body {
  font-size: 70%;
}
a:link, a:visited {
  color: #BD0202;
}
a:hover, a:active {
  color: #BD0202;
}
@media screen {
  h1 {
    font-size: 140%;
  }
  h2 {
    margin: 0;
    padding: 3px 0 3px 19px;
    color: white;
    font-family: verdana, sans-serif;
    font-size: 100%;
    background-image: url("/img/submenu_open.gif");
    background-repeat: no-repeat;
    background-position: 4px;
  }
  h2 a:link, h2 a:visited {
    color: #FFFFFF;
    text-decoration: none;
  }
  h2 a:active, h2 a:hover {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .rathaus h2 {
    background-color: #EF5A00;
  }
  .rathaus ul {
    border-color: #EF5A00;
  }
  .stadtleben h2 {
    background-color: #CC0000;
  }
  .stadtleben ul {
    border-color: #CC0000;
  }
  .wirtschaft h2{
    background-color: #08399C;
  }
  .wirtschaft ul {
    border-color: #08399C;
  }
  .tourismus h2 {
    background-color: #66AA00;
  }
  .tourismus ul {
    border-color: #66AA00;
  }
  ul a:link, ul a:visited {
    display: block;
    padding: 2px 0 2px 12px;
    color: #333333;
    text-decoration: none;
    font-family: verdana, sans-serif;
    background-image: url("/img/pfeil_down_red.gif");
    background-repeat: no-repeat;
    background-position: 0 0.5em;
  }
  ul a:active, ul a:hover {
    text-decoration: underline;
  }
  ul ul a:link, ul ul a:visited {
    padding: 1px 0 1px 10px;
    background-image: url("/img/pfeil_right_red.gif");
    background-position: 0 0.5em;
  }
  ul {
    display: block; 
    margin: 0;
    padding: 0.5em 0 0.5em 6px; 
    border: 1px solid green;
    border-top: none;
    list-style-type: none;
    margin-bottom: 1em;
  }
  ul ul {
    border: none;
    margin-bottom: 0;
    padding: 0 0 0 14px; 
  }
}