/*   Stylesheet für Cat Cloud Manager Grüne Edition                   */
/*   Erstellt am:  26.11.2015   von: Susann Hornschuch                */
#loginbutton, .werbebutton, label.fileup_labelextrastyle
			{ color: #FFFFFF;
              border: 0.5px solid #009091;
              background: linear-gradient(to bottom, #ECF0FE, #009091 98% );  /*  gainsboro 0%, white 90%  */
                        }
html { font-size:        10pt; /*11*/                         /* Einstellungen für Grundelemente */
       font-family:      "Verdana", "Geneva", sans-serif;
     }
body { color :           #000000;                          /* Standard-Schriftfarbe schwarz*/
       background-image: url(picture/bkgrdgrau.jpg);
       background-color: #F8FEFE;                           /*99CCCC*/
     }
	 
/************************************************************ Allgemeines ***********************************************/
  hr.standard { background-color: #003333;                      /* Standardlinie über ganze Seite  Farbe für Opera und Firefox */
                color:            #003333;                                                 /* Farbe für Internet Explorer (IE) */
              }
  h3          { color:            #24140B; }                 /* Überschrift */
  .info       { color:            #008030; }
  .farbe_hell_dunkel { color: #FF0000; }
/**************************************************** Einstellungen für WRAPPER ********************************************/
  #wrapper, #wrapper_hp  { width:         96%; }                           /*  Seitenbreite : muss hier angepasst werden  */
  #wrap-2, #wrap-2_hp    { background:    #C2F1E5; }                   /* Farbe Hintergrund */

/******************************************* Kopf *************************************************************************/
  #head, #head_hp,#left_kopf_hp { 
                        background: url(picture/header.png) no-repeat center;
                        height: 212px;
                        background-color:  #CCCCCC;
                        border-left:  3px solid #C2F1E5;
                        border-right: 3px solid #C2F1E5;
                        border-top:   3px solid #C2F1E5;                  /* Kopf  FAF8F8=weiss */
						border-bottom: 3px solid #C2F1E5;
                        margin-bottom: 1px;
                        }
  div.left_im_kopf               { width: 242px;  }
  div.left_im_kopf div ul li a   { box-shadow:      3px 3px 8px #292929;   }
  #lang, #lang a                 { color: #003333; }
  #aktsprache                    { background-color: #006666;
                                   color:            #ECF0FE;
                                 }
  #logokopf  { width: 195px; height : 195px; }
  
  @media all and (max-width: 1200px)
  {  #head{height: 150px;
           background: url(picture/header.png) no-repeat right;
		   background-color:  #CCCCCC;
           background-position: center;
	       background-size:60%;
           background-position: 50% 50%;}
    #logokopf  { width: 98px; height : 98px; }
  }	 

/****************** Navigation Hauptmenü *********************/
/*    div.left_im_kopf { width: 0; }*/
    #navi ul li  { background: linear-gradient(to bottom, #ECF0FE, #009091 98% );
                   box-shadow:2px 2px 5px #292929;
                   background-size: auto 100% ;      }
	#navi ul li.akt     { background: #ECF0FE;  }  /* Menü grau*/
    #navi a             { color: #000000; }           /* 000000 = schwarz*/
    #navi a.akt         { color:#1F1F1F ; }           /* FFFFFF = weiss */
    #navi a:hover, #navi a.akt:hover  { color:#FFFFFF ; }
  
    #navi,  div.hp_menue,  div.menue_cloud   { background: #C2F1E5; width:100%;}          /* A80104 = rot  C6D1A9=mittelgrün*/
    /*#navi                 { padding-top: 15px;
                    padding-left: 207px;     
                  }*/
  /*  #navi        { background: #A80104; margin-top: -2px;margin-bottom: 0px; padding-top: 2px; padding-bottom: 1px; }
    #navi ul     { margin-left: 217px; } */
    /*#navi ul li  { background:      url(picture/v_gruen_g.jpg) left repeat-x;
                  background-size: auto 100% ;      }*/
				  
				  
/****************************************************** Linke Sidebar *****************************************************/    
    #left_sidebar,div.home  { color:      #000000;                /* Linke Sidebar Text zuletzt bearbeitet*/
                              width:      240px;               /* Anpassung für Breite der linken Funktionen #navi - padding-left muss auch angepasst werden */
							  margin:  2px;
                              padding: 2px;
							}


  div.hp_menue a { background:      url(picture/v_gruen_g.jpg) left repeat-x;
                     background-size: auto 100% ;
                 }
  div.extras    { background: linear-gradient(to bottom, #ECF0FE, #009091 98% );
                    background-size: auto 100% ;
                    box-shadow:3px 3px 5px #292929;
                  }
  div.extras a:hover { color: #BF0000; }
  div.extras a       { color: #000000; }
  
/************************************************************ Mittelteil ************ ***********************************/  
    #inhalt { border:      3px solid #C2F1E5;                 /* Mittelteil - Außenrahmen*/
              margin-top:  1px;
              color:       #241B16;
              background-color: #ECF0FE;
            }
    #inhalt_hp { border:        3px solid #C2F1E5;           /*  Mittelteil 339999 grün: 99CCCC */
              margin-top:       1px;
              color:            #241B16;
              background-color: #ECF0FE;                     /*00AFFF */
            }
			
/****************** Navigation Untermenü *********************/
    #naviinnen, #naviinnenuntermenue       {/* background-color: #C2F1E5;   /*Stammdaten, Stammbaum, ...: dunkelblau */
      background-image: repeating-linear-gradient( hsla(165,63%,85%,0),          /* die Farbe #006699 umwandeln in hsla-Farbe */
                                                   hsla(165,63%,85%,0) 4px,      /* ist neuer Standard ind wesendlich felxibler und einfacher */
                                                   hsla(165,63%,85%,1) 1px,      /* beinhaltet Transparenzen das ist CSS3 */
                                                   hsla(165,63%,85%,1) 20px,     /* http://www.workwithcolor.com/hsl-color-picker-01.htm */
                                                   hsla(165,63%,85%,0) 1px,
                                                   hsla(165,63%,85%,0) 33px);
      font-weight:      normal;
                         }
    #naviinnen  ul li, #naviinnenuntermenue  ul li      { background-color: #C2F1E5; }  /*grau*/
  #naviinnen  ul li a,#naviinnenuntermenue  ul li  a    { background-color: #EDF6FB;
                        border: 3px solid #C2F1E5;
                        padding: 2px; margin: 0px;}
    #naviinnen  a, #naviinnenuntermenue  a              { color: #000000;             /* schwarz */
                                                          font-weight: normal;    }
    #naviinnen a.akt, #naviinnenuntermenue  a.akt , .farbig_hervorheben       { color: #3D24FD; }        /*orange */
    #naviinnen  a:hover , #naviinnenuntermenue  a:hover { color: #BF0000; border: 3px solid #C2F1E5; }      /*weiss*/

/****************** Link *********************/


a,a.tier {       color:            #241B16; }                 /* Navigation allgemein */
a:hover {        color:            #1F0000; }
a.button {       background-color: #F8FEFE; }                 /* Link als Button auf Seite 66CCFF*/
a.buttonakt {    background-color: #D23638; }                 /* aktuell ausgewählte Generation */
a.button:hover { color:            #BF0000; }                 /* BF0000 rot */

a.left {         color:            #3C3C3C; }                 /* Farbe Text linke Auswahlliste */
a.eingabe, a.auswahljs {      background-color: #FAF8F8; }                 /* Button zum editieren 99CCFF*/
a.eingabestb {   background-color: transparent; }             /* Button zum editieren im Stammbaum*/
a.sprache {      color:            #312316; }                 /* Navigation Sprache */

.tabletiere {          color:            #312316; }           /* intern */
.tabletiere tr:hover { background-color: #00CCFE; }           /* markiertes Tier in Tabelle  #DB3134 */
.tabletiere td.name   { width: 25%; }                                     /* Weiten der Spalten */
.tabletiere td.gebdat { width: 9%; }
.tabletiere td.adresse{ width: 18%; }
.tabletiere td.zbnr   { width: 20%; }
.tabletiere td.bild   { width: 1.4%; }
  .farbe1 { background-color: #C2F1E5; }                      /* Farben für Farbwechsel in Tabellen DCD9D3  EEEAEB=graurot*/
  .farbe2 { background-color: #EEECEC; }                      /* C3DD92 = grün , C7C6AE = hellgrau, D4823C = braun CCCCCC=dunkelgrau*/
  .farbe2hell { background-color: #F8FEFE; }

table.funktionen th {background-color: #EAEAEC;}               /* F8FEFE*/

/**************** Group Links ********************/
 .linkbutton_gruppe li a span.color_DECKMELDUNG, table.statistik tr.color_DECKMELDUNG, table.statistik td.color_DECKMELDUNG { background-color:#778E33; }
.linkbutton_gruppe li a span.color_NICHTAUFGEN, table.statistik tr.color_NICHTAUFGEN, table.statistik td.color_NICHTAUFGEN { background-color:#FFAFAF; }
/*****************************************/

div.bezeichnung { width:       150px;                         /* Tier  */
                  color:       #005050;
                }
div.bezeichnung_spalte {                                      /* Stammdaten Breite Spalte Bezeichnung*/
  background-color: #F8FEFE;                                /* Farbe aktivieren um Anpassungen in Felderdatei zu vereinfachen */
  width:            145px;
  min-width:        145px;
  font-weight:      bold;
  }

div.inhalt_spalte {                                            /* Stammdaten Breite Spalte Daten*/
 /* background-color: #FFFFFF;  */
  width:            700px;
  min-width:        700px;
  }
div.inhalt       { width: 72%;  }
table.stb { background-color: #DCECA1; }                      /* Stammbaum */
.tabletierestamm {color:       #312316;                     /* Table Geschwister / Nachkommen */
            background-color: #CCCCCC;            /* Rahmen um Mittelteil 99CCCC */
           }
.tabletierestamm .zwischentitel,table.statistik th, table.statistik .zwischentitel, h2.zwischentitel, .tabletierestamm th { background-color: #99CCCC;  }

.tabletierestamm .zwischentitelnk{ background-color: #CCCCCC; }         /*  #AFAFAF; */
.nachkommen1 { background-color: #CCCCCC; }                      /* Farben für Farbwechsel in Tabellen beim Aufklappen der Nachkommen*/
.nachkommen2 { background-color: #CCCCCC; }
.obergruppe       { background-color: #99CCCC;   }
.table_nachkommen {  border-left: 3px solid #CCCCCC;
                     border-bottom: 3px solid #CCCCCC;
                     border-right: 3px solid #CCCCCC;
                     border-top: 3px solid #CCCCCC;
                  }

table.statistik div.tiere {   background-color:#ECF0FE ;}
td.stb, div.zb_satz, div.box, form.suchen { background-color: #FAF8F8; } /* Hintergrundfarbe Stammbaum, Zuchtbuch  Ausgabebox z.B. Inzucht  Suche in Admin und Datenverwaltung */
   .zb_bez {  color:  #005050;                               /* Bezeichnung */
           }
#erwsuche_formular { color:            #3C3C3C;            /* Schriftfarbe Formular erweiterte Suche */
                     background-color: #DCECA1;            /* Hintergrundfarbe Formular erweiterte Suche */
                   }
#erwsuche_ergebnis, #suche_inhalt, #eingabe_merkmal { color:            #241B16;            /* Schriftfarbe Ergebnis erweiterte Suche */
                     background-color: #ECF0FE;            /* Hintergrundfarbe Ergebnis erweiterte Suche */
                   }
#eingabe_extern  { color:            #241B16;                 /* Eingabe extern */
                   background-color: #ECF0FE;
                   width:            430px;
                 }
span.maennlich { color: #34B1FF; }                      /* Farbe für Zeile männliches Tier 34B1FF */
span.weiblich  { color: #EE63FA; }                      /* Farbe für Zeile weibliches Tier EE63FA */
span.checkbox1 { width: 33%; }                         /* Ausgabeweite für Checkboxen */
/******************** Kalender ***********************************/
.kalender { background-color:#ffffff; }
.kalender a:link, .kalender a:visited, .kalender a:active { color: black; }
.kal-header,.kal-header-lnk { color:                #cceeff;
                              background-color:     #DCECA1;
                            }
.kal-today { color: red; }
.kal-head, .kal-weekhead, .zurueck{  background-color: #F8FEFE; }
.kal-week  { color:            #666666;
             background-color: #F8FEFE;
           }
.choose    { border: 1px solid #cceeff;
             background-color: #F8FEFE;
           }
.ausg_auf_hint { color: white; }
#imp_dat ul li a { border-color:  white; }  /* Linien zwischen Impressum und Datenschutz */
 /*********************** Statistik *********************************/
div.statistik_auswahl, div.statistik_auswahl_2, div.statistik_starten, div.statistikjahr { background-color:#CCCCCC; }
#merkmalanzeige, div.experte_merkmal, div.experte_verknuepfung                           { background-color:#ECF0FE; }
span.innenabfrage, div.statistikjahr label                                               { font-weight:      bold; }
a.experteaufruf                 { background-color: #99CCCC; }
span.zusammen                      { border:           1px solid black; }
span.abfrage, span.verkn { background-color: #E0FF00; }
span.innenverkn                  { font-weight:      normal; }

/* Ausstellung */
.hint_maennlich { background-color: #8BCDEE; }                      /* Farbe für Hintergrundfarbe Text männliches Tier */
.hint_weiblich  { background-color: #FCCEEF; }                      /* Farbe für Hintergrundfarbe Text weibliches Tier*/

div.eingabe_aussen { background-color: #DCECA1;
                  }

/********************* Show *********************************/
h2.meldung { background-color: #328092;
             margin-bottom: 2px;
             -moz-border-radius: 2px;
             -webkit-border-radius: 2px;
             border-radius: 2px;
             -moz-box-shadow:  2px 3px 0 0 rgba(0, 0, 0, .3);
             -webkit-box-shadow: 2px 3px 0 0 rgba(0, 0, 0, .3);
             box-shadow:  2px 3px 0 0 rgba(0, 0, 0, .3);
			 color : #FFFFFF;
           }
				  
table.meldung td { border-right: 10px solid #f9f9f9;
                   vertical-align: top;
                 }
fieldset.meldung { background-color: #f9f9f9;
                border: 1px solid #4d756c;
        -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
        }
fieldset.meldung legend { border: 1px solid #4d756c;
                     background-color: #328092;
                     color: #FFF;
          }

table.tablemeldung th { background-color: #328092; }