* {
  margin: 0;
  padding: 0;
}

body {
  word-spacing: 0.1em;
  color: #333;
  background-color: white;
  font: 12px/150% "museo-slab",serif;
}

/* Layout */

#container {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
}

#header1 {
  height: 180px;
  width: 990px;
}

#logo {
  width: 362px;
  float: left;
  height: 180px;
}

#slogen {
  width: 284px;
  background: url(/grafiken/logo-hg1.png) no-repeat;
  float: left;
  height: 95px;
  padding-left: 35px;
  padding-top: 85px;
}

#navi {
  width: 284px;
  background: url(/grafiken/logo-hg2.png) no-repeat;
  float: right;
  height: 160px;
  padding-left: 25px;
  padding-top: 20px;
}

#navi li {
  list-style-type: none;
  padding: 8px;
}

#navi a {
  text-decoration: none;
  color: #333;
}

#navi a.on {
  text-decoration: none;
  background-color: #3487BA;
  color: white;
  padding: 8px;
}

#navi a:hover {
  color: white;
  text-decoration: none;
  background-color: #3487BA;
  padding: 8px;
}

#header2 {
  height: 120px;
}

#content {
  width: 960px;
  background: url(/grafiken/hg.png) repeat-y;
  clear: both;
  padding: 58px 15px 20px;
}

#col1 {
  float: left;
  width: 244px;
  text-align: right;
}

#col1 li {
  list-style-type: none;
  font-size: 13px;
  padding: 8px;
  background: url(/grafiken/seitennavi.png) no-repeat right;
}

#col1 a {
  text-decoration: none;
  color: #333;
}

#col1 a.on {
  text-decoration: none;
  color: #3487BA;
  padding: 8px;
  border-right: 1px solid #3487BA;
}

#col1 a:hover {
  color: #3487BA;
  text-decoration: none;
  padding: 8px;
}

#col2 {
  width: 118px;
  float: left;
}

#col3 {
  width: 340px;
  float: left;
  padding-right: 20px;
}

#col4 {
  width: 238px;
  float: right;
}

#col5 {
  width: 420px;
  float: left;
  padding-left: 60px;
}

#col6 {
  width: 385px;
  float: right;
  padding-right: 60px;
  padding-left: 35px;
}


#col7 {
  width: 573px;
  float: right;
  padding-right: 25px;
}

#footer {
  width: 960px;
  height: 40px;
  background: url(/grafiken/footer.png) no-repeat;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 20px;
}

#foerderhinweis {
  width: 960px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 20px;
  text-align: center;
}

#f1 {
  width: 50%;
  float: left;
}

#f1 a {
  text-decoration: none;
  color: #333;
}

#f2 {
  width: 50%;
  float: right;
  text-align: right;
}

#f2 a {
  text-decoration: none;
  color: #333;
}

#f2 a:hover {
  color: #3487BA;
  text-decoration: none;
}

/* Schriften */

h1 {
  font: 22px "museo-slab",serif;
  color: #006633;
  margin-bottom: 10px;
}

.hinweis {
  color: maroon;
  font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.liste {
  padding-left: 2px;
  margin-left: 10px;
  list-style-type: disc;
}

.unterliste {
  padding-left: 2px;
  margin-left: 25px;
  list-style-type: circle;
}

a {
  color: #333;
  text-decoration: underline;}

a:hover {
  color: #3487BA;
  text-decoration: underline;}

/* -- Bilder -- */

.bild {
  padding: 4px;
  border: 1px solid #f4f4f4;
  max-width: 350px;
  height: auto;
}

.bild-links {
  float: left;
  padding: 4px;
  border: 1px solid #f4f4f4;
  max-width: 250px;
  height: auto;
  margin-right: 12px;
  margin-bottom: 2px;
}

.bild-rechts {
  float: right;
  padding: 4px;
  border: 1px solid #f4f4f4;
  max-width: 250px;
  height: auto;
  margin-left: 12px;
  margin-bottom: 2px;
}

.bild-aktuelles {
  float: left;
  padding: 4px;
  border: 1px solid #f4f4f4;
  margin-right: 12px;
  margin-bottom: 15px;
  height: auto;
  width: 125px;
}


/* -- Tabellen & Formulare -- */

.tabelle {
  border-collapse: collapse;
  width: 100%;
}

.tabelle td {
  padding: 20px 8px;
  vertical-align: top;
  border-top: 1px solid silver;
}

.eingabe {
  border: 1px solid silver;
  height: 15px;
  padding: 5px;
  background-color: white;
  margin-bottom: 5px;
}

.textarea {
  border: 1px solid silver;
  padding: 5px;
  background-color: white;
}

/* Automatically clear elements for standards-compliant browsers */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Trigger has-layout for IE compatibility */
.clearfix {
  zoom: 1;
}

#container #forderhinweis {
  text-align: center;
}
