/* Globale Formate */

body {
  background-image: url(/_bilder/hg_body.png);
  background-repeat: repeat-x;
  background-color: #fcfcfc;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 76%;
  font-family: "Arial","Helvetica",sans-serif;
  color: #333333;
}

.fett {
  font-weight: bold;
}

.kursiv {
  font-style: italic;
}

.linksbuendig {
  text-align: left;
}

.rechtsbuendig {
  text-align: right;
}

.zentriert {
  text-align: center;
}

sup {
  font-size: x-small;
  vertical-align: top;
}

.rechts {
  float: right;
}

.links {
  float: left;
}

.mittig {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  clear: both;
}

/* Kopfbereich */

div#titelbild {
  background-image: url(/_bilder/titelbild.png);
  background-repeat: no-repeat;
  width: 983px;
  height: 150px;
}

body#index div#titelbild {
  background-image: url(/_bilder/titelbild_index.png);
}


/* Hintergrund */
/* Container für Menü und Inhalt zum Aufspannen 
   eines gemeinsamen Hintergrundes */

div#hintergrund {
  background-image: url(/_bilder/hg_menue.png);
  background-repeat: repeat-y;
}



/* Menü */
ul#menue {
  background-image: url(/_bilder/hg_menue_verlauf.png);
  background-repeat: no-repeat;
  width: 209px;
  height: 577px;
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  font-size: 1.1em;
  font-weight: bold;
}

/* Min-Height-Fix */
div>ul#menue {
  height: auto;
  min-height: 577px;
}

ul#menue li {
  color: #4b4b4b;
  width: 189px;
  line-height: 31px;
  text-indent: 15px;
  padding: 0;
  margin: 0 0 10px 0;
  float: right;
  clear: both;
  background-image: url(/_bilder/hg_menue_reiter.gif);
  background-repeat: no-repeat;
}

ul#menue li.submenue {
  margin: 0;
}

ul#menue li.aktiv a {
  color: #996699;
}

ul#menue ul {
  float: right;
  width: 170px;
  list-style: none;
  padding: 0;
  margin: 0;
  background-image: url(/_bilder/hg_submenue.png);
  background-repeat: repeat-y; 
}

ul#menue ul li {
  color: #4b4b4b;
  width: auto;
  padding: 0.65em 10px;
  background: none;
  border-bottom: 1px solid #cbc5e1;
  margin: 0 0 0 10px;
  float: none;
  font-size: 0.85em;
  font-weight: normal;
  line-height: 1.5em;
  text-indent: 0;
}

ul#menue li a,
ul#menue li.aktiv ul li a {
  color: #4b4b4b;
  text-decoration: none;
}

ul#menue .ende {
  border-bottom: none;
}

ul#menue li li.aktiv a {
  font-weight: bold;
  color: #996699 !important;
}



/* Inhalt */
div#inhalt {
  background-color: white;
  width: 743px;
  float: left;
  height: 577px;
}

/* min-height Fix */
div>div#inhalt {
  height: auto;
  min-height: 577px;
}  

body#index div#inhalt div#index_mitte {
  width: 530px;
  overflow: hidden;
}

#inhalt h1,
#inhalt h2,
#inhalt h3,
#inhalt h4,
#inhalt h5,
#inhalt p,
#inhalt dl {
  padding-left: 42px;
  padding-right: 42px;
}

#inhalt h1 {
  font-size: 1.8em;
  margin-top: 2em;
  margin-bottom: 1em;
  color: #996699;
}

#inhalt h2 {
  font-size: 1.4em;
  margin-top: 2em;
  margin-bottom: 1em;
}

#inhalt h3 {
  font-size: 1.2em;
  margin-top: 2em;
  margin-bottom: 1em;
  color: #996699;
}

#inhalt h4,
#inhalt h5 {
  font-size: 1em;
  margin-top: 2em;
  margin-bottom: 0;
}

#inhalt p {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 1.3em;
}

#inhalt a {
  color: #d71f2a;
}

#inhalt ul,
#inhalt ol {
  padding-left: 84px;
  padding-right: 42px;
  margin: 0 0 1em 0;
}

#inhalt ul li,
#inhalt ol li {
  font-size: 1em;
  margin-bottom: 0.5em;
  line-height: 1.3em;
}

#inhalt ol ol,
#inhalt ul ul,
#inhalt ol ul,
#inhalt ul ol {
  padding-left: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

body#sitemap #inhalt ol li {
  margin-bottom: 2em;
}

body#sitemap #inhalt ol ol li {
  margin-bottom: 0.5em;
}

#inhalt dl {
  margin: 0;
  font-size: 1em;
  line-height: 1.3em;
}

#inhalt dl dt {
  font-weight: bold;
}

#inhalt dl dd {
  margin-bottom: 1em;
}

body#hilfe_bei_asthma-selbsthilfe #inhalt dd {
  margin-left: 0;
}

#inhalt table {
  font-size: 1em;
  margin: 0 42px;
  empty-cells: show;
  border-collapse: collapse;
}

#inhalt td,
#inhalt th {
  border: 1px solid black;
  padding: 0.5em;
  vertical-align: top;
}

body#service-myday #inhalt td {
  vertical-align: middle;
}

#inhalt td ul {
  margin: 1em 1em 1em 2em !important;
  padding: 0 !important;
}

#inhalt dl.bild {
  margin-bottom: 2em;
}

#inhalt dl.bild dt {
  padding: 0;
  margin: 0;
  line-height: 1em;
}

#inhalt dl.bild dt img {
  border-top: none;
  border-bottom: none;
  border-left: 3px solid #b1a8d1;
  border-right: 3px solid #b1a8d1;
  margin: 0;
  padding: 0 10px;
  display: block;
}

#inhalt dl.bild dd {
  margin: 1em 0 0 0;
  padding: 0;
  font-size: 0.9em;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

#inhalt hr {
  margin: 0 42px 1em 42px;
  padding: 0;
  background-color: #b1a8d1;
  color: #b1a8d1;
  height: 3px;
  border: none;
  clear: both;
  text-align: left;
}

#index_mitte hr {
  margin-right: 15px;
}

body#service-medizintv iframe,
body#service-suche iframe {
  margin: 3em 0 2em 42px;
  width: 702px;
  height: 500px;
}

#inhalt object {
  margin-left: 42px;
}

#inhalt dl object {
  margin-left: auto;
}

body#service-index #inhalt strong {
  color: #996699;
}

/* Bilderrahmen */
#inhalt span.rahmen_oben {
  background-image: url(/_bilder/rahmen_o.png);
  background-repeat: repeat-x;
  display: block;
  height: 15px;
  margin: 0;
  padding: 0;
/* border: 1px dotted orange; */
}

#inhalt span.ecke_ol {
  background-image: url(/_bilder/rahmen_ol.png);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  float: left;
  margin: 0;
  padding: 0;
}

#inhalt span.ecke_or {
  background-image: url(/_bilder/rahmen_or.png);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  float: right;
  margin: 0;
  padding: 0;
}

#inhalt span.rahmen_unten {
  background-image: url(/_bilder/rahmen_u.png);
  background-repeat: repeat-x;
  display: block;
  height: 15px;
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
/* border: 1px dotted orange; */
}

#inhalt span.ecke_ul {
  background-image: url(/_bilder/rahmen_ul.png);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  float: left;
  margin: 0;
  padding: 0;
}

#inhalt span.ecke_ur {
  background-image: url(/_bilder/rahmen_ur.png);
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  float: right;
  margin: 0;
  padding: 0;
}



/* Inhalt Index Box rechts */
#inhalt div#box_index {
  width: 207px;
  background-color: #91b0e9;
  float: right;
  margin: 0;
  padding: 0;
}

div#box_index div.box {
  width: 207px;
  background: url(/_inhalt/_bilder/hg_box_index_box.png);
  background-repeat: repeat-y;
  margin-top: 15px;
}

div#box_index div.box_oben {
  width: 207px;
  height: 13px;
  background: url(/_inhalt/_bilder/box_index_box_oben.png);
  background-repeat: no-repeat;
}

div#box_index div.box_unten {
  width: 207px;
  height: 12px;
  background: url(/_inhalt/_bilder/box_index_box_unten.png);
  background-repeat: no-repeat;
  overflow: hidden;
}

div#box_index h2 {
  font-size: 1.5em;
  color: #996699;
  margin: 0.25em 0 0.5em 0;
  padding: 0 27px;
}

div#box_index p {
  padding: 0 27px;
  margin: 0;
  margin-bottom: 1em;
}

div#box_index_unten {
  background: url(/_inhalt/_bilder/box_index_unten.png) top left no-repeat;
  height: 14px;
  background-color: white;
}



/* Asthma-Scout Box Index */
#inhalt div#asthmascout {
  background: url(/_inhalt/_bilder/scout.png) top left no-repeat;
  margin: 0.5em 0 0 42px;
  padding: 0;
  width: 484px;
  height: 241px;
}

/* oberen Rand vergrößern für Nicht-IE-Browser */
html>body #inhalt div#asthmascout {
  margin-top: 1.5em;
}

#inhalt div#asthmascout span {
  display: block;
  position: relative;
  top: 104px;
  left: 258px;
  width: 192px;
}

#inhalt div#asthmascout p {
  font-weight: bold;
  padding: 0;
  margin: 0 0 0.7em 0;
  width: 192px !important;
}

div#asthmascout a {
  color: red;
  text-decoration: none;
  text-transform: uppercase;
}

div#asthmascout a:hover {
  color: #4b4b4b;
}



/* Inhalt MyDay */
body#service-myday h2 {
  padding: 91px 0 0 0;
  margin: 10px 35px 15px 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 37px 0;
  height: 0px !important;
  height /**/:91px; /* IE 5.x hack */
  width: 199px;
  float: left;
/* border: 1px solid orange; */
}

body#service-myday form {
  margin: 1em 1em 1em 42px;
}

body#service-myday select#gebiete option.bereich {
  /* background-color: #e5e2f0; */
}

body#service-myday select#gebiete option.teilbereich {
  background-color: white;
  border-bottom: 1px solid #e5e2f0;
}

body#service-myday select#gebiete option.inaktiv {
color: white !important;
background: red !important;
}

body#service-myday span.inaktiv {
  color: #999999;
  font-style: italic;
}

body#service-myday h2#pollen {
  background-image: url(/_inhalt/service/_bilder/pollenflug.png);
}

body#service-myday h2#feinstaub {
  background-image: url(/_inhalt/service/_bilder/feinstaub.png);
}

body#service-myday #inhalt table {
  float: left;
  margin: 10px 35px 0 0;
  padding: 0;
  border: none;
}

body#service-myday #inhalt table td {
  border: none;
  padding: 0 0 0 10px;
  white-space: nowrap;
}

div.feinstaub_werte {
  float: left;
  margin-top: 10px;
  margin-right: 35px;
}

#inhalt div.feinstaub_werte h3,
#inhalt div.feinstaub_werte p {
  padding-left: 0;
  padding-right: 0;
}

body#service-myday #inhalt div h3 {
  margin: 10px 0 0 0;
  padding-left: 10px;
  padding-right: 10px;
}

body#service-myday #inhalt div p {
  padding-left: 10px;
  padding-right: 10px;
}

body#service-myday #inhalt table,
body#service-myday #inhalt div {
  width: 215px;
  height: 82px;
  background-color: #f2f1f7;
}

body#service-myday #inhalt div {
  margin-top: 10px;
}



/* Fussbereich */
div#fussbereich {
  background-image: url(/_bilder/hg_fusszeile.png);
  background-repeat: no-repeat;
  width: 983px;
  height: 39px;
  clear: both;
}

#fussbereich ul {
  list-style: none;
  padding: 0;
margin: 0 0 0 35px;
}

#fussbereich ul li {
  color: #4b4b4b;
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0;
  margin: 0 1em 0 0;
  line-height: 32px;
}

#fussbereich a {
  color: #4b4b4b;
  text-decoration: none;
}