/** Allgemeine Elementanweisungen */

body {
  background: #FFF;
  color: #000;
  font-family: verdana, arial, sans-serif;
  font-size: 100.01%;
  line-height: 1.3;
  padding: 10px 20px 10px 20px;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset, legend, label {
  padding: 0;
  margin: 0;
}


li li,
li p,
li h4,
td p {
  font-size: 100% !important;
}

a:link,
a:visited { 
  text-decoration: underline;
  color:#000;
}

a img { border: 0; }

fieldset {
  border: 0;
  border-style: solid; /* fuer opera 7 */
  font-size: .7em;
}

fieldset.border {
  border: 1px solid #000;
}

legend {
  font-weight: bold;
  color:#000;
}

input, textarea, select {
  font-size: 100%;
  padding: 2px;
  margin: 0;
  vertical-align: middle;
}

select {
  border: 1px solid #5B9DC6;
}

hr { display: none; }

input.submit {
  border-width: 0;
}

input.text {
  width: 300px;
  border: 1px solid #000;
}
input.textsmall {
  width: 186px;
  border: 1px solid #000;
}

select.select-small {
  width: 215px;
}

label.border {
  padding-right: 6px;
  border-right: 1px solid #000;
  margin-right: 2px;
}

ul {
  margin:0 0 .5em 1em;
}

li {
  font-size: .7em;
}

td, th { font-size: .7em;}

h2 {
  color: #000;
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 .5em 0;
}

h2.linie {
  border-bottom: 1px solid #000;
  padding: 0 0 .3em 0;
  margin: 0 0 .3em 0;
}

h3 {
  font-size: .7em;
  margin: 0 0 .5em 0;
}

h3.gross {
  font-size: 1em;
  font-weight: normal;
}

h3.bullet {
  font-size: .8em;
  margin:0 0 .8em 0;
}

h4 {
  font-size: .7em;
  margin: 0 0 .5em 0;
}

h4.abstand-oben {
  padding-top: 1.5em;
}

#inhalt p.bildLinks {
  float: left;
  margin: 3px 15px 10px 0;
}

#inhalt p.bildRechts {
  float: right;
  margin: 3px 0 10px 10px;
}

.box {
  border: 1px solid #000;
  padding: 5px 10px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Allgemeine Klassenanweisungen */

.stopFloat {
  float: none;
  clear: both;
  display: block;
  overflow: hidden;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

.unsichtbar,
#service-menue,
#suche,
#menuespalte,
#breadcrumb,
#ina,
ul#zielgruppen-menue,
.veranstaltungen-wo-wann,
.veranstaltungsarten,
a.weiter,
#fuss,
a.mehr,
p.ueberschrift-link,
ul.sprunglinks{
  display:none;
  
}

#funktionen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.5em;
  background: #CCC;
}

#druckversion {
  padding: 4px 0 0 10px;
  font-weight: bold;
}

#vorlesen { display: none; }

#logo {
  width: 220px;
  padding: 1px;
  margin: 2.5em 0 30px 0;
  border: 1px solid #000;
  text-align: center;
}

#hauptbereich {
  max-width: 38em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Formatierungen im Inhaltsbereich */

#inhalt p {
  font-size: .7em;
  margin: 0  0 .8em 0;
}

#inhalt p.abstaende {
  margin: 1.4em 0 2.2em 0;
}


.veranstaltungen-uebersicht h3 {
  font-size: .65em;
  text-transform: uppercase;
  margin: 0 0 0 0;
}

 ul.veranstaltung-teaser {
  margin: 0;
  padding:0;
  clear:both;
}
.veranstaltung-teaser li {
  margin: 0;
  padding:0;
  display: inline;
}

.veranstaltung-teaser h4 {
  font-size: .7em;
  padding: 0px 0 0 0;
  margin: 0 0 1px 0;
}

#hauptbereich .veranstaltung-teaser p {
  padding: 0 0 5px 0;
  margin: 0 0 3px 0;
}

.veranstaltung-teaser strong {
  color: #555;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** Teaser */

.teaser-block {
  margin: 0 0 .5em 0;
}

.teaser-block-titel {
  background: #fff;
  font-size: .65em;
  text-transform: uppercase;
  margin: 0 0 0.9em 0;
}

.teaser {
  padding: 0 0 0.6em 0;
  margin: 0 0 0.6em 0;
}

.teaser-block .ohneRahmen {
  border: none;
}

.teaser h3,
.teaser h4 {
  font-size: .7em;
  padding: 0;
  margin: 0;
}

#inhalt .teaser p {
  padding: 0;
  margin: 0;
}

img.teaser-img {
  float: left;
  margin-right: 10px;
}

.teaser a:link,
.teaser a:visited {
  font-weight: bold;
}

/* Box für weitere teaser in der rechten Spalte */

#inhalt .weitere-teaser h3 {
  color: #555555;
  font-size: .65em;
}

#inhalt .weitere-teaser p {
  margin:0 0 0 0;
}

#inhalt .weitere-teaser strong {
  color:#555555;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * **/

/* Veranstaltung Einzel-ansicht */
ul.termine {
  list-style-position: outside;
  width: 14em;
  padding-top: 0;
  border-top: 1px solid #000;
  margin-top: .3em;
  margin-bottom: 1em;
}

ul.termine li {
  padding: .2em 0 .2em 0;
  border-bottom: 1px solid #000;
  margin: 0 0 0 0;
  display:block;
}

#inhalt p.veranstaltung-termin {
  font-weight: bold;
  color: #555555;
  padding-bottom:6px;
  margin-bottom:1.5em;
  border-bottom: 1px solid #000;
}

/* Datentabellen */
table.datentabelle {
  border:0;
  margin:0 0 27px 0;
}

table.datentabelle th {
  font-weight: normal;
  text-align:left;
  color: #000;
  padding: 2px 7px 4px 7px;
  background: #eee;
  border-top: 1px solid #000;
  border-right-width:0;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  vertical-align: top;
}

table.datentabelle th.first {
  border-left-width: 0;
}

table.datentabelle td {
  padding: 4px 7px;
  border-top-width:0;
  border-right-width:0;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  vertical-align: top;
}

table.datentabelle td.first {
  background: #eee;
  border-left-width: 0;
}