/************************
 * Datei: fetz.css      *
 * Autor: Elmar Gievers *
 * Stand: 25.03.2014    *
 ************************/


body { background-image: url(images/_blauerverlauf.gif); background-color: #00A3F4; color: green; }
/*
background-color: #B4CDFF;
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_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: #663399; text-decoration: none; font-family: Arial, sans-serif; }
#a_footer:visited { color: #663399; font-family: Arial, sans-serif; }
#a_footer:hover { color: white; font-family: Arial, sans-serif; }
#a_footer:active { color: #663399; font-family: Arial, sans-serif; }
#a_footer:focus { color: #663399; font-family: Arial, sans-serif; }



/* ===== 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_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: #B4CDFF; }


#td_middle { vertical-align: middle; }

#td_bgStdColor { background-color: #00A3F4; }

#td_headlineBg { background-color: #B4CDFF; }

#td_clmRightIndex { background-color: #B4CDFF; }


#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: #B4CDFF; }

#td_empty2 { line-height: 12px; text-align: center; background-color: #B4CDFF; }

#td_empty3 { line-height: 24px; text-align: center; background-color: #B4CDFF; }

#td_empty3StdBg { line-height: 24px; background-color: #00A3F4; }


#td_footer { line-height: 24px; text-align: center; background-color: #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: #B4CDFF; }
#td_clmRightBlue { width: 200; background-color: #B4CDFF; }
#td_clmRightRed { 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; }

