/* allgemeine Definitionen */
body {
  font-size:100.1%;
  margin:0; padding:0;
}
#seite {
  padding:1em;
  color:black; background:#f9f9f9;
}
* html #seite {
  height:1em;
}

img {
  border: 0 none;
}
a {
  color: black; text-decoration:underline;
}
a:hover, ul.linkliste a:hover {
  color:white; background:#096; text-decoration:none;
}
a:active {
  color:#096; background:#eee;
}


/* Kopf */
h1 {
  text-align:right;
  margin:0; padding:0;
}
h1 img {
  width:500px; height:76px;
}
#WAI {
  position:absolute; top:68px; left:0; background:#f9f9f9;
}
* html #WAI {
  top:67px;
}
#WAI img {
  display:block; width:12.5em;
}
.wai {
  display:none;
}
#DoubleTitle {
  visibility:hidden;
}
#Kopf {
  float:right;
}
#Kopf li {
  font: normal 0.5em/1.5 Verdana,sans-serif;
}


/* Navigation */
#imenu {
  float:left;
  font: normal 0.82em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  padding: 1em;
}

#imenu span {
  font-weight:bold;
}

#imenu #machmit a, #imenu #machmit span {
  border:0; background:transparent url(mach-mit2.png) no-repeat 10px 0;
  padding:0 0 0 10px; display:block; width:180px;
}
#imenu #machmit a:hover img, #imenu #machmit span img {
  visibility:hidden;
}


/* Navigation neu */
.imenu {
  float:left;
  font: normal 0.82em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  padding: 1em;
}

.imenu span {
  font-weight:bold;
}

.imenu #machmit a, .imenu #machmit span {
  border:0; background:transparent url(mach-mit2.png) no-repeat 10px 0;
  padding:0 0 0 10px; display:block; width:180px;
}
.imenu #machmit a:hover img, .imenu #machmit span img {
  visibility:hidden;
}


/* Textbereich */
h2 {
  font: normal 1.5em "Century Gothic","Trebuchet MS",Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  color:#075;
  margin-top:6em;
}
h3, .title {
  font: bold 1em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  color:#075;
}
h3 dfn {
font-size:0.88em; font-style:normal; font-weight:normal;
}
p .title {
  font-size: 1.06em;
}
h4 {
  font: bold 0.93em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
}
p, #text li, th, td {
  font: normal 0.93em/1.4em "Century Gothic",Verdana,Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  word-spacing:0.2em;
}
small {
  font-size:0.82em;
}
#blau small {
  font-size:0.75em;
}
input, textarea, select, legend {
  font: normal 0.93em Verdana,Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
}
legend {
  font: bold 0.82em Verdana,Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  color:#075;
}
th {
  font-weight:bold;
}
td {
  vertical-align:top;
}
table {
  margin-left:-0.2em; margin-bottom:1em;
}
#space {
  height:600px;
}

#KontaktFormular.unten {
  clear:left;
}
.kurzeEingabe {
  width:18em;
}
#KontaktFormular #Strasse {
  margin-bottom:2px; width:18em;
}
fieldset {
  margin:0; padding:1em;
}
.langeEingabe {
  width:35em;
}
fieldset.langeEingabe {
  width:31em;
}
* html fieldset.langeEingabe {
  width:33em;
}
#KontaktFormular #versenden {
  margin-right:11.4em;
}
* html #KontaktFormular #versenden {
  margin-right:4em;
}
#KontaktFormular #Bestaetigung {
  text-align:left; background:#f0f3f0; padding:0.2em 0.6em;
}
#KontaktFormular #Bestaetigung small {
  font-size:0.75em; color:#075;
}

.linksbdg {
  text-align:left;
}
.zentriert {
  text-align:center;
}
.zeiten {
  text-align:left;
}

.linkliste {
  margin-left:0; padding-left:0;
}
.linkliste li {
  margin:0.5em 0 0 1em; padding-left:0;
}
.linkliste li li {
  margin-left:0;
}
.linkliste a:visited:after {
  content:"\2713";
}

.mitarbeiter img {
  width:120px; height:160px;
}
.mitarbeiter img.email {
  width:17px; height:13px;
}
#ok {
  font-weight:bold; text-align:left; color:#075;
}
#error, .Meldung {
  font-weight:bold; text-align:left; color:red;
}

.noJS {
  font:bold 0.75em Verdana,Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif; color:red;
}
#SubNavigation {
  list-style:none; margin:1em 0; padding:0;
}
#SubNavigation li {
  margin:0; padding:0 0 0.5em 0;
}
#SubNavigation a {
  padding:0 0 0 2em; background:url(bottom.gif) no-repeat bottom left; color:#075; font-weight:bold;
}
.SubNavigation {
  color:#075; font-weight:bold;
}
h3.SubNavigation, form#Infotext, h3.aktuell {
  margin-top:3em;
}
#comunal, #family, #social {
  margin-top:2em; width:7.5em;
}
.Project {
  font-style:italic;
  font-family:Verdana,Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
}
p.Listeneinleitung {
  margin-bottom:0;
}
ul.ListeEingeleitet {
  margin-top:0;
}
ul.Listeneinleitung {
  margin:0 0 1em 1em; padding:0;
}
ul.Listeneinleitung li {
  margin:0; padding:0;
}
#Leitbild {
  margin:2em 0 1em 0; width:410px;
}
#Organigramm h2 {
  margin-top:1em; visibility:hidden;
}
#Organigramm #text>table {
  margin-top:3em;
}
#Organigramm table {
  width:40em;
}
#Organigramm td {
  text-align:center;
  border:1px solid; border-color:#075 silver silver #075; padding:0.5em;
}
#Organigramm tr.overall td {
  border:0; padding:0.3em 0 0;
}
#Organigramm table h3 img {
  vertical-align:middle;
}
#Organigramm table h3 small {
  font-weight:normal; font-size:1em;
}
#Organigramm td.Fuehrung {
  background:#c6dec6;
}
#Organigramm tr#Fachbereich td {
  border-bottom:0; padding-bottom:0; padding-right:1px;
}
#Organigramm td.FBoben  {
  border-bottom:0; padding-bottom:0;
}
#Organigramm td.FBunten  {
  border-top:0; padding-top:0;
}
#Organigramm td.FBunten p {
  position:relative; top:-3em;
}
#Organigramm td#FB1a {
  background:#B0EAC7;
}
#Organigramm td#FB1b {
  background:#96ED9A;
}
#Organigramm td#FB2a {
  background:#E7E6B2;
}
#Organigramm td#FB2b {
  background:#EDED9B;
}
#Organigramm td.FB3 {
  background:#B6D9DC;
}
#Organigramm td.FB4 {
  background:#E5E5E5;
}
#Organigramm td.FB1, #Organigramm td.FB2, #Organigramm td.FB3 {
  border-right:1em solid #fff; border-top:0;
}
#Organigramm td.FB4 {
  border-top:0;
}
#Organigramm table h3, #Organigramm table h4 {
  color:black; margin:0 0 0.3em;
}

#Datei, #Beschreibung, #Link, #LinkBeschreibung, #InfoH, #InfoP {
  width:500px;
}
#Datei, #Link, #InfoP {
  margin-left:1.4em;
}


/* Fuss */

#text #top img {
  width:15px; height:18px;
}

#ende {
  clear:both; text-align:right;
}

#ts {
  font-size: 0.63em; text-align:right;
}
#ts a {
  color:#075;
}
#ts a:hover {
  color:#fc0;
}


/* blauer Bereich */

#blau h2, #blau h3 {
  color:#004a9c;
}

#blau p a:hover, #blau ul.linkliste a:hover {
  background:#004a9c;
}
#blau a:active {
  color:#004a9c;
}