/* Entities --------------------------------------------------------------------------------------- */

html {
  overflow-y: scroll;
}

body {
  width: 980px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0px auto; 
  padding: 0px; /* padding: 0px auto; */
  background-color: #e7f6e7;
  background-image: url(body_background.gif);
  background-repeat: repeat-y;
  background-position: center center;
}

a img {
  border: none;
}

a {
  text-decoration: none;
  color: #390;
  /* font-weight: bold; */
}

a:hover, a:active {
  color: #6c3;
}

/* Grundgeruest ------------------------------------------------------------------------------------ */

#kante-links {
  width: 40px; height: 768px;
  float: left; clear: none;
}

#kante-rechts {
  width: 40px; height: 768px;
  float: right; clear: none;
}

#inhalt {
  width: 900px; height: 100%;
  display: block; float: left;
  background-color: #fff;
  }

#inhalt #oben {
  width: 900px;
  float: left; clear: left;
  }

#inhalt #oben #logo {
  width: 560px; height: 95px;
  margin: 35px 0px 0px 29px;
  float: left; clear: none;
  }

#inhalt #oben #menuoben {
  width: 280px; height: 30px;
  float: right; clear: none;
  }

#inhalt #oben #menuoben a {
  width: 119px; height: 15px;
  border-left: 1px #666 solid;
  padding: 5px 10px;
  font-size: 12px;
  color: #666;
  text-decoration: none;
  float: left; clear: none;
  font-weight: normal;
  }

#inhalt #oben #menuoben a:hover { color: #333; }

#inhalt #rechts { width: 700px; margin-top: 20px; float: right; clear: none; }
#inhalt #rechts #kopf { width: 700px; height: 225px; margin-bottom: 25px; }

/* Menue ------------------------------------------------------------------------------------------- */

#inhalt #menu {
  width: 175px;
  margin: 20px 25px 50px 0px; /* Reihenfolge: oben rechts unten links */
  float: left; clear: none;
  display: block;
  }

#inhalt #menu img#dqs {
  width: 97px; height: 79px;
  margin: 40px; margin-left: 50px;
}

#inhalt #menu ul {
  margin: 0px; padding: 0px;
  text-indent: 0px;
  list-style-type: none;
  list-style-position: outside;
  }

#inhalt #menu ul li {
  width: 175px;
  border-bottom: 1px #666 dotted;
  font-size: 13px; line-height: 15px;
  }

#inhalt #menu ul li a {
  display: block;
  padding-top: 6px; padding-bottom: 8px;
  text-decoration: none;
  font-weight: normal;
  }

#inhalt #menu ul.ebene1 li a { background: url(menu_bg-ebene1.gif) no-repeat; }
#inhalt #menu ul.ebene2 li a { background: url(menu_bg-ebene2.gif) no-repeat; }
#inhalt #menu ul.ebene3 li a { background: url(menu_bg-ebene3.gif) no-repeat; }

#inhalt #menu ul li a { color: #666; }
#inhalt #menu ul li a:hover { color: #333;  background-color: #f6f6f6;}
#inhalt #menu ul li a.aktiv { color: #390; }

#inhalt #menu ul.ebene1 li a { width: 165px; padding-left: 10px; }
#inhalt #menu ul.ebene2 li a { width: 145px; padding-left: 30px; }
#inhalt #menu ul.ebene3 li a { width: 125px; padding-left: 50px; }

#inhalt #menu ul li a { background-position: 0px 2px; }
#inhalt #menu ul li a:hover { background-position: -175px 0px; }
#inhalt #menu ul li a.aktiv { background-position: -350px 2px; }
#inhalt #menu ul li.nosub a.aktiv { background-position: -525px 2px; }

#inhalt #menu ul.ebene2,
#inhalt #menu ul.ebene3 { margin-bottom: 15px; }

#inhalt #menu ul.ebene2 li,
#inhalt #menu ul.ebene3 li { border-top: 1px #ccc dotted; border-bottom: none; }

/* Contentbereich --------------------------------------------------------------------------------- */

#inhalt #rechts #main {
  font-size: 13px;
  line-height: 20px;
  display: table;
  width: 700px;
  padding-bottom: 25px;
  }


#inhalt #rechts #main p {
  margin-top: 0px; margin-bottom: 20px;
}

#inhalt #rechts #main h1 {
  margin: 0px 0px 10px 0px;
  /* height: 26px; */
  }

#inhalt #rechts #main .links {
  width: auto;
  min-width: 400px;
  max-width: 679px;
  padding-right: 20px;
  display: table-cell; /*float: left; clear: none;*/
  vertical-align: top;
}

#inhalt #rechts #main .rechts {
  width: 239px;
  padding: 0px 20px;
  border-left: 1px #666 solid;
  display: table-cell; /*float: right; clear: none;*/
  vertical-align: top;
}

#inhalt #rechts #main .rechts span.meldung {
  width: 100%;
  display: block;
  float: left; clear: left;
  margin-bottom: 20px;
}

#inhalt #rechts #main .rechts span.meldung h2 {
  height: auto;
  margin: 0px; padding: 0px;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #390;
}

#inhalt #rechts #main .rechts span.meldung p {
  margin: 0px;
}

#inhalt #rechts #main .rechts span.meldung a {
  color: #390;
  font-weight: bold;
  float: right;
  text-decoration: none;
}

#inhalt #rechts #main #link-top {
  float: right; clear: right;
  width: 100%;
  display: block;
  margin: 50px 25px 35px 0px;
}

/* ganz machen, was TYPO3 kaputt macht ... */
#kopf div,
#kopf dl,
#kopf dt {
  margin: 0px; padding: 0px;
}

/* Inhaltsformatierungen TYPO3 */

#inhalt #rechts #seitentitel {
  width: 100%;
  margin-bottom: 25px;
  color: #390;
  font-style: oblique;
  font-weight: bold;
  font-size: 24px;
}

#inhalt #rechts #main .links h1,
#inhalt #rechts #main .rechts h1 {
  color: #390;
  font-style: oblique;
  font-weight: bold;
  font-size: 18px;
  margin: 50px 0px 10px 0px;
}

#inhalt #rechts #main h1.csc-firstHeader {
  margin-top: 0px;
}

#inhalt #rechts #main h2 {
  color: #666;
  font-style: oblique;
  font-weight: bold;
  font-size: 14px;
  margin: 15px 0px 5px 0px;
}

#inhalt #rechts #main .links ul {
  list-style-type: square;
  /* margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 15px; */
}  

/* Entities --------------------------------------------------------------------------------------- */

html {
  overflow-y: scroll;
}

body {
  width: 980px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0px auto; padding: 0px auto;
  background-color: #e7f6e7;
  background-image: url(body_background.gif);
  background-repeat: repeat-y;
  background-position: center center;
  }

a img {
  border: none;
}

a {
  text-decoration: none;
  color: #390;
  /* font-weight: bold; */
}

a:hover, a:active {
  color: #6c3;
}

/* Grundgeruest ------------------------------------------------------------------------------------ */

#kante-links {
  width: 40px; height: 768px;
  float: left; clear: none;
}

#kante-rechts {
  width: 40px; height: 768px;
  float: right; clear: none;
}

#inhalt {
  width: 900px; height: 100%;
  display: block; float: left;
  background-color: #fff;
  }

#inhalt #oben {
  width: 900px;
  float: left; clear: left;
  }

#inhalt #oben #logo {
  width: 560px; height: 95px;
  margin: 35px 0px 0px 29px;
  float: left; clear: none;
  }

#inhalt #oben #menuoben {
  width: 280px; height: 30px;
  float: right; clear: none;
  }

#inhalt #oben #menuoben a {
  width: 119px; height: 15px;
  border-left: 1px #666 solid;
  padding: 5px 10px;
  font-size: 12px;
  color: #666;
  text-decoration: none;
  float: left; clear: none;
  font-weight: normal;
  }

#inhalt #oben #menuoben a:hover { color: #333; }

#inhalt #rechts { width: 700px; margin-top: 20px; float: right; clear: none; }
#inhalt #rechts #kopf { width: 700px; height: 225px; margin-bottom: 25px; }

/* Menue ------------------------------------------------------------------------------------------- */

#inhalt #menu {
  width: 175px;
  margin: 20px 25px 50px 0px; /* Reihenfolge: oben rechts unten links */
  float: left; clear: none;
  display: block;
  }

#inhalt #menu img#dqs {
  width: 97px; height: 79px;
  margin: 40px; margin-left: 50px;
}

#inhalt #menu ul {
  margin: 0px; padding: 0px;
  text-indent: 0px;
  list-style-type: none;
  list-style-position: outside;
  }

#inhalt #menu ul li {
  width: 175px;
  border-bottom: 1px #666 dotted;
  font-size: 13px; line-height: 15px;
  }

#inhalt #menu ul li a {
  display: block;
  padding-top: 6px; padding-bottom: 8px;
  text-decoration: none;
  font-weight: normal;
  }

#inhalt #menu ul.ebene1 li a { background: url(menu_bg-ebene1.gif) no-repeat; }
#inhalt #menu ul.ebene2 li a { background: url(menu_bg-ebene2.gif) no-repeat; }
#inhalt #menu ul.ebene3 li a { background: url(menu_bg-ebene3.gif) no-repeat; }

#inhalt #menu ul li a { color: #666; }
#inhalt #menu ul li a:hover { color: #333;  background-color: #f6f6f6;}
#inhalt #menu ul li a.aktiv { color: #390; }

#inhalt #menu ul.ebene1 li a { width: 165px; padding-left: 10px; }
#inhalt #menu ul.ebene2 li a { width: 145px; padding-left: 30px; }
#inhalt #menu ul.ebene3 li a { width: 125px; padding-left: 50px; }

#inhalt #menu ul li a { background-position: 0px 2px; }
#inhalt #menu ul li a:hover { background-position: -175px 0px; }
#inhalt #menu ul li a.aktiv { background-position: -350px 2px; }
#inhalt #menu ul li.nosub a.aktiv { background-position: -525px 2px; }

#inhalt #menu ul.ebene2,
#inhalt #menu ul.ebene3 { margin-bottom: 15px; }

#inhalt #menu ul.ebene2 li,
#inhalt #menu ul.ebene3 li { border-top: 1px #ccc dotted; border-bottom: none; }

/* Contentbereich --------------------------------------------------------------------------------- */

#inhalt #rechts #main {
  font-size: 13px;
  line-height: 20px;
  display: table;
  width: 700px;
  padding-bottom: 25px;
  }


#inhalt #rechts #main p {
  margin-top: 0px; margin-bottom: 20px;
}

#inhalt #rechts #main h1 {
  margin: 0px 0px 10px 0px;
  /* height: 26px; */
  }

#inhalt #rechts #main .links {
  width: auto;
  min-width: 400px;
  max-width: 679px;
  padding-right: 20px;
  display: table-cell; /*float: left; clear: none;*/
  vertical-align: top;
}

#inhalt #rechts #main .rechts {
  width: 239px;
  padding: 0px 20px;
  border-left: 1px #666 solid;
  display: table-cell; /*float: right; clear: none;*/
  vertical-align: top;
}

#inhalt #rechts #main .rechts span.meldung {
  width: 100%;
  display: block;
  float: left; clear: left;
  margin-bottom: 20px;
}

#inhalt #rechts #main .rechts span.meldung h2 {
  height: auto;
  margin: 0px; padding: 0px;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #390;
}

#inhalt #rechts #main .rechts span.meldung p {
  margin: 0px;
}

#inhalt #rechts #main .rechts span.meldung a {
  color: #390;
  font-weight: bold;
  float: right;
  text-decoration: none;
}

#inhalt #rechts #main #link-top {
  float: right; clear: right;
  width: 100%;
  display: block;
  margin: 50px 25px 35px 0px;
}

/* ganz machen, was TYPO3 kaputt macht ... */
#kopf div,
#kopf dl,
#kopf dt {
  margin: 0px; 
  padding: 0px;
}

/* Inhaltsformatierungen TYPO3 */

table.kontakte { }

#inhalt #rechts #seitentitel {
  width: 100%;
  margin-bottom: 25px;
  color: #390;
  font-style: oblique;
  font-weight: bold;
  font-size: 24px;
}

#inhalt #rechts #main .links h1,
#inhalt #rechts #main .rechts h1 {
  color: #390;
  font-style: oblique;
  font-weight: bold;
  font-size: 18px;
  margin: 50px 0px 10px 0px;
}

#inhalt #rechts #main h1.csc-firstHeader {
  margin-top: 0px;
}

#inhalt #rechts #main h2 {
  color: #666;
  font-style: oblique;
  font-weight: bold;
  font-size: 14px;
  margin: 15px 0px 5px 0px;
}

#inhalt #rechts #main .links ul {
  list-style-type: square;
}

#inhalt #rechts #main .links table.contenttable {
  width: 100%;
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
}

#inhalt #rechts #main .links table.contenttable tr td {
  width: 50%;
  vertical-align: top;
  padding-right: 10px;
}

#inhalt #rechts #main .links table.contenttable tr td p {
  margin-bottom: 5px;
}

#inhalt #rechts #main .links table.kontakte,
#inhalt #rechts #main .links table.kontakte-nohead {
  width: 100%;
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
  text-align: left;
  margin-bottom: 25px;
  background-color: #fcc;
}

#inhalt #rechts #main .links table.kontakte tr,
#inhalt #rechts #main .links table.kontakte-nohead tr {
  border-bottom: 1px solid #ccc;
}

#inhalt #rechts #main .links table.kontakte tr.tr-even,
#inhalt #rechts #main .links table.kontakte-nohead tr.tr-even { background-color: #fcfcfc; }
#inhalt #rechts #main .links table.kontakte tr.tr-odd,
#inhalt #rechts #main .links table.kontakte-nohead tr.tr-odd { background-color: #f0f0f0; }
#inhalt #rechts #main .links table.kontakte tr.tr-0,
#inhalt #rechts #main .links table.kontakte-kurz tr.tr-0 { background-color: #fff; font-weight: bold; vertical-align: bottom; }

#inhalt #rechts #main .links table.kontakte tr td,
#inhalt #rechts #main .links table.kontakte-nohead tr td { padding: 2px; vertical-align: top; }
#inhalt #rechts #main .links table.kontakte tr td.td-0,
#inhalt #rechts #main .links table.kontakte-nohead tr td.td-0 { width: 20%; }
#inhalt #rechts #main .links table.kontakte tr td.td-1,
#inhalt #rechts #main .links table.kontakte-nohead tr td.td-1 { width: 35%; }
#inhalt #rechts #main .links table.kontakte tr td.td-2,
#inhalt #rechts #main .links table.kontakte-nohead tr td.td-2 { width: 45%; }

#inhalt #rechts #main .links ul.csc-bulletlist {
  list-style-type: square;
  padding-left: 15px;
}


/* DEBUG ------------------------------------------------------------------------------------------ */
/* #inhalt #rechts #main div { border: 1px solid #000; } */