/* tietz.css */

/* globale formatierungen */

body { margin: 0px; padding: 0px; padding-bottom: 10px; background-color: rgb(255,255,255); background: url(../_bilder/background_linien.gif) repeat; }
body , td { font-family: verdana, sans-serif; color: rgb(100,100,100); }
#wrapper { width: 779px; margin: auto; background: rgb(255,255,255); border: 1px solid #566; }

/*___ #e1 => menu oben ___ */
#e1 { width: auto; padding: 3px; padding-left: 15px; background-color: rgb(133,133,133); color: rgb(255,255,255); font-size: x-small; }
#e1 span { margin-left: 5px; margin-right: 5px; }
#e1 a:link , #e1 a:visited { color: rgb(255,255,255); text-decoration: none; }
#e1 a:hover { color: rgb(255,255,255); text-decoration: underline; }

/* ___ #e2 => seitenkopf ___ */
#e2 { position: relative; height: 120px; }

/* #e2_1 => div mit tietzLogo */
#e2_1 { position: relative; width: 100%; height: 75px; border: 0px; border-bottom: 1px solid rgb(200,200,200);	/* horizontale Line unter dem Logo */ }
#e2_1 img { position: absolute; bottom: 0px; right: 2px; width: 200px; height: 36px; }

/* #e2_2 => menu 'einrichtungen' */
#e2_2 { position: absolute; top: 50px; left: 5px; }
#e2_2 table { width: auto; }
#e2_2 td { width: auto; height: auto; padding-right: 0px; font-family: 'Lucida Sans', verdana, sans-serif; font-size: 11px; }
#e2_2 a:link , #e2_2 a:visited , #e2_2 a:hover { font-weight: normal; text-decoration: underline; color: rgb(153,153,153); line-height: 80px; padding-top: 32px; padding-left: 19px; padding-bottom: 2px; background-repeat: no-repeat; }
#e2_2 td a:hover { text-decoration: none; color: rgb(102,102,102); }
/* nsg */
#e2_2 td.a a:link , #e2_2 td.a a:visited { background-image: url(../_bilder/menu/nsg_dot.gif); }
#e2_2 td.a a:hover { background-image: url(../_bilder/menu/nsg_hover.gif); }
/* naturkunde */
#e2_2 td.b a:link , #e2_2 td.b a:visited { background-image: url(../_bilder/menu/naturkunde_dot.gif); }
#e2_2 td.b a:hover { background-image: url(../_bilder/menu/naturkunde_hover.gif); }
/* vhs */
#e2_2 td.c a:link , #e2_2 td.c a:visited { background-image: url(../_bilder/menu/vhs_dot.gif); }
#e2_2 td.c a:hover { background-image: url(../_bilder/menu/vhs_hover.gif); }
/* stabi */
#e2_2 td.d a:link , #e2_2 td.d a:visited { background-image: url(../_bilder/menu/stabi_dot.gif); }
#e2_2 td.d a:hover { background-image: url(../_bilder/menu/stabi_hover.gif); }
/* management */
#e2_2 td.e a:link , #e2_2 td.e a:visited { background-image: url(../_bilder/menu/management_dot.gif); }
#e2_2 td.e a:hover { background-image: url(../_bilder/menu/management_hover.gif); }

/* ___ #e3 => seiteninhalt ___ */
#e3 { padding-top: 5px;}
/* #1 => inhaltsbereich ueber ganze breite => 'inhalt' */
#e3_1 { margin-left: 22px; margin-right: 15px; }
/* #1_1 => zweispaltiger inhaltsbereich => 'hauptinhalt' , 'mainContent' */
#e3_1_1 { float: left;  padding-left: 23px; width: 500px; }
/* #1_2 => zweispaltiger inhaltsbereich => 'randinhalt' , 'sideBar' */
#e3_1_2 { margin-left: 541px; margin-right: 15px; padding-top: 3px;}

/* hide from IE/Mac \*/
* html #e3_1_2 { margin-left: 40px; height: 1%; }
/* end: hide from IE/Mac & Tan Hack */

.sideBar a:link , .sideBar a:visited { text-decoration: none ; color: rgb(153,51,0); }
.sideBar a:hover { text-decoration: underline ; color: rgb(153,51,0); }

/* 'hauptbereich' und 'randbereich' sollen zum 'footer' einen Abstand halten */
#e3_1 , #e3_1_1 , #e3_1_2 { margin-bottom: 10px; }

/*___ #e4 => seitenfuß ___*/
#e4 { clear: both; border: 0; border-top: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; }
#e4 div { font-size: x-small; text-align: center;}
#e4 div.a { padding-bottom: 5px; }
#e4 div.a img { position: relative; top: 1px; }
#e4 a:link , #e4 a:visited { color: rgb(102,102,102); text-decoration: none; }
#e4 a:hover { color: rgb(102,102,102); text-decoration: underline; }


/* Schriftgroessen */

.mainContent { font-size: 0.85em; }
.sideBar { font-size: 0.7em;}
p.bodytext {}

h1 , h2 , h3 , h4 , h5 { margin-top: 1.4em; margin-bottom: 0.5em; }
.mainContent h1 { font-size: 1.1em;  margin-top: 0; }
.mainContent h2 { font-size: 1em; }
.mainContent h3 { font-size: 1em; font-weight: normal; text-decoration: underline; }
.sideBar     h1 { font-size: 1.1em;  margin-top: 0; }
.sideBar     h2 { font-size: 1em; }
.sideBar     h3 { font-size: 1em; font-weight: normal; text-decoration: underline; }


/* content elements */

/* => zweispaltige Bereiche im Inhalt */
.spalteLinks { float: left; width: 45%;}
.spalteRechts { margin-left: 45%;}


/* => Adressblock */
.sideBar .adressblock { margin-bottom: 3.5em; }
.sideBar .adressblock .anschrift { margin-left: 1em; margin-bottom: 1.5em; }
.sideBar .adressblock .anschrift p.zeile { margin: 0; }
.sideBar .adressblock .fon_fax {  margin-left: 1em; margin-bottom: 2.5em; }
.sideBar .adressblock .fon_fax p.zeile {margin: 0;}
.sideBar .adressblock .fon_fax p.zeile span.medium { margin-right: 10px;}
.sideBar .adressblock .fon_fax p.zeile span.nummer { letter-spacing: 0.05em}
.sideBar .adressblock .web {}
.sideBar .adressblock .web p.zeile { margin-left: 1em; }
.sideBar .adressblock .web p.zeile span.medium {}
.sideBar .adressblock .web p.zeile span.anker {}


/* einzelne Seiten */

/* => Homepage */

body.homepage {}
body.homepage h1.seitenueberschrift {}
body.homepage .boxIntrotext { text-align: justify; }
body.homepage .boxIntrotext p.bodytext {}

body.homepage .box_kalender_news {}
body.homepage .box_kalender_news h2 { font-size: 0.85em; background-color: rgb(233,133,133); margin: 0; padding: 2px; color: rgb(255,255,255); text-align: center; }
body.homepage .box_kalender_news a:link { text-decoration: none; }
body.homepage .box_kalender_news a:visited { text-decoration: none; }

/* => Homepage: veranstaltungsKalender */
body.homepage .box_kalender_news .spalteLinks { width: 190px; background-color: rgb(250,250,250); border: 1px dashed rgb(100,100,100); }
body.homepage .box_kalender_news .spalteLinks #kalender { text-align: center; padding-bottom: 3px; }
body.homepage #kalender .monat { padding: 3px; font-weight: bold; color: rgb(180,180,100); }
body.homepage #kalender table.kalender { width: 100%; margin-bottom: 4px; border-top: 1px solid rgb(180,180,180); }
body.homepage #kalender table.kalender td { padding: 3px; font-weight: bold; font-size: 0.7em; border-bottom: 1px solid rgb(180,180,180); }
body.homepage #kalender table.kalender tr.tage td {  }
body.homepage #kalender a:link { color: rgb(220,100,100); padding: 3px; }
body.homepage #kalender a:visited { color: rgb(220,100,100); padding: 3px; }
body.homepage #kalender a:hover { text-decoration: none; background-color: rgb(220,100,100); color: rgb(255,255,255); padding: 3px; }
body.homepage #kalender span.link { font-size: 0.85em; font-weight: bold;}
body.homepage #kalender span.link a:hover { color: rgb(220,100,100); background: transparent; text-decoration: underline; }

/* => Homepage: newsVorschau */
body.homepage .box_kalender_news .spalteRechts { margin-left: 195px; background-color: rgb(250,250,250); border: 1px dashed rgb(100,100,100); }
body.homepage .news_kurz { margin-left: 8px; margin-right: 5px; }
body.homepage .news_kurz h3 { text-decoration: none; font-size: 0.8em; margin: 0; margin-top: 0.5em; }
body.homepage .news_kurz a:link { color: rgb(200,100,100); }
body.homepage .news_kurz a:visited { color: rgb(200,100,100); }
body.homepage .news_kurz a:hover { color: rgb(200,100,100); text-decoration: underline; }
body.homepage .news_kurz p { font-size: 0.8em; margin: 0.2em; margin-left: 10px; }
body.homepage .news_kurz p.angaben { font-size: 0.75em; }
body.homepage .news_kurz p.angaben .datum { border-right: 1px solid rgb(100,100,100); padding-right: 6px; margin-right: 5px; }
body.homepage .news_kurz p.angaben .autor {}
body.homepage .news_kurz p.untertitel {}
body.homepage .news_kurz p.link a:link , body.homepage .news_kurz p.link a:visited , body.homepage .news_kurz p.link a:hover { font-weight: normal; }

/* => Homepage: newsAnzeige */
body.homepage .news_anzeige { border: 0px dashed navy;}
body.homepage .news_anzeige { margin-right: 5px; }
body.homepage .news_anzeige a:link { color: rgb(200,80,40); text-decoration: none; }
body.homepage .news_anzeige a:visited { color: rgb(200,80,40); text-decoration: none; }
body.homepage .news_anzeige a:hover { color: rgb(200,80,40); text-decoration: underline; }
body.homepage .news_anzeige h2 { color: rgb(200,80,40); font-size: 1.0em; margin: 0; margin-top: 0.5em; }
body.homepage .news_anzeige .zelle .angaben { margin-bottom: 10px; }
body.homepage .news_anzeige .zelle .untertitel { font-size: 0.9em; font-weight: bold; margin-bottom: 10px; }
body.homepage .news_anzeige .zelle .dateien { margin-top: 10px; }
body.homepage .news_anzeige .zelle .links { margin-top: 10px; }
body.homepage .news_anzeige .link_zurueck { margin-top: 15px; }

/* => Homepage: sideBar */
body.homepage .sideBar div div div div { padding-left: 1.5em; }
body.homepage .sideBar h2 { margin-top: 1.5em; margin-left: -1.5em; }

/* => Homepage => Newsarchiv: sideBar */
body.homepage .sideBar .news_archiv { margin-bottom: 10px; margin-left: 8px; }
body.homepage .sideBar .news_archiv h2 { color: rgb(50,50,50); margin: 0; margin-left: -8px; text-indent: 0; }
body.homepage .sideBar .news_archiv p { margin: 0; padding-left: 0; }

body.homepage .news_kurzliste { margin-left: 8px; margin-bottom: 10px; }
body.homepage .news_kurzliste h2 { margin: 0;  margin-left: -8px; }
body.homepage .news_kurzliste .angaben {  margin: 0; padding: 0; margin-bottom: 0.2em;}
body.homepage .news_kurzliste .untertitel { margin: 0;  padding: 0; }
body.homepage .news_kurzliste .untertitel p.link {  margin: 0; margin-bottom: 5px;  }

body.homepage .sideBar .menue { margin-left: 8px; }
body.homepage .sideBar .menue h2 { color: rgb(50,50,50); margin: 0;  margin-left: -8px; }

/* => Homepage => News_Liste */
body.homepage .news_liste {  }
body.homepage .news_liste h2 { margin-bottom: 0; }
body.homepage .news_liste .angaben { font-size: 0.8em; margin-bottom: 0.2em;}
body.homepage .news_liste p.link { margin-top: 0; }
body.homepage .news_liste a:link , body.homepage .news_liste a:visited , body.homepage .news_liste a:hover { text-decoration: none; color: rgb(200,80,40); }
body.homepage .news_liste a:hover { text-decoration: underline; }

body.homepage #e3 .sideBar {}
body.homepage #e3 .sideBar a:link { text-decoration: none ; color: rgb(153,51,0); }
body.homepage #e3 .sideBar a:visited { text-decoration: none ; color: rgb(153,51,0); }
body.homepage #e3 .sideBar a:hover { text-decoration: underline ; color: rgb(153,51,0); }

body.homepage #e3 .sideBar .adresse { margin-bottom: 1em; }
body.homepage #e3 .sideBar .adresse img {}
body.homepage #e3 .sideBar .adresse h2 {margin-top: 0.5em; }

body.homepage #e3 .sideBar .management {}
body.homepage #e3 .sideBar .einrichtungen {}
body.homepage #e3 .sideBar .service { margin-bottom: 1em; }
body.homepage #e3 .sideBar .impressum { margin-bottom: 1.5em; }
body.homepage #e3 .sideBar .c-logo { line-height: 1em; }
body.homepage #e3 .sideBar .c-logo img { }



/* Sammel-Klassen */

body.vCard {}

.sideBar table.oeffnungszeiten { margin-left: 1em; margin-bottom: 1.5em;}
.sideBar table.oeffnungszeiten td { border-bottom: 1px solid; padding: 3px; }
.sideBar table.oeffnungszeiten td.tag { padding-right: 20px; }
.sideBar table.oeffnungszeiten td.zeit { }
.sideBar table.oeffnungszeiten tr.highlight td.tag { padding-right: 20px; }
.sideBar table.oeffnungszeiten tr.highlight td.zeit { font-style: italic; }


body.nsg .sideBar table.oeffnungszeiten td { border-color: rgb(255,184,0); }
body.naturkunde .sideBar table.oeffnungszeiten td { border-color: rgb(0,165,19); }
body.vhs .sideBar table.oeffnungszeiten td { border-color: rgb(43,83,167); }
body.stabi .sideBar table.oeffnungszeiten td { border-color: rgb(243,59,29); }

body.tietzCafe .sideBar .box_oe-zeiten { margin-bottom: 1.5em; /* background-color: yellow; */}
body.tietzCafe .sideBar .box_oe-zeiten p { margin-left: 1em; margin-top: 0.2em; margin-bottom: 0.3em; text-align: center; }
body.tietzCafe .sideBar table.oeffnungszeiten { margin-bottom: 0; width: 210px;;  }
body.tietzCafe .sideBar table.oeffnungszeiten td { border-color: rgb(250,150,50); }
body.tietzCafe .sideBar .box_oe-zeiten table.oeffnungszeiten td.tag {  }
body.tietzCafe .sideBar .box_oe-zeiten table.oeffnungszeiten td.zeit { text-align: right; }

body.zentraleInformation .mainContent p { margin-right: 10px;}
body.zentraleInformation .sideBar table.oeffnungszeiten td.tag { padding-right: 20px; }
body.zentraleInformation .sideBar table.oeffnungszeiten td.zeit { }

body.oeffnungszeiten .sideBar table.oeffnungszeiten { width: 200px; }
body.oeffnungszeiten .sideBar table.oeffnungszeiten td.zeit { text-align: right; }


/* Links zu den Homepages */
span.anker a:link { text-decoration: underline }
body.naturkunde span.anker a:link { color: rgb(0,165,19); }
body.naturkunde span.anker a:visited { color: rgb(0,165,19); }
body.naturkunde span.anker a:hover { color: rgb(0,165,19); }

body.vhs span.anker a:link { color: rgb(43,83,167); }
body.vhs span.anker a:visited { color: rgb(43,83,167); }
body.vhs span.anker a:hover { color: rgb(43,83,167); }

body.stabi span.anker a:link { color: rgb(243,59,29); }
body.stabi span.anker a:visited { color: rgb(243,59,29); }
body.stabi span.anker a:hover { color: rgb(243,59,29); }

body.tietzCafe span.anker a:link { color: rgb(250,150,50); }
body.tietzCafe span.anker a:visited { color: rgb(250,150,50); }
body.tietzCafe span.anker a:hover { color: rgb(250,150,50); }


body.tietzManagement {}
body.tietzManagement .sideBar .box { border: 0px solid red; }
body.tietzManagement .sideBar .box img { margin-left: 10px; }
body.tietzManagement .sideBar .box h3 { margin: 0; font-weight: bold; text-decoration: none;}

body.nsg {}
body.nsg .mainContent p { text-align: center; font-size: 1.3em; margin-top: 0; margin-bottom: 5px;}
body.nsg .mainContent img { border: 0; }
body.nsg .mainContent table.imgtext-table {margin-top: -10px; margin-bottom: 0.5em; }


body.naturkunde {}

body.vhs {}

body.stabi {}
body.stabi .mainContent img { border: 0; }
body.stabi .mainContent table.imgtext-table {margin-top: 0px; margin-bottom: 0.5em; }

body.tietzCafe {}
body.tietzCafe #e3 .mainContent { height: 300px; background: url(../_bilder/CiT.jpg) no-repeat 20px 40px;      /* left | top   */}

body.zentraleInformation {}

body.oeffnungszeiten {}
body.oeffnungszeiten .mainContent img { margin-top: 10px; }
body.oeffnungszeiten .sideBar h2 , body.oeffnungszeiten .sideBar p { margin-bottom: 0em ; margin-top: 0.5em;}

/* veranstaltunen -> globale eigenschaften */
body.veranstaltungen .mainContent a:link { color: rgb(200,80,20); text-decoration: none; }
body.veranstaltungen .mainContent a:visited { color: rgb(200,80,20); text-decoration: none; }
body.veranstaltungen .mainContent a:hover { color: rgb(200,80,20); text-decoration: underline; }
body.veranstaltungen .mainContent .bild { float: right; margin-left: 10px; margin-right: 0px; margin-bottom: 0px; }
.veranstaltungen_link_monatsansicht { font-size: 1.0em; text-align: right }

/* veranstaltungen -> monatsuebersicht .. ok. */
.veranstaltungen_monatsuebersicht {}
.veranstaltungen_monatsuebersicht .auswahl_kategorie { text-align: right;}
.veranstaltungen_monatsuebersicht .navigation { text-align: center; padding: 4px; border-bottom: 1px solid; }
.veranstaltungen_monatsuebersicht .navigation .aktueller_monat { color: rgb(200,80,40); font-size: 1.3em; margin-left: 200px; margin-right: 200px; }
.veranstaltungen_monatsuebersicht .matrix table { widht: 100%; }
.veranstaltungen_monatsuebersicht .matrix table td { font-size: 0.8em; vertical-align: top; width: 100px; height: 40px; padding-top: 0; border-bottom: 1px solid rgb(200,200,200); }
.veranstaltungen_monatsuebersicht .matrix table td div { padding-bottom: 3px; widht: 95px; overflow: hidden; }
.veranstaltungen_monatsuebersicht .matrix table td div.dayTitle { font-size: 1em; padding-left: 5px; padding-top: 3px; font-weight: bold; position: relative; top: -1px;}
.veranstaltungen_monatsuebersicht .matrix table td div.dayTitle { color: rgb(255,255,255); background-color: rgb(40,40,40); width: 20px; }
.veranstaltungen_monatsuebersicht .matrix table td .displayMonthDayNoEvents div.dayTitle { background-color: rgb(150,150,150); }
.veranstaltungen_monatsuebersicht .matrix table td.displayMonthWeekDayHeader { height: 20px; font-size: 1.1em; padding: 3px; padding-left: 5px; font-weight: bold; }
.veranstaltungen_monatsuebersicht .matrix table td.displayMonthWeekEndDayHeader { height: 20px;  font-size: 1.1em; padding: 3px; padding-left: 5px; font-weight: bold; }

/* veranstaltungen -> .veranstaltungsuebersicht  .. ok. */
.veranstaltungsuebersicht { margin-left: 8px; margin-right: 5px; }
.veranstaltungsuebersicht h2 { margin-top: 0.5em; margin-bottom: 0; text-decoration: none; }
.veranstaltungsuebersicht .zelle { margin-left: 20px; }
.veranstaltungsuebersicht .zelle p { margin-top: 2px;; } 
.veranstaltungsuebersicht .zelle .link a:link { color: rgb(200,80,40); text-decoration: none; }
.veranstaltungsuebersicht .zelle .angaben .zeit { font-weight: bold; }

/* veranstaltungen -> .tagesansicht  .. ok. */
.tagesansicht .tagesueberschrift h2 { font-size: 1.5em; color: rgb(200,80,40); font-weight: normal; margin: 0; padding: 0.1em; padding-left: 10px; border: 1px solid; background-color: rgb(230,230,230); }
.tagesansicht .veranstaltungsliste h2 { text-decoration: none; margin-bottom: 0;}
.tagesansicht .veranstaltungsliste { margin-left: 8px; margin-right: 5px; }
.tagesansicht .veranstaltungsliste .zelle  { margin-left: 20px; }
.tagesansicht .veranstaltungsliste .zelle  p { margin-top: 2px; }
.tagesansicht .veranstaltungsliste .angaben .zeit { font-weight: bold; }

/* veranstaltungen -> .veranstaltungsansicht .. ok */
.veranstaltungsansicht h2 { color: rgb(200,80,40); margin: 0; margin-bottom: 0.2em; text-decoration: none; }
.veranstaltungsansicht .zelle  { }
.veranstaltungsansicht .angaben { font-size: 0.95em; line-height: 1.4em; }
.veranstaltungsansicht .angaben .zeit { font-weight: bold; }
.veranstaltungsansicht .veranstalter .url { font-size: 0.85em; }
.veranstaltungsansicht .angaben .zeit { font-weight: bold; }
.veranstaltungsansicht .veranstalter .mail { font-size: 0.85em; }
.veranstaltungsansicht .zelle .teaser { font-weight: bold };

body.anfahrtSkizze {}
body.anfahrtSkizze .mainContent h1 { text-align: center; }
body.anfahrtSkizze .mainContent p.link { font-size: 0.85em;  text-align: center; }
body.anfahrtSkizze .mainContent a:link { color: rgb(80,80,80); text-decoration: none; }
body.anfahrtSkizze .mainContent a:visited { color: rgb(80,80,80); text-decoration: none; }
body.anfahrtSkizze .mainContent a:hover { color: rgb(200,80,40); text-decoration: underline; }

body.etagenplan {}
body.etagenplan .bilderBox { position: relative; width: 500px; height: 390px;}
body.etagenplan .bilderBox img { position: absolute; top:0px; left: 0px; visibility: hidden; }
body.etagenplan #bild_eg { visibility: visible; }
body.etagenplan .etagen { }

body.etagenplan .sideBar { padding-left: 10px; padding-right: 10px; }
body.etagenplan .sideBar div { margin: 0; padding: 0; }
body.etagenplan .sideBar .etage { border: 1px solid rgb(100,100,100); padding-top: 4px; margin-bottom: 4px; }
body.etagenplan .sideBar .etage h2 { margin: 3px; margin-right: 0px; margin-left: 25px; padding-left: 3px;  }
body.etagenplan .sideBar .etage .eHas { margin-left: 30px; padding-bottom: 6px; }
body.etagenplan .sideBar .eLink { border-top: 1px solid rgb(100,100,100); font-size: 1.2em; font-weight: bold; }
body.etagenplan .sideBar .eLink { background-color: rgb(245,245,245); line-height: 1.4em; }
body.etagenplan .sideBar .eLink span.lt { color: rgb(255,255,255); background-color: rgb(40,40,40); margin-left: 0px; margin-right: 10px; }
body.etagenplan .sideBar .eLink a:link { color: olive; }
body.etagenplan .sideBar .eLink a:visited { color: olive; }
body.etagenplan .sideBar .eLink a:hover { color: rgb(220,80,40); text-decoration: none; }


body.impressum {}