/* Formular: Feedback / Kontakt */
#kontaktform label {
  display:            block;
  float:               left;
  margin:                 0;
  padding:    2px 5px 2px 0;
  width:               10em;
}

/* Formular: Login */
#loginform {
  margin:   4px 8px 6px 8px;
  padding:       0 0 0 20px;
  border: 1px solid #000000;
  color:            #000000;
  background-color: #bbbbbb; /* h'grau */
  width:               15em;
}
#loginform label {
  display:            block;
  float:               left;
  margin:                 0;
  width:                5em;
}
#loginbutton {
  color:            #000000;
  margin:       0 1px 0 6em;
  width:                5em;
  height:             1.8em;
}

/* Formular: Daten des Einsenders */
#personform .pflichtfeld,
#personform .optionalfeld {
  background:       #66ffff;
  color:               blue;
  display:            block;
  float:               left;
  font-weight:       bolder;
  margin:      0 5px 0 10px;
  padding:  2px 5px 2px 5px;
  width:               10em;
}
.pflichtfeld:before {
  content: url(/images/vier1.gif)" ";
}
.input_info_p {
  color:            #0000ff;
  left:                33em;
  position:        absolute;
}

/* Formular: Daten eines Beitrags */
#strasseform .pflichtfeld {
  background:       #66ffff;
  color:               blue;
  display:            block;
  float:               left;
  font-weight:       bolder;
  margin:      0 5px 0 10px;
  padding:  2px 5px 2px 5px;
  width:               15em;
}
#eingabe .pflichtfeld {
  background:       #ffff00;
  color:               blue;
  display:            block;
  float:               left;
  font-weight:       bolder;
  margin:      0 5px 0 10px;
  padding:  2px 5px 2px 5px;
  width:               15em;
}
.input_info_s {
  color:            #0000ff;
  left:                45em;
  position:        absolute;
}
#strasseform textarea {
  margin:      3px 0 0 10px;
  width:                90%;
}
.cyan {
  background:       #66ffff;
  color:            #0000ff;
  font-size:           16px;
  margin-left:         10px;
  padding:              5px;
  width:                90%;
}
.cyan_spalte {
  background:       #66ffff;
  color:            #0000ff;
  font-size:           16px;
  margin-left:         10px;
  padding:              2px 3em 2px 3em;
}
.gelb {
  background:       #ffff00;
  color:            #0000ff;
  font-size:           16px;
  margin-left:         10px;
  padding:              5px;
  width:                90%;
}

/* Editform */
#editform  .feld,
#editform2 .feld {
  background:       #ffff00;
  color:               blue;
  display:            block;
  float:               left;
  font-weight:       bolder;
  margin:         0 5px 0 0;
  padding:  2px 5px 2px 5px;
  width:                7em;
}


/* Mehrere Spalten */
.spalten {
  border-right: 1px dotted blue;
  float:               left;
  vertical-align:       top;
  min-width:            15%;
  margin-bottom:       20px;
}
.box {  /* Box mit Rahmen */
  border:         solid 1px;
  color:               blue;
  margin:               1px;
  min-height:         1.5em;
  padding:              1px;
}
.box1 {  /* Box ohne Rahmen */
  color:               blue;
  margin:               3px;
  min-height:         1.5em;
  padding:              1px;
}
.thema2_button {
  width:               18px;
  font-size:          0.8em;
  border: 1px solid #0000ff;
  margin:                 0;
}

/* Wechselnde Farben der Tabellenzeilen */
tr.hell {
  background-color: #efefef;
}
tr.dunkel {
  background-color: #cfcfcf;
}

.button {
	background-color: #c0c0c0;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	border-style: outset outset inset inset;
	width:         20%;
	padding:       3px;
	text-align: center;
	color:     #000000;
}

/* Fehler, fehlende Eingaben */
.fehler {
  border: 3px inset #ff9999;
}
.hinweis {
  color:            #ff0000;
}

/* Tabelle: Zeilenbeschriftung */
td.g {  /*gelber Hintergrund */
	background-color:  #ffff00;
}
td.h {  /*cyan Hintergrund */
	background-color:  #66ffff;
}


/* Allgemeine Formatierung */
body {
  margin-left:       3%;
  margin-right:      3%;
  background-color: #ffffff;
  background-image: url(/images/background.gif);
  font-family: 'comic sans ms', arial, helvetica, sans-serif;
  font-size:      1.0em;
  font-style:    normal;
  font-variant:  normal;
  font-weight:   normal;
  line-height:   normal;
}
a:link {
  color:        #0000ff;
  /*text-decoration: none;*/
}
h1 a:link{
  color:        #0099ff;
  /*text-decoration: none;*/
}
a.buttona {
  background-color: #b0b0b0;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  border-style: outset outset inset inset;
  width:               auto;
  padding:  0px 3px 0px 3px;
  text-align:        center;
  color:            #0000ff;
  margin:   3px 0px 3px 0px;
  height:               50%;
}
a:visited {
  /*color:            #000099;
  text-decoration:     none;*/
}
h1 a:visited {
  color:            #0099ff;
  /*text-decoration:     none;*/
}
img {
  border:               0px;
}
.bildleft {
  float:               left;
  margin:   4px 10px 10px 0;
  clear:               left;
}
a:hover,
a:focus {
  background-color: #ff0000;
  color:            #ffffff;
  text-decoration:     none;
}
a[name]:hover,
a[name]:focus,
a img:hover,
a img:focus {
  background-color: #ffffff;
  color:            #0000ff;
}
a:active {
  color: #ff0000;
}
table {
	border-collapse: separate;
	left:                  1%;
	table-layout:        auto;
	width:                98%;
}
table.index {
	width:              703px;
}
th {
	background-color: #66ffff;
	text-align:          left;
}

h1, h2 {
  font-size:          1.4em;
}
h2.einsender,
h2.beitraege {
  clear:               both;
  color:            #000000;
  float:               left;
  font-size:            1em;
  font-weight:       normal;
  margin: 0;
  vertical-align:       top;
  width:                6em;
}
.abstand {
  word-spacing:         5em;
}
.beitraege1 {
  margin:         0 6em 0 0;
}

hr.dotted { /* blau gepunktete Linie */
  border:1px dotted #0000ff;
}

.center {
  text-align:        center;
}
.initial {
	color: red;
	float: left;
	font-size: 20pt;
	height: 1em;
	text-align: left;
	width: 1em;
}


.a01a {
	color:  #0000ff;
	font-size: 18px;
}
.a01b {
	color: #0000ff;
	font-size: 1.1em;
	font-weight: bold;
}
.a01c {
	color:  #0000ff;
	font-size: 16px;
	font-style: italic;
}
.a01d {
  clear:               both;
  color:            #0000ff;
  font-size:           16px;
}
.a01e {
	color: #ff0000;
	font-size: 16px;
}
.a01f {
  color:            #ff0000;
  font-size:           26px;
  font-weight:         bold;
}
.a01fc {
  color:            #ff0000;
  font-size:           26px;
  font-weight:         bold;
  text-align:        center;
}
.a01g {
	color: #0000ff;
	font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
	font-size: 70px;
	font-weight: bolder;
	font-style: normal;
	line-height: normal;
}
.a02a {
	color: #ff0000;
	font-size: 16px;
	text-decoration: underline;
}
.a02b {
	color: #0000ff;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bolder;
}
.a02c {
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #ff0000;
	color: #0000ff;
	font-size: 16px;
	font-weight: lighter;
}
.a02d {
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #0000ff;
	color: #0000ff;
	font-size: 16px;
}
.a02e {
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #0000ff;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #0000ff;
	color: #0000ff;
	font-size: 16px;
	font-weight: bold;
}
.a02f {
	border-bottom-color: #0000ff;
	border-bottom-style: double;
	border-bottom-width: 4px;
	border-top-color: #0000ff;
	border-top-style: double;
	border-top-width: 4px;
	color: #0000ff;
	font-size: 16px;
	font-weight: bold;
}
.a02g {
	color: #ff00ff;
	font-size: 16px;
	text-decoration: underline;
}
.a03a {
	color:#ff0000;
	float: left;
	font-family: 'comic sans ms', arial, helvetica, sans-serif;
	font-size: 20pt;
	height: 1em;
	text-align: left;
	width: 1em;
}
.a03b {
	color:#ff0000;
	float: left;
	font-size: 200%;
	text-align: left;
}
.a04a {
	background-color: #ff0033;
	color: #ffffff;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: bolder;
	text-transform: lowercase;
}
.a04b {
	background-color: #ffff00;
	border: thin solid #ff6633;
	color: #0000ff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.a04c {			/* Überschrift */
	font-size: 0.8em;
	background-color: #0000cc;
	color: #ffffff;
	text-transform: none;
	font-weight: bolder;
	left: auto;
	background-position: center;
	border-top: thick none #000000;
	border-right: thick none #000000;
	border-bottom: thick none #000000;
	border-left: thick none #000000;
}
.a04d {
	font-size: 16px;
	background-color: #0000cc;
	color: #ffffff;
	font-weight: bolder;
	left: auto;
	background-position: center;
	border-top: thick none #000000;
	border-right: thick none #000000;
	border-bottom: thick none #000000;
	border-left: thick none #000000;
}
.a04e {
	font-size: 16px;
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bolder;
	left: auto;
	background-position: center;
	border-top: thick none #000000;
	border-right: thick none #000000;
	border-bottom: thick none #000000;
	border-left: thick none #000000;
}
.a04f {
	font-size: 16px;
	background-color: #ffff00;
	color: #000000;
	font-weight: bolder;
	left: auto;
	background-position: center;
	border-top: thick none #000000;
	border-right: thick none #000000;
	border-bottom: thick none #000000;
	border-left: thick none #000000;
}
.a04g {
	font-size: 16px;
	border: thin solid #0000ff;
	background-color: #33ffff;
	color: #0000ff;
	text-transform: uppercase;
	clip: rect(auto, auto, auto, auto);
}
.a07a {
	font-size: 16px;
	background-color: #66ff99;
	color: #0000ff;
	text-transform: capitalize;
	padding: 20px;
	float: left;
	clear: none;
	border: thin solid #0000ff;
	width: 500px;
}
.a08a {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	text-align: left;
	text-indent: 1cm;
}
.a08b {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	list-style-position: outside;
	list-style-type: circle;
	text-align: justify;
	text-indent: 1cm;
}
.a08c {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	line-height: 10mm;
	text-align: justify;
	text-indent: 2cm;
}
.a9-blau {  /*Blaue Linie */
  background-color: #0000ff;
  clear: both;
  color: #0000ff;
  margin: 5px 0 5px 0;
}
.a9-rot {
	background-color: #ff0000;
	color: #ff0000;
}
.a10a {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	background-color: #ffccff;
	border: thin solid #ff33ff;
	left: 1cm;
	padding: 10px;
	width: auto;
}
.a10b {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	background-color: #ffccff;
	border: thin solid #ff33ff;
	left: 1cm;
	padding: 10px;
	width: auto;
}
.a10c {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	line-height: 10mm;
	background-color: #ffff33;
	vertical-align: top;
	border: thin solid #ff9900;
	padding: 10px;
	width: auto;
}
.a11a {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	list-style-position: inside;
	list-style-type: lower-alpha;
}
.a11b {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	list-style-position: inside;
	list-style-type: decimal;
}
.a12a {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	border: medium solid #0000ff;
	background: #66ffff;
	vertical-align: top;
	text-align: center;
}
.a12b {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	list-style-position: inside;
	list-style-type: decimal;
	border: medium solid #ff0000;
	background-color: #ffccff;
	vertical-align: middle;
	text-align: center;
}
.a12c {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	list-style-position: inside;
	list-style-type: decimal;
	border: medium solid #ff0000;
	background-color: #ffccff;
	vertical-align: middle;
	text-align: center;
}
.a13a {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	text-align: left;
	border-left: 1cm solid #ff6699;
	vertical-align: baseline;
	clip: rect(auto, auto, auto, auto);
	padding-left: 1cm;
}
.a13b {
	font-size: 14px;
	font-weight: bold;
	color: #0000ff;
	text-align: justify;
	border-left: 1cm solid #00ffff;
	vertical-align: baseline;
	clip: rect(auto, auto, auto, auto);
	padding-left: 1cm;
	padding-right: 1cm;
	border-right-width: 1cm;
	border-right-color: #ff9966;
	border-right-style: solid;
}
.a14a {
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	clip: rect(auto, auto, auto, auto);
	background-color: #ffcc99;
	padding: 6px;
	margin-left: 50px;
	border: 1px solid;
	width: 60%;
}
.a15a {
	font-size: 18px;
	font-weight: bold;
	background-color: #ff0000;
	color: #ffff00;
	border-top-color: #c0c0c0;
	border-top-style: outset;
	border-top-width: 4px;
	border-right-color: #000000;
	border-right-style: outset;
	border-right-width: 4px;
	border-left-color: #c0c0c0;
	border-left-width: 4px;
	border-left-style: outset;
	border-bottom-color: #cccc99;
	border-bottom-width: 4px;
	border-bottom-style: outset;
}
.a15b {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0000ff;
	border-top-color: #c0c0c0;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000000;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #c0c0c0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


/* weitere Klassen */
.inhalt {
  clear:               both;
}
.buergermeister {
  color:            #0000ff;
  font-size:           16px;
  margin:     0 7em 0 350px;
  text-align:        center;
}
.gedicht {
  color:            #0000ff;
  font-size:           16px;
  margin:       0 0 0 450px;
}
.kein_endeabstand {
  margin-bottom:        0px;
}
.textmarker_gelb {
  background:       #ffff00;
  font-weight:       bolder;
}
.zentriert {
  text-align:        center;
}
.rechts {
  text-align:         right;
}

/* Startseite */
.inhalt_start {
  clear:               both;
  background: url(/images/hintergrund.gif) repeat-y center top;
}
.erlangen {
  color:            #ff0000;
  font-size:           26px;
  font-weight:         bold;
  text-align:        center;
  word-spacing:        60px;
}
.roter_mann {
  position:        absolute;
  left:                 25%;
  top:                  20%;
  width:              100px;
}
.kde {
  margin:       0 25% 0 25%;
  padding:      2% 0 30px 0;
}
.projekte {
  position:        absolute;
  right:                10%;
  top:                   5%;
}

/* Such-Treffer */
.markieren {
  background:        yellow;
  font-weight:         bold;
  padding:              2px;
}
.menue {
  clear:               both;
  color:            #0000ff;
  float:               left;
  font-size:           16px;
  margin-bottom:       30px;
  margin-left:           5%;
  width:                15%;
}


/* Überschrift bei Strassen und Personen */
.nummern {  /* IDs */
  background:#0000cc center;
  border:              none;
  color:            #ffffff;
  font-size:          0.9em;
  font-weight:       bolder;
  text-transform:      none;
}
.ueberschrift {  /* Überschrift */
  background:       #0000cc;  /* blau */
  color:            #ffffff;
  font-weight:       bolder;
  min-height:         2.5em;
  margin-left:          35%;
  text-align:        center;
  text-transform:      none;
}

/* Listen */
ul.list_vier {
  color:               blue;
  list-style-image:url(/images/vier1.gif);
  margin-left:            0;
}
ol.list_num {
  color:               blue;
  list-style-type:  decimal;
  list-style-image:    none;
  margin-left:            0;
}
ol.list_abc {
  color:               blue;
  list-style-type: lower-alpha;
  list-style-image:    none;
  margin-left:            0;
}
.pinrot {
  list-style-image:url(/images/pin1.gif);
}
.pinblau {
  list-style-image:url(/images/pin6.gif);
}
.pingelb {
  list-style-image:url(/images/pin2.gif);
}
.pingruen {
  list-style-image:url(/images/pin5.gif);
}

/* Navigation: Leisten oben und unten */
.topnav {
  width:                98%;
}
.topnav_s1 {
  float:               left;
  width:                30%;
}

.footnav {
  clear:               both;
  width:                98%;
}
.footnav_s1 {
  float:               left;
  width:                20%;
}
.footnav_s2,
.footnav_s3 {
  float:               left;
  margin-bottom:       10px;
  width:                25%;
}
.footnav_s4 {
  float:               left;
}

.macher {
  display:            block;
}
.footnav_s11 {
  float:               left;
  width:                18%;
}
.footnav_sne1 {
  float:               left;
  margin-top:           3px;
  margin-left:          5px;
}
.footnav_sne2 {
  float:               left;
  margin-left:          5px;
  width:                18%;
}
.footnav_fen1 {
  float:               left;
  margin-top:           3px;
  padding-bottom:      10px;
}
.footnav_fen2 {
  float:               left;
  margin-left:          5px;
}
/* Rahmen um das Bild zu einem Beitrag */
.beitragbild {
  border: 1px solid #000000;
  padding:              4px;
}
.zusatzbild {
  border: 1px solid #000000;
  float:               left;
  margin:       6px 6px 0 0;
  max-width:          800px;
  max-height:         800px;
  padding:              4px;
}