/*************************** * Datei: nature.css   * * Autor: Elmar Gievers    * * Stand: 20.04.2024       * ***************************/body { background-image: url(images/_GruenGelberVerlauf.GIF); background-color: #A0FFAA; color: #A0FFAA; } /* #75FF52 #40FF00 #00A344 #00A3F4 #33FF00 *//*images/_GruenGelberVerlauf.GIF); background-color: #A0FFAA; color: #A0FFAA; background-color: #B0CBFF;background-color: #00A3F4;*/h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-family: Arial, sans-serif, 'Segoe UI', Verdana; }/* ===== Link ============================================================*/a:link { color: darkgreen; text-decoration: none; }  /* a ohne id sollte nicht mehr auftauchen */a:visited { color: darkgreen; }a:hover { color: darkred; }a:active { color: darkgreen; }a:focus { color: darkgreen; }#a_std:link { color: #663399; text-decoration: none; }#a_std:visited { color: #663399; }#a_std:hover { color: blue; }#a_std:active { color: #663399; }#a_std:focus { color: #663399; }#a_menu:link { color: #663399; text-decoration: none; font-size: 120%; margin-left: 4; margin-right: 4; font-family: Arial, sans-serif; }#a_menu:visited { color: #663399; font-family: Arial, sans-serif; }#a_menu:hover { color: white; font-family: Arial, sans-serif; }#a_menu:active { color: #663399; font-family: Arial, sans-serif; }#a_menu:focus { color: #663399; font-family: Arial, sans-serif; }#a_white:link { color: white; text-decoration: none; }#a_white:visited { color: white; }#a_white:hover { color: red; }#a_white:active { color: white; }#a_white:focus { color: white; }#a_whiteRedBg:link { color: white; text-decoration: none; }#a_whiteRedBg:visited { color: white; }#a_whiteRedBg:hover { color: blue; }#a_whiteRedBg:active { color: white; }#a_whiteRedBg:focus { color: white; }#a_red:link { color: red; text-decoration: none; }#a_red:visited { color: red; }#a_red:hover { color: white; }#a_red:active { color: red; }#a_red:focus { color: red; }#a_blue:link { color: blue; text-decoration: none; }#a_blue:visited { color: blue; }#a_blue:hover { color: white; }#a_blue:active { color: blue; }#a_blue:focus { color: blue; }#a_green:link { color: green; text-decoration: none; }#a_green:visited { color: green; }#a_green:hover { color: white; }#a_green:active { color: green; }#a_green:focus { color: green; }#a_redHoverBlue:link { color: red; text-decoration: none; }#a_redHoverBlue:visited { color: red; }#a_redHoverBlue:hover { color: blue; }#a_redHoverBlue:active { color: red; }#a_redHoverBlue:focus { color: red; }#a_greenHoverBlue:link { color: green; text-decoration: none; }#a_greenHoverBlue:visited { color: green; }#a_greenHoverBlue:hover { color: blue; }#a_greenHoverBlue:active { color: green; }#a_greenHoverBlue:focus { color: green; }#a_songList:link { color: #663399; text-decoration: none; }#a_songList:visited { color: #663399; }#a_songList:hover { color: #0000FF; }#a_songList:active { color: #663399; }#a_songList:focus { color: #663399; }#a_footer:link { color: darkred; text-decoration: none; font-family: Arial, sans-serif; } /* #663399 */#a_footer:visited { color: darkred; font-family: Arial, sans-serif; }#a_footer:hover { color: white; font-family: Arial, sans-serif; }#a_footer:active { color: darkred; font-family: Arial, sans-serif; }#a_footer:focus { color: darkred; font-family: Arial, sans-serif; }#a_footerStd:link { color: black; text-decoration: none; font-family: Arial, sans-serif; }#a_footerStd:visited { color: black; font-family: Arial, sans-serif; }#a_footerStd:hover { color: white; font-family: Arial, sans-serif; }#a_footerStd:active { color: black; font-family: Arial, sans-serif; }#a_footerStd:focus { color: black; font-family: Arial, sans-serif; }#a_email:link { color: darkred; text-decoration: none; }#a_email:visited { color: darkred; }#a_email:hover { color: white; }#a_email:active { color: darkred; }#a_email:focus { color: darkred; }/* ===== Absatz ============================================================*/p { color: black; font-size: 95%; }#p_std { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 4; }#p_stdLine160 { line-height: 160%; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 4; }#p_stdLine160ClmRightIndex { line-height: 160%; margin-left: 16; margin-right: 4; margin-top: 4; margin-bottom: 4; }#p_stdClmRightIndex { line-height: 130%; margin-left: 16; margin-right: 4; margin-top: 4; margin-bottom: 4; }#p_stdMarginLessLeft { line-height: 130%; margin-left: 6; margin-right: 4; margin-top: 4; margin-bottom: 4; }#p_stdMarginRight2 { line-height: 130%; margin-left: 8; margin-right: 24; margin-top: 4; margin-bottom: 4; }#p_stdMarginTop { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 12; margin-bottom: 4; }#p_stdMarginTopLessLeft { line-height: 130%; margin-left: 6; margin-right: 4; margin-top: 12; margin-bottom: 4; }#p_stdMarginTopRight2 { line-height: 130%; margin-left: 8; margin-right: 24; margin-top: 12; margin-bottom: 4; }#p_stdMarginTop2 { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 24; margin-bottom: 4; }#p_stdMarginBottom { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 12; }#p_stdMarginBottomLessLeft { line-height: 130%; margin-left: 6; margin-right: 4; margin-top: 4; margin-bottom: 12; }#p_stdMarginBottom2 { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 24; }	#p_stdMarginTopBottom { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 12; margin-bottom: 12; }#p_stdMarginTopBottomRight2 { line-height: 130%; margin-left: 8; margin-right: 24; margin-top: 12; margin-bottom: 12; }#p_stdMarginTop2Bottom { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 24; margin-bottom: 12; }#p_stdMarginTopBottom2 { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 12; margin-bottom: 24; }#p_small { line-height: 160%; font-size: 80%; margin-left: 8; margin-right: 4; margin-top: 16; margin-bottom: 4; }  /* Kleinere Schrift (z.B. Text, Musik, Erscheinungsjahr) */#p_smallLessTop { line-height: 160%; font-size: 80%; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 4; }#p_headline { font-size: 120%; line-height: 130%; margin-left: 8; margin-right: 4; }  /*  berschrift ohne Hintergrund */#p_headlineBg { font-size: 150%; margin-left: 8; margin-right: 4; margin-top: 0; margin-bottom: 0; color: #4444AA; font-family: Arial, sans-serif; }#p_headlineRedBg { font-size: 150%; margin-left: 8; margin-right: 4; margin-top: 0; margin-bottom: 0; color: red; font-family: Arial, sans-serif; }#p_headlineSmall { font-size: 120%; line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 0; font-family: Arial, sans-serif; }  /* Kleinere  berschrift ohne Hintergrund */#p_headlineSmallMarginLessLeft { font-size: 120%; line-height: 130%; margin-left: 6; margin-right: 4; margin-top: 4; margin-bottom: 0; font-family: Arial, sans-serif; }  /* Kleinere  berschrift ohne Hintergrund */#p_headlineSmallMarginTop { font-size: 120%; line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 12; margin-bottom: 0; font-family: Arial, sans-serif; }  /* Kleinere  berschrift ohne Hintergrund */#p_headlineSmallMarginTopLessLeft { font-size: 120%; line-height: 130%; margin-left: 6; margin-right: 4; margin-top: 12; margin-bottom: 0; font-family: Arial, sans-serif; }  /* Kleinere  berschrift ohne Hintergrund */#p_headlineBwRed { line-height: 160%; font-size: 120%; color: red; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 4; }  /* Zwischen berschriften in rot */#p_linkArrow { font-size: 110%; line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 8; margin-bottom: 8; }#p_listLeft { line-height: 160%; margin-left: 8; margin-right: 4; margin-bottom: 4; }  /* Liste links (nur left right bottom) */#p_listRight { line-height: 160%; margin-bottom: 4; }  /* Liste rechts (nur bottom) */#p_bulletList { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 12; }  /* Liste mit Pfeil */#p_bulletListMarginRight2 { line-height: 130%; margin-left: 8; margin-right: 24; margin-top: 4; margin-bottom: 12; }  /* Liste mit Pfeil */#p_bulletListFirst { line-height: 130%; margin-left: 8; margin-right: 4; margin-top: 12; margin-bottom: 12; }  /* Liste mit Pfeil (erste mit mehr Abstand nach oben */#p_bulletListFirstMarginRight2 { line-height: 130%; margin-left: 8; margin-right: 24; margin-top: 12; margin-bottom: 12; }  /* Liste mit Pfeil (erste mit mehr Abstand nach oben */#p_songList { line-height: 160%; margin-left: 8; margin-right: 4; margin-top: 4; margin-bottom: 4; }#p_songListIntern { line-height: 130%; margin-left: 5; margin-right: 4; margin-top: 0; margin-bottom: 0; } /* margin-left minus 3 */#p_songListInternNoMarginLeft { line-height: 130%; margin-left: 0; margin-right: 4; margin-top: 0; margin-bottom: 0; } /* kein margin-left f r Pfeil */#p_songListNature { line-height: 130%; margin-left: 10; margin-right: 4; margin-top: 0; margin-bottom: 0; } /* margin-left minus 3 */#p_emptyHeading { line-height: 1px; }  /* leere Kopfzeile */#p_picHeading { text-align: center; }  /* Bild in Kopfzeile */#p_date { line-height: 130%; margin-left: 5; margin-right: 4; margin-top: 4; margin-bottom: 4; }  /* Termin: margin-left minus 3 */#p_footer { text-align: center; font-size: 80%; font-family: Arial, sans-serif; }/* ===== Tabelle ============================================================*/#table_dates { border: 0; width: 100%; }  /* Tabelle f r Termine *//* ===== Tabellenspalte ============================================================*/td { vertical-align: top; }#td_header { text-align: center; }#td_menu { text-align: center; background-color: 40FFAA; } /* #B4CDFF */#td_left { vertical-align: left; background-color: lightyellow; }#td_middle { vertical-align: middle; }#td_middle2 { vertical-align: middle; background-color: lightyellow; text-align: center; }#td_bgStdColor { background-color: #00A3F4; }#td_headlineBg { background-color: #40FFAA ; } /* #B4CDFF */  /* gr n: #40FFAA */#td_clmRightIndex { background-color: #B4CDFF; }#td_songNoBorder { }#td_songBorderLeft { border-left-style: solid; border-top-style: solid; border-left-width: 2; border-left-color: #A0FFAA; }#td_songBorderTop { border-top-style: solid; border-top-width: 2; border-top-color: #A0FFAA; }#td_songBorderLeftTop { border-left-style: solid; border-top-style: solid; border-left-width: 2; border-top-width: 2; border-left-color: #A0FFAA; border-top-color: #A0FFAA; }#td_dateFirst { text-align: center; }#td_date { text-align: center; border-top-style: solid; border-top-width: 1; border-top-color: #40FFAA; }#td_dateLeft { width: 20%; border-top-style: solid; border-top-width: 1; border-top-color: darkgray; }#td_dateRight { width: 80%; border-top-style: solid; border-top-width: 1; border-top-color: darkgray; }#td_dateLeftFirst { width: 20%; }#td_dateRightFirst { width: 80%; }#td_dateLeftNewYear { width: 20%; border-top-style: solid; border-top-width: 3; border-top-color: darkgray; }#td_dateRightNewYear { width: 80%; border-top-style: solid; border-top-width: 3; border-top-color: darkgray; }#td_dataListLeft { width: 20%; }#td_dataListRight { width: 80%; }#td_empty1 { line-height: 6px; text-align: center; background-color: 40FFAA; } /* #B4CDFF */#td_empty2 { line-height: 12px; text-align: center; background-color: 40FFAA; } /* #B4CDFF */#td_empty3 { line-height: 24px; text-align: center; background-color: 40FFAA; } /* #B4CDFF */#td_empty3StdBg { line-height: 24px; background-color: #00A3F4; }#td_footer { line-height: 24px; text-align: center; background-color: #A0FFAA; } /* #B4CDFF *//* ===== Hier Breiten einstellen! ============================================================*/#table_full { border: 0; width: 942; margin-left: auto; margin-right: auto; border-spacing: 0; background-color: yellow; }#table_fullNoBg { border: 0; width: 942; margin-left: auto; margin-right: auto; border-spacing: 0; }#table_header { border: 0; width: 942; margin-left: auto; margin-right: auto; margin-top: 8; margin-bottom: 8; }#table_menu { border: 0; width: 946; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 25; }  /* full plus 4 */#td_clmLeft { width: 742; background-color: lightyellow; }  /* full minus clmRight */#td_clmLeftStdBg { width: 742; background-color: #00A3F4; }  /* full minus clmRight */#td_clmRight { width: 200; background-color: red; }#td_clmLeftBand { width: 125; background-color: lightyellow; }#td_clmMiddleBand { width: 617; background-color: lightyellow; vertical-align: middle; }  /* clmLeft minus 125 *//*********************************************************************************************************************************** OLD -> WEG! ****************************************************************************************************************************************************************************************************************************//* Men  */#a1:link { color: #663399; text-decoration: none; font-size: 120%; margin-left: 4; margin-right: 4; font-family: Arial, sans-serif; }#a1:visited { color: #663399; font-family: Arial, sans-serif; }#a1:hover { color: white; font-family: Arial, sans-serif; }#a1:active { color: #663399; font-family: Arial, sans-serif; }#a1:focus { color: #663399; font-family: Arial, sans-serif; }/* TODO a_menu *//* Impressum */#a2:link { color: #663399; text-decoration: none; font-family: Arial, sans-serif; }#a2:visited { color: #663399; font-family: Arial, sans-serif; }#a2:hover { color: white; font-family: Arial, sans-serif; }#a2:active { color: #663399; font-family: Arial, sans-serif; }#a2:focus { color: #663399; font-family: Arial, sans-serif; }/* TODO -> a_footer *//* Song-Liste */#a3:link { color: #663399; text-decoration: none; }#a3:visited { color: #663399; }#a3:hover { color: #0000FF; }#a3:active { color: #663399; }#a3:focus { color: #663399; }/* TODO -> a_songList *//* Normaler Link */#a4:link { color: #663399; text-decoration: none; }#a4:visited { color: #663399; }#a4:hover { color: #0000FF; }#a4:active { color: #663399; }#a4:focus { color: #663399; }/* TODO -> a_std */#p1 { line-height: 130%; margin-left: 4; margin-right: 4; margin-top: 4; margin-bottom: 4; }/* TODO -> p_std *//* Copyright, Version */#p2 { text-align: center; font-size: 80%; font-family: Arial, sans-serif; }/* TODO -> p_footer *//*  berschrift mit Hintergrund */#p3 { font-size: 150%; margin-left: 4; margin-right: 4; margin-top: 0; margin-bottom: 0; color: #4444AA; font-family: Arial, sans-serif; }/* TODO -> p_headlineBg *//* Liste von Songs */#p4 { line-height: 160%; margin-left: 4; margin-right: 4; margin-top: 4; margin-bottom: 4; }/* TODO -> p_songList *//* Kleinere Schrift (z.B. Text, Musik, Erscheinungsjahr) */#p5 { line-height: 160%; font-size: 80%; margin-left: 4; margin-right: 4; margin-top: 16; margin-bottom: 4; }/* TODO -> p_small *//*  berschrift ohne Hintergrund */#p6 { font-size: 120%; line-height: 130%; margin-left: 4; margin-right: 4; }/* TODO -> p_headline *//* Liste links (nur left right bottom) */#p7 { line-height: 160%; margin-left: 4; margin-right: 4; margin-bottom: 4; }/* TODO -> p_listLeft *//* Liste rechts (nur bottom) */#p8 { line-height: 160%; margin-bottom: 4; }/* TODO -> p_listRight *//* Link mit Pfeil */#p9 { font-size: 110%; line-height: 130%; margin-left: 4; margin-right: 4; }/* TODO -> p_linkArrow *//* Liste mit Pfeil */#p10 { line-height: 130%; margin-left: 4; margin-right: 4; margin-top: 4; margin-bottom: 12; }/* TODO -> p_bulletList *//* Liste mit Pfeil (erste mit mehr Abstand nach oben */#p11 { line-height: 130%; margin-left: 4; margin-right: 4; margin-top: 12; margin-bottom: 12; }/* TODO -> p_bulletListFirst *//*  berschrift in rot mit Hintergrund */#p12 { font-size: 150%; margin-left: 4; margin-right: 4; margin-top: 0; margin-bottom: 0; color: red; font-family: Arial, sans-serif; }/* TODO -> p_headlineRedBg *//* Zwischen berschriften */#p13 { line-height: 160%; font-size: 120%; margin-left: 4; margin-right: 4; margin-top: 4; margin-bottom: 4; }/* Termin */#p15 { line-height: 130%; margin-left: 1; margin-right: 4; margin-top: 4; margin-bottom: 4; }/* TODO -> p_date *//* Song-Liste intern */#p16 { line-height: 130%; margin-left: 0; margin-right: 4; margin-top: 0; margin-bottom: 0; }/* TODO -> p_songListIntern *//* Men  */#td_1 { text-align: center; background-color: #B4CDFF; }/* TODO: -> td_menu *//*  berschrift */#td2 { background-color: #B4CDFF; }/* TODO: -> td_headlineBg *//* Foto - Musiker */#td4 { vertical-align: middle; width: 120; outline: none; border: none }/* stattdessen td_clmLeftBand *//* Text - Musiker */#td5 { vertical-align: middle; }/* stattdessen td_clmMiddleBand */#td_clm22 { vertical-align: middle; }#td_StdBg { background-color: #00A3F4; }/* TODO -> td_bgStdColor */#table_dates22 { border: none; outline: 0; width: 100%; cellpadding: 0; }