body { 
  background-image:url(../img/background.gif);
  color: black;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  background-position: 0 top;
  text-align: center;
  margin:0;
  padding:0;
}
#container {
  background: white 0 top;
  width: 820px;
  text-align:left;
  border: solid 1px #cc9b45;
  margin-left:auto;
  margin-right:auto;
  margin-top: 0;
}
a {
  color: #282546;
  text-decoration: none;
}
a:hover {
  color: #D06730;
}
a img {
  border: 1px dotted blue;
}
a:hover img {
  border: 1px solid blue;
} 
 
#left {
  width: 170px;
  float: left;
  margin-top: 1.4em;
  font-size: 0.9em;
}

#left ul {
  color: #282546;
  list-style: none;
  font-weight: bold;
  padding:0;
  margin-left: 1.3em;
  margin-top: 0;
}

#left ul li {
  margin-bottom: 0.5em;
}
  
#middle {
  float:left;
  width: 400px;
  text-align:center;
  margin-top:1.6em;
}  
#middle img {
  margin: 7px;
  margin-bottom:0.8em;
}

#middle ul {
  list-style:none;
  margin:0;
  padding:0;
}
.floatleft {
  float:left;
}
#right {
  width: 240px;
  float: right;
  font-size: 0.8em;
  margin-top:1.7em;
}

#right h2 {
  margin-top:0;
  font-size: 1.1em;
}

#rosa {
  
  margin-right:1.5em;
  margin-bottom:1.5em;
  padding:0.007em 1em;

}

#rosa ul {
  list-style-image: url(../img/icons/arrow_black.gif);
}

#rosa ul li {
  padding-left: 0;
}

#maskottchen {
  text-align: center;
}

.floatright{float:right;}

.floatleft{float:left;}

#footer {
  clear:both;
  text-align: center;
}
#footer-top {
  width:600px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 4em;
}

#footer-bottom {
  text-align: left;
  margin-bottom:2em;
}
#footer img {
 border:none
}

#footer-bottom img {
  margin: 1.0em;
}
.smalltext {
  margin:2px;
  padding:0;
  font-size: 1em;}