/*                    format.css
=== Not. =======================================================================
Weitere Styles:
- BASIS-LAYOUT (Divs) s. "divstyle.css"
- Druckausgabe s. "print.css"
- Bild-Popup s. "support\script / bild_popup.php"
- RSS s. support\zfeeder\newsfeeds\templates\css / "css.css"
- CMS (.copyright, .cmsSortText u. Programm) content\cms\styles\stylesheet.css
============================================================================= */



/* === NAVIs ================================================================ */

/* Titel ("Hauptmenü", "Submenü") */
.menutitleLinks, .menutitleRechts {
  width: auto;
  height: 30px;
  margin: 0px auto 0px auto;
  padding: 4px 0px 0px 0px;
  float: none;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  color: #000000;
  border: none;
  background-color: #43FFFF;
}
.menutitleLinks a, .menutitleRechts a {color: #0000FF;}

/* Fließ-Texte innerhalb der Navi-CONTAINER(s.divstyle.css), aber ausserhalb des Menüs */
.NLText, .NRText {
  width: auto;
  height: auto;
  margin: 2px;
  padding: 2px;
  float: none;
  text-align: left;
  font-size: 0.7em;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
}

/* "BUTTONS" Linke Seite od. f. Oben
Gemeinsame Formate (nicht angeklickt   u.  angeklickt,hervorgehoben): */
a.menuLinksInaktiv, a.menuLinksAktiv {
  display: block; /* wenn als HORIZONTALES Menü (zb.f. oben) dann "display: inline" */
  width: auto;
  height: auto;
  margin: 2px auto 4px auto;
  padding: 2px 0px 3px 5px;
  float: none;
  text-align: left;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid #43FFFF;
  background-color: #2AA6C0;
  /*-moz-border-radius: 5px;*/
}
a.menuLinksInaktiv:visited {color: #FFFFCC;}
a.menuLinksInaktiv:focus, a.menuLinksAktiv:focus {color: #FF0000;}
a.menuLinksInaktiv:hover, a.menuLinksAktiv:hover, a.menuLinksAktiv {color: #2AA6C0; background-color: #FFFFFF;border: 1px solid #2AA6C0;}
a.menuLinksInaktiv:active, a.menuLinksAktiv:active {color: #FF0000;}
/* a.menuLinksAKTIV u. deren Pseudoklassen sind NUR für die Hervorhebung der aktuell angeklickten Seite.
Gewünschte Übereinstimmungen zw. angeklickt u. anderen, nicht angeklickten Zuständen sind zusammengefasst
(sa. flatdb -> $c_linkhighlight u. Fkt:"highlightCurrentPageLink"(in content/inc/unteninfo.php))*/

/* "BUTTONS" Rechte Seite od. f. Oben */
a.menuRechts {
  display: block; /* wenn als HORIZONTALES Menü (zb.f. oben) dann "display: inline" */
  width: auto;
  height: auto;
  margin: 2px auto 4px auto;
  padding: 2px 0px 3px 5px;
  float: none;
  text-align: left;
  font-size: 0.7em;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid #43FFFF;
  background-color: #2AA6C0;
  /*-moz-border-radius: 5px;*/
}
a.menuRechts:visited {color: #FFFFCC;}
a.menuRechts:focus {color: #FF0000;}
a.menuRechts:hover {color: #2AA6C0; background-color: #FFFFFF;border: 1px solid #2AA6C0;}
a.menuRechts:active {color: #FF0000;}
/* ========================================================================== */




/* === Footer INNERHALB von #HauptInhalt ==================================== */
/* Textzeile "Impressum", "..."  [unten.php] */
span.UntenInhalt {color: #808080; font-size: 1em;}
/* sa. SONSTIGES/a.topicon */
/* ========================================================================== */




/* === Footer AUSSERHALB von #HauptInhalt =================================== */
/* Textzeile "Update", "©", "Design", "..."  [unteninfo.php] */
span.UntenInfo {color: #000000; font-size: 0.7em;}
/* ========================================================================== */




/* === SONSTIGES ============================================================ */

ul.features li {
  list-style-image: url(../../images/supimage/haken2.gif)
}

/* Fehlerliste [kontakt.php, umfrage.php] (nach absenden)*/
ul.valid li {
  list-style-image: url(../../images/supimage/x_bullet.gif)
}

/* Allg. Infoliste [impress.php] */
ul.info li {
  list-style-image: url(../../images/supimage/arrow_r.gif);
  line-height: 1.7em
}
ul.info h4 {
  color: #6699FF;
  display: inline;
}

/* Liste für (statische) Linkauflistung - zb. in [links.php] */
ul.links li {
  list-style-image: url(../../images/supimage/file.gif);
  line-height: 2em;
  word-spacing: 3px
}

/* Listen im Internen Bereich (Abschnitt "Infos") [info.php] */
ul.intern li {
  font-size: 0.9em;
}
ul.intern li.Folder {
  list-style-image: url(../../images/supimage/open12.gif);
}
ul.intern li.File {
  list-style-image: url(../../images/supimage/php.gif);
}
ol.intern li {
  font-size: 0.9em;
  text-indent:25px;
}


/* Kleinere Link-Leiste innerhalb von #SeitenInhalt */
.DetailNavi {
  width: auto;
  height: auto;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 3px 0px;
  text-align: right;
  border-bottom: 1px dashed #CCCCCC;
  background-color: transparent;
}
.DetailNavi a {text-decoration: none; padding: 2px;}
.DetailNavi a:hover {text-decoration: underline;}


/* Grosser Top-Pfeil (sa. flatdb_codes.inc) */
a.topicon {
  display: inline;
/*  width: 18px;
  height: 18px;
  margin: 1px 1px 1px 1px;
  float: right; */
  padding: 1px 10px 1px 10px;
  text-decoration: none;
  border: none;
  background-image: url(../../images/supimage/toppfeil1.gif);
  background-position: center;
  background-repeat: no-repeat
}
a.topicon:hover {
  background-image: url(../../images/supimage/toppfeil2.gif);
  text-decoration: none;
}

/* Kontakt / Mail-Icon (sa. flatdb_codes.inc) */
a.mailicon {
  display: inline;
/*  width: 20px;
  height: 13px;
  margin: 1px 1px 1px 1px;
  float: left; */
  padding: 1px 10px 1px 10px;
  text-decoration: none;
  border: none;
  background-image: url(../../images/supimage/email1.gif);
  background-position: center;
  background-repeat: no-repeat
}
a.mailicon:hover {
  background-image: url(../../images/supimage/email2.gif);
  text-decoration: none;
}

/* Drucker-Icon (sa. flatdb_codes.inc) */
a.printicon {
  display: inline;
/*  width: 16px;
  height: 14px;
  margin: 1px 1px 1px 1px;
  float: right; */
  padding: 1px 10px 1px 10px;
  text-decoration: none;
  border: none;
  background-image: url(../../images/supimage/printer.gif);
  background-position: center;
  background-repeat: no-repeat
}
a.printicon:hover {
  background-image: url(../../images/supimage/printer_2.gif);
  text-decoration: none;
}
/* ========================================================================== */




/* === Fontformate, Links, ... ============================================== */

      /* Absätze */
p.Block {text-align: justify;}
p.Zentriert {text-align: center;} /* sa p.Zentriert img */
p.Rechts {text-align: right;}
p.FirstLetter:first-letter {font-size: 2.5em; font-weight: bold;}
p.FirstLine:first-line {font-weight: bold;}
p.longdesc {font-size: 1.1em; font-style: italic}

/* Ein dzt. grüngelb leuchtender Absatz mit großer Schrift - wie in Franz halt gern macht. Zumindest als Bild */
.Spezial {font-size: 1.0em; font-weight: bold; background-color: #CCFF33; padding: 10px; margin: auto auto auto auto; width: 570px; margin-bottom: 50px }

      /* Überschriften */
h1, h1.h1 {font-size: 1.7em; margin: 0px 0px 10px 0px; padding: 0px; color: #2AA6C0;}
h2 {font-size: 1.4em; margin: 0px 0px 5px 0px; padding: 0px; color: #2AA6C0; text-align: center }
h3 {font-size: 1.3em; margin: 0px 0px 5px 0px; padding: 0px; color: #2AA6C0;}
h4 {font-size: 1.1em; margin: 0px 0px 5px 0px; padding: 0px; color: #2AA6C0;}
/*h5 {font-size: 1.0em;margin: 0px 0px 5px 0px; padding: 0px;}*/


      /* Links */
/*
a (classname), a:link
a:visited
a:focus
a:hover
a:active
*/
/* Interne Links */
a {color: #3366CC;}
/*a:visited {color: #000099;}*/
a:focus {color: #6699FF;}
a:hover {color: #0000FF;}
a:active {color: #FFFFFF;}

/* Externe Links ("Link führt zu externem Webangebot") */
a.extern {border-bottom: 1px dashed; text-decoration: none;}
a.extern:hover {text-decoration: none;}
a.extern:before {
content:url(../../images/supimage/externlink.gif); display:inline;}

/* "Link öffnet neues Fenster" */
a.fenster {border-bottom: 1px dashed #CC0000; text-decoration: none;}
a.fenster:hover {color: #CC0000; text-decoration: none;}
a.fenster:before {
content:url(../../images/supimage/neufenster.gif); display:inline;}

/* "Link öffnet ein Popup" */
a.pop {border-bottom: 1px dashed #FF0000;  text-decoration: none;}
a.pop:hover {color: #FF0000; text-decoration: none;}
a.pop:before {
content:url(../../images/supimage/popup.gif); display:inline;}

/* "Link zu weiteren Informationen" */
a.info {border-bottom: 1px dashed #00CC00; text-decoration: none;}
a.info:hover {color: #00CC00; text-decoration: none; cursor: help }
a.info:before {
content:url(../../images/supimage/infolink.gif); display:inline;}

/* "Link führt zu Hilfethemen" */
a.help {border-bottom: 1px dashed #000000; text-decoration: none;}
a.help:hover {color: #000000; text-decoration: none; cursor: help }
a.help:before {
content:url(../../images/supimage/infolink.gif); display:inline;}

/* Bild */
/*a.pic {border-bottom: 2px outset #FFFFFF; padding: 1px}
a.pic:hover {text-decoration: none;}*/
/*a.pic:before {
content:url(../../images/supimage/cam2.gif); display:inline;}*/

/* Mail */
/*a.mail {border: none}
a.mail:hover {text-decoration: none;}*/
/*a.mail:before {
content:url(../../images/supimage/maillink.gif); display:inline;}*/

/*
Links mit Pseudoelementen (Grafik od. Symbol nicht im IE sichtbar !
 element.klassenname:before od. :after
 content:"\BB";    »
 content:"\21D2";  Doppelpfeil rechts */


div.Inhalt p.ol a {
  color: #FFFFFF;
}


      /* Sonstige Formate */

/* Abkürzung */
acronym {
  font-style: italic;
  cursor: help
}

/* Fett */
.F {font-weight: bold;}
/* Kursiv */
.K {font-style: italic;}
/* Unterstrichen */
.U {text-decoration: underline;}

.Rot {color: #FF0000;}
.Blau {color: #0000FF;}
.DBlau {color: #000099;}
.Gruen {color: #009900;}
.Grau {color: #696969;}

.textnormal {
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}
.textklein {font-size: 0.6em;}
.textgross {font-size: 3em; font-weight: bold}
.textgroesser {font-size: 1.25em; font-weight: bold}
.textkleiner {font-size: 0.75em;}
.LeuchtmarkerGelb {background-color: #FFFF00; font-weight: bold;}
.anmerkung {font-size: 0.9em; font-style: italic }


/*.useronline {height: 15px; width: 100px; margin: 0px; padding: 2px; text-align: center; color: #000000; background-color: #FFFFFF; float: right }*/


      /* Linien = (hr.vorlagenteiler: s. divstyle.css) */
hr.LinieKlein {height: 1px; width: 50%; margin: 0px auto; text-align: center; color: #3300CC;}
hr.LinieMittel {height: 1px; width: 75%; margin: 0px auto; text-align: center; color: #000000;}
hr, hr.LinieNormal {height: 1px; width: 100%; margin: 0px auto; text-align: center; color: #000000;}


.preis {font-weight: bold; color: #000099; border-bottom: 3px double #000099 }

.y {
  background-color: #FFFF00;
  color: #000000;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
}

/* label {
}*/
/* ========================================================================== */




/* === Kontaktformular usw. ================================================= */

form.kontakt, form.Suche, form.SucheKlein, form.Login {
  display: inline;
}

div.InhaltKontakt fieldset {
  width: 95%;
  padding: 3px 3px 3px 3px;
  margin: 2px auto 2px auto;
  border: 1px solid #999999;
}


div.InhaltKontakt {
  width: 95%;
  height: auto;
  margin: 5px auto 1px auto;
  padding:  5px 0px 0px 3px;
  float: none;
  text-align: left;
  border: 1px solid #CCCCCC;
  background-color: #F6F6F6;
}

.LabelsContainerKontakt, .InputsContainerKontakt {
  float: left;
}
.LabelsContainerKontakt .Item {
  height: 24px;
  line-height: 22px;
}
.InputsContainerKontakt .Item {
  height: 24px;
}

/* RESET u. SUBMIT (Container) */
div.ButtonsKontaktL, div.ButtonsKontaktR {
  width: 150px;
  height: auto;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: left;
  border: none;
}
input.kontakt {
  width: 250px;
  height: auto;
  margin: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF
}
input.kontakt:focus {
  background-color: #E0E0E0
}
textarea.kontakt {
  font-family: Verdana, Arial;
  font-size: 1em;
  width: 250px;
  height: 180px;
  margin: 1px 1px 5px 1px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF
}
textarea.kontakt:focus {
  background-color: #E0E0E0;
}
input.kontaktButton, a.kontaktButton {
  display: block;
  width: 125px;
  height: auto;
  margin: 2px auto 4px auto;
  padding: 2px 0px 3px 0px;
  float: none;
  text-align: center;
  font-size: 0.75em;
  font-weight: bold;
  color: #303030;
  text-decoration: none;
  border: 1px solid #CCCCCC;
  /*-moz-border-radius: 5px;*/
  background-color: transparent;
/*  background-image: url(../../images/buttons/buttonhigru.jpg);
  background-repeat: no-repeat*/
}
input.kontaktButton:focus , a.kontaktButton:focus {
  background-color: #E0E0E0;
}


/*input.checkbox {
}*/
/*input.radiobutt {
}*/
select.selectlist {
  width: 300px;
  border: 1px solid #999999
}
select.selectlist optgroup {
  background-color: #CCFFFF;
}
select.selectlist option {
  background-color: #FFFFFF;
  border-bottom: 1px dashed #000000;
}
/* ========================================================================== */




/* === SUCHE ================================================================ */

      /* === Externes Suche - Feld ===
Standartmässig in #ObenInhalt [oben.php (Code: flatdb.php)] */
#SucheKlein {
  height: 25px;
  width: auto;
  margin: 10px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: right;
  text-align: right;
  border: none;
  background-color: #FFCCFF;
}
input.SucheKlein {
  width: auto;
  height: auto;
  margin: 0px 1px 0px 0px;
  padding: 2px 2px 2px 2px;
  font-size: 0.9em;
  border: 1px solid #CCCCCC;
  vertical-align: top
}
input.SucheButtonKlein {
  width: 25px;
  height: 20px;
  margin: 0px auto 5px auto;
  padding: 1px 1px 1px 1px;
  text-align: center;
  vertical-align: top;
  font-size: 0.8em;
  font-weight: bold;
  border: none;
  background-color: transparent;
/*  background-repeat: no-repeat;
  background-image: url(../../images/buttons/button_gklein_1.gif);*/
}
input.SucheKlein:focus {
  background-color: #E0E0E0;
}
input.SucheButtonKlein:focus {
  background-color: #E0E0E0;
}
.red {color: #cc0033;}
.green {color: #009900;}
.grey {color: #666666;}


      /*  === Interne Suche === [search.php] */
input.Suche {
  width: 200px;
  height: auto;
  margin: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF
}
input.Suche:focus {
  background-color: #E0E0E0;
}
/*
input.SucheButton {
  width: 125px;
  height: 20px;
  margin: 1px 1px 1px 1px;
  padding: 1px 0px 0px 0px;
  vertical-align: middle;
  text-align: center;
  font-family:  Arial;
  font-size: 1em;
  font-weight: bold;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(../../images/buttons/button_gross_1.gif);
}
*/
/* ========================================================================== */




/* === NEWSLETTER =========================================================== */
input.kontaktNewsletter {
  width: 200px;
  height: auto;
  margin: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF
}
input.kontaktNewsletter:focus {
  background-color: #E0E0E0
}
/* ========================================================================== */




/* === Grafik =============================================================== */

/* Text umfließt Grafik entsprechend der Bezeichnung
(img.MitRahmenLinks = Grafik steht linksseitig, Text umfließt diese rechts davon)

IMG.LEFT u. IMG.RIGHT :
sind nur für den IBrowser des TinyMCE (NEWS CMS)
sollte sich mit den gleichnamigen Stil aus \tiny_mce\plugins\ibrowser\css / style.css in etwa gleichen (wegen der Vorschau)
sa. /tiny_mce/plugins/ibrowser/config/config.inc.php */

img {
  z-index: 99;
}
.StandardBildRahmen {
  border: 2px solid #2AA6C0;
}


p.Zentriert img {
  border: 2px solid #2AA6C0;
}
img.Links, img.left {
  float: left;
  margin: 5px 5px 10px 0px;
  border: 2px solid #2AA6C0;
}
img.Rechts, img.right {
  float: right;
  margin: 5px 0px 10px 5px;
  border: 2px solid #2AA6C0;
}
img.OhneRahmenLinks {
  float: left;
  margin: 5px 5px 10px 0px;
  border: none;
}
img.OhneRahmenRechts {
  float: right;
  margin: 5px 0px 10px 5px;
  border: none;
}
img.LinkRandLinks {
  float: left;
  margin: 5px 5px 10px 0px;
  border: 1px solid #0000FF;
}
img.LinkRandRechts {
  float: right;
  margin: 5px 0px 10px 5px;
  border: 1px solid #0000FF;
}

img.supimage {
  border: none;
}
img.Link {
  border: 1px solid #0000FF;
}
/* Icons bei (Download)-links [links.php, download.php(Modul)] */
img.LinkIcon {
  float: left; margin: 0px 4px 0px 0px; border: none;
}

/* Bild-"Rahmen" mit Platz f. Beschreibung, Bildtexte, ... */
div.ImageLinks, div.ImageRechts, div.ImageCenter {
  width: auto;
  height: auto;
  text-align: center;
  font-size: 0.75em;
  font-style: normal;
  color: #000000;
  border: 1px solid #2AA6C0;
  background-color: #F6F6F6;
}
div.ImageCenter {
  float: none;
  padding: 4px;
  margin: 5px auto 5px auto;
  text-align: center;
}
div.ImageLinks {
  float: left;
  padding: 5px;
  margin: 5px 5px 10px 0px;
}
div.ImageRechts {
  float: right;
  padding: 5px;
  margin: 5px 0px 10px 5px;
}




      /* ========== Galerie ========== */
/* + Thumbnail i. Download (Grafik) [downloads.php] */

div.GalerieBild {
  width: auto;
  height: auto;
  margin: 5px;
  padding: 5px;
  float: left;
  text-align: center;
  border: 1px solid #FF0066;
  background-color: #EFEFEF
}
div.GalerieBild img {
  border: 1px solid #0000FF;
  margin: 5px auto;
}
p.GalerieBild {
  text-align: left;
  border-top: 1px dotted #FF0066;
  background-color: #EFEFEF;
  text-align: center;
  font-size: 0.9em;
  color: #000000;
}
/* ========================================================================== */




/* === Tabellen ============================================================= */

/* === Daten-Tabelle, uU. für Textblöcke, ... === */
/* zB.: [downloads.php) */
table.Inhalt {
    width: 99%;
    height: auto;
    margin: 5px 0px 5px 0px;
    font-size: 1.0em;
    font-family: Tahoma, Arial, sans-serif;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    border-collapse: collapse;
}
table.Inhalt td {
    padding: 5px;
    height: 15px;
    text-align: left;
    border: 1px dashed #999999;
    background-color: #FFFFFF;
  vertical-align: top
}
table.Inhalt td.ObenLinks, th.ObenLinks {
    width: 50%;
    height: 20px;
    padding: 2px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    border-right: 1px solid #DFDFDF;
    color: #000000;
    background-color: #FFFFCC;
}
table.Inhalt td.ObenRechts, th.ObenRechts {
    width: 50%;
    height: auto;
    padding: 2px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold;
    border: none;
    background-color: #FFFFCC;
}
table.Inhalt td.UntenLinks {
    width: auto;
    height: 20px;
    padding: 2px;
    text-align: left;
    font-size: 1em;
    border: none;
    background-color: #FFFFFF;
}
 table.Inhalt td.UntenRechts {
    height: auto;
    width: auto;
    padding: 2px;
    text-align: right;
    font-size: 1em;
    border: none;
    background-color: #FFFFFF;
}

table.Inhalt tr.Hell, table.Inhalt tr.Hell td, table.Inhalt td.Hell {
    background-color: #FFFFFF;
}
table.Inhalt tr.Dunkel, table.Inhalt tr.Dunkel td, table.Inhalt td.Dunkel {
    background-color: #F0FFFF;
}


/* === Gästebuch === */
table.GBInhalt {
    width: 100%;
    height: auto;
    margin: 5px 0px 5px 0px;
    font-size: 1em;
    border: 1px solid #000000;
    background-color: #000000;
    border-collapse: collapse;
}
table.GBInhalt tr.Hell, table.GBInhalt tr.Hell td, table.GBInhalt td.Hell {
    background-color: #FFFFFF;
}
table.GBInhalt tr.Dunkel, table.GBInhalt tr.Dunkel td, table.GBInhalt td.Dunkel {
    background-color: #F0FFFF;
}
table.GBInhalt td {
    padding: 5px;
    text-align: left;
    border: 1px dashed #000000;
    background-color: #F7F7F7;
    vertical-align: top
}

table.GBInhaltSmilie {
    width: 140px;
    height: auto;
    margin: 4px 0px 5px 0px;
    font-size: 0.8em;
    border: none;
    background-color: #000000;
    border-collapse: collapse;
}
table.GBInhaltSmilie tr.Hell, table.GBInhaltSmilie tr.Hell td, table.GBInhaltSmilie td.Hell {
    background-color: #FFFFFF;
}
table.GBInhaltSmilie tr.Dunkel, table.GBInhaltSmilie tr.Dunkel td, table.GBInhaltSmilie td.Dunkel {
    background-color: #F0FFFF; /* 232, 243, 255 ev. wichtig f. captcha higru */
}
table.GBInhaltSmilie td {
    width: 50px;
    height: auto;
    padding: 3px;
    text-align: center;
    border: 1px solid #000000;
    background-color: #E0E0E0;
}
/*table.GBInhalt td.ObenLinks, th.ObenLinks {
    width: 50%;
    height: 20px;
    padding: 2px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    border-right: 1px solid #DFDFDF;
    color: #000000;
    background-color: #FFFFCC;
}
table.GBInhalt td.ObenRechts, th.ObenRechts {
    width: 50%;
    height: auto;
    padding: 2px;
    text-align: center;
    font-size: 1.3em;
    font-weight: normal;
    border: none;
    background-color: #FFFFCC;
}
table.GBInhalt td.UntenLinks {
    width: auto;
    height: 20px;
    padding: 2px;
    text-align: left;
    font-size: 1em;
    border: none;
    background-color: #FFFFFF;
}
 table.GBInhalt td.UntenRechts {
    height: auto;
    width: auto;
    padding: 2px;
    text-align: right;
    font-size: 1em;
    border: none;
    background-color: #FFFFFF
}*/


table.Fotos {
    width: 100%;
    height: auto;
    margin: auto;
    font-size: 1.0em;
    font-family: Tahoma, Arial, sans-serif;
    border: none;
    background-color: #9dffff;
    border-collapse: collapse;
}
table.Fotos td {
  text-align: center;
  padding: 5px;
}
table.Fotos td img {
  border: 2px solid #3399CC;
}

/* ========================================================================== */




/* === Allg. gültige Definitionen: ========================================== */

textarea.code {
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
  width: 75%;
  height: 75px;
  margin: 0px 1px 5px 25px;
  padding: 2px 2px 2px 2px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF
}