* {
  margin: 0;
  padding: 0;
  outline: none;
}
#wrapper {
  margin: 30px auto 0;
  width: 1020px;
}
#wrapper h1 {
  font-family: 'verdana', sans-serif;
  margin: 0 0 20px;
  text-align: center;
  text-shadow: 0 2px 1px #fff;
}
#wrapper p {
  margin: 0 0 10px;
  text-align: justify;
}
.container {
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 10px;
  padding: 10px;
  width: 1008px;
}
#main-nav {
  background: #D32828;
  background: -moz-linear-gradient(top, #D32828 0%, #EB5F5F 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D32828), color-stop(100%,#EB5F5F));
  background: -webkit-linear-gradient(top, #D32828 0%,#EB5F5F 100%);
  background: -o-linear-gradient(top, #D32828 0%,#EB5F5F 100%);
  background: -ms-linear-gradient(top, #D32828 0%,#EB5F5F 100%);
  background: linear-gradient(top, #D32828 0%,#EB5F5F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D32828', endColorstr='#EB5F5F',GradientType=0 );
  float: left;
  width: 1008px;
  z-index: 1000;
}
#main-nav ul {
  font-family: 'Verdana', sans-serif;
  font-size: .8em;
  list-style: none;
}
#main-nav ul li {
  border-left: 1px solid #ffffff;
  float: left;
}
#main-nav ul li:first-child {
  border: none;
}
#main-nav ul li a {
  color: #fff;
  display: block;
  padding: 10px;
  position: relative;
  width: 123px;
  text-decoration: none;
}
#main-nav ul li a span.drop-down {
  background:  url(../images/arrow.gif) no-repeat;
  height: 7px;
  position: absolute;
  right: 20px;
  top: 14px;
  width: 10px; 
}
#main-nav ul li:hover {
  background: #D32828;
}
/* First Level drop-down */
#main-nav ul li ul {
  display: none;
}
#main-nav ul li:hover ul {
  background:  url(../images/red.png);
  display: block;
  font-size: .9em;
  font-family: 'Verdana', sans-serif;
  font-weight: normal;
  padding: 5px;
  position: absolute;
	z-index: 2000;
}
#main-nav ul li ul li {
  float: none;
  display: block;
  border-left: none;
  position: relative;
}
#main-nav ul li ul li a {
  width: 180px;
  padding: 4px 4px;
  border-top: dotted 1px #fff;
  color: #fff;
}
A:hover {COLOR: #330033;}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000}
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-align: justify; }
.klein {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #370B0F}
.blau {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3E2D32; font-weight: bold}
a:link {color: #000000; text-decoration: none: transparent }
a:visited {  color: #0000FF}
.hover1 {  background-color: #FFCC00; height: 30px; width: 214px}
body {  background-color: #E1F0CD; background-image: url(../images/bg3.jpg)}
.gruen {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #307B0F}
a:active {  color: #990033}
a {  text-decoration: none}
.rot {  font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #006400; font-weight: bolder; font-style: normal; line-height: normal; font-variant: normal}
.weiss {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.braun {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666}
.ueberschrift {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #BF3326; font-weight: bold}
.link1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: lighter; color: #307B0F; text-decoration: none; font-variant: normal}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #307B0F; text-decoration: none}