body { color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; background-image: url(../pic/naviback.jpg); background-repeat: repeat-y; background-position: left top; border:0        }
#navigation { position: absolute; top: 130px; left: 0; width: 140px; z-index: 250; padding-top: 10px; }
#logoback { background-image: url(../pic/logoback.png); background-repeat: no-repeat; position: absolute; z-index: 240; top: 0; left: 0; width: 140px; height: 130px; }
#contentwrap
{ top: 30px; width: 100%; height: 100%; text-align: left; position: absolute; left: 175px; width: 80%; z-index: 50; margin-top: 0; margin-right: auto; margin-left: auto; }
#wrapper { position: relative; top: 0; left: 0; width: 815px; z-index: 50;margin-top: 0; margin-right: auto; margin-left: auto; }
#logo { background-image: url(../pic/logo.jpg); background-repeat: no-repeat; position: absolute; top: 25px; left: 0; width: 255px; height: 82px; z-index: 250; }

#hund { background-image: url(../pic/hund.jpg); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 200; right: 20px; bottom: 35px; width: 150px; height: 100px; }


#impressum { color: #666; font-size: 10px; line-height: 11px; position: absolute; z-index: 200; right: 20px; bottom: 35px; width: 150px; height: 20px; padding-top: 3px; }

#impressum2 { position: absolute; top: 15px; z-index: 200; right: 20px; width: 150px; height: 350px; }
#impressum p { margin: 0; padding: 0; }
#impressum a:link, #impressum a:visited { color: #666; text-decoration: none; }
#impressum a:hover, #impressum a:active { color: #d1001f; }
#bild { position: absolute; top: 100px; left: 0; width: 400px; height: 400px; z-index: 100; }
#textwrapper { background-color: #e7e6e6; position: absolute; top: 100px; left: 415px; width: 398px; height: 398px; z-index: 100; }
#text { position: absolute; top: 20px; left: 30px; bottom: 0; width: 350px; height: 350px; z-index: 150; }
#text a:link, #text a:visited { color: #333; text-decoration: none; }
#text a:hover, #text a:active { color: #c00; text-decoration: underline; }
#galerie { background-image: url(../galerie-klein/pic/kleid06.jpg); background-repeat: no-repeat; position: absolute; top: 100px; left: 0; width:760px; height: 500px; z-index: 250; }
#galeriekleider { background-image: url(../galerie-klein/pic/kleid1.jpg); background-repeat: no-repeat; position: absolute; z-index: 250; top: 100px; left: 0; width: 760px; height: 500px; }
#textgalerie { color: #666; font-size: 10px; line-height: 13px; position: absolute; top: 330px; left: 450px; width: 350px; height: 100px; z-index: 260; }
#textgalerie p { margin: 4px 0 0; padding: 0; }
#textgalerie a { color: #c00; text-decoration: none; margin: 0; padding: 0; }
#impressum2 a { color: #c00; text-decoration: none; margin: 0; padding: 0; }
#weiter { position: absolute; top: 230px; left: 677px; z-index: 270; width: 100px; height: 100px; border: solid 1px #c00; }
#weiter img { border-width: 0; }
#weiter a:hover img { background-image: url(../galerie-klein/pic/navi-bild2.png); background-position: 0 -100px; z-index: 300; border-width: 0; }
html>body #textgalerie { color: #666; font-size: 10px; line-height: 13px; position: absolute; z-index: 260; top: 340px; left: 450px; width: 350px; height: 100px; }
#galerie ul, #galeriekleider ul { list-style:none; padding:0; margin:0; width:360px; position:relative; top: 0; left: 30px; height: 400px; float:right; }
#galerie ul a, #galeriekleider ul a { border-color: #fff; border-width: 0; }
#galerie ul li, #galeriekleider ul li {
display:inline; 
width:100px; 
height:100px; 
float:left; 
margin:0 0 15px 15px;
}

#galerie ul li a, #galeriekleider ul li a { line-height: 12px; display:block; width:100px; height:100px; text-decoration:none; border: solid 1px #fff; }

#galerie ul li a img, #galeriekleider ul li a img { display:block; width:100px; height:100px; border-color: #fff; border-width: 0; }
#galerie ul li a:hover, #galeriekleider ul li a:hover { color: #c00; font-size: 10px; line-height: 12px; background-color: #fff; z-index: 260; border-color: #666; white-space:normal; }

#galerie ul li a:hover img, #galeriekleider ul li a:hover img { position:absolute; right: 390px; bottom: 0; width:400px; height:400px; z-index: 260; }
#galerie a span, #galeriekleider a span { 
display: none; 
color:#666; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
z-index: 260; }
    

#galerie a:hover span, #galeriekleider a:hover span{ font-size: 10px; line-height: 12px; display: block; position: relative; top: 5px; left: 5px; width: 100px; height: 100px; z-index: 260; margin-top: 1px; margin-right: 0; margin-bottom: 0; }
.start { background-image: url(../galerie-klein/pic/image00141.jpg); background-repeat: no-repeat; }
.kontakt { background-image: url(../pic/kontakt.jpg); background-repeat: no-repeat; }
.impressum { background-image: url(../pic/impressum.jpg); background-repeat: no-repeat; }
.gmklein { background-image: url(../pic/mode-klein.jpg); background-repeat: no-repeat; }
.gmklein2 { background-image: url(../pic/gmklein.jpg); background-repeat: no-repeat; }
.kaufen { background-image: url(../pic/kaufen.jpg); background-repeat: no-repeat; }
h1 { font-size: 13px; font-weight: bold; line-height: 22px; margin-top: 0; padding-top: 0; }
.fett { font-weight: bold; }
h2 { color: #c00; font-size: 11px; font-weight: normal; margin: 8px 0 0; padding: 0; }
p { margin-top: 8px; margin-bottom: 2px; padding: 0; }