body, html {
height: 100.01%;
min-height: 100%;
}

div {/*border:1px solid red;*/}

body {

 font-family: verdana, sans-serif;
 /* hier kein font-size! */
 /*letter-spacing:.1em; */
 color:#000000;
 margin-top:0;
 margin-bottom:0;
 background-image: url(../design/hintergrund.jpg);
 background-repeat: repeat;
}

.skiplink {
        position:absolute;
     left:-2000px;}



#wrapper {width:80%;
         min-width:768px;
        border:none;
        margin-left:10%;
     }

#kopf {  height:242px;
         background-image: url(../design/laeufer.jpg);
                 background-repeat: repeat;}

#inhalt {float:left;
         width:65%;
     margin:1px;
     font-size:76%;    /* 76% Heike */
     padding-left:2em;
     padding-right:2em;
     padding-bottom:2em;
     line-height: 1.3em;
     background:white;
     border: 1px solid #8A5F09;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*background-color:transparent; */
   /* opacity:0.50; */
}


#inhalt img {margin:1em;}

#menue img {margin-right:-1em;}




#menue { float:right;
     width: 25%;
     margin-top: 1px;
     font-size:86%;     /* 76% Heike */
     text-align:left;
     padding-left:.5em;
      /* else: min-height: */
     }

#menuefuehrung  { clear:both;
                  min-width:768px;
                 /*position:relative; left:30px; top:-31px;*/
                 color:#4E220A;
                 font-size:.8em;
                  background-image: url('../design/balken.gif');
                  background-repeat:repeat-x;
                  line-height:27px;
                  padding-left:1em;
                  padding-right:1em;
                  font-weight:bold;
                  text-align:center;
                 }

#menuefuehrung a {
                 text-decoration:none;
                 padding-left:.6em;
                 padding-right:.3em;
                 padding-top:0;
                 padding-bottom:0;
                 border-left:1px solid gray;
                  }

#menuefuehrung a:hover, a:focus {
                 color: black;
                 background:none;
                 text-decoration:underline;
                 }



#rechts {float:right;
        width:18%;
     margin-top:1px;
     font-size:76%;
     padding-right:1em;
      }

#fuss {clear:both;
      width: 73%;
      float:left;
      }

.breadcrump {
        font-size: .9em;
     border-bottom: 1px solid #4E220A;

}

.backlink {border-top: 1px solid #4E220A;
          padding-top:1em;margin-top:1em;}


.impressum {

        text-align:left;
        font-size:0.6em;
     padding-top:.5em;
        margin-left:2em;
        padding-bottom:3em;
        margin-bottom:0; /*wichtig wg abstand */
        }

.copy {border-top: 1px solid #4E220A;
         padding-top:1em;
         margin-top:1em;}



/* Überschriften */
h1, h2, h3 {
                color: #4E220A; /*#004080;*/
                font-family: verdana, sans-serif;
                font-weight:normal;

}

h1 {
     font-size: 1.2em;
     font-weight:bold;
     margin-top:2em; /* für breadcrump */
}

h2 {
        font-size: 1.1em;
     margin-top:2em;
     font-weight:bold;
     font-style:normal;
    }

h3 {
        font-size: 1.1em;
     margin-top:1.5em;
     margin-bottom:0em;
}

p {padding-top:0;
        margin:.6em 0;}

p.border {border-bottom: 1px solid #4E220A;
         padding-bottom:1em;}

strong, em {font-weight:normal;
        font-style:normal;}

.code {border: 1px solid;
         padding:.8em;
         font-family:arial, sans serif;}

 /* Image zentral wie z.B. Geschlechterunterschied */
.zentralbild {border: 1px solid #4E220A;
                 padding:.8em;
                 margin:auto;}

.zentralbild_float {border: 1px solid #4E220A;
                 padding:.8em;
                 margin:auto;
                 float:left;}

.zentraltext {color: #4E220A;
                 font-style: italic;
                 padding-left:2em; }

.haltungsfoto {float:left;margin:1em;}

.tierarztadresse {border: 1px solid  #4E220A;
                 padding: 0 1em .5em 1em;
                 margin-bottom: 1em;}

.tierarztadresse address { margin-top:1em;
                         border-top:1px solid #4E220A;padding-top:.5em;}



 /* Sitemap Definitionsliste */


 .up {text-align:right; }
 .up_uebersicht {text-align:right;
                 margin-top: -1.5em;}
 .up_uebersicht a {text-decoration: none;}
 .up a {text-decoration: none;}



 ul li {margin-bottom:.6em;
         list-style-type:circle;}

 ol li {margin-bottom:.6em;}

 ul, ol {margin-top:1em;}

 dl {    margin-bottom:1.5em;
         border-bottom: 1px solid #4E220A;
         padding-bottom:1em;}

 dl.ohne_links dt {font-weight: bold;}

 dl.ohne_links  { border-bottom: none;}

 dt {margin-bottom:.5em;
         margin-top:1.3em;
         color: #4E220A;}

 pre {font-size:120%;}


/* Hyperlinks */

a {  text-decoration:underline; outline: none;color:#4E220A;letter-spacing:0px;}
a:hover, a:focus, a:active {color:white;background: #4E220A;}
a.ohne_deko:hover, a.ohne_deko:focus, a.ohne_deko:active {color:#4E220A;background:none;}
a.extern_de {                   background: url(http://www.nagetiere-online.de/design/de.gif);
                           background-repeat: no-repeat;
                           background-position: left;
                           padding-left:21px; }

.breadcrump a, #sprungmarken a, .backlink a {text-decoration:none;}
 #sprungmarken {
                 border-bottom: 1px solid #4E220A;
                 padding-bottom:1em; }

 #sprungmarken li {list-style-type:none;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;}
/* Tabellen */
th, td {padding: .3em;        }

th.hersteller, td.hersteller {width: 7em;
                                 text-align:center;}

th.text, td.text { width: 20em;
                         padding-left: 1em;}
th.wert, td.wert  {text-align: center;
                         width: 7em;}

th.spaltenueberschrift {text-align: left;}