/* CSS-Datei zu www.mueller-de.net.de */

/*Seite allgemein*/
body {background: #001063;
  margin: 10px 1% 10px 1%;
  padding: 0;
  color: #001063;
  font-size: 83%;
  text-align: left;
  width: 95%
}

/*Seitenbereich mit runde-Ecke-Bild links*/
#top {background: #9C0000}

/*Seitenbereich mit runde-Ecke-Bild rechts*/
#seite {background: #9C0000;
  min-width: 590px;
  max-width: 65em;
  margin: auto;
  height: 400px
}

/*Kopfbereich mit Logo und Styleswitcher*/
#kopf {color: #cecfce;
  font-size: 1.6em;
  font-weight: bold;
  height: 2em;
  min-height: 60px;
  width: 100%;
  margin: 0 1% 0 1%;
  padding: 0;
  background: #9C0000;
  text-align: center
}

html>body div#kopf {width: 96%;
  margin: 0 auto 0 auto;
}

/*Hauptnavigation-Container*/
#hauptmenue {height: 1.6em;
  background: #9C0000;
  color: #fff;
  width: 100%;
  margin: 0 1% 0 1%;
  padding: 0 0 2px 0;
  font-weight: bold
}

html>body div#hauptmenue {width: 96%;
  margin: auto
}

head:first-child+body div#hauptmenue {margin: 0px auto 0 auto
}

/*Hauptnavitionspunkte*/
#hauptmenueliste {margin: 0
}

#hauptmenueliste ol {display: block;
  list-style: none;
  padding: 0;
  margin: 0
}

#hauptmenueliste li {width: 15em;
  height: 1.65em;
  padding: 0;
  margin: 0;
  color: #fff;
  background: #9C0000;
  font-size: 93%;
  text-align: center;
  letter-spacing: 1px;
  display: block;
  float: left;
  position: relative;
  top: 1px
}

#hauptmenueliste li.aktiv {color: #fff
}

#hauptmenueliste li a {display: block;
  width: 100%
}

#hauptmenueliste li strong {display: block;
  color: #fff;
  width: 100%
}

html>body div#hauptmenueliste li a {padding-top: 3px
}

html>body div#hauptmenueliste li strong {padding-top: 3px
}

#hauptmenueliste a:link, #hauptmenueliste a:visited {color:#9C9E9C;
  font-weight:bold;
  background: transparent;
  text-decoration: none;
}

#hauptmenueliste a:hover {color: #001063;
  text-decoration: underline
}

#content {width: 96%;
  float: left;
  margin: 0;
  padding: 2%;
  background: #fff;
  text-align: center
}

html>body div#content {width: 96%;
  margin: 0
}

#content a {color: #001063;
  text-decoration:none;
  font-weight:bold;
}

#content a:hover {color: #9C0000;
  text-decoration: underline
}

html>body #content a {color: #001063;
  background: transparent;
  text-decoration: none
}

#content ol {list-style-type: decimal;
  margin: 0;
  padding: 0 2px 10px 30px;
  background-color: #fff
}

/*Fusszeilen-Container*/
#footer {color: #fff;
  background: transparent;
  width: 100%;
  height: 1.7em;
  margin: 1em auto 1em auto;
  padding: 0;
  font-weight: bold
}

/*Verweise im Fusszeilen-Container*/
#footernavi ul {padding: 0;
  margin: 0
}

#footernavi li {float: left;
  width: auto;
  margin: .2em 2px 0 0;
  padding: 0;
  list-style: inside;
  position: relative;
  top: 0;
  color: #fff;
  padding: 0 .2em
}

#footernavi li a {color: #9C9E9C;
  text-decoration: none
}

#footernavi li a:link {color: #9C9E9C;
  text-decoration: none
}

#footernavi li a:visited {color: #9C9E9C;
  text-decoration: none
}

#footernavi li a:hover {color: #001063
  text-decoration: underline
}

#footernavi li a:active {color: #001063
  text-decoration: underline
}

/*Fusszeile Verweis nach Seitenanfang*/
ul#footernavi li#seitenanfang {list-style-image: url(../images/anfang.gif)
}

ul#footernavi li#startseite {list-style-image: url(../images/home.gif)
}

ul#footernavi li#inhalt {list-style-image: url(../images/inhalt.gif)
}

ul#footernavi li#kontakt {list-style-image: url(../images/mail.gif)
}

ul#footernavi li#copyright {list-style-image: url(../images/info.gif)
}

#footernavi li strong {color: #fff
}

/*Suchen-Formular*/
form {margin: 0;
  padding: 0
}

input, textarea, select {background: #ffff99;
  color: #000;
  font-size: .9em
}

input, legend, option, select, textarea {font-weight: bold;
  line-height: normal;
}

input:focus, textarea:focus {background: #fff;
  color: #000;
  font-weight: bold;
  font-size: .9em;
  line-height: normal;
}

:focus, a:hover {color:#9C0000;
  text-decoration: underline
}

a:link, a:visited, a:hover, a:active, a:focus {cursor: pointer
}

/* SOLL DAS WIRKLICH SO BLEIBEN??? */
a[href] {text-decoration: underline
}

.fixfloat {float: none;
  clear: both;
  width: 1px;
  margin: 0;
  padding: 0;
  font-size: 0px;
  line-height: 0px;
  height: 1px
}

#content h1 {background: #fff;
  color: #001063;
  margin: 0;
  width: 98%;
  font-size:1.6em;
  font-weight: bold
}

/* Bilder generell */
img {border: 0;
  color: #000;
  background: transparent
}

/* Versteckt, nicht sichtbar (fuer Link-Trennung) */
.unsichtbar {display: none;
  margin: 0;
  padding:0
}

abbr, acronym, dfn {font-variant: normal;
  font-style: normal;
  text-transform: none
}

a, address, blockquote, div, caption, cite, dfn, dl, dt, fieldset, h1, h2, h3, img, input, label, legend, li, ol, option, p, q, select, textarea, td, th, ul {font-family: verdana,arial,helvetica
}

/* Kapitelueberschriften */
#content h2 {color: #000;
  background-color: #ffdf00;
  border: 1px solid #ffff99;
  font-size: 1.2em;
  width: 98%
}

/* Unterkapitelueberschriften */
#content h3 {color: #000;
  background-color: #ffff99;
  border: 1px solid #ffdf00;
  font-size: 1em;
  width: 98%
}

strong {color: #000;
  font-weight: bolder;
  background: transparent
}

/* Tabelle */
table {
  width: 98%;
  border-collapse: collapse;
  border: 0
}

/* Normale Tabellenzelle */
td {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  vertical-align: top
}

/* Zelle, rechts ausgerichtet */
td.rechts {text-align: right
}

/* Zelle mit einer Grafik als Inhalt */
td.grafik {
  text-align: center
}

td.mittig {text-align: center;
  vertical-align: middle
}

td.treffen {border-width:1mm;
  border-color:#001063;
  border-style:solid;
  text-align:center;
  vertical-align:middle;
  width:75
}

td.bild {font-size:08pt;
  vertical-align:bottom
}

td.bild_r {font-size:08pt;
  vertical-align: bottom;
  text-align: right
}

td.bild_l {font-size:08pt;
  vertical-align: bottom;
  text-align: left
}

/* Kopfzelle */
th {
  background-color: #e3e7f6;
  border: 1px solid #5200a5;
  color: #000;
  vertical-align: top;
  text-align: left
}

th, td {font-size: .8em
}

html>body th, html>body td {font-size: .9em
}

a:link {color:#001063;
  font-weight:bold;
}

a:visited {color:#001063
}

a:hover {color:#9C0000;
  text-decoration: underline
}

a:active {color:#001063;
  font-weight:bold;
}

a:link:hover {color:#9C0000;
  text-decoration: underline
}

a:visited:hover {color:#9C0000;
  text-decoration: underline
}

a:hover:active {color:#001063;
  font-weight:bold;
}

#content p, #content form, #content dl, #content pre, #content table, #content address {line-height: 150%;
}

/* zentriert ausgerichtet */
.zentriert {
  text-align: center;
}

/* Liste allgemein */
ul {list-style-image: none;
  list-style-type: disc
}

/* Brotkrumenpfad */
#pfad {font-size: .85em
}

img.border_image {
 border: 1px solid #666666;
}
