html, body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #26180f; font-size: 12px; font-family: Verdana; }
*,html{margin: 0; padding: 0;}

a { text-decoration: none; }

img, a img { border: 0; }

h2, h3 { text-indent: -9999px; display: block; background-repeat: no-repeat; margin: 0 0 15px 0; padding: 0; }

h1#logo { width: 100%; height: 142px; background-image: url(../images/logo.jpg); }

h2#willkommen { width: 396px; height: 25px; background-image: url(../images/content_main/headline_willkommen.gif); }
h2#leistungen2 { background-image: url(../images/content_main/headline_leistungen.gif);width: 396px; height: 25px; }
h2#galerie { background-image: url(../images/content_main/headline_galerie.gif);width: 396px; height: 25px; }
h2#gasthunde { background-image: url(../images/content_main/headline_gasthunde.gif);width: 396px; height: 25px; }
h2#impressum { background-image: url(../images/content_main/headline_impressum.gif);width: 396px; height: 25px; }
h2#kontakt { background-image: url(../images/content_main/headline_kontakt.gif);width: 396px; height: 25px; }
h2#links { background-image: url(../images/content_main/headline_links.gif);width: 396px; height: 25px; }

h3#information { width: 121px; height: 25px; background-image: url(../images/content_sub/headline_information.gif); }
h3#leistungen { width: 110px; height: 27px; background-image: url(../images/content_sub/headline_leistungen.gif); }
h3#neuheiten { width: 97px; height: 23px; background-image: url(../images/content_sub/headline_neuheiten.gif); }

#container { width: 830px; position: absolute; left: 50%; margin-left: -415px; background-color: #550b07; }

#navi { width: 100%; height: 70px; background-color: #5b4f46; }
#navi img { margin-top: 25px; margin-left: 33px; }
#navi ul { margin: 0; padding: 0; }
#navi ul li { float: left; margin-top: 25px; margin-left: 35px; list-style: none; }
#navi ul li a { background-position: top; display: block; height: 32px; }
#navi ul li a:hover { background-position: bottom; }
#navi ul li a span { display: none; }
#navi ul li #navi_startseite { width: 90px; background-image: url(../images/navi/startseite.gif); }
#navi ul li #navi_leistungen { width: 163px; background-image: url(../images/navi/leistungen.gif); }
#navi ul li #navi_galerie { width: 102px; background-image: url(../images/navi/galerie.gif); }
#navi ul li #navi_gasthunde { width: 98px; background-image: url(../images/navi/gasthunde.gif); }
#navi ul li #navi_kontakt { width: 67px; background-image: url(../images/navi/kontakt.gif); }
#navi ul li #navi_links { width: 48px; background-image: url(../images/navi/links.gif); }
#navi ul li .active { background-position: bottom; }

.header { width: 830px; height: 275px; overflow: hidden; }
#header_image01{ background-image: url(../images/hn_headerimage_01.jpg); }

#content { background-color: #550b07; color: #c7b299; width: 830px; height: 100%; }
#content p { padding: 0 0 15px 0; line-height: 1.6em; }
#content ul { padding: 0 0 0 25px; }
#content em { border-left: 5px solid #C7B299; display: block; margin: 10px 0; padding: 0 0 0 15px; }

#content_main { background-color: #550b07; line-height: 19px; width: 510px; height: 100%; padding: 20px 25px 25px 25px; float: left; }
#content_main a { color: #fff; text-decoration: underline; }
.feld { width: 350px; }
#content_main form textarea { width: 350px; }

.galerie { width:500px !important; }
.galerie a { text-decoration: none; display: block; width: 100px; height: 100px; border: 2px solid #aaa; float: left; margin:0 10px 10px 0; padding: 2px; }
.galerie a:hover { border-color: #fff;}
.galerie a img { border:0; }

#galerie_nav a { text-decoration: none; }
#galerie_nav a:hover { text-decoration: underline; }
#galerie_nav div { float: left; };

.adresse { width: 50%; float: left; }

#willkommen_hund { padding: 5px 25px 25px 0px; float: left; }
#willkommen_hund img { background-color: #fff; padding: 1px; border: 4px solid #c7b299;	}

#content_sub { width: 195px; height: 100%; padding: 20px 25px 25px 25px; background-color: #440906; float: left; }
#content_sub a { color: #fff; }
#content_sub p { margin-bottom: 50px; line-height: 1.6em; }

#pfoten { position: relative; left: 100px; display: block; width: 85px; height: 78px; background-image: url(../images/pfoten.jpg); }
#pfoten span { display: none; }

#footer { width: 830px; height: 40px; background-color: #c7b299; clear: both; }

#copy { color: #26180f; float: left; margin: 10px 0px 0px 25px; width: 300px; }
#copy a { color: #26180f; text-decoration: underline; }
#copy a:hover { text-decoration: none; }

#evenmedia { color: #766554; position: relative; top: 10px; text-align: right; float: left; width: 480px; }
#evenmedia a { color: #766554; text-decoration: underline; }
#evenmedia a:hover { color: #766554; text-decoration: none; }

#bottom { height: 40px; background-color: #26180f; }

.clear { clear: both; }