/*   Stylesheet für Cat Cloud Manager  */
/*   Erstellt am:  24.7.2012           */
/*            von: Susann Hornschuch   */


html {
  font-size:        10pt; /*11*/
  font-style:       normal;
  font-variant:     normal;
  font-weight:      400;
  letter-spacing:   0.05em;
  text-decoration:  none;
  text-transform:   none;
  margin:           0px;
  padding:          0px;
  line-height:      20px;
  font-family:      "Verdana", "Geneva", sans-serif;
  }

/************************************************ Einstellungen für BODY **************************************************/
body { color: #000000; margin: 3px; }

/************************************************************ Allgemeines ***********************************************/
/* Überschriften */
h2 { font-size: 120%; }
h3 { font-size: 120%; color:  #24140B;   }
h5 { font-size: 90%;}

/**************** Standardlinie über ganze Seite ******************/
hr.standard { clear:            left;
              background-color: #241B16; /* Farbe für Opera und Firefox */
              color:            #241B16; /* Farbe für Internet Explorer (IE) */
              border:           0;
              height:           3px;
              margin-right:     10px;
            }

#loginbutton, .werbebutton, label.fileup_labelextrastyle {
 /* background-color:  #3A5C87;
  border:            2px solid;
  font-size:         120%;
  font-weight:       bold;
  color:             #FFFFFF;
  border-color:      #3A5C87;  */

   font-size: 1.2em; padding: 5px 12px;
   font-weight: bold;
   color: #000000;
   border: 0.5px solid #778e33;
   background-image: linear-gradient(to top, #778e33, #adc770 50% );  /*  gainsboro 0%, white 90%  */
   border-radius: 20px;
  }

.werbebutton { display: inline-block;
              margin:  1px;
              color:   #000000;
        font-size: 0.9em;
        font-weight:;
            }
.ausg_auf_hint { color: black; }
.farbe_hell_dunkel { color: #FF0000; }
/**************************************************** Einstellungen für WRAPPER ********************************************/
#wrapper, #wrapper_hp { width:    100%;  /* 1000px;   Seitenbreite  */
                        position: relative;
                        margin:   0px auto;
                      }
  #wrap-1, #wrap-1_hp { padding:0px; overflow: hidden;  width:100%;} /*left und inhalt float: left; */
  #wrap-2, #wrap-2_hp { background: #C99494;  width:100%; padding:0px;  }  /*wrap-1 und rechts float: left;*/
  /*************************************************** Kopf ***************************************************************/
  #head, #head_hp, #left_kopf_hp  {  background-color: #F7ECC9; }
  #logo {  float:            left;
           width:            211px;
        }
  #bslogo { direction:     rtl;
            width:         80px;
            float:         right;
            margin-right:  10px;
          }

 #logokopf  { width: 79px; height : 92px; }

 #text_kopf { text-align: center;
              margin:     0;
              font-size:  36px;
              color:      #0000000;
              line-height: 30px;
            }
  /***************** Sprache *****************/
  #lang { width: 100%;
          margin-top:    0px;
          margin-bottom: 0px;
          font-size:     70%;
          color:         #8D3F1B;/* 8D3F1B;*/
          text-align:    right;
        }
  #lang img { width:  20px;
              height: 10px;
              border:  1px solid  black;
              vertical-align: middle;
            }
  #lang a { text-align: center;
            color:   #312316;
          }
  #aktsprache { background-color: #8D3F1B;
                color:            #EFEFEF;
              }
  /***************** Navigation Hauptmenü ****************************/

  div.menue_cloud { display: flex;
                    width: 100%;
                  }

   /************** Homepage / Show - Menü aus Cloud ***********************************/
  /* Bei geteiltem Kopf in der HP linke Seite */
  div.left_im_kopf { /*position:    absolute; top:0px; left:0px;   */
                     width:       220px;
                     flex-shrink: 0;
                     font-size:   90%;
                   }
  div.left_im_kopf div ul li a   { border: 0px;
                                   margin: 5px;
                                 }

  #navi {  display: flex;
           align-items : flex-end;
        }
  #navi ul {  margin: 0px;
              padding-left:  3px;
              padding-top: 3px;
              padding-bottom: 5px;
           }
  #navi ul li { display: inline-block;
                background-image: url(picture/button_blau.png);
                background-size: 100% 100%;
                padding: 2px 2px;
                margin: 1px;
              }
  #navi a       { color: #CFCFCF; }
  #navi a.akt   { color: #FF9F00; }
  #navi a:hover { color: #FFFFFF; }


  /****************************************************** Linke Sidebar *****************************************************/
    #left_sidebar, #left_sidebar_hp { float:       left;
                                      /*overflow: hidden; */
                                      font-size:    90%;
                                      margin:       0px;
                                      padding:      0px;
                                      width:        215px;
                                      min-height:   1px;
                                      z-index:      900;
                                    }
  /* HP Menü und Ausstellungen in der Show */
  div.hp_menue ul,  #ausw_aus   { margin: 0px;  padding: 0px;  }
  div.cloud_menue ul            { margin: 3px;
                                  padding: 0px;
                                }
  div.hp_menue li, div.cloud_menue ul, #ausw_aus li { list-style: none;  }
  /* DIV Extras */
  div.extras, div.tiersuche {
               background-size: auto 100% ;
               margin: 10px 5px;
               background: black;
               margin-top: 2px;
               padding: 5px;
               width: 92%;
             }
  div.extras { background:  url(picture/verlauf.jpg) left repeat-x;
             }
  div.extras h5 { margin-top: 3px; margin-bottom: 0px;}
  div.extras_liste { overflow: auto;
                     margin-bottom:10px;
                     margin-top:10px;
                   }

  div.tiersuche { background: white;
                  border: 1px solid black;
                  padding: 4px;
                 }

  form.tiersuche input { border:0px;
                         margin:  0;
                         padding: 0;
                       }

  #suche   { width: 20px;
             height: 20px;
             margin:  -6px;
             margin-left: 0;
             padding: 0;
           }
  #suchdat { width: calc(100% - 25px);
             height: 25px;
             margin:  2px;
             padding: 0;
           }

  /* Menü HP und linkes Menü in der Cloud*/
  div.hp_menue, div.cloud_menue { margin:  0px;
                 padding: 0px;
                 float:   left;
                 width:   100%;
               }
  div.hp_menue ul, div.cloud_menue ul { width:  100%;
                    margin: 0px;
                    float:  left;
                    z-index: 900;
                  }
  div.hp_menue li, div.cloud_menue li { position: relative;
                    list-style: none;
                  }
  div.hp_menue a, div.cloud_menue a  { display:         block;
                    height:          25px;
                    padding:         0px;
                    padding-left:    8px;
                    padding-top:     4px;
                    margin:          0px;
                    border-left:     3px solid #C3D18F;
                    border-right:    7px solid #C3D18F;
                    border-bottom:   3px solid #C3D18F;
                    color: #000;
                    background: #C99494;
                  }
  div.hp_menue a#hp_navi_akt  { background: #FFFFFF; color: #000;}
  div.hp_menue ul#hp_navi ul,
  div.hp_menue ul#hp_navi li:hover ul ul,
  div.hp_menue ul#hp_navi li:hover ul ul ul { position:   absolute;
                                              left:       -9999px;
                                              top:        0px;
                                              margin-left:  0px;
                                              z-index:    900;

                                            }


  div.hp_menue ul#hp_navi ul                { top:        -3px; }
  div.hp_menue ul#hp_navi ul li a           { border-top: 3px solid #C3D18F;}
  div.hp_menue ul#hp_navi li:hover ul,
  div.hp_menue ul#hp_navi ul li:hover ul,
  div.hp_menue ul#hp_navi ul ul li:hover ul { left: 100%; }


  div.hp_menue ul#hp_navi li:hover > a,
  div.hp_menue ul#hp_navi ul li:hover > a,
  div.hp_menue ul#hp_navi ul ul li:hover > a,
  div.hp_menue ul#hp_navi ul ul ul li:hover > a { background: #A02020;
                                                  color: #fff;
                                                }
  /* Menü ShowCloud Ausstellungen */
  #ausw_aus li { margin-bottom: 3px;
                 border-radius: 7px;
                 padding:       5px 5px 7px 5px;
                 background:    linear-gradient( to top, #778e33, #adc770);
                 border:        1px solid #C5DC7C;
                 box-shadow:    0px 1px 2px #999;
                 color:         black;
               }
  #ausw_aus li .ausst { width: 100%;    }
  #ausw_aus li a      { display:block;
                        padding:2px;
                        margin-right: 5px;
                        margin-left: 2px;
                      }
  #ausw_aus li.alt    { background: #778e33; }

  #ausw_aus li.akt    { background: white;  }
  #ausw_aus li.altakt { background: #BFBFBF;  }

  #ausw_aus li.akt    a.akt  { border: 2px solid #807F7F;   }
  #ausw_aus li.altakt a.akt  { background: white; }
  #ausw_aus li.akt    a:hover.akt { color: #1F1F1F; }
  #ausw_aus li.alt    a:hover     { color: #6F6F6F; }
  #ausw_aus li.altakt a:hover.akt { color: #1F1F1F; }

  /* Menübutton für Handy */
  div.menue_button { display:    none;
                     background: #000;
                     margin:     0px;
                   }
  @media all and (max-width: 800px)
  { #wrapper { min-width: 100%; }
    div.left_im_kopf { width: 44px; }
    span.menue_text              { display: none; }
    #left_sidebar                { display: none; }

    div.menue_button { display: block; background: #000; padding-top: 4px;}
    #left_sidebar_hp { display: none; }
    div.menue_button div.menue_nach_button { display: none; }
    label.menuebutton { display: block;
                       background: #000; width: 30px; height: 30px;
                       position: relative;
                       margin-left: 3px;
                       border-radius: 4px;
                     }
    label.cloudbutton { background: #C99494;
                        display:block;
                        position: relative;
                        margin-left:0px;
                        padding-left: 3px;
                        width: 30px;
                        border-radius: 0px;
                      }
    input#menuebutton {display:none}
    .line { position: relative;
           left:2px;
           height: 3px; width: 24px;
           background: #fff; border-radius: 2px;
           display: block;
           transition: 0.5s;
           transform-origin: center;
         }
    .line:nth-child(1) { top: 6px; }
    .line:nth-child(2) { top: 11px; }
    .line:nth-child(3) { top: 16px; }
    #menuebutton:checked + .menuebutton .line:nth-child(1){ transform: translateY(8px) rotate(-50deg); }
    #menuebutton:checked + .menuebutton .line:nth-child(2){ opacity:0; }
    #menuebutton:checked + .menuebutton .line:nth-child(3){ transform: translateY(-8px) rotate(50deg); }
    #menuebutton:checked ~ div.menue_nach_button { display: block; }
    div.menue_nach_button { background: #000; }
    div.menue_nach_button ul { padding: 5px;
                               margin:  2px;
                             }
    div.menue_nach_button  ul li { list-style: none;
                                   margin-top: 6px;
                                   background: #444;
                                   padding:    5px;
                                 }
    div.menue_nach_button  ul ul       { padding-left: 15px; }
    div.menue_nach_button  ul li li    { background: #666; }
    div.menue_nach_button  ul li li li { background: #888;  }
    div.menue_nach_button, div.menue_nach_button a { color: #FFF;
                                                     padding-bottom: 3px;
                                                   }
  }
  @media all and (min-width: 801px)
  { span.menue_icon             { display: none; }
  }
  /********************************************************* Rechte Sidebar **********************************************/
  #right_sidebar { float:     left;
                   width:     20%;
                 }

  /********************************************************* Fuß *********************************************************/
  #footer, #footer_hp { clear:       both;
                        font-size:   80%;
                        font-weight: bold;
                        padding-top: 3px;
                        color:       #FFFFFF;
                        overflow:    auto;
                        height:      100%
                        position: relative;
                     }
  hr.fuss { width:99%; }
  #copyright { float: left;
               text-align:  left;
               min-width: 25%;
               padding-left: 3px;
             }
  #benutzer_anz { position: absolute;
                  bottom:0px;
                  right: 3px;
                  color:  black;
                  font-size:80%;
                }
  #imp_dat { float: left;
             width: 38%;
             text-align:  center;
             height: 40px;
             position: relative;
           }
  #imp_dat ul  { position: absolute;
                 bottom:   0px;
                 right:    0px;
                 margin:0;
                 padding: 0;
                }
  #imp_dat  li  { list-style: none;
                  margin:0;
                  padding: 0;
                  display: inline;
                }
  #imp_dat ul li a { border-left: 1px solid black;
                     border-right: 1px solid black;
                     padding-left: 3px;
                     padding-right: 3px;
                   }
  #imp_dat ul :first-child a { border-right: none;   }
  #imp_dat ul :only-child a  { border-right: 1px solid black; margin-right: 35px;}
  @media all and (max-width: 1000px)
  { #copyright span { font-size:   70%;  }
  }
  @media all and (max-width: 870px)
  { #copyright span { display:     none; }
    #imp_dat   {  width: 70%; height: 20px; }
    #copyright { min-width: 20%; }
    #imp_dat ul { right: auto; }
  }
  @media all and (max-width: 345px)
  { #copyright      { width: 20%; }
  }
  @media all and (max-width: 670px)
  { /*#imp_dat  li                 { display: block; }   */
    #imp_dat ul :first-child a   { border-right: 1px solid black; }
  }
  @media all and (max-width: 550px)
  { div#benutzer_anz .angem_nutzer      { display: none;  }
  }
  /************************************************************ Mittelteil ************ ***********************************/
    #inhalt, #inhalt_hp, #inhalt_meldung {
      background-color: #E5D9B8;

     /* float: left; */
      border:      3px solid black;      //   #8D3F1B
      color:       #241B16;
      margin:      0px;
      padding:     0px;
      height:      auto /* !important*/;
    /*  height:      510px;  */
  /*    overflow: hidden;      */
      overflow:    auto;
      min-height:  510px;
      z-index:0;
    }
   #inhalt { border-top-width: 1px;   }

  /************** Für Zwingerliste Züchterliste**************************/
      ul.listen  { list-style: none;  padding: 0px; }
      ul.listen li { display: inline-block; margin-left: 3px;  margin-right: 1px;}

       a.form_button, a.form_buttonakt,div.form_buttonakt  {
         background-color: #DFDFDF;
         display:          inline-block;
         padding:          2px;
         margin-top:       4px;
         font-weight:      normal;
         border:           1px solid #AFAFAF;
       }
       a.form_button:hover { background-color:   #D0E8EE;  border:  1px solid #309AF1; }
       a.form_buttonakt,div.form_buttonakt { background-color:   #99CCCC;  }
       a.bild           { vertical-align: bottom;
                          display:        inline-block;
                          height:         26px;
                          width:          26px;
                        }



/********************** div - Abschnitte ***************/

div.box {
  background-color: #F7ECC9;
  width:            95%;
  height:           200px;
  overflow:         scroll;
  font-size:        80%;
  padding-left:      5px;
}


/******************* p -Abschnitte *********************/
p.info {
 text-align: center;
}

p.infofehler {
  text-align:  center;
  font-weight: bold;
  color:  red;
  font-size:   110%;
}

/******************** Abstand *******************************/
.abstand1 {
  display: inline-block;
  text-align: left;
  width: 130px;
}

/****************** Überschriften ************************/
h1 {
  font-size: 15px;
}
h1.statistik { width: 99%; margin: 1px; }
/*********************** Link als Button auf Seite ************/
a.button {
  background-color: #FFBF00;
  display:          inline-block;
  padding:          2px;
  margin-top:       2px;
  border: 1px solid black;
}


a.buttonakt {
  background-color: #FB8226;
  display:          inline-block;
  padding:          2px;

  margin-top:       2px;
  border:           1px solid blue;

}

a.button:hover {
 /* font-size: 105%;   */
  color:      #BF0000;
}

/*********************** Form absenden im Style Button auf Seite wie oben************/
input.button {
  background-color: #EEEEEE;
  display:          inline-block;
  margin-top:       2px;
  border:           1px solid black;
  font-weight:      bold;
  padding:          3px;
  padding-top:      4px;
  padding-bottom:   4px;
  letter-spacing:   0.1em;
}

input.button:hover {
 /* font-size: 105%;   */
  color:      #BF0000;
}
/************** Link Ende  **********************/
a.ende {
  font-weight: bold;
  display: block;
  text-align: center;
}
p.ende, div.ende {
  clear:         both;
  text-align:    center;
  margin:        0 auto;
  margin-top:    15px;
  }
input.ende {
  text-align:  justify;
  display:     inline-block;
  font-weight: bold;
}

/********************* Navigation allgemein **********************/

a {
  color:           #241B16;
  text-decoration: none;
  font-weight:     bold;
}

a.left {
  color:       #F7ECC9 /*BD9C66; Farbe Text linke Auswahlliste */
  }

a.eingabe, a.auswahljs, a.auswahljsakt {
  background-color: #FFBF00;
  display:          inline-block;
  margin-bottom:    3px;
  padding:          3px;
  padding-bottom:   2px;
  border:           1px solid black;
}

a:hover {
 /* font-size: 105%;   */
  color:      #1F0000
}


a.auswahljs, a.auswahljsakt  {
  display:          block;
  margin-bottom:    -1px;
  padding:          2px;
}

a.auswahljs:hover {
  background-color: #FFFFFF;
}

a.auswahljsakt {
  background-color: red;
}
/***************** Linkaufruf für Tierliste ***********************/

a.seite {
  margin :     3px;
  font-weight: normal;
  }

  a.aktseite {
    margin:      3px;
    font-weight: bold;
    }


/****************** Navigation Untermenü *********************/

    #naviinnen {
      width:       100%;
      margin-top:  7px;
      padding-top: 0px;
      margin-bottom: 0px;
      overflow: hidden;
     /* background-color: #E06000;
      height:           20px;
      margin-bottom:    5px;
      background-color: #E06000;*/
      background-image: repeating-linear-gradient( hsla(26,100%,43.9%,0),
                                                   hsla(26,100%,43.9%,0) 4px,
                                                   hsla(26,100%,43.9%,1) 1px,
                                                   hsla(26,100%,43.9%,1) 20px,
                                                   hsla(26,100%,43.9%,0) 1px,
                                                   hsla(26,100%,43.9%,0) 33px);


     }

     #naviinnenuntermenue  {
     /* height:           20px; */
      margin-bottom: 5px;
      margin-left: -5px;
     /* background-color: #E06000;  */
      display: inline-block;
      background-image: repeating-linear-gradient( hsla(26,100%,43.9%,0),
                                                   hsla(26,100%,43.9%,0) 4px,
                                                   hsla(26,100%,43.9%,1) 1px,
                                                   hsla(26,100%,43.9%,1) 20px,
                                                   hsla(26,100%,43.9%,0) 1px,
                                                   hsla(26,100%,43.9%,0) 33px);
     }

     #naviinnen ul, #naviinnenuntermenue  ul {
       margin-left: 0px;
       padding-left: 0px;
       margin-top: 0px;
     }

    #naviinnen  ul li, #naviinnenuntermenue  ul li {
      display: block;
      float: left;
      height: 22px;
      background-size: 100% 100%;
      font-weight: normal;
      background-color: #EFEFEF;
      padding: 4px 2px 0px;
     /* margin: -2px 3px 0px;  */
      margin-top:    -2px;
      margin-bottom: 10px;
      margin-left:   4px;
      margin-right:  1px;
     }

    #naviinnen ul li.rechts , #naviinnenuntermenue  ul li.rechts { float: right; }
    #naviinnen  a, #naviinnenuntermenue  a                              { color: #7F7F7F; }
    #naviinnen a.akt, #naviinnenuntermenue  a.akt, .farbig_hervorheben  { color: #FF7F00; }
    #naviinnen  a:hover , #naviinnenuntermenue  a:hover { color: #000000; }


#inhaltinnen { margin:5px; margin-top: 10px;  padding: 0px;
}

/********************* Login ********************************/
form.login {
  line-height:      300%;
}


/********************* intern ********************************/

a.tier {
  color:    #241B16;
}

.tabletiere tr:hover {
  background-color: #FB8226; /* 00C070 = grün, markiertes Tier in Tabelle*/
}

.seitenregister {
  font-weight: bold;
}

.tabletiere, .tablemeldung {
  line-height: 150%;
  width:       100%;
  padding:    3px;
  border:     none;
  empty-cells: show;
  color:       #312316;
}
  .tabletiere th, .tablemeldung th {
    font-size:   80%;
    font-weight: bold;
  }
  .tabletiere td, .tablemeldung td {
    font-size:   90%;
  }

  .tabletiere td.name   { width: 25%; }
  .tabletiere td.gebdat { width: 11%; }
  .tabletiere td.adresse{ width: 18%; }
  .tabletiere td.zbnr   { width: 20%; }
  .tabletiere td.bild   { width: 4%; }
  .farbe1 { background-color: #F7ECC9; }
  .farbe2 { background-color: #BF835C; } /*C3DD92 = grün , C7C6AE = hellgrau, D4823C = braun*/
  .farbe2hell { background-color: #EAF7F7; }

span.seitenregister {
  display: inline-block;
  width:   180px;
  }

@media all and (max-width: 800px)  { span.seitenregister { width: 130px; } }

img {
 border: 0px;         /* Bild Standard ohne Rahmen sonst erscheint es im  IE mit Rahmen */
}

/********************* Tier  ********************************/

div.stammdaten {
  float: left;
  width: 100%;
}

div.tier {
  margin-top:    0px;
  margin-bottom: 0px;
  padding:       3px;
}


div.bezeichnung {
  width:          145px;
  color:          #005050;
  }



div.inhalt {
 float:  left;
  width: 72%;
  margin-left: 5px;
  }


div.flex, div#todesursache_leer {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  }

div.bezeichnung_spalte {
  display:          inline-block;
  vertical-align:   top;
  color:            #005050;
  margin-bottom:    5px;
  margin-right:     5px;
  width:            145px;
  min-width:        145px;
  }

div.inhalt_spalte  {
  display:          inline-block;
  vertical-align:   top;
  margin-bottom:    5px;
  margin-right:     5px;
  width:            320px;
  min-width:        320px;
  }


div.auswahllabel {
 font-size: 80%;
 float:left;
 width: 20%;
}

div.auswahlinhalt {
  line-height:  90%;
  float:left;
  width: 80%;
  margin-bottom: 5px;
}

/****************** Stammbaum ***********************/

div.stbkopf {
  float:left;
  width: 67%;
 /* margin-bottom: -25px;  */
}

div.stbbild {
  float:left;
  width: 30%;
  margin: 5px;
  text-align:center;
}

p.auswahl {
  margin-bottom: 0px;
}

table.stb {
   background-color: #8D3F1B;
   margin: 0px;
   width:98%;
   border-collapse: separate;
   border-spacing: 0px;
}

td.stb {
  background-color:#F7ECC9;
  margin: 3px;
  padding: 5px;
  font-size:10pt;
  border:1px solid #3A5C87;

}

div.stb {
  display: block;
}

.clear_left {
  clear: left;
}


/******************* Nachkommen / Geschwister *******************************/

.tabletierestamm {
  line-height:      150%;
  width:            97%;
  padding:          3px;
  border:           none;
  color:            #312316;
  background-color: #E5D9B8;
  margin:           4px;
  border-spacing:   0px;

}

 .tabletierestamm thead th { border-collapse: separate;
                             border-left: 2px solid #EFEFEF;
                           }
  .tabletierestamm thead :first-child { border: none; }

.tabletierestamm th{
  background-color: #CCCCCC;
}


.tabletierestamm td {
  padding-left: 3px;
  padding-right: 3px;
  vertical-align:top;
}


.tabletierestamm td.datum { width: 20%; }
.tabletierestamm td.name  { width: 80%; }
.tabletierestamm td.bild  { width: 15%; }
.tabletierestamm td.docdatum { width: 15%; }
.tabletierestamm td.button { width: 8%; }
.tabletierestamm td.sort { width: 4%; }
.tabletierestamm td.nachkommen { padding: 0px; }

td.pfeil { width:1%; }

.tabletierestamm .zwischentitel, .zb_gewichte .summe { background-color: #E5D9B8;   }
.obergruppe                     { background-color: #99CCCC;   }

.tabletierestamm .zwischentitelnk{
  background-color: #CCCCDD;
}

.nachkommen1 { background-color: #88A71F; }                      /* Farben für Farbwechsel in Tabellen beim Aufklappen der Nachkommen*/
.nachkommen2 { background-color: #CCCCCC; }

.table_nachkommen { padding:0px;
                    margin:0px;
                    margin-left:1%;
                    width:99%;
                  }

div.nachkommen { margin:0px;
                 padding:0px;
              /*   padding-bottom:2px;   */
                 width: 100%;
               }

/******************* Zuchtbuch *******************************/
div.zb_aussen {
  margin-right:15px;
}

div.zb_satz {
  background-color: #F7ECC9;
  margin:3px;padding:5px;
}

div.zb_daten {
  margin-left:20px;
}

div.zb_jtaussen {
  margin-left:20px;
  margin-right:0px;
  padding-top:3px;
  padding-bottom:5px;
}

div.zb_jt {
  margin-left:10px;
  margin-right:10px;
  padding-bottom:5px;
}

.zb_label {
  display:inline-block;
  width:200px;
}


span.maennlich { color: #00A0FF; }                      /* Farbe für Zeile männliches Tier */
span.weiblich  { color: #E938FC; }                      /* Farbe für Zeile weibliches Tier*/


.hint_maennlich { background-color: #91DEFB; }                      /* Farbe für Zeile männliches Tier */
.hint_weiblich  { background-color: #F391FB; }                      /* Farbe für Zeile weibliches Tier*/

         /*************** Weite der Ausgabefelder ********/
.zb_bez {
  font-size: 90%;
  color:       #005050;
  display:inline-block;
  width:165px;
  font-weight: bold;
  vertical-align:top;

}

.zb_fw {
  display:inline-block;
  width:110px;
  vertical-align:top;
}
/*************** Standard-Ausgabe **********************/
#form_std, .form_std {
  margin-left:20px;
  margin-right:20px;
  text-align: left;
  line-height: 200%;
  font-weight: normal;
  font-size: 90%;
}

#table_std, .table_std {
  margin-left:20px;
  margin-right:20px;
  text-align: left;
  line-height: 200%;
  font-weight: normal;
}

form.login, legend { font-weight: bold; }

/*********************** Formular *******************/
.form_felder {
  text-align: left;
  line-height: 200%;
  font-weight: bold;
  margin-left:20px;
  margin-right:20px;
}

.label_std, .label_email {
  display: inline-block;
  text-align: left;
  width: 120px;
  font-weight: bold;
  font-size: 90%;
}

.label_email { width: 200px; }


.label_admin {
  display: inline-block;
  text-align: left;
  width: 250px;
}

.kommentar {
 font-size: 80%;
}

.text_fehler {
 font-size: 80%;
 color: red;
}

.edit_i textarea{
  vertical-align:top;
}

 input[type="radio"], input[type="checkbox"]{ margin-left: 10px; margin-right:2px; }
 input[type="radio"]:first-of-type, input[type="checkbox"]:first-of-type{ margin-left: 0px; margin-right:2px; }
/***********************Stammbaum Eventualverpaarung **********************/


div.eventstb {
  margin-left:  4px;
  margin-top:   4px;
}

/*********************** admin **********************/


table.admin {
  width:      100%;
  border:     1px solid black;/* none; test*/
  empty-cells: show;
}
  table.admin th {
    font-size:   80%;
    font-weight: bold;
  }
  table.admin td {
    font-size:   90%;
  }


/**************** Suche in Admin und Datenverwaltung ****************/

form.suchen {
  background-color: #F7ECC9;
  padding:          3px;
  width:            calc(100% - 6px);
}

div.adr_suche_titel {
 float:left;width:15%;
}

div.adr_suche_felder {
 float:left;width:85%;
}

@media all and (max-width: 1000px)
{ div.adr_suche_titel,
  div.adr_suche_felder { float:none;width:100%; }
}

/*************** erweiterte Suche  ********************/
#erwsuche_formular {
   width:            95%;
   color:            #F7ECC9; /*BD9C66;*/
   background-color: #8D3F1B; /*C7C6AE;*/
   margin-left:      5px;
   margin-bottom:    3px;
   padding:          5px;
}

#erwsuche_ergebnis {
   width:            95%;
   color:            #241B16;
   background-color: #E5D9B8;
   margin-left:      5px;
   padding-bottom:   10px;
   padding-left:     5px;
   padding-right:    5px;
   text-align:       center;
   overflow:         auto;
}

/*************** Suche Eltern /Bes. / Züchter  ********************/


#suche_inhalt {
   width:            90%; /*650px;  */
   margin:           0px auto;
   color:            #241B16;
   background-color: #E5D9B8;
   padding-bottom:   10px;
   text-align:       center;
   overflow:         auto;
}

#suche_neu {
   text-align:      left;
   padding:         5px;
}

#suche_kopf {
   text-align:      center;
   text-decoration: none;
   font-weight:     bold;
}

#Suchefeld {
   text-align:       center;
   margin:           0px auto;
   text-decoration:  none;
   font-weight:      bold;
   width:            95%;/* 500px; */
}

.feld_format
{  padding: 1px;
 /* width           : 174px;   */
}

/*************** externes Eingabefenster  ********************/
#eingabe_extern {
   color:            #241B16;
   background-color: #E5D9B8;
   margin:           0px auto;
   padding-left:     15px;
   padding-right:    15px;
   overflow:         auto;
   width:            430px;
}

/*************** externes Eingabefenster für Merkmale ********************/
#eingabe_merkmal {
   color:            #241B16;
   background-color: #E5D9B8;
   margin:           0px auto;
   padding-left:     15px;
   padding-right:    15px;
   overflow:         auto;
   width:            850px;
}

.merk_dat {
  width: 70px;
}

.merk_text {
  width: 120px;
}
/*************** sonstiges **********************/
input {
  display:       inline-block;
  margin-bottom: 2px;
  margin-right:  5px;
  margin-left:   0px;
  padding-left:  1.2px;
  padding-right: 1.2px;
  border:        1px solid #8F8F8F;
}


input[type="file"] {  border: none;    }

#speichern {
  display:    inline-block;
  margin-top: 2px;
}

#aenderung {
  display:    inline-block;
  margin-top: 2px;
}

.dick {
  font-weight: bold;
}

.klein {
  font-size: 60%;
}

.klein70 {
  font-size: 70%;
}

.mitte {
  text-align: center;
}

div.container {
    min-height:     10em;
    display:        table-cell;
    vertical-align: middle
}


span.checkbox1 {
  display:   inline-block;
  width:     33%;
  font-size: 90%;
}

div.checkboxlabel {
  float: left;
  width: 16%
}


div.checkboxinhalt {
  line-height:  90%;
  float:left;
  width: 84%;
}

div.fest {
   width:98%;
   max-width:98%;
   overflow:auto;
}

#doublescroll {
  overflow: auto;
  overflow-y: hidden;
}

#doublescroll p {
  margin: 0;
  padding: 1em;
  /*white-space: nowrap; */
}

img.zentriert {
  display:       block;
  margin-left:   auto;
  margin-right:  auto;
}

span.display {
  display:        inline-block;
  width:          200px;
  vertical-align: top;
}


.tablemerkmale {
  width: 100%;
  line-height: 110%;
  padding:    5px;
  border:     none;
  empty-cells: show;
  color:       #312316;
}
  .tablemerkmale th {
    font-size:   90%;
    font-weight: bold;
    text-align: left;
  }
  .tablemerkmale td {
    height: 24px;
    padding-right: 10px;
    font-size:     90%;
  }
  .merkmal      { width: 42%; }
  .pruefdatum   { width: 18%; }
  .versanddatum { width: 18%; }
  .pruefer      { width: 22%; }

a.logout {
    font-size:     160%;
    direction:     rtl;
}

div.statistik_auswahl {
  float:  left;
  margin: 1px;
  line-height: 100%;
  padding: 3px;
  /* border: 1px solid gray; */
  background-color:#FFF;
  height: 60px;
}

div.statistik_starten {
  clear: both;
  margin: 1px;
  line-height: 100%;
  padding: 3px;
  /* border: 1px solid gray; */
  background-color:#FFF;
  width: 98%;
  text-align:left;
}

input.buttonstatistik {
  font-size: 16px;
  margin: 2px;
  padding: 4px;
}

input.zuruecksetzenstatistik {
  font-size: 11px;
  vertical-align:top;
  margin-right:200px;

}

div.statistikmerkmal {
 /*float:  left;  */
 display:table-cell;
 padding:2px;
 width: 40px;
}

div.statistikexperte {
 /* float:  left;  */
 display:table-cell;

}

div.merkmalanzeige {
  background-color:#DFDFDF;
  min-height:  173px;
  padding:     2px;
  margin:      2px;
}

div.statistik_auswahl_2 {
  clear: both;
  margin: 1px;
  line-height: 100%;
  padding: 3px;
  background-color:#FFF;
  height: 200px;
  width: 98%;
  display:table;
 /*direction: rtl; */
}

div.statistik_auswahl label {
  display: block;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3px;
}

div.statistik_auswahl_2 label {
  display: block;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3px;
}

span.weite_geschlecht{ display:   inline-block;
                       width: 40px;
                     }
#statistik .anzahl {
        width: 25px;
        height: 15px;
}


div.merkmalanzeige_exp {
 clear:both;
 background-color:#DFDFDF;
 min-height: 50px;
 padding: 5px;
 width: 631px;
}


span.zusammen {
  display: inline-block;
  border: 1px solid black;
  margin: 2px;
  padding: 2px;
}

span.verkn {
  display: inline-block;
  background-color: #FFDF00;
  margin: 2px;
}

span.abfrage {
  display: inline-block;
  background-color: #E0FF00;
  margin: 2px;
}

span.innenabfrage {
  display: inline-block;
  font-weight: bold;
  margin: 2px;
}

span.innenverkn {
  display: inline-block;
  font-weight: normal;
  margin: 2px;
}

.label_experte {
  display: inline-block;
  font-size: 90%;
  text-align: left;
  width: 150px;
}

div.experte_merkmal {
  float:left;
  padding:5px;
  margin-bottom: 2px;
  margin-right: 2px;
  background-color:#DFDFDF;
  line-height: 200%;
  height: 100px;
  width: 381px;
}

div.experte_verknuepfung {
  float:left;
  padding:5px;
  margin-bottom: 2px;
  background-color:#DFDFDF;
  line-height: 200%;
  height: 100px;
  width: 239px;
}

div.statexpertebutton {
  clear:both;
  margin:5px;
}

h5.experte {
  margin:     4px;
  text-align: center;
}

a.experteaufruf {
 display: inline-block;
 background-color: yellow;
 border: 1px solid black;
 padding: 2px;
 margin: 2px;
 margin-left: 5px;
 cursor:pointer;
 font-size: 110%;
}

td.statistik_sp {
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: top;
}

table.statistik {
 font-size: 100%;
 width: 99%;
 margin: 1px;
}

table.statistik td { vertical-align: top;  }


table.statistik .zentriert { text-align: center; }

table.statistik th, table.statistik .zwischentitel, h2.zwischentitel, .tierdatenbez  {
  text-align:left;
  vertical-align: top;
  background-color: #E5D9B8;
}

table.statistik div.tiere {
  text-align:left;
  /*background-color: #E5D9B8;    */
  margin-left: 20px;
  border-top: 1px dashed gray;
  border-bottom: 1px dashed gray;
}

div.tiere table.statistik {  width: 100%;   }


table.statistik td.alter  { width: 75px; }
table.statistik td.datum { width: 100px; }

/* Statistik mit Auswahl des Jahres */

div.statistikjahr_auswahl {
  margin: 1px;
  line-height: 100%;
  padding: 3px;
  height: 60px;
}

div.statistikjahr {
  margin: 1px;
  line-height: 100%;
  padding: 3px;
  background-color:#FFF;
  width: 98%;
}

div.statistikjahr label {
  width: 40px;
  display: inline-block;
  font-weight: bold;
  margin-left: 3px;
}

div.statistikjahr .start {
  display: inline-block;
  margin-left: 40px;
}


div.statistikjahr input.jahr {
  width: 32px;
  height: 15px;
}



/**************** EMail versand ****************/

form.email {
  background-color: #F7ECC9;
  padding:          10px;
  margin:           5px;
  width:            460px;
}

form.email input.feld {
 border: none;
 background-color: #F7ECC9;
}

form.email input.tabelle {
 border: none;
}


form.email input.feld[disabled] {
  background:  #F7ECC9;
  color:       black;
}


form.email input.tabelle[disabled] {
  background-color: white;
  color:            black;
}



/*************** Fehlermeldung ************/
.fehler {
  text-align:  center;
  font-weight: bold;
  color:  red;
  font-size:   110%;
}


/************ formatierung fuer Alter **************/
span.alter {
 margin-left: 15px;
 font-weight: bold;
 font-size: 80%;
}


/************** Bildergallerie ****************/
.bildergalerie {
 position:    relative;
/* height:      165px;   */
 width:       100%;
 border:      1px solid #b5bfca;
 overflow:    hidden;
 overflow-x:  scroll;
 white-space: nowrap;
 padding: 6px 3px 6px 3px;
}

.bildergalerie img {
 margin: 0px 3px 0px 3px;
}


.zuchtwert {
  background-color: #FAF8F8;
  width:            98%;
  height:           480px;
  overflow:         scroll;
  font-size:        90%;
  padding-left:     5px;
  }
  .text   { width: 76%; }
  .pkt     { width:  8%; }

.zw_text {
  display:inline-block;
  width:710px;
}


/******************* Ausstellungsergebnisse **************************/

div.ausstellung {   width:     900px; }

div.ausstellung_scroll {
  width: 98%;
  overflow: auto;
  overflow-y: hidden;
}

table.ausst_liste {
  border: 1px solid black;
  float: left;
  font-size: 80%;
  font-weight: bold;
  margin-right: 5px;

}

table.ausst_liste tr:hover {
   background-color: #DC0206; /* 00C070 = grün, markiertes Tier in Tabelle*/
}


table.ausst_liste tr {

}

table.ausst_liste td
{ border: 1px solid black;
  height: 20px;
}

table.ausst_liste td.button { width:40px;}
table.ausst_liste td.datum  { width:90px;text-align: center }
table.ausst_liste td.ort    { width:240px; }
table.ausst_liste td.land   { width:40px; }

div.rueckblick  {
 text-align: center;
 font-size: 110%;
 font-weight: bold;
}

.ausstellung_pos {   text-align:  center; }

div.erg_aussen {
 /* border: 1px solid black;   */
  margin-left: 0px;
  margin-right: 6px;
}

div.erg_aussen h1
{ text-align: center;
  border: 1px solid black;
  margin-top: 1px;
  margin-bottom: 4px;
  padding: 3px;
}

div.erg_aussen h2
{ text-align: center;
  padding: 3px;
  margin-top: -4px;
  margin-bottom: 4px;
  font-size: 100%;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

div.erg_aussen h3
{ text-align: center;
  height: 25px;
  padding: 3px;
  font-size: 90%;
  margin-top: -4px;
  margin-bottom: -2px;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

div.erg_aussen table
{ border-top: 1px solid black;
  width: 100%;
  border-collapse:collapse;
  margin-bottom: 4px;
}

div.erg_aussen th { border:1px solid black; vertical-align:top;  }
div.erg_aussen td { border:1px solid black; vertical-align:top;text-align: center; }
div.erg_aussen  td.klasse { width:5%; }
div.erg_aussen  td.name   { text-align: left; width:32%; }
div.erg_aussen  td.bild   { width:21%; }
div.erg_aussen  td.sonst  { width:13%; }



td.datum   { width: 90px; }

/* Ausstellungen */

table.richter { float:   left;
                padding: 0px;
                margin:  0px;
                margin-left: 2px;
                border:  none;
                border-spacing: 0px;

              }

div.richter {  font-size: 90%; margin-bottom: -4px;}

span.richter_anz
{ font-size: 80%;
  font-weight: bold;
}


.clear_both { clear: both;
              background: green;
              content: ".";
              visibility: hidden;
              height:     0;
              display: block;
            }


td.table_button   { width: 25px; }

div.eingabe_aussen { padding-left: 5px;
                     background-color: #FFFFFF;
                     height:100%;
                     clear: both;
                   }

h1.browser        { text-align: center; font-size: 120%; background-color: lightgray; padding:5px; }
div.browser       { display:flex;
                    flex-wrap: wrap;
                  }
div.feldinbrowser { background: #EFEFEF;
                    margin: 3px;
                    padding: 3px;
                    padding-top: 5px;
                  }

div.browser img { padding-left: 3px;    }

/* Krankenblatt */

ul.artauswahl { list-style: none;
                padding-left: 0px;
              }

ul.artauswahl li { display: inline-block;
                   margin: 3px;
                   padding-top: 1px;
                   padding-left: 6px;
                   padding-bottom: 1px;
                   padding-right: 6px;
                   background-color: lightgray;
                 }
ul.artauswahl li input { text-align: center;
                         cursor: pointer;
                       }

table.meddat { background-color: white;
                     border-spacing: 0px 2px;
                     padding: 5px;
                    /* border:1px solid gray;border-radius: 6px; */
                     width:98%;
}

table.meddat tr {

}

table.meddat td { padding: 2px 8px;
                        padding-right: 2px;
                        border: 0px;
                        vertical-align:top;
}

table.meddat td.datum { width: 125px; }

table.meddat td.button { width: 46px;
                               padding: 2px 0px;
                             }

table.wuerfe {  border-spacing: 0px;   }
table.wuerfe td ,table.wuerfe th { width: 100px;
                                   border: 1px solid gray;
                                   text-align: center;

                                 }

table.wuerfe th { background-color: lightgray;
                  vertical-align:top;
                }

table.wuerfe td.edit   {  width: 10px;  }
table.wuerfe th.edit   {  width: 20px;  }

fieldset.wurf_welpen { width:182px;
                       float:left;
                       margin:-1px;
                       height:100px;
                     }

table.zb_gewichte th { height:auto;  }  // 150px

@media all and (min-width: 1200px) { table.zb_gewichte th { height:70px;  }   }

table.zb_gewichte  { width: 100%;
                     border-spacing: 1px;
                   }

table.zb_gewichte td { text-align: right;
                       padding-right: 7px;
                     }

table.zb_gewichte td.datum { text-align: left;
                             width: 80px;
                             font-size: 80%;
                             line-height: 13px;
                             border-top: 1px solid gray;
                             padding-right: 0px;

                           }

table.zb_gewichte td.alter { width: 80px;
                             font-size: 90%;
                             text-align: center;
                             border-top: 1px solid gray;
                             padding-right: 0px;
                           }

textarea.ziel_tier { background-color: transparent;
                     font-size: 97%;
                     border: none;
                     width: 97%;
                     height: 100%;           }

input.gewichtjt {  width: 150px;
               }

div.gewichte { margin: 10px; }
div.gewichte td { padding-left:  12px;
                  padding-right: 12px;
                  padding-top:   2px;
                  padding-bottom:2px;
                }

form#gewichte .datum { width: 70px; }

select.watermark option { color: black; }

div.jt_wurfhistorie { background-color: #FFF;
                  border-bottom: 1px dashed gray;
                }

#spalte_links { float: left;
                overflow: auto;
                min-height: 500px;
              }

#spalte_rechts { overflow: auto;
        }


div.auswahlbox {
  float:  left;
  margin: 3px;
  line-height: 130%;
  padding: 3px;
  /* border: 1px solid gray; */
  /* background-color:#FFF; */
}
#doppelte_namen { background-color: #FFF;
                  font-weight:normal;
                  padding-left:10px;
                }

a.link_deaktiv { pointer-events:none;
               cursor:default;
               opacity: 0.4;
             }


a.link_aktiv { pointer-events:auto;
             }

span.hover-box {
    background: #FFFFFF;
    padding:20px;
    border-radius: 5px;
    border: 2px solid red;
    color: #000;
    display: none; /* Element standardmäßig nicht darstellen */

    position: fixed;
    left:550px; top:500px;
   /* position: fixed;
    left:550px; top:500px;   */
    text-decoration: none;
}
a:hover span.hover-box {
    display: block; /* Beim Überfahren des Links einblenden */
}

.umbruch { -moz-hyphens: auto;
           -o-hyphens: auto;
           -webkit-hyphens: auto;
           -ms-hyphens: auto;
           hyphens: auto;
         }



/**************** Group Links ********************/

.linkbutton_gruppe, .linkbutton_gruppe li{ display: inline-block; }

.linkbutton_gruppe{
  margin: 0;
  border: 0.5px solid #AFAFAF;
  background: rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding: 7px 4px 4px 4px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;

}

.linkbutton_gruppe li{
  margin: 0;
  margin-right: 4px;
  padding: 0;
  margin-bottom: 5px;
}

.linkbutton_gruppe .linkbutton, .linkbutton_gruppe .linkbutton_akt  {
   font-weight:      normal;
   padding:          3px;
   margin:           0px;
   font-size:        14px;
   border:           1px solid #AFAFAF;
}

.linkbutton_gruppe .linkbutton_akt {
  background-color: #EFEFEF;
  -moz-box-shadow:  1px 2px 0 0 rgba(0, 0, 0, .3);
  -webkit-box-shadow: 1px 2px 0 0 rgba(0, 0, 0, .3);
  box-shadow:  1px 2px 0 0 rgba(0, 0, 0, .3);
}

.linkbutton_gruppe .linkbutton  { background-color: #DFDFDF; }

.linkbutton_gruppe li:first-child .linkbutton_akt   {
  -moz-box-shadow:  1px 2px 0 0 rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow:  1px 2px 0 0 rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow:    1px 2px 0 0 rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

.linkbutton_gruppe li:last-child .linkbutton_akt {
  -moz-box-shadow:  1px 2px 0 0 rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow:   1px 2px 0 0 rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow:   1px 2px 0 0 rgba(0, 0, 0, .3), 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

.linkbutton_gruppe li:first-child a {
  -moz-border-radius: 5.5px 0 0 5.5px;
  -webkit-border-radius: 5.5px 0 0 5.5px;
  border-radius: 5.5px 0 0 5.5px;
  }

.linkbutton_gruppe li:last-child a,.linkbutton_gruppe li:last-child form {
  -moz-border-radius: 0 5.5px 5.5px 0;
  -webkit-border-radius: 0 5.5px 5.5px 0;
  border-radius: 0 5.5px 5.5px 0;
  }

.linkbutton_gruppe li a span{ border:1px solid black;  }
.linkbutton_gruppe li a span.color_DECKMELDUNG, table.statistik tr.color_DECKMELDUNG, table.statistik td.color_DECKMELDUNG { background-color:#0000FF; }
.linkbutton_gruppe li a span.color_NICHTAUFGEN, table.statistik tr.color_NICHTAUFGEN, table.statistik td.color_NICHTAUFGEN { background-color:#FF0000; }
table.statistik td.color_DECKMELDUNG, table.statistik td.color_NICHTAUFGEN { width: 0.1px; margin-top: 3px; }

/*****************************************/

.mittig { display: block;
          margin: auto;
        }
/********************* Show *********************************/
/*  Style für linke Liste Zeile 206 */

.infoausgabe { font-size:        90%;
               padding-left:     5px;
               padding-right:    5px;
               padding-top:      1px;
               padding-bottom:   0px;
               line-height:      220%;
               color:            black;
               background-color: #CFCFCF;
               border:           1px dotted blue;
             }
.infoausgabe table { line-height: 150%; }
.infoausgabe td { background-color: #FFFFFF;  }

.clear_right { clear: right;
               background: green;
               content: ".";
               visibility: hidden;
               height:     0;
               display: block;
             }


.registerausgabe,
div.registertab  a   { border:           1px solid #6F6F6F;
                       background-color: #DFDFDF;
                       padding-left:     5px;
                       padding-right:    5px;
                       padding-top:      0px;
                       padding-bottom:   0px;
                       line-height:      160%;
                       margin-bottom:    -1px;
                     }
div.registertab  { display: flex; }

.registerausgabe { margin-bottom:  7px;
                   padding-bottom: 4px;
                   width:          100%;
                 }
.registerausgabe .register { }

input.t_zahl, table.eingabe td.zahl { text-align: right; }

table.eingabe { }

table.eingabe tr {   }
table.eingabe th { line-height: 100%; background-color:#DFDFDF; }

table.eingabe td { border:10px solid transparent; }
table.eingabe td.titel { width:153px;  }

table.meldung { font-size: 100%;
                margin:    0;
                padding:   0;
                border-collapse: collapse;

             }
table.meldung td { border-right: 10px solid transparent;
                   vertical-align: top;
                 }
table.meldung th { padding:   0;  vertical-align: top; }
fieldset.meldung { background-color: #ECF0F1;
                   border: 1px solid #242424;
                   margin-bottom: 7px;
                   -moz-border-radius: 7px;
                   -webkit-border-radius: 7px;
                   border-radius: 7px;
                   -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);
                 }
fieldset.meldung legend { margin-left:10px;
                          padding-left:10px;
                          padding-right:10px;
                          border: 1px solid #242424;
                          background-color: #ECF0F1;
                          text-align:center;
                          -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);
                        }

fieldset.meldung .ffb-input  { margin-left: 0px; }
fieldset.meldung label.label_std { width: 120px; }
fieldset.meldung input[type!="submit"] { width: 300px; }
h2.meldung { background-color: #F4FADE;
             margin-bottom: 7px;
             -moz-border-radius: 7px;
             -webkit-border-radius: 7px;
             border-radius: 7px;
             -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);
           }

fieldset.eingabe { display:inline;
                   margin:0;
                   padding:0;
                   border:none;
                 }
fieldset.eingabe:first-child { margin-left: 0; }
table.tablemeldung { border-collapse: collapse; }

/*table.tablemeldung tr:hover { background-color: unset; } */

table.tablemeldung th { background-color: #CCC;
                        text-align: left;
                      }


table.tablemeldung td { vertical-align: top;
                        font-weight:    normal;
                        padding: 2px;
                        border-color: #DDD;
                        border-style: solid;
                        border-width: 2px;
                        border-top-style: none;
                        border-bottom-style: none;
                      }
.rahmen_colspan { border-top-style: solid !important;
                  border-bottom-style: solid !important;
                }
table.tablemeldung tr:first-child {   }
table.tablemeldung tr:last-child {border-bottom: 2px solid #CCC;  }
.meldungfehler { background: #FF5353; }

table.tablemeldung td.dick { font-weight: bold;
                           }

table.tablemeldung td div.tage { font-weight: bold;
                                  display:     inline-block;
                           }
.aktsort { text-decoration: underline; }

.check_show { display:none;  }
.check_show + label   { cursor: pointer; }
.check_show + label, .check_display, .check_display_an  { width: 15px;
                                                          height: 15px;
                                                          border: 1px solid red;
                                                          background-color: white;
                                                          background-image: url(picture/nein.gif);
                                                          margin-right: 5px;
                                                          display: inline-block;
                                                          content: "";
                                                        }

.check_show:checked + label, .check_display_an  {  border: 1px solid green;
                                                   background-image: url(picture/ja.gif);
                                                }

a.anzart { margin-right: 4px;
           padding: 2px;
           height: 25px;
           display: inline-block;
           background-color: #C3D18F;
           margin-bottom: 4px;
           -moz-border-radius: 4px;
           -webkit-border-radius: 4px;
           border-radius: 4px;
           border: 1px solid green;
         }

#anzart_akt { background-color: red; }

.meldung_aendern #wrap-2 { padding: 3px;
                           width: auto;
                           margin: 5px;
                           line-height: 200%;
                         }
.meldung_aendern h1 { background-color: #F7ECC9;
                      margin: 3px;
                      padding: 7px;
                    }
.meldung_aendern #inhalt { padding: 7px;
                           padding-top: 15px;
                           min-height:  300px;
                         }

.doppelte_tiere { color: black;}
.doppelte_tiere a { color: black;}

table.ohne_rand {
  border-collapse: collapse;
  width:           100%;
  line-height:     120%;
}
table.ohne_rand, table.ohne_rand th, table.ohne_rand td { border: none;  }
table.ohne_rand tr:last-child { border-width: 0; }

.sp_zentr { text-align: center;}
.vertical { writing-mode: vertical-rl;
            -webkit-text-orientation: mixed;
            text-orientation: mixed;
          /*  transform:rotate(180deg);     */
          }

.thvertical { text-align: left; vertical-align: top; padding-top: 5px; width: 18px;}

.gross_dick {
  font-weight: bold;
  font-size: 150%;
}

.td_vert_mitte  { vertical-align: middle; }
.rechts     { display: inline-block; float: right; }
.bew_check  { width:130px; display:inline-block; }
.bew_select { margin-right: 13px; display:inline-block; margin-bottom:3px; margin-left: 0px;} /* width:250px; */


a.bemerk_anzeige {
  position:relative;
  z-index:1;
  text-decoration:none;
  font-weight: normal;
  margin-left: 3px;
  margin-right: 3px;
}

a.bemerk_anzeige:hover {
  z-index:2;
}

a.bemerk_anzeige span {
  display: none;
}

a.bemerk_anzeige:hover span {
  display:block;
  position:absolute;
  top:2em;
  left:2em;
  width:15em;
  border:1px solid #12127D;
  background-color:#DFDFDF;
  text-align: center;
  padding: 5px;
  font-size: 0.8em;
}

.vorhanden { border: 1px solid #FE2E2E; } /* Markierung wenn Elemente vorhanden sind  */

div.kat_auswahl{ float: left;
                 border: 1px solid black;
                 display:grid;
                 padding: 5px;
                 margin-right: 5px;
                 grid-gap: 5px;
}

.select-wrapper {
  width: 150px;
  position: relative;
}

.select-wrapper::before {
  content: url("picture/down2.gif");
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  color: #fff;
  pointer-events: none;
}

.select-wrapper select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 40px;
  -moz-padding-start: calc(10px - 3px);
  padding-left: 10px;
  background: linear-gradient(to top, #778e33, #adc770 50% );
  color: #fff;
  font-size: 16px;
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
  border-radius: 3px;
  outline: none;
  cursor: pointer;
}

.select-wrapper select::-ms-expand {
  display: none;
}

.select-wrapper select option {
  color: #666;
}

select:focus::-ms-value {
  background-color: transparent;
}

table.rechnung { background-color:#CFCFCF;
                 padding:5px;
               }

table.rechnung td { background-color:#FFF;
                    font-weight: normal;
                  }

table.rechnung th { font-size: 90%;

                  }

table.rechnung th.center { text-align: center;
                  }

table.rechnung th.rechts { text-align: right;
                  }

table.rechnung input { border: none; }

fieldset.suche select{  vertical-align:top;

}

#rechnungen input[type="radio"] {
    display: none;
}
#rechnungen label.mahnstufe {
   color:       red;
   font-weight: bold;
}
#rechnungen input[type="radio"] + label {
  position: relative;
  cursor:   pointer;
  color:    red;
}
#rechnungen input[type="radio"] + label:before {
    display:     inline-block;
    margin-left:  7px;
    margin-right: 2px;
 /* left: -1.2em;
    color: red;

    position: absolute;
    right: -1.2em;
    top: -.3em;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.6em;
    content: '\f10c';
    font-family: 'FontAwesome';   */
    content: url("picture/radioaus.gif");
}
#rechnungen input[type="radio"]:checked + label:before {
  content:  url("picture/radioan.gif");
}

#inhalt_meldung {
  padding: 5px;
}

#om_menue ul { padding: 0; }

#om_menue li {
  list-style:       none;
  display:          inline-block;
  margin-left:      0;
  margin-right:     5px;
  margin-bottom:    5px;
  padding:          5px;
  padding-left:     10px;
  padding-right:     10px;
  background-color: #C99494;
}

.om_button { background-color: #C99494;
             padding:          5px;
             padding-left:     10px;
             padding-right:     10px;
           }

ul.om { margin-left:      -10px;
        list-style:       none;
        list-style-image: url('picture/pfote.png');
      }

.form_std_om { margin-left: 0;
               margin-right: 0;
             }

#form_om { display: block;
           flex-wrap: wrap;
         }
.input_om, .ansicht_om, .ansicht_om_flex { display: flex; }
fieldset.eltern { padding: 1px;
                  margin-left: 0;
                  margin-bottom: 1px;
                }
.om_gem_tiere { margin-top:5px;

              }
.om_klein { font-size: 0.9em; }
.form_std #klasse { width: 447px; }
.form_std #zusatz { width: 439px; }
div.om_ok { line-height: 1em;
            margin-top: 5px;
          }
div.om_ok span { font-weight: normal;
                 font-size: 0.9em;
               }
input.login { width: 260px; }


@media all and (max-width: 520px)
{ .form_std #klasse { width: 368px; }
  .form_std #zusatz { width: 360px; }
}

@media all and (max-width: 490px)
{ .input_om, .ansicht_om { display: block; }
  .input_om input, .input_om select { font-size: 120%; }
  .om_gem_tiere { font-size: 1.4em;
                  line-height: 1.5em;
                }
  form.login input { font-size: 1.4em; }
  .form_std_om label { font-weight: normal; }
  .form_std #klasse { width: 308px; }
  .form_std #zusatz { width: 305px; }
  table.meldung td.tag label.label_std { width: 70px; }
  .input_om .ffb .page, .input_om .ffb a.page {font-size: 120%; margin: 5px; }
  input.login { width: 160px; }

}

table.zeile tr:hover a{
  background-color:#fffbf0;
}

table.zeile a {
  font-weight: bold;
}

.titelcolor { display: inline-block;
              color: red;
              font-size: 75%;
              line-height:12px;
            }

input[type="file"].fileup_extrastyle{
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: -1px;
    left: 0;
    width: 0.1px;
    height: 0.1px;

}


input[type="file"].fileup_extrastyle:focus + label.fileup_labelextrastyle{
   border: 1px solid #778e33;
}

label.fileup_labelextrastyle{
    cursor: pointer;
    border: 1px solid  #778e33;
    border-radius: 4px;
    margin-right:2px;
    display: inline-block;
    padding: 3px;
    padding-bottom: 0px;
    font-size: 90%;
    font-weight: normal;
    line-height: 20px;
}

.wurfst_ausgabe { float:     left;
                  font-weight: normal;
                  font-size: 90%;
                  line-height: 130%;
                }

.wurfst_ausgabe table, .wurfst_ausgabe th, .wurfst_ausgabe td {  border-collapse: collapse; padding-left:2px; padding-right:2px; text-align:left; }
.wurfst_ausgabe th {     border: thin solid #666; }
.wurfst_ausgabe td {    border: thin solid #666; }
.wurfst_ausgabe input { text-align:right; margin:0; padding:0;}

.wurfst_anz    { margin: 6px; margin-right: 10px; }
.wurfst_anz th { font-weight: normal;  }
.wurfst_anz td { padding-left:6px; padding-right:6px;  }

table.funktionen {
  border-collapse: separate;
  border-spacing: 0.2em;
  empty-cells: hide;
}

table.funktionen th, table.funktionen td {
  padding-left: 5px;
  padding-right: 2px;
  border-radius: .1em;
  font-size: 90%;
}

table.funktionen th {
  background-color: #D9D9D9;

}

table.funktionen td {
  font-style: italic;
  text-align: right;
  box-shadow: inset 1px 3px 5px -3px rgba(0,0,0,.5);
  border-bottom: 0.1px solid #adbfc8;
}

/*input.sp    { background: url(picture/speichern.png) no-repeat; background-size: contain; padding-left: 25px; }
input.sp_ue { background: url(picture/speichern_uebermitteln.png) no-repeat; background-size: contain; padding-left: 25px; }   */

/* Größe der Bilder bei Handys */
@media all and (max-width: 900px)
{.fotobild { object-fit: contain;
             height: 80px;
             width: 80px;
           }
  div.welpenliste_box { width: 100%; }
}

/* Style für Deck-/Wurfmeldung */
table.admin th.edit_but   { width: 45px; }
table.admin th.edit_dat   { width: 120px; }
@media all and (min-width: 800px)
{ table.admin td.edit_k, table.admin th.edit_k  { display: none; }
  table.admin td.edit_g, table.admin th.edit_g  { display: table-cell; }
}

@media all and (max-width: 800px)
{ table.admin td.edit_k, table.admin th.edit_k { display: table-cell; }
  table.admin td.edit_g, table.admin th.edit_g { display: none; }
}

/* Style für alle Listen */

form#wurfmeldung input[type="text"][disabled]  { color: black; background-color:#EFEFEF; opacity:1;}


@media all and (max-width: 980px) { form#wurfmeldung div.text_info { width: calc(100% - 180px) !important; }
                                    form#wurfmeldung input.text_lang { width:99% !important; }
                                  }

@media all and (max-width: 900px) { form#wurfmeldung label#label_zbnr { width: 96px !important; }
                                    form#wurfmeldung .zbnr_block { display: block !important;  }
                                  }
@media all and (max-width: 800px) { form#wurfmeldung label#label_zbnr { width: 96px !important; }
                                    form#wurfmeldung input.text_lang { width:99% !important; }
                                  }
@media all and (max-width: 640px) { form#wurfmeldung .zbnr_block { display: block; }  }
@media all and (max-width: 520px) { form#wurfmeldung .gewicht_block,
                                    form#wurfmeldung .entw_block { display: block; }
                                    form#wurfmeldung label.text_2 { width: 165px !important; }
                                  }
@media all and (max-width: 540px) { form#wurfmeldung .text_anpassen1 { width: calc(100% - 13px) !important;  }
                                    form#wurfmeldung .text_anpassen2 { width: calc(100% - 33px) !important;  }
                                  }
.verbinden { white-space:nowrap; }

div.welpenliste_box { float:right;   }

@media all and (max-width: 640px) { table#tablejungtiere > thead { display: none; }
                                    table#tablejungtiere  { border-collapse: collapse; }
                                    table#tablejungtiere tbody tr { border: 1px solid black; }
                                    table#tablejungtiere > tbody tr td { display: flex; margin-top:-3px;}
                                    table#tablejungtiere > tbody tr td.ansicht {  margin-top:3px;}
                                    table#tablejungtiere > tbody tr th { display: block !important;
                                                                         font-size: 80%;
                                                                         line-height: 150%;
                                                                       }
                                    form#wurfmeldung span.nr_gross { font-size: 200%; }
                                    form#wurfmeldung .break_anpassen { display: none;  }
                                    span.zb_bez         { margin-left: 1px !important; width: 140px !important;}
                                    .anz_block          { display: block !important;  }
                                  }

div.ansicht_tier      { display: inline-block;   }
div.ansicht_buttonstb { display: inline-block;
                        white-space:nowrap;
                                       }

div.auswahl_buttonstb { width: 120px;
                        font-size: 80%;
                        display: inline-block;
                      }

div.ansicht_buttonstb { line-height:  90%;
                        margin-bottom: 5px;
                        display: inline-block;
                      }

div.zb_satz  div.inhalt_spalte { width: auto; min-width: 270px; }
@media all and (max-width: 1070px) {/* div.zb_daten span.zb_fw { width: 200px !important; min-width: 200px !important; }  */
                                     div.zb_daten  div.inhalt_spalte { width: 180px; min-width: 180px; }
                                     div.zb_satz div.erweitert       { width: auto;  }
                                   }
@media all and (max-width: 900px) { div.zb_daten span.zb_fw { width: 150px !important; min-width: 150px !important; }
                                    div.zb_daten span.zb_bez { margin-left: 1px !important; width: 140px !important;}
                                    div.zb_satz span.erweitert    { width: 165px !important;   }
                                    div.zb_satz div.erweitert    { width: 100% !important;   }
                                    div.zb_satz span.kurz         { width: 60px !important;   }
                                    div.zb_satz span.schmal       { width: 30px !important;  min-width: 30px !important;  }
                                    div.zb_daten span.ga_ze { width: 300px !important; min-width: 250px !important; }
                                  }
@media all and (max-width: 650px) { div.ansicht_buttonstb  { white-space:normal;
                                                             display: block;
                                                            }
                                  }
@media all and (max-width: 640px) { div.ansicht_tier  { white-space:normal;
                                                        display: block;
                                                      }
                                    div.inhalt_spalte { display: block;
                                                        width:   90% !important;
                                                        min-width:   90% !important;
                                                      }
                                    div.zb_daten span.zb_fw { width: 100px !important; min-width: 100px !important; }
                                    div.zb_daten span.ga_ze { width: 100% !important; min-width: 100% !important; }
                                    div.zb_daten span.erweitert    { width: 170px !important;   }
                                    div.zb_daten span.kurz         { width: 60px !important;   }
                                    div.zb_daten span.schmal       { width: 30px !important;  min-width: 30px !important;  }
                                  }

 /* für alle Listen  */
@media all and (max-width: 640px) { table.liste > tbody tr.ueschrift, table.liste > thead  { display: none; }
                                    table.liste  { border-collapse: collapse; }
                                    table.liste tbody tr { border: 1px solid black; border-bottom: none; }
                                    table.liste tbody tr:last-child { border-bottom: 1px solid black; }
                                    table.liste tbody tr.info_list { border: 1px solid black;  border-top: 1px dotted black; }
                                    table.liste > tbody tr td { display: flex; }
                                  }

@media all and (min-width: 640px)
{ .list_klein { display: none; }
  .list_gross { display: block; }
  .span_klein { display: none; }
  .span_gross { display: inline; }
  .tab_spalte_gross { display: table-cell; }
  .tab_zeile_gross  { display: table-row; }
  .tab_zeile_klein  { display: none; }
}

@media all and (max-width: 640px)
{ .list_klein { display: block; }
  .list_gross { display: none; }
  .span_klein { display: contents; }     /* von inline in contents geändert, da sonst das Element immer ein Blockelement wird  */
  .span_gross { display: none; }
  table.liste > tbody tr td   { text-align: left !important; }
  .werbebutton { height: 20px;margin-top: 5px;}
  .tab_spalte_gross { display: none; }
  .tab_zeile_klein  { display: table-row; }
  .tab_zeile_gross  { display: none; }
}
table.admin .symbol { margin-bottom: -7px; }

span.minus { color: red; font-weight: bold; }
span.plus  { color: green; font-weight: bold; }

.tierspalte {
  float: left;
  margin: 10px;
  overflow: hidden;
  height: auto;
}
.tiercontainer { height: calc(100vh - 50px) !important; }
.tiercontainer div.tierspalte:nth-child(1)  { width: 450px; }
.tiercontainer div.tierspalte:nth-child(2)  { width: calc(100% - 500px); }
.tierdatenbez
{ padding: 2px 7px;
  margin-right: 10px;
  display: inline-block;
  width:   110px;
}
.tierdateninhalt
{ padding: 0px 7px;
  margin-bottom: 5px;
  display: inline-block;
  width: calc(100% - 152px);
  border: 2px solid #CFCFCF;
  max-height: 120px;
  overflow: auto;

}
@media all and (max-width: 980px)
{ .tierdateninhalt{  width: calc(100% - 18px); }
}

@media all and (max-width: 800px)
{ .tiercontainer div.tierspalte:nth-child(2)  { width: calc(100% - 18px); }
}
@media all and (max-width: 530px)
{ .tiercontainer { height: auto !important; }
  .tiercontainer div.tierspalte:nth-child(1)  { width: calc(100% - 18px); }
  .tiercontainer div.tierspalte:nth-child(2)  { width: calc(100% - 18px); }
}
.bildtier { width: 100%; height: auto; }


.tierdaten {
  display: inline-block;
  padding-right: 7px;
  margin-top: 5px;
}

/*  Eingabe eigenes Tier */
.tierweite1 { width: 400px; margin-top: 3px; }
.tierweite2 { width: 603px; margin-right:5px;  margin-top: 3px; }
.tierweite3 { width: 420px; margin-top: 3px;  }
.tierweitedatum { width: 80px; margin-top: 3px;  }
@media all and (max-width: 809px) { .tierweite1 { width: 225px; } }
@media all and (max-width: 685px) { .tierweite1 { width: 340px; } .tierweite2  { width: 470px; } .tierweite3 { width: 280px; } }
@media all and (max-width: 560px) { .tierweite1 { width: 270px; } .tierweite2  { width: 400px; } .tierweite3 { width: 210px; } }
@media all and (max-width: 490px) { .tierweite1 { width: 200px; } .tierweite2  { width: 330px; } .tierweite3 { width: 140px; } }

.scroll_6 { max-height: 180px; overflow: auto; }
tr.ganz_zeile:hover  { background-color: lightgrey;  }
table.rahmen {  border-collapse: collapse; }
table.rahmen tbody td { border: 1px solid; border-color: grey; }

.ik_rot { background-color: #FF8888;  }
.ik_gelb { background-color: yellow;  }
.ik_gruen { background-color: lightgreen; }

/* ZZL Schein */

#zzlpruefung .titel     { vertical-align: top;   width:100px; border-top: 0.5px solid black; }
#zzlpruefung .daten     { display: inline-block; width:calc(100% - 104px); border-top: 0.5px solid black; }
#zzlpruefung .datenfeld { display: inline-block; width: 20%; vertical-align: top; text-align:center; line-height: 12px; padding-top:2px; }
#zzlpruefung .datenfeld .bez       { display: inline-block; font-size: 80%; }
@media all and (max-width: 646px) {#zzlpruefung .daten { width: 100%;border-top:none; } #zzlpruefung .titel {width:100%; }}
.kopf       { text-align:center;padding: 0px; margin: 0px auto;margin-bottom:10px;line-height:20px;position:relativ; }
.kopf .lang { padding-left:200px;top:1.2em;position: relative; }
.kopf .kurz { font-size:390%;line-height:40px;padding-right:50px; }
.kopf .titel { font-size:150%; }
@media all and (max-width: 600px) { .kopf .lang { padding-left:0;top:0;} .kopf .kurz {font-size:200%;line-height:20px;padding-right:5px; } }
.trennen{
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

/*************************** Eingabe Adressen und erweiterte Suche für Handys anpassen ******************************/

fieldset input.eingabe_akt { width:350px; margin-right: 0px; }
fieldset input.eingabe_akt1 { width:280px; margin-right: 0px; }
@media all and (max-width: 387px) { fieldset input.eingabe_akt { width:100%;  }  }
@media all and (max-width: 320px) { fieldset input.eingabe_akt1 { width:100%;  }  }
@media all and (max-width: 635px) { fieldset label.label_akt { width:120px !important;  }  }
@media all and (min-width: 801px) and (max-width: 875px) { fieldset label.label_akt { width:120px !important;  } }

@media all and (max-width: 717px) { fieldset label.label_akt1 { width:120px !important;  }  }
@media all and (min-width: 801px) and (max-width: 960px) { fieldset label.label_akt1 { width:120px !important;  } }

@media all and (max-width: 649px) { fieldset label.label_akt2 { width:120px !important;  }  }
@media all and (min-width: 801px) and (max-width: 875px) { fieldset label.label_akt2 { width:120px !important;  } }

@media all and (max-width: 772px) { fieldset label.label_akt3 { width:120px !important;  }  }
@media all and (max-width: 575px) { fieldset label.label_akt4 { width:120px !important;  }  }
span.checkbox2 {
  display:   inline-block;
  padding-left: 3px;
  padding-right: 11px;
  font-size: 90%;
}

div.cloudsperrung { float: left; margin: 30px; padding: 10px; color: red; font-weight: bold; }