@CHARSET "UTF-8";
/**
 * Gemeinsames Stylesheet fuer die Ausgabe auf allen Medien
 *
 * Farben:
 * Blau: 10a5de
 * Grün: 849c21
 * Gelb: ffde00
 * @author [bsp] Andy Pillip
 * @version template: $Id: common.css 65 2010-02-17 11:00:51Z andy $
 */
body {
  background-color: white;
  font-family: Arial, Opus, Verdana, sans-serif;
  text-align: left;
}

/* Allgemeine Links */
a,
a:link {
  color: #107FC9;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #107FC9;
  text-decoration: none;
  background: #FDF79B;
}
a:active {
  color: #879C24;
  text-decoration: none;
  background: #ffffff;
}
a:visited {
  color: #159FD9;
  text-decoration: none;
}

a img {
  border: none;
}

h1, h2, h3, h4 {
  page-break-after: avoid;
}

h1 {
	font-size: 175%;
	line-height: 101%;
	font-weight: bold;
	padding: 0em;
	margin: 0em 0em 1.2em 0em;
	color: black;
}

h2 {
	color: black;
	font-size: 133%;
	padding: 0em;
	margin: 0em;
}

h3 {
	color: black;
	font-size: 110%;
  font-weight: bold;
	padding: 0;
	margin: 0;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

address,
blockquote,
cite {
  font-style: italic;
}

dt {
  font-weight: bold;
  page-break-after: avoid;
}
dd {
  margin-left: 3em;
  page-break-before: avoid;
}

img {
  page-break-inside: avoid;
}

/** eigene Klassen **/
.bilderspalte {
  display: block;
  padding: 0em;
}
.rechts {
  float: right;
  margin: 0em 0em 1em 1em;
  text-align: right;
}
.links {
  float: left;
  margin: 0em 1em 1em 0em;
  text-align: left;
}
.bilderspalte-clear {
  clear: both;
}

.personen {
  display: block;
  margin: 0em;
  padding: 0em;
}
ul.personen {
  list-style: none;
}
ul.personen li {
  display: block;
  margin: 1em;
  padding: 0.5em;
  
  clear: both;
}
.personen li img {
  display: block;
  float: left;
  margin: 0em;
}

.personen dl,
.personen p,
.personen h2,
.personen h3  {
  display: block;
  margin: 0em 0em 1em 100px; /* Das Bild links daneben ist 86px breit */
  padding: 0em;
}
/*
 * Definitionslisten, die wie Tabellen dargestellt werden sollen
 */
.personen dt,
.tabelle dt {
  display: block;
  float: left;
  text-align: right;
  width: 10em;
  margin: 0em 1em 0em 0em;
}
.personen dd,
.tabelle dd {
  margin-left: 11em;
}

/** in Satzungsauszügen sollen die Abschnitte in Klammern vor
 * dem entsprechenden Absatz dargestellt werden
 **/
.vertraglich {
  margin-left: 3em;
  text-indent: -3em;
}
.vertraglich dfn {
  display: block;
  float: left;
  width: 3em;
  padding: 0em;
  margin: 0em;
}
.vertraglich dfn:before {
  content: "(";
}
.vertraglich dfn:after {
  content: ")";
}

/**
 * Stile nur für die Startseite
 */
#inhalt.startseite img {
  display: block;
  float: right;
  margin-right: 0.5em;
}
#inhalt.startseite blockquote {
  width: 15em; /* das Zitat sieht nicht so breit besser aus */
}
#startseite {
  width: 22.5em; /* genau der grüne Balken */
}