/* CSS Document */

/*
b {
    font-size: 11px; font-weight: bold;
}
*/

.smallText {font-size:0.7rem;}

table.uebersicht {margin-bottom:10px; margin-top:10px; width:auto;}
.uebersicht td {font-size: 0.7rem; 
      padding:1px;}
.uebersicht th {font-size: 11px; 
      padding:3px;}
      
.uebersicht b, .uebersicht strong {font-size:11px  !important; padding:3px; font-weight:bold}      
      
@media only screen and (max-width: 760px) {
     /*Readspeaker */
     .firstnone {display:none;}
}      
      
  
.startseite th {padding:3px;}
.startseite td {padding:3px;}

td.noborderlinks, th.noborderlinks{border-left:none;}

td.noborderrechts, th.noborderrechts{border-right:none;}

.kleiner {font-size:90%;}

.zusatz {color: #666666; 
      display: block;
      font-size: 0.71em;
      font-weight:normal}

select {font-family: Verdana, Helvetica, Arial, sans-serif;
	     font-size: 11px;
}

input {font-size: 11px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

caption {color: #336633;
}


#rinddb-bulle {margin-top: 5px;
	      width: 74%;}

#rinddb-navi {margin-top: 0px;
	     margin-left: 30px;}

.uetier {font-size: 14px;
        font-weight: bold;
        color: #336633;
        margin:  10px 0px 5px 0px;
        line-height:100%;
        clear:both;
}

.zwsdat {float:left;
	       margin-left:35px;
         margin-top:20px;
         font-size:11px;
         font-weight:bold;
}

.hinterlegt {background-color:#F4F4F4;}

.dunkel {background-color:#e0e8d4;}

h2.zuchtwert {margin:6px;}

h3.zuchtwert {margin:6px;}

.block {font-size: 10px;
        margin-top:0px;
        margin-bottom:10px;
        border-left: 1px solid silver;
        border-right: 1px solid silver;
        border-top: 1px solid silver;
}

.absatz {float:left;}

.abst-gesamt {
	       width:100%;
         margin-bottom:5px;
         background-color: #f4f4f4;
         float:left;
}

.abst-block p {font-size:10px;}

.abst-block {
        float:left;
        width:47%;
        padding:3px;
        border-left: 2px solid #ffffff;
        /*background-color:#f4f4f4;*/
}

.linie {height:2px;
        background-color:#ffffff;
}

.ulrinddb {
        margin: 0px 0px 10px 0px;
}

.rinddbheader {
        color: #007E2D;
        width: 145px;
        vertical-align: middle;
        margin: 10px 0px 0px 0px;
        padding: 5px 0px 0px 2px;
        background: #f4f4f4;
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        list-style-image: url(/layout/leer.gif);
}


a.arinddbheader {
        font-size: 11px;
        font-weight: bold;
        color: #007E2D;
        text-align:left;
        vertical-align: middle;
        text-decoration: none;
}

.lirinddb {
        color: #007E2D;
        width: 145px;
        vertical-align: middle;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0px 2px;
        background: #f4f4f4;
        font-size: 11px;
        text-align: left;
        list-style-image: url(/layout/leer.gif);
}

a.arinddb {
        font-size: 9px;
        color: #007E2D;
        text-align:left;
        vertical-align: baseline;
        text-decoration: none;
}

a.arinddb:link {
        text-decoration: none;
}
a.arinddb:visited {
        text-decoration: none;
}
a.arinddb:hover {
        text-decoration: underline;
}

.stammbaum {
        clear:both;
        font-size:9px !important;
        margin-top:0px;
        margin-bottom:5px;
}

.stammbaum b {font-size:10px !important;}

.stammbaum a {font-size:11px !important;}

.stammbaum p {
        font-size:9px !important;
        margin-top:3px;
        margin-bottom:0px;
}

.tiername {
      font-size:11px !important;
      font-weight:bold;
}

.bulle {
        font-size:12px;
        font-weight:bold;
        color: #336633;
}

a.bulle {
        font-size:12px;
        font-weight:bold;
        color: #336633;
        text-decoration: underline;
}

a.bulle:link {
        font-size:12px;
        font-weight:bold;
        color: #336633;
        text-decoration: underline;
        padding-left:0px;
}
a.bulle:visited {
        font-size:12px;
        font-weight:bold;
        color: #336633;
        text-decoration: underline;
        padding-left:0px;
}
a.bulle:hover {
        font-size:12px;
        font-weight:bold;
        color: #336633;
        text-decoration: underline;
        padding-left:0px;
}

.kuh {
         font-size:12px;
         font-weight:bold;
         color:#ff6363;
}

.pfeil {
       margin-left:5px;
       margin-top:0px;
}

.gtext {font-size: 0.8rem;} 

#g1 {float:left; margin-bottom:10px;}

#g2 {float:left; margin-bottom:10px;}

#g3 {float:left; margin-bottom:10px;}

#g4 {float:left; margin-bottom:10px;}

.b1 {
        clear:left;
        /*width:165px;*/
        height:374px;
        background-color:lavender;
        margin:0;
        padding-top:170px;
        padding-left:5px;
        border:1px solid white;
	  /*
	  Hack wg. Fehler in IE 5.x!
	  Zweck: IE 5.x beendet bei folgendem } die Definition;
	  andere Browser interpretieren auch noch den Rest (d.h. die korrekte 'width' usw.)
	  */
	  voice-family: "\"}\"";
	  voice-family: inherit;
        /*width:165px;*/
        height:204px;
}
.b1 div{float:left;}

.k1 {
        clear:left;
        /*width:165px;*/
        height:374px;
        background-color:lavenderblush;
        margin:0;
        padding-top:170px;
        padding-left:5px;
        border:1px solid white;
	  /*
	  Hack wg. Fehler in IE 5.x!
	  Zweck: IE 5.x beendet bei folgendem } die Definition;
	  andere Browser interpretieren auch noch den Rest (d.h. die korrekte 'width' usw.)
	  */
	  voice-family: "\"}\"";
	  voice-family: inherit;
        /*width:165px;*/
        height:204px;
}
.k1 div{float:left;}


.b2 {
        clear:left;
        /*width:165px;*/
        height:186px;
        background-color:lavender;
        margin:0;
        padding-top:60px;
        padding-left:5px;
        border:1px solid white;
	  /*
	  Hack wg. Fehler in IE 5.x!
	  Zweck: IE 5.x beendet bei folgendem } die Definition;
	  andere Browser interpretieren auch noch den Rest (d.h. die korrekte 'width' usw.)
	  */
	  voice-family: "\"}\"";
	  voice-family: inherit;
        /*width:165px;*/
        height:126px;

}
.b2 div{float:left;}

.k2 {
        clear:left;
        /*width:165px;*/
        height:186px;
        background-color:lavenderblush;
        margin:0;
        padding-top:60px;
        padding-left:5px;
        border:1px solid white;
	  /*
	  Hack wg. Fehler in IE 5.x!
	  Zweck: IE 5.x beendet bei folgendem } die Definition;
	  andere Browser interpretieren auch noch den Rest (d.h. die korrekte 'width' usw.)
	  */
	  voice-family: "\"}\"";
	  voice-family: inherit;
        /*width:165px;*/
        height:126px;

}
.k2 div{float:left;}

.b3 {
        clear:left;
        /*width:165px;*/
        height:92px;
        background-color:lavender;
        margin:0;
        padding-top:12px;
        padding-left:5px;
        border:1px solid white;
	  /*
	  Hack wg. Fehler in IE 5.x!
	  Zweck: IE 5.x beendet bei folgendem } die Definition;
	  andere Browser interpretieren auch noch den Rest (d.h. die korrekte 'width' usw.)
	  */
	  voice-family: "\"}\"";
	  voice-family: inherit;
        /*width:165px;*/
        height:80px;

}
.b3 div{float:left;}

.k3 {
        clear:left;
        /*width:165px;*/
        height:92px;
        background-color:lavenderblush;
        margin:0;
        padding-top:12px;
        padding-left:5px;
        border:1px solid white;
	  /*
	  Hack wg. Fehler in IE 5.x!
	  Zweck: IE 5.x beendet bei folgendem } die Definition;
	  andere Browser interpretieren auch noch den Rest (d.h. die korrekte 'width' usw.)
	  */
	  voice-family: "\"}\"";
	  voice-family: inherit;
        /*width:165px;*/
        height:80px;

}
.k3 div{float:left;}

.b4 {
        clear:left;
        /*width:120px;*/
        height:45px;
        background-color:lavender;
        margin:0;
        padding-left:5px;
        padding-top:7px;
        border:1px solid white;
	  /*
	  Hack wg. Fehler in IE 5.x!
	  Zweck: IE 5.x beendet bei folgendem } die Definition;
	  andere Browser interpretieren auch noch den Rest (d.h. die korrekte 'width' usw.)
	  */
	  voice-family: "\"}\"";
	  voice-family: inherit;
        /*width:120px;*/
        height:38px;

}
.b4 div{float:left;}

.k4 {
        clear:left;
        /*width:120px;*/
        height:45px;
        background-color:lavenderblush;
        margin:0;
        padding-left:5px;
        padding-top:7px;
        border:1px solid white;
	  /*
	  Hack wg. Fehler in IE 5.x!
	  Zweck: IE 5.x beendet bei folgendem } die Definition;
	  andere Browser interpretieren auch noch den Rest (d.h. die korrekte 'width' usw.)
	  */
	  voice-family: "\"}\"";
	  voice-family: inherit;
        /*width:120px;*/
        height:38px;

}
.k4 div{float:left;}


@media print {
.b1 {
        border:1px solid #C4C4C4;
}
.k1 {
        border:1px solid #C4C4C4;
}
.b2 {
        border:1px solid #C4C4C4;
}
.k2 {
        border:1px solid #C4C4C4;
}
.b3 {
        border:1px solid #C4C4C4;
}
.k3 {
        border:1px solid #C4C4C4;
}
.b4 {
        border:1px solid #C4C4C4;
}
.k4 {
        border:1px solid #C4C4C4;
}
}

/* Anpassungen responsive - A. Müller-Schmid, 16.07.2014 */
.innerModuleButton h2 strong .zuchtwert{float:right; margin-top:-15px;}
.rinddbContentStart h2{margin-top:0px;}
b {font-size:12px !important;}

@media only screen and (max-width: 400px) {    
.listdelete {display:none;} 
#g3 {display:none;}
#g4 {display:none;}
}   

@media only screen and (max-width: 700px) {    
.listdeletefirst {display:none;} 
#g4 {display:none;}
}

.divleftlist {float:left; clear:left; width:100px; text-align:right; margin-right:10px; font-size:90%;}

.divrightlist {float:left; font-size:90%;}

/* Ende Anpassungen responsive */ 

.divContent2Cols .innerModuleButton h2 strong {width:100% !important; max-width:300px;}

.borderleftnone {border-left:0px;}