/* Standard-CSS-Datei zu www.it-infothek.de */

/*Seite allgemein*/
body {background: #fff url("../images/background.png") top left repeat-x;
  margin: 10px 1% 10px 1%;
  padding: 0;
  color: #000;
  font-size: 83%;
  width: 95%
}

/*Seitenbereich mit runde-Ecke-Bild links*/
#top {background-image: url("../images/linke_ecke.png");
  background-position: top left;
  background-repeat: no-repeat;
  padding: 1%
}

/*Seitenbereich mit runde-Ecke-Bild rechts*/
#seite {background: #fff url("../images/rechte_ecke.png") top right no-repeat;
  color: #000;
  min-width: 590px;
  max-width: 65em;
  margin: auto;
  height: 800px
}

/*Kopfbereich mit Logo und Styleswitcher*/
#kopf {color: #000;
  font-size: .85em;
  height: 4em;
  min-height: 60px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff url("../images/it_infothek.gif") top left no-repeat
}

#kopf p {text-align: right
}

/*Hauptnavigation-Container*/
#hauptmenue {height: 1.6em;
  background: #fff url("../images/underline.gif") bottom right no-repeat;
  color: #000;
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: bold
}

/*Hilfsverweise zur Navi und zum Text*/
#hilfsverweise {float: left;
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff;
  font-size: .95em
}

#hilfsverweise a {color: #000;
  background: #fff;
  text-decoration: none
}

#hilfsverweise a:hover {color: #000;
  background: #fff;
  text-decoration: none
}

/*Hauptnavitionspunkte*/
#hauptmenueliste {margin: 0
}

#hauptmenueliste ol {display: block;
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0
}

#hauptmenueliste li {width: 8em;
  max-width: 9em;
  min-width: 7em;
  height: 1.65em;
  margin: 0px 5px;
  color: #000;
  background: #fff url("../images/hauptmenueliste.gif") no-repeat right top;
  font-size: 93%;
  letter-spacing: 1px;
  float: left
}

#hauptmenueliste li.aktiv {background: #fff url("../images/hauptmenueliste_aktiv.gif") no-repeat right top;
  color: #000
}

#hauptmenueliste a {display: block;
  background: url("../images/hauptmenueliste_left.gif") no-repeat left top;
  height: 1.65em;
  width: 100%
}

#hauptmenueliste strong {display: block;
  background: url("../images/hauptmenueliste_aktiv_left.gif") no-repeat left top;
  height: 1.65em;
  width: 100%
}

#content {width: 70%;
  float: left;
  padding: 0;
  margin: 1% 0;
  background: #fff;
  color: #000
}

#content ol {list-style-type: decimal;
  margin: 0;
  padding: 0 2px 10px 30px;
  background: #fff;
  color: #000
}

/*Verweis-Container im Inhalt*/
#verweismenue {width: 98%;
  color: #000;
  font-size: .95em;
  background: #ffffe9;
  border: 1px dotted #5200a5;
  font-weight: bold;
  padding: 0;
  margin: 10px 0 0 0
}

/*Ueberschrift Verweis-Container im Inhalt*/
#content #verweismenue h2 {color: #000;
  background: #e3e7f6;
  font-size: 1.2em;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%
}

/*Verweis-Menue-Punkte*/
ul#verweismenueliste {margin: 0;
  padding: 3px 0 4px 20px;
  vertical-align: middle
}

#verweismenue .aktiv {font-weight: normal
}

/* Aufzaehlung mit eigenem Bullet */
ul#verweismenueliste {list-style-image: url(../images/dokument.gif);
  margin: 0;
  padding: 0 2px 10px 20px
}

/*Service-Navigation*/
#navigation {width: 25%;
  float: right;
  padding: 0;
  margin: 1% 0;
  background: #ffffe9;
  color: #000
}

/*Erster Container in Service-Navigation*/
#servicemenue {background: #fff;
  color: #000
}

/*Accesskey-Container in Service-Navigation*/
#hilfemenue {background: #ffffe9;
  color: #000
}

/* Impressum-Container in Service-Navigation*/
#anbieter {background: #ffffe9 url("../images/servicemenueliste.png") repeat-x;
  color: #000
}

/* News-Container in Service-Navigation*/
#news {background: #ffffe9 url("../images/servicemenueliste.png") repeat-x;
  color: #000
}

/*Ueberschrift eines Service-Containers*/
.servicehead {float: left;
  width: 100%;
  border-bottom: 2px solid #ffdf00;
  font-size: 93%
}

.servicehead h2, .servicehead h3 {float: left;
  color: #000;
  background: #fff url("../images/reiter_navi_rechts.gif") no-repeat right top;
  width: auto;
  margin: .7em 0 -1px 0;
  padding: 0;
  font-size: .95em
}

.servicehead span {display: block;
  background: url("../images/reiter_navi_links.gif") no-repeat left top;
  padding: 2px 3px;
  clear: both
}

.serviceliste {background: #ffffe9 url("../images/servicemenueliste.png") repeat-x;
  color: #000;
  margin-top: -.1em;
  padding-top: .5em
}

/* Service-Menue-Punkte */
ul#servicemenueliste {margin: 0;
  padding: 3px 0 4px 12px;
  list-style: disc url("../images/point.gif") outside
}

/* Service-Menue-Punkte */
ul#hilfemenueliste {margin: 0;
  padding: 3px 0 4px 12px;
  list-style: disc url("../images/point.gif") outside
}

#navigation p {margin: 0 .2em .5em .5em;
  font-size: .9em
}

#navigation li, #navigation img {margin: .2em 0 .2em .5em;
  padding: 0
}

/* Was auf der Seite zu finden ist (Zusammenfassung) */
#teaser {width: 96%;
  color: #000;
  font-size: .95em;
  background: #e3e7f6;
  border: 1px dotted #5200a5;
  font-weight: bold;
  padding: 5px
}

/*Abkuerzungen und Akronyme*/
abbr, acronym {border-bottom: 1px dotted #000;
  cursor: help
}

/*Fusszeilen-Container*/
#footer {color: #000;
  background: #fff url("../images/footer.gif") repeat-x;
  width: 100%;
  height: 1.7em;
  margin: 0;
  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 .2em;
  list-style: inside;
  position: relative;
  top: 0;
}

/*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/f_logo.jpg)
}

/*Gaestebuch- und Suchen-Formular einbinden*/
form, fieldset {margin: 0;
  padding: 0;
  border: 0 none
}

input, textarea, select, address {margin: 0 0 .5em 0;
  padding: 0;
  font-size: .9em
}
input, textarea, select {background: #ffff99;
  color: #000
}

input, legend, option, select, textarea {font-weight: bold;
  line-height: normal;
}

input:focus, textarea:focus {background: #fff;
  color: #000;
  font-weight: bold;
  line-height: normal;
}

a:link, a:visited, a:hover, a:active, a:focus {cursor: pointer
}

/* Tabellenueberschrift */
caption {caption-side: top;
  border-style: solid none;
  border-width: 1px;
  border-color: #ffdf00;
  padding: 0;
  margin: 0;
  color: #000;
  background: #fff
}

.fixfloat {float: none;
  clear: both;
  width: 1px;
  margin: 0;
  padding: 0;
  font-size: 0px;
  line-height: 0px;
  height: 0px
}

/* Bilder generell */
img {border: 0
}

/* 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, caption, cite, div, dfn, dl, dt, fieldset, h1, h2, h3, img, input, label, legend, li, ol, option, p, q, select, textarea, td, th, ul {font-family: Arial, Helvetica, Serif
}

cite, q, em  {font-style: italic;
   font-size: 1em
}

code {font-size: .95em;
  font-family: Monaco, Courier, monospace
}

dd {margin: 0;
  padding: 0 0 1em 0
}

dt, legend, strong, th {font-weight: bolder
}

/* Seitenueberschriften */
#content h1 {background: #ffdf00;
  color: #000;
  margin: 0;
  width: 98%;
  font-size:1.4em;
  font-weight: bold
}

/* Kapitelueberschriften */
#content h2 {color: #000;
  background: #ffdf00;
  border: 1px solid #ffff99;
  font-size: 1.2em;
  width: 98%
}

/* Unterkapitelueberschriften */
#content h3 {color: #000;
  background: #ffff99;
  border: 1px solid #ffdf00;
  font-size: 1em;
  width: 98%
}

/* Unterkapitelueberschriften */
#content h3 a:link,
#content h3 a:visited,
#content h3 a:hover,
#content h3 a:active,
#content h3 a:focus {
  background: #ffff99;
  color: #000;
  cursor: auto;
  text-decoration: none;
}

/* Tabelle */
table {width: 98%;
  border-collapse: collapse;
  border: 0
}

/* Normale Tabellenzelle */
td {background: #fff;
  border: 1px solid #efefef;
  color: #000;
  vertical-align: top
}

/* Zelle, rechts ausgerichtet */
td.rechts {text-align: right
}

/* Zelle mit einer Grafik als Inhalt */
td.grafik {text-align: center
}

/* Kopfzelle */
th {background: #e3e7f6;
  border: 1px solid #5200a5;
  color: #000;
  vertical-align: top;
  text-align: left
}

th, td {font-size: .8em
}

td ul {margin: 0;
  padding: 0 0 10px 15px
}

a:link {color: #0732bd;
  text-decoration: none;
  background: inherit
}

a:visited {color: #0732bd;
  text-decoration: none;
  font-style: italic;
  background: inherit
}

a:hover {color: #000;
  text-decoration: underline;
  background: inherit
}

a:active, a:focus {color: #000;
  background: #e3e7f6
}

#content p, #content form, #content dl, #content pre, #content ul, #content ol, #content table, #content address {line-height: 150%
}

/* Meist fuer Quellcode genutzt */
pre {background: #e3e7f6;
  color: #000;
  margin: 0 0 .95em 0
}

/* Umschliesst ein Bild */
p.grafik {width: 98%;
  background: #fff;
  color: #000;
  border: 1px solid #c00040;
  text-align: center;
  padding: 5px 0px;
  margin: 0;
  overflow: auto
}

/* weinrot und fett (fuer Resultat) */
.ergebnis {color: #c00040;
  background: #fff;
  font-weight: bold
}

/* Fuer Beispiele-Absatz */
.beispiel {width: 96%;
  color: #000;
  background: #e3e7f6;
  border: 1px dotted #5200a5;
  font-weight: normal;
  padding: 5px
}

/* Bildbeschreibungen */
.klein {background: #fff;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #ffdf00;
  color: #000;
  width: 98%;
  font-size: 0.8em;
  margin-top: 0
}

/* Disclaimer Linkseite OSZ */
#disclaimer {background: #fff;
  border: 1px dotted #0732bd;
  color: #000;
  font-size: .8em;
  width: 98%
}

/* Wandel in Grossbuchstaben */
.grossbuchstaben {text-transform: uppercase
}

/* unterstrichen und fett (bisher in p) */
.hervor {font-size: 1em;
  font-weight: bold;
  border-bottom: 1px solid #000;
  width: 98%
}

/* Referenzen Bildvorschau */
.vorschau {float: left;
  margin: 0 20px 10px 0
}

/* zentriert ausgerichtet */
.zentriert {text-align: center
}

/* Liste allgemein */
ul {list-style-image: none;
  list-style-type: disc
}

/* Aufzaehlung mit eigenem Bullet */
ul.verweis {list-style-image: url(../images/point.gif);
  margin: 0;
  padding: 0 2px 10px 20px;
  background: #fff;
  color: #000
}

/* Aufzaehlung mit eigenem Bullet */
ul.unterverweis {list-style-image: url(../images/point.gif);
  margin: 0;
  padding: 0 0 0 20px;
  background: #fff;
  color: #000
}

/* Aufzaehlung mit eigenem Bullet extern */
ul.extern {list-style-image: url(../images/extern_sw.gif);
  margin: 0;
  padding: 10px 2px 10px 20px;
  background: #fff;
  color: #000
}

/* Pfeil-Verweise auf den Untermenueseiten */
p.pfeilnavigator {background: #fff;
  color: #000;
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #cccccc;
  text-align: right;
  padding: 0 5px 0 0;
  margin: 0;
  width: 98%
}

/* Brotkrumenpfad */
#pfad {font-size: .85em;
  padding: 0;
  margin: 0
}

/* Blaue Schrift */
.schriftblau {background: #e3e7f6;
  color: #5200a5;
  font-weight: bolder
}

/* Rote Schrift */
.schriftrot {background: #e3e7f6;
  color: #C00040;
  font-weight: bolder
}

/* Styleswitcher Schrift */
#schriftswitcher {font-weight: bolder;
  padding: 0;
  margin: 0
}

/* Styleswitcher Styles */
#stilswitcher {font-weight: bolder;
  padding: 0;
  margin: 0
}

/* FUER DEN BEREICH BARRIEREFREI */

/* Erklaerung (wie eine Fussnote) */
.erklaerung {color: #000;
  background: #e3e7f6;
  font-size: .85em
}

/* Eingabefeldbeschriftung */
label {font-size: .9em;
  font-weight: bold;
  margin-right: 10px;
  vertical-align: top
}

/* Eingabefeldbeschriftung im Gaestebuch-Bereich */
label.gblabel {float: left;
  text-align: right;
  width: 3cm;
  margin-right: 0.5cm
}

input#eintragen {margin-left: 3.5cm
}

/* Eingabefeldbeschriftung */
.suchfeld {margin-right: 0
}

/* Datum jedes Gaestebucheintrages */
.datum {background: #e3e7f6;
  border: 1px solid #5200a5;
  color: #000
}

/* Formularueberschrift */
legend {background: #fff;
  color: #c00040;
  font-size: 1em;
  margin: 0 0 1em 0
}

/*Gaestebuch- und Suchen-Formular einbinden*/
#gaestebuch fieldset {margin: 0;
  padding: 0 10px 10px 10px;
  border: 1px solid #5200a5;
  width: 95%
}

/* Gaestebuch Formularueberschrift */
#gaestebuch legend {
  margin: 0;
}

/* Eintragen-Button fuer neuen Gaestebucheintrag */
#eintragen {margin: 10px 0 0 0
}

#suchbox {margin: 0;
  width: 100%
}

#quelle {text-align: right;
  font-size: 0.8em;
  padding: 0;
  margin: 0;
  width: 98%
}

address {padding: .5em;
  margin: 0
}