/* File: style.css - style sheet for www.flinke-pfoten.de - 09.12.2008/06.12.2009/27.12.2009/25.01.2011/22.12.2011/03.02.2012 */

@media screen, handheld, projection, tv
{
/* Style fuer Bildschirm, tragbare Kleinstcomputer, Beamer und TV-Ausgabegeraete */
/* body              {background-color:#E7E3E7; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;} */
                                                    /* helles braungrau, urspruengliche Hintergrundfarbe fuer Flinke Pfoten */
/* body              {background-color:#99ccff; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;} */
body.white        {background-color:#FFFFFF;}       /* color = white = #FFFFFF = weiss */
body.cornsilk     {background-color:#FFF8DC;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
body.hellblau     {background-color:#99ccff;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
body.formmail     {background-color:#99ccff;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
body.contactform  {background-color:#99ccff;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
body.help         {background-color:#FFE4E1;}       /* mistyrose = #FFE4E1 = Altrosa */
body.foto         {background-color:#FFFFFF;}       /* color = white = #FFFFFF = weiss */
*.flin-body       {background-color:#E7E3E7; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.95em;}       /* color = #99ccff = hellblau,  #FFFFFF = white,  #E7E3E7 = hellgrau = alter Hintergrund der Flinke-Pfoten-Seiten */
/* *.flin-body       {background-color:#99ccff; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.95em; margin-left:0.6cm;} */      /* color = #99ccff = hellblau,  #FFFFFF = white */
                  /* Standard-Schriftart war TimesNew Roman (siehe Internet Explorer, Extras, Internetoptionen, Allgemein, Schriftarten, Schriftgroesse: 12pt oder 1.0em, bei Verdana wird es aber immer groesser */
                  /* Approx: 12pt = 16px = 1em = 100% */
/* *.flin-top        {background-color:#E7E3E7;}  */      /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
/* *.flin-top        {background-color:#9df9c8;}  */      /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
*.flin-top        {background-color:#c9e7f9;}        /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
/* *.flin-top-bild   {background-color:#c4f6ea;}  */      /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
*.flin-top-bild   {background-color:#c9e7f9;}        /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
*.flin-top-home   {background-color:#c9e7f9;}        /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
*.flin-top-links   {background-color:#c9e7f9;}        /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
*.flin-top-termine   {background-color:#c9e7f9;}        /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
*.flin-top-termine-archiv   {background-color:mistyrose;}        /* Oberer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
*.flin-top-active {background-color:yellow;}        /* Aktiver Link im Oberen Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der oberen Zeile */
/* *.flin-side       {background-color:#E7E3E7; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;} */       /* Seitenbereich links mit Buttons */
/* *.flin-side       {background-color:#E7E3E7; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;} */       /* Seitenbereich links mit Buttons */
/* *.flin-side       {background-color:#9df9c8; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;} */       /* Seitenbereich links mit Buttons */
/* *.flin-side       {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;} */        /* Seitenbereich links mit Buttons */
/* *.flin-side       {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;} */       /* Seitenbereich links mit Buttons */
/* *.flin-side-bild  {background-color:#c4f6ea; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;} */       /* Seitenbereich links mit Buttons */
/*
*.flin-side-bild  {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;}
*.flin-side-home  {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;}
*.flin-side-links  {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;}
*.flin-side-active  {background-color:yellow; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;}
*/
*.flin-side       {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif;}        /* Seitenbereich links mit Buttons */
*.flin-side-bild  {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif;}        /* Seitenbereich links mit Buttons */
*.flin-side-home  {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif;}        /* Seitenbereich links mit Buttons */
*.flin-side-links  {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif;}        /* Seitenbereich links mit Buttons */
*.flin-side-termine  {background-color:#c9e7f9; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif;}        /* Seitenbereich links mit Buttons */
*.flin-side-termine-archiv  {background-color:mistyrose; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif;}        /* Seitenbereich links mit Buttons */
*.flin-side-active  {background-color:yellow; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif;}        /* Aktiver Link im Seitenbereich links mit Buttons */
*.flin-main       {background-color:#ffffff;}       /* Hauptbereich allgemein - color = #99ccff = hellblau,  #FFFFFF = white */
/* *.flin-main-bildwahl  {background-color:#f9f9d6;}  */     /* Hauptbereich allgemein - color = #99ccff = hellblau,  #FFFFFF = white */
*.flin-main-bildwahl  {background-color:#ffffff;}       /* Hauptbereich allgemein - color = #99ccff = hellblau,  #FFFFFF = white */
*.flin-main-home      {background-color:#ffffff;}       /* Hauptbereich allgemein - color = #99ccff = hellblau,  #FFFFFF = white */
*.flin-main-links     {background-color:#ffffff;}       /* Hauptbereich allgemein - color = #99ccff = hellblau,  #FFFFFF = white */
*.flin-main-termine     {background-color:#ffffff;}       /* Hauptbereich allgemein - color = #99ccff = hellblau,  #FFFFFF = white */
*.flin-main-termine-archiv     {background-color:#ffffff;}       /* Hauptbereich allgemein - color = #99ccff = hellblau,  #FFFFFF = white */
*.flin-mail       {background-color:#99ccff;}       /* Verwendung im Kontakt-Formular */
*.flin-mail1      {background-color:#aaddff; margin-left:0.4cm;}       /* Verwendung im Formmailer - Abstand ist noetig bei Verwendung in Frames */
*.flin-mail-error {background-color:#FFE4E1; margin-left:0.4cm;}       /* Verwendung im Formmailer bei Fehler - Abstand ist noetig bei Verwendung in Frames */
/* *.flin-bottom        {background-color:#9df9c8;} */       /* Unterer Bereich - bgcolor = #E7E3E7 = Hintergrund der Bilder in der unteren Zeile */
*.flin-bottom        {background-color:#c9e7f9;}        /* Unterer Bereich - bgcolor = #E7E3E7 = Hintergrund in der unteren Zeile */
*.flin-bottom-home   {background-color:#c9e7f9;}        /* Unterer Bereich - bgcolor = #E7E3E7 = Hintergrund der Homepage in der unteren Zeile */
*.flin-bottom-bild   {background-color:#c9e7f9;}        /* Unterer Bereich - bgcolor = #E7E3E7 = Hintergrund von Bildseiten in der unteren Zeile */
*.flin-bottom-links  {background-color:#c9e7f9;}        /* Unterer Bereich - bgcolor = #E7E3E7 = Hintergrund von Links in der unteren Zeile */
*.flin-bottom-att    {background-color:#FFF8DC;}        /* Unterer Bereich - bgcolor = #E7E3E7 = Hintergrund in der unteren Zeile fuer besondere Aufmerksamkeit */  /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
body.flin-archive {background-color:mistyrose; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
*.yellowline    {background-color:#fad015;}   /* Das Gelb vom Flinke-Pfoten-Logo */
*.blueline      {background-color:#482fac;}  /* Das Dunkelblau vom Flinke-Pfoten-Logo */
*.flin-date-flin    /*  = .blau-titel - fuer Termine der Flinken Pfoten im Terminplan */
                 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #4930AE;}
*.flin-date-flin-n   {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #4930AE;}
*.flin-date-normal  /* = .normal - fuer Termine anderer im Terminplan */
                 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
*.flin-date-kg  /* fuer Termine der Kreisgruppe im Terminplan */
                 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #008000;}
*.flin-date-swhv  /* fuer Termine des swhv im Terminplan */
                 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ff6600;}
/* *.flin-date-new  {background-color:yellow;} */  /* yellow = #FFFF00 - LemonChiffon1 = #FFFACD */
*.flin-date-new  {background-color:#FFFACD;}  /* yellow = #FFFF00 - LemonChiffon1 = #FFFACD - helles gelb: #ffffbb */
*.flin-date-tentative  {background-color:mistyrose;}  /* tentative date or deleted event - mistyrose = #FFE4E1 */

/* *.hov-body        {background-color:#99ccff; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; -font-size:11pt; font-size:0.95em;} */
*.hov-body        {background-color:#99ccff; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.95em;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
                  /* Standard-Schriftart war TimesNew Roman (siehe Internet Explorer, Extras, Internetoptionen, Allgemein, Schriftarten, Schriftgroesse: 12pt oder 1.0em, bei Verdana wird es aber immer groesser */
                  /* Approx: 12pt = 16px = 1em = 100% */
*.hov-top         {background-color:silver;}        /* color = #99ccff = hellblau,  #FFFFFF = white */
/* *.hov-side        {background-color:silver; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; -font-size:9pt; font-size:0.75em;} */
*.hov-side        {background-color:silver; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:0.75em;}        /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-main        {background-color:#99ccff;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-maincolor   {color:#99ccff;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-mail        {background-color:#99ccff;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-contact     {background-color:#99ccff;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-body        {background-color:#FFF8DC;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-top         {background-color:#99ccff;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-side        {background-color:#FFF8DC;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-main        {background-color:#FFF8DC;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-mail        {background-color:#c0f0ff;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-contact     {background-color:#99ccff;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.invisible       {color:#99ccff; font-size:1pt;}   /* color same as body background-color */
*.invisiblehelp   {color:#FFE4E1; font-size:1pt;}   /* color same as body background-color */
*.nospace         {margin-top:0%; margin-bottom:0%;}
*.nospaceabove    {margin-top:0%;}
*.nospacebelow    {margin-bottom:0%;}
*.smallspace      {margin-top:2mm; margin-bottom:2mm;}
*.smallspaceabove {margin-top:2mm;}
*.smallspacebelow {margin-bottom:2mm;}
/* *.doublespace  {margin-top:200%; margin-bottom:0%; background-color:red; }  funktioniert nicht, gibt Riesen-Abstand */
*.doublespace     {margin-top:1.2cm;}
*.left-float      {float:left; margin-right:0.6cm; margin-bottom:0.3cm;}
*.left-float-nomargin      {float:left; margin-left:0.1cm; margin-right:0.1cm; margin-bottom:0.3cm;}
*.left-float-smallmargin      {float:left; margin-left:0.2cm; margin-right:0.2cm; margin-bottom:0.3cm;}
*.right-float     {float:right; margin-left:0.6cm; margin-bottom:0.3cm;}
*.right-float-nomargin      {float:right; margin-left:0.1cm; margin-right:0.1cm; margin-bottom:0.3cm;}
/* *.normal       {font-size:4mm;} */
*.small           {font-size:3mm;}
*.vsmall          {font-size:2.5mm;}
*.verysmall       {font-size:2mm;}
*.oberteil        {background-color:mistyrose;}
*.inputfield      {}
*.errorfield      {BORDER-RIGHT: #9F0004 1px solid; BORDER-TOP: #9F0004 1px solid; BORDER-LEFT: #9F0004 1px solid; BORDER-BOTTOM: #9F0004 1px solid; background-color: #FFFFCC;} 
*.msg-positive    {color:green;}  /* Farbe fuer positive Messages des Formmailers */
*.msg-negative    {color:red;}    /* Farbe fuer negative Messages des Formmailers */
/* *.opaque          {
                   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // for IE8 - must come before IE7 for IE8-as-IE7
                   filter:alpha(opacity=50); // for IE5-7
                   -moz-opacity:.50;
                   opacity:.5; // for all other browsers
                  } */  /* Geht auch mit slash-asterist innerhalb Deklaration nicht */
                  /*  filter:alpha(opacity=50); herausgenommen, weil Firefox 3.0.6 einen Fehler beim Verarbeiten des Wertes anmosert */
/* *.opaque          {
                   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                   -moz-opacity:.50;
                   opacity:.5;
                  } */  /* -moz-opacity herausgenommen, weil Firefox 3.5 das als unbekannte Eigenschaft bezeichnet (und ignoriert) */
*.opaque          {
                   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                   opacity:.5;
                  }
}

@media print, embossed, braille, aural
{
/* Style fuer Ausdruck auf Papier, Braille-Drucker, Braille-Zeile und Sprachausgabe */
body              {background-color:#FFFFFF;}       /* color = white = #FFFFFF = weiss */
body.white        {background-color:#FFFFFF;}       /* color = white = #FFFFFF = weiss */
body.cornsilk     {background-color:#FFFFFF;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
body.hellblau     {background-color:#FFFFFF;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
body.formmail     {background-color:#FFFFFF;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
body.contactform  {background-color:#FFFFFF;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
body.help         {background-color:#FFFFFF;}       /* color = white = #FFFFFF = weiss */
body.foto         {background-color:#FFFFFF;}       /* color = white = #FFFFFF = weiss */
*.hov-body        {background-color:#FFFFFF;; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:11pt;}
*.hov-top         {background-color:#FFFFFF;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-side        {background-color:#FFFFFF; font-family:Verdana,Arial,Helvetica,'Times New Roman',sans-serif; font-size:9pt;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-main        {background-color:#FFFFFF;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-maincolor   {color:#99ccff;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-mail        {background-color:#FFFFFF;}       /* color = #99ccff = hellblau,  #FFFFFF = white */
*.hov-contact     {background-color:#FFFFFF;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.flin-mail1      {background-color:#FFFFFF; margin-left:0.4cm;}       /* Verwendung im Formmailer - Abstand ist noetig bei Verwendung in Frames */
*.flin-mail-error {background-color:#FFFFFF; margin-left:0.4cm;}       /* Verwendung im Formmailer bei Fehler - Abstand ist noetig bei Verwendung in Frames */
*.mue-body        {background-color:#FFFFFF;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-top         {background-color:#FFFFFF;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-side        {background-color:#FFFFFF;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-main        {background-color:#FFFFFF;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-mail        {background-color:#FFFFFF;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.mue-contact     {background-color:#FFFFFF;}       /* color = cornsilk = #FFF8DC = Mais,  #FFFFFF = white */
*.invisible       {color:#FFFFFF; font-size:1pt;}   /* color same as background-color */
*.invisiblehelp   {color:#FFFFFF; font-size:1pt;}   /* color same as background-color */
*.nospace         {margin-top:0%; margin-bottom:0%;}
*.nospaceabove    {margin-top:0%;}
*.nospacebelow    {margin-bottom:0%;}
*.smallspace      {margin-top:2mm; margin-bottom:2mm;}
*.smallspaceabove {margin-top:2mm;}
*.smallspacebelow {margin-bottom:2mm;}
/* *.doublespace  {margin-top:200%; margin-bottom:0%; background-color:red; }  funktioniert nicht, gibt Riesen-Abstand */
*.doublespace     {margin-top:1.2cm;}
*.left-float      {float:left; margin-right:0.6cm; margin-bottom:0.3cm;}
*.left-float-nomargin      {float:left; margin-left:0.1cm; margin-right:0.1cm; margin-bottom:0.3cm;}
*.left-float-smallmargin      {float:left; margin-left:0.2cm; margin-right:0.2cm; margin-bottom:0.3cm;}
*.right-float     {float:right; margin-left:0.6cm; margin-bottom:0.3cm;}
*.right-float-nomargin      {float:right; margin-left:0.1cm; margin-right:0.1cm; margin-bottom:0.3cm;}
*.verysmall       {font-size:2mm;}
*.oberteil        {background-color:#FFFFFF;}
*.inputfield      {}
*.errorfield      {BORDER-RIGHT: #9F0004 1px solid; BORDER-TOP: #9F0004 1px solid; BORDER-LEFT: #9F0004 1px solid; BORDER-BOTTOM: #9F0004 1px solid; background-color: #FFFFCC;} 
}

@media all
{
/* headlines: */
*.head   {color:green; margin-bottom:2mm;}  /* Headlines in Beschreibungen */
*.head1  {color:green; margin-bottom:2mm; margin-top:0%;}  /* Oberste Headline in Beschreibungen */
*.head2  {color:green; margin-top:0%;}  /* Headline unter oberster in Beschreibungen */
/* invisible objects: */
*.invisible-object   {visibility:hidden; font-size:1pt;}  /* Das Object ist nicht sichtbar, nimmt aber Platz ein (es ist transparent) - ab CSS2 */
*.invisible-object-c   {visibility:collapse;}  /* Das Object ist nicht sichtbar, nimmt bei Tabellen keinen Platz ein - ab CSS2 */
                                               /* funktioniert bei Firefox 7, aber nicht bei IE 8 */
*.nodisplay  {display:none;}        /* keine Anzeige, kein Platz - funktioniert bei Firefox 7 und IE 8 */
/* Ende von media all */
}