html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}

html {
height: 100%;
width: 100%;
background-image: url(../grafix/htmlback3.jpg);
background-position: top center;
/*background-repeat: no-repeat;*/
background-color: #fff;
font-family: Verdana, Arial, sans-serief;
font-size: 10px;
font-weight: 200;
color: #000;
}

img {
border: 0;
}

body {
position: absolute;
margin-left: 1%;
margin-top: 1%;
width: 98%;
height: auto;
background-image: url(../grafix/bodyback3.jpg);
background-repeat: no-repeat;
}

.header {
position: relative;
margin-top: -1em;
margin-left: -5em;
width: 140em;
height: 15em;
background-image: url(../grafix/title.png);
background-repeat: no-repeat;
}

address {
visibility:hidden;
height: 0em;
}

/* Navigation */

#navi {
position: absolute;
margin-top: -1em;
margin-left: 26em;
height: auto;
width:auto;
}

.nav01 {
position: relative;
margin-top: 3em;
width: 8em;
height: 5em;
background-image:url(../grafix/button.png);
background-repeat: no-repeat;
font-size: 1.2em;
font-weight: 600;
color: #000;
}

.nav01 a {
 position: absolute;
 margin-top: 1.95em;
 margin-left: 2.45em;
 text-decoration: none;
}

.nav01 a:hover {
 color: #990000;
}

.nav01 a:visited {
 color: #003300;
}

.nav02 {
position: relative;
margin-left: 7em;
margin-top: -8.5em;
width: 8em;
height: 5em;
background-image:url(../grafix/button.png);
background-repeat: no-repeat;
font-size: 1.2em;
font-weight: 600;
color: #000;
}

.nav02 a {
 position: absolute;
 margin-top: 2em;
 margin-left: 2.5em;
 text-decoration: none;
}

.nav02 a:hover {
 color: #990000;
}

.nav03 {
position: relative;
margin-left: 15.5em;
margin-top: -6em;
width: 9.6em;
height: 3.2em;
background-image:url(../grafix/button2.png);
background-repeat: no-repeat;
font-size: 1.2em;
font-weight: 600;
color: #000;
}

.nav03 a {
 position: absolute;
 margin-top: 1em;
 margin-left: 1.5em;
 text-decoration: none;
}

.nav03 a:hover {
 color: #990000;
}

.nav04 {
position: relative;
margin-left: 25.5em;
margin-top: -4.3em;
width: 13.5em;
height: 3.2em;
background-image:url(../grafix/button3.png);
background-repeat: no-repeat;
font-size: 1.2em;
font-weight: 600;
color: #000;
}

.nav04 a {
 position: absolute;
 margin-top: 1em;
 margin-left: 1.5em;
 text-decoration: none;
}

.nav04 a:hover {
 color: #990000;
}

.nav05 {
position: relative;
margin-left: 38.5em;
margin-top: -4.3em;
width: 13.5em;
height: 3.2em;
background-image:url(../grafix/button2.png);
background-repeat: no-repeat;
font-size: 1.2em;
font-weight: 600;
color: #000;
}

.nav05 a {
 position: absolute;
 margin-top: 1em;
 margin-left: 1.5em;
 text-decoration: none;
}

.nav05 a:hover {
 color: #990000;
}

/* Inhalt */

#content {
position: relative;
margin-top: 10em;
margin-left: 23em;
height: auto;
width: 67em;
font-size: 1.1em;
line-height: 1.3em;
text-align: left;
}

#content a {
font-size: 1em;
font-weight: 600;
color: #990000;
}

ul {
width: 55em;
font-size: 1.1em;
margin-left: 1.5em;
line-height: 1.9em;
}

ol {
width: 55em;
font-size: 1.1em;
margin-left: 1.5em;
line-height: 1.9em;
}

li {
line-height: 1.5em;
text-align: left;
}

h1 {
font-size:1.2em;
text-align: left;
color: #990000;
}

h2 {
font-size:1.05em;
letter-spacing: 0.2em;
color: #990000;
}

#breed {
font-size: 1em;
text-align: left;
color: #000033;
}

#bread a {
font-size:1em;
}

.rot {
color: #990000;
}

.pic1 {
position: absolute;
margin-left: 0em; 
margin-top: -8em;
height: 96px;
width: 140px;
background-image: url(../grafix/3d.png);
}

.pic2 {
position: absolute;
margin-left: 13em; 
margin-top: -8em;
height: 110px;
width: 140px;
background-image: url(../grafix/brust.png);
background-repeat: no-repeat;
}

.pic3 {
position: absolute;
margin-left: 25.7em; 
margin-top: -8em;
height: 96px;
width: 140px;
background-image: url(../grafix/maedchen.png);
}

.pic4 {
position: absolute;
margin-left: 38.7em; 
margin-top: -8em;
height: 96px;
width: 140px;
background-image: url(../grafix/hom.png);
}

.pic5 {
position: absolute;
margin-left: 51.7em; 
margin-top: -8em;
height: 96px;
width: 140px;
background-image: url(../grafix/antiag.png);
}

.picX {
position: relative;
margin-left: 39em;
margin-top: 3em;
height: auto;
width: auto;
}

.footer {
height: 10em;
width: 98%;
margin-top: 3em;
font-size: 0.9em;
}

.footer a {
font-size: 1em;
}
