* {
	margin:0;
	padding:0;
}

/* ---------------------------------------------------- body / html ----------------------------------------------------- */
body, html {
	height:100%; /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
	border: 0px;
	margin:0;
	padding:0;
	background:url(../images/background.jpg) center center repeat-y;
}

html {
	overflow-x:hidden;
	overflow-y:auto;
}


/* ----------------------------------------------------- wrapper ----------------------------------------------------- */
div#wrapper {
	min-height:100%;  /*hierdurch richtet sich der footer vertical am Browserfenster aus*/  /*hierduch richtet sich der footer horizontal am wrapper aus*/
	width: 860px;
	margin:0 auto; /*hierdurch richtet sich der wrapper horizontal in der mitte des Browserfensters aus*/
	z-index:1;

}

* html #wrapper {
	height:100%;

}

div#main {
  /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
	position: relative;  /*hierduch richtet sich der footer horizontal am wrapper aus*/
	width: 860px;
	margin:0 auto;
	background:url(../images/main.jpg) 0 0;

	}
/* ----------------------------------------------------- head ----------------------------------------------------- */
#head {
	width:860px;
	margin:0 auto;
	height:232px;
	position:relative;
	background: url(../images/top.jpg) 0 0 no-repeat;
	z-index:60;
}

#tier {
	background:url(../images/tiere.jpg) 0 0 no-repeat;
	width:212px;
	height:252px;
	position:absolute;
	top:58px;
	left:598px;
}

#anschrift {
	width:224px;
	height:107px;
	position:absolute;
	top:120px;
	left:264px;

}

div#anschrift p {
	font:11px/14px Arial, Helvetica, sans-serif;
}

/* ----------------------------------------------------- main - inhalt ----------------------------------------------------- */
#navigation {
	position:absolute;
	top: 232px;
	left: 0px;  /*hat das erste div im main eine feste höhe, muss dieses floaten*/
	width:239px;
	height:282px;
	z-index:20;
	background: url(../images/navi.jpg) 0 0 no-repeat;
}	

#navigation .anschrift {
	padding:0 0 0 30px;
	line-height:18px;
	color:#333333;
}

#navigation a {
	color:#666666;
	text-decoration:none;
}

#navigation a:hover {
	color:#999999;
	text-decoration:none;
}

	
#content { /*ein div  welches sich ausdehnt darf nicht floaten (Mozilla) */
	padding: 78px 70px 0 20px; /*padding-bottom ist nötig um den footer nach unten zu positionieren */
	margin: 0 0 0 239px;  
	width: 529px;
	z-index:20;
	position:relative;
	background:url(../images/inhalt.jpg) right 78px no-repeat;
	min-height:400px;
}



#content a {
	font: 12px/16px Arial, Verdana, Helvetica, sans-serif;
	color:#762d32;
}


#head_home {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_home.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}

#head_chronik {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_chronik.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}
.spacer_chronik{
	padding-bottom: 1.3em;
}
#head_kontakt {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_kontakt.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}

#head_anfahrt {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_anfahrt.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}

#head_impressum {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_impressum.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}

#head_hunde {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_hunde.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}

#head_katzen {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_katzen.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}

#head_kleintiere {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_kleintiere.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}

#head_newsletter {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_news.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}

#head_aktuelles {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/head_aktuelles.jpg) 0 0 no-repeat;
	width:621px;
	height:78px;
}



/* ----------------------------------------------------- footer ----------------------------------------------------- */
div#footer {
	width:860px;
	height:66px;
	margin:0 auto;
	background: url(../images/bottom.jpg) 0 0 no-repeat;
	margin-top:10px;
	z-index:30;
	position:relative;
}



/* ----------------------------------------------------- text ----------------------------------------------------- */
a {
	font: 12px/16px Arial, Verdana, Helvetica, sans-serif;
	color:#6a9cc4;
	text-decoration:none;
}

a:hover {
	font: 12px/16px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	color:#6a9cc4;
}

.textgruen {
	color: #009900;
}

p,td,table,li {
	font: 12px/16px Arial,Verdana, Helvetica, sans-serif;
	color:#762d32;
}

li,ul {
	list-style-image:url(../images/pfeil.gif);
	margin:0 0 0 10px;
	padding:0 0 0 0;
}


h1 {
	font: 12px/14px Arial,Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#EFAF94;
}

h2 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#984b10;
}

h3 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFF00;
	
}

.textsmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	margin:-5px 0 0 0;
}

.textsmall a {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

.textsmall a:hover {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

.textklein {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	color:#999999;
}


.nachoben a {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#999999;
}


#suma {
	display:none;
	float:left;
}

.linie {
	background: url(../images/linie.gif) 0 8px repeat-x;
	padding:0 0 10px 0;
}



.rahmen {
	border: 5px solid #FFF;
}

.bild_links {
	float:left;
	margin:0 20px 0 0;
}

.bild_rechts {
	float:right;
	margin:0 0 20px 20px;
}

div .ueberschrift {
	background-color:#762d32;
	padding:3px 3px 3px 5px;
	width:auto;
}

.bilder {
	border:2px solid #FFFFFF;
}