/* ### Stylesheet für den Botanischen Garten München Nymphenburg, basis.css*/
/* ### Farben:
#f9fff9 = mattweißer Texthintergrund, body background, bg0.gif
#eaffea = grüner Texthintergrund großflächig, Hervorhebungen im Veranstaltungsprogramm, datg
#ffffdd = gelber Texthintergrund großflächig, Veranstaltungen für Kinder, datk
#ffffdd = grauer Texthintergrund großflächig, externe Veranstaltungen, date
#fdfaea = beiger Texthintergrund großflächig, z.B. Gruppen von Einträgen im Veranstaltungsprogramm, datb
#e5ffe5 = farbiger Texthintergrund für einzelne Worte, z.B. Code
#e5ffe5 = Menü-Hintergrund, bg2.gif
#96d196 = grüner Hintergrund,
#669966 = grüne Knöpfe und Linien: hr, lp0.gif, linie1.gif
#448844 = fette Schriften
#336633 = inline-Links
#117711 = Bereichsmenü zweite Ebene
#000000 = Fließtext, schwarze Linie
#cccccc = graue Linie für Bilder im Text
#0000cc = ausgewählter Menüpunkt, a:hover
#0000ff = a:active
#ee0000 = giftig
transparent = 0.gif
*/

* { margin:0; padding:0; border:0; }

html, body { background:#606060; color:#000; font-size:100.01%; }
html, body, p, ul, ol, h1, h2, h3, h4, h5, h6, td, th, textarea, input { font-family:Verdana,Arial,Helvetica,sans-serif; }
/* ### Schriftgrößen siehe modern.css  ######################## */

/* ### Schriftstile  ########################################## */
em.giftig { font-style:normal; font-weight:bold; color:#ee0000; }
em.autor { font-style:normal; font-variant:small-caps; }
.kap { font-variant:small-caps; }
code { font-family:Courier, monospace; font-size:95%; background:#e5ffe5; }
.bit0 { font-family:Courier, monospace; }
.sig { font-family:'Times New Roman','Times Roman',serif; font-style:italic; font-size:medium; }
.grey { color:#aaa; }
.sep { border-top:1px solid #ddd; }
.nb { border-style:none; border-width:0px; }

/* ### Farbflächen, Linien: ############################### */
.weiss, #seite { background:#fff; /*background-image:url(../__img/bg0.gif);*/}
.gruen, #skip { background:#8cd48c; }
.farbig { background:#eaffea; }
.hellg, #haupttd, #bereichtd { background:#e5ffe5; }
.linieg, #liniepr {background:#696;}
.linies {background:#999;}
/*.pattern { background:url(../img/pattern.gif); }*/

hr { margin:1em 0; width:100%; height:2px; border-bottom:2px solid #696; color:#696; }

/* ### Farbe für fette Schriften: ############################# */
h1 { color:#464; } /*363*/
h2, h3 { color:#474; } /*484*/
h4, h5, h6, strong, #firma  { color:#484; }
th { color:#333; }
#fuss { color:#ccc; }

/* ### Farbe für BoldFace ("giftig"): ############################ */
b { color:#e00; }

/* ### Versteckte Eingaben für Blinde, in Hintergrundfarbe: ### */
.hide0, #basis span, #sprachen span, .gliederung span { color:#f9fff9; }
.hide1, #haupt span, #bereich span { color:#e5ffe5; }
.hide2 { display:none; }
.nopr0   { background-color:#f9fff9; }

/* ### Funktionsbereiche: - Maßangaben siehe modern.css ### */
/* ### Menüs ############################################## */
#menu { font-size:larger; color:#fff; background:#9ee597 url(../img/menu-bg.gif) top repeat-x; padding:1px 8px 3px 8px; }
#menu a { color:#fff; text-decoration:none; font-family:Arial,sans-serif; font-weight:bold; letter-spacing:1px; }
#menu a:hover { color:#fff; text-decoration:underline; font-family:Arial,sans-serif; font-weight:bold; letter-spacing:1px; }
#menu span { color:#6eb66d; font-size:8px; }
#menu a.hier { color:#30a; }

#menu-h { font-size:1px; color:#9ee597; background:#9ee597; }
#menu-h a { color:#9ee597; }


#basistd, #sprachentd, #bereichtd { font-size:.71em; text-align:left; }
#basistd, #sprachentd { vertical-align:middle; }
#haupttd	{ vertical-align:top; }
#basis, #sprachen { margin:0; padding:.25em 1em; }
#haupt		{ margin:0; padding:4px; font-size:.79em; }
#bereich	{ /* oberen Abstand abstimmen mit #inhalt und h1 */ margin:0; padding:48px 1px 48px 4px; }
#bereich p	{ font-size:1em; margin:0; padding:0 0 1.5em .5em; }
#breadcrumb	{ position:absolute; left: -1000px; top: -1000px; overflow:hidden; }

/* ### Suchfunktion: ######################################## */
/*#suchentd	{ vertical-align:middle; }*/
#slabel		{ font-size:.71em; padding:2px; text-align:right; width:100%; }
#suchen		{ padding:2px; width:7em; text-align:left; }
#absenden	{ padding:0 8px 0 2px; width:15px; }

/* ### Kopf- und Fußbereich ################################# */
#logotd		{ text-align:center; vertical-align:bottom; background:#f9fff9; }
#logoimg	{ width:119px; height:106px; }
#firma		{ margin:0; padding:.1em 18px .1em 0; font-size: 22px; letter-spacing:2px; background:#f9fff9; }
#ort		{ font-size:small; color:#909090; letter-spacing:0; }
#fuss		{ font-size:x-small; text-align:left; vertical-align:bottom; margin:0; padding:24px 16px 6px 12px; background:#fff; }
#toptd		{ text-align:right; vertical-align:bottom; margin:0; padding:24px 0 0 0; background:#fff; }
#topimg		{ width:44px; height:30px; background:#fff; }

/* ### Inhaltsbereich ################################# */
#inhalt img	{border:1px solid #ccc;}
#inhalt img.symbol { border:none; }
#bild1td, .bild2td { text-align:left; vertical-align:top; }
#inhalt		{ margin:0; padding:30px 4% 0 30px; background:#fff; }
#plakat		{ margin:0; padding:30px 0 0 30px; }
#plakat p	{ padding-right:30px; }
#banner		{ border: 1px solid #696; background:#f6fff0; }
#banner td	{ font-size:small; border-style:none; }

/* ### Überschriften: ######################################### */
h1	{ font-size:1.3em; font-weight:normal; margin:18px 0 1em 0; }
h2	{ font-size:1.1em; font-weight:normal; margin:1.5em 0 .75em 0; }
h3	{ font-size:.9em; font-weight:bold; margin:.5em 0 .5em 0; }
h4	{ font-weight:bold; margin:.5em 0 0 0; }
h5, h6	{ font-weight:bold; display:inline; }

/* ### weitere Textarten: ################################### */
strong	{ font-style:normal; font-weight:bold; }
ol	{ list-style-type:decimal; padding:0 0 0 2em; }
ul { list-style-type:disc; padding:0 0 0 1.4em; }
ul ul { list-style-type:circle; padding:0 0 0 1.4em; }
#bereich ul { list-style-type:none; list-style-image:url(../__img/nav/lp01.gif); padding:0 0 0 2em; }
ul li, ol li { padding:0 0 .25em 0; }
ul ul, ul ul ul, ol ol, ol ol ol { font-size:1em; }
th	{ text-align:left; }
.s	{ font-size:small; }
.nw	{ white-space:nowrap; }
.nb  { border:none; }

/* ### Links ################################################ */
a	{ text-decoration:underline; }
a:link, a:visited { color:#363; }
a:hover { color:#00c; }
a:active, a:focus { color:#00f; }
a img	{ border:none !important; }

/* ### Skip-Links ##########################################  */
#skip a:link, #skip a:visited, #skip a:hover, #skip a:active, #skip a:focus { color:#8cd48c; }

/* Menü-Links :############################################### */
.menue a:link, .menue a:visited { color:#000; text-decoration:none; }
.menue a:hover { color:#00c; text-decoration:underline; list-style-image:url(../__img/nav/lp1.gif); }
.menue a:active, .menue a:focus { color:#00f; text-decoration:underline; list-style-image:url(../__img/nav/lp1.gif); }
.menue ul ul a:link, .menue ul ul a:visited { color:#171; }
.menue ul, .menue ul ul { font-size:1em; list-style-type:none; list-style-image:url(../__img/nav/lp0.gif); margin:0; padding:0 0 0 22px; }
.menue ul ul { list-style-image:url(../__img/nav/lp01.gif); padding:0 0 0 1.2em; }
#basis a.hier, #haupt a.hier, #bereich a.hier { color:#009; font-weight:bold; text-decoration:none; list-style-image:url(../img/nav/lp0.gif); }
#ort a:link, #ort a:visited, #ort a:active, #ort a:focus { color:#909090; text-decoration:none; border-bottom-style:dotted; border:1px #a0a0a0; }
#ort a:hover { color:#00e; text-decoration:underline; border-bottom-style:solid; border:1px #00e; }

/* ### Datentabellen: Texte mit und ohne <p> erlaubt ####### */
/* ### paddings siehe modern.css ########################### */
/* ### Hintergrundfarben für verschiedene Zwecke: ########## */
/* ### g=Gruppierung eaffea ################################ */ 
/* ### k=Kinder      ffffdd ################################ */
/* ### e=extern      efefef ################################ */ 
/* ### f=Farfalle    ffeeff ################################ */ 
/* ### m=Musik       fff5f5 ################################ */
.datg { background:#f4ffee; }
.datk { background:#ffffe8; }
.date { background:#efefef; }
.datf { background:#fff4ff; }
.datm { background:#fff5f5; }
.datb { background:#fdfaea; }

.dat h4, .dat p, .dat ol, .dat ul,
.datm h4, .datm p, .datm ol, .datm ul,
.datk h4, .datk p, .datk ol, .datk ul,
.date h4, .date p, .date ol, .date ul,
.datf h4, .datf p, .datf ol, .datf ul,
.datb h4, .datb p, .datb ol, .datb ul,
.datg h4, .datg p, .datg ol, .datg ul { font-size:1em; }
dat h4, .datk h4, .date h4, .datf h4, .datm h4, .datg, .datb h4 { margin:1em 0 0 0; }

/* ### Gliederung: als ul mit manueller Nummerierung. HTML kann keine mehrstufige Nummerierung ### */
.gliederung ul, .gliederung ul ul, .gliederung ul ul ul { list-style-type:none; list-style-image:none; padding:0 0 0 1.5em; }

a.teaser	{ padding-left:12px; background:url(../__img/nav/link.gif) no-repeat 0 50%; }

#inhalt a:link, #inhalt a:visited, #inhalt a:active, #inhalt a:focus { color:#363; text-decoration:none; border-bottom-style:dotted; border-width:1px; border-color:#a0a0a0; }
#inhalt a:hover { color:#00e; text-decoration:none; border-bottom-style:solid; border-width:1px; border-color:#0000ee; }

#inhalt a.ext, #inhalt a.ext:active, #inhalt a.ext:focus, #inhalt a.ext:visited { text-decoration:none; border-bottom-style:dotted; border-width:1px; border-color:#a0a0a0; padding-left:18px; background:url(../img/link_ext.gif) no-repeat 0 50%; }
#inhalt a.ext:hover { text-decoration:none; border-bottom-style:solid; border-width:1px; color:#00e; border-color:#0000ee; padding-left:18px; background:url(../img/link_ext2.gif) no-repeat 0 50%; }

#inhalt a.file, #inhalt a.file:active, #inhalt a.file:focus, #inhalt a.file:visited { text-decoration:none; border-bottom-style:dotted; border-width:1px; border-color:#a0a0a0; padding-left:18px; background:url(../img/link_file.gif) no-repeat 0 50%; }
#inhalt a.file:hover { text-decoration:none; border-bottom-style:solid; border-width:1px; color:#00e; border-color:#0000ee; padding-left:18px; background:url(../img/link_file2.gif) no-repeat 0 50%; }

#inhalt a:hover img { color:#00e; border-bottom-style:solid; border-width:1px; border-color:#00e; }