* {
	margin: 0;
	padding:0;
	outline:none;
}

html,
body {
	height:100%;
	width:100%;
}
 html[xmlns^="http"] {
 overflow-y: scroll;
}

body {
 	font:62.5%/190% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#55513d;
	background:#f6f0e0 url(../images/bg-body.jpg) center top no-repeat;
}

/* ----------------------------------> Global classes <-----------------------------*/
a {
	color:#55513d;
	font-style:italic;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:none;
}

.highlight {
	font-weight:bold;
}

.image {
	border:solid 4px #fff;
}

.floatRight {
	float:right;
	margin:0 0 10px 10px;
}

.floatLeft {
	float:left;
	margin:0 10px 10px 0;
}

.clear {
	float:none;
	clear:both;
	font-size:0.0001em;
	line-height:0.0001em;
	height:1px;
}
#map{
	border:solid 4px #fff;
	float:left;
	margin:0 0 10px 0;
}
/* ----------------------------------> Container <-----------------------------------*/
#container {
	width: 930px;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin:0 auto -170px;
}

/* ----------------------------------> Header <--------------------------------------*/

#header {
	width:930px;
	height:441px;
	background:url(../images/bg-header.gif) 0 0 no-repeat;
	position:relative;
	font-size:1.3em;
	z-index:1;
}

#branding a {
	width:151px;
	height:56px;
	display:block;
	text-indent:-5000px;
	position:absolute;
	left:0px;
	top:22px;
	background:url(../images/bg-branding.png) 0 0 no-repeat;
	z-index:10;
}

#slideshow {
	position:absolute;
	width:575px;
	height:290px;
	background:#fff;
	left:325px;
	top:58px;
	z-index:1;
}

#slideshow img{
	position:absolute;
	left:4px;
	top:4px;
	display:none;
}

#headerBirds{
	width:502px;
	height:249px;
	position:absolute;
	right:2px;
	top:174px;
	background:url(../images/bg-birds.png) 0 0 no-repeat;
	z-index:3;
}

#headerBirds a{
	width:86px;
	height:34px;
	display:block;
	text-indent:-5000px;
	background:url(../images/bg-header-online-shop.gif) 0 0 no-repeat;
	margin:112px 0 0 285px;
}

#headerCatDog{
	width:278px;
	height:321px;
	position:absolute;
	left:149px;
	top:113px;
	background:url(../images/bg-cat-dog.png) 0 0 no-repeat;
	z-index:4;
}

#headerPhone{
	width:124px;
	height:60px;
	position:absolute;
	z-index:5;
	top:352px;
	left:49px;
	background:url(../images/bg-header-phone.gif) 0 0 no-repeat;
	text-indent:-5000px;
}

/* ----------------------------------> NaviAdd <-------------------------------------*/
#naviAdd {
	list-style-type:none;
	position:absolute;
	z-index:2;
	right:20px;
	top:38px;
}

#naviAdd li {
	float:left;
	padding:0 10px 0 0;
}

#naviAdd li a {
	float:left;
	background:url(../images/bg-navi-add.gif) 0 center no-repeat;
	color:#1a1a1a;
	font-style:normal;
	padding:0 0 0 10px;
}

#naviAdd li a:hover, #naviAdd li.active a{
	text-decoration:none;
	background-position:3px center;
}
/* ----------------------------------> Navi <----------------------------------------*/
#navi {
	list-style-type:none;
	width:256px;
	position:absolute;
	z-index:8;
	top:121px;
	left:0px;
}

#navi li {
	float:left;
	position:relative;
	z-index:1;
}

#navi li:hover {
	z-index:2;
}

#navi li a {
	float:left;
	display:block;
	width:256px;
	height:26px;
	text-indent:-5000px;
	background:url(../images/bg-navi.jpg) 0 0 no-repeat;
}

#navi li a.hund {
	width:250px;
}

#navi li a.hund:hover, #navi li.active a.hund {
	background-position:-256px 0;	
}

#navi li a.katze {
	background-position:0 -26px;	
	width:207px;
}

#navi li a.katze:hover, #navi li.active a.katze {
	background-position:-256px -26px;	
}

#navi li a.vogel {
	background-position:0 -52px;	
	width:184px;
}

#navi li a.vogel:hover, #navi li.active a.vogel {
	background-position:-256px -52px;	
}

#navi li a.kleintier {
	background-position:0 -78px;
	width:201px;
}

#navi li a.kleintier:hover, #navi li.active a.kleintier {
	background-position:-256px -78px;	
}

#navi li a.aquaristik {
	background-position:0 -104px;
	width:196px;
}

#navi li a.aquaristik:hover, #navi li.active a.aquaristik {
	background-position:-256px -104px;	
}

#navi li a.gartenteich {
	background-position:0 -130px;	
	width:193px;
}

#navi li a.gartenteich:hover, #navi li.active a.gartenteich {
	background-position:-256px -130px;	
}

#navi li a.werbung {
	background-position:0 -156px;	
	width:188px;
}

#navi li a.werbung:hover, #navi li.active a.werbung {
	background-position:-256px -156px;	
}

/* ----------------------------------> subNavi <-------------------------------------*/
.subNavi{
	position:absolute;
	left:150px;
	top:0px;
	background:#f99c01;
	width:175px;
	padding:0 25px 20px 25px;
	list-style-type:none;
	z-index:5;
	opacity:0.95;
	display:none;
}

.subNavi li{
	width:175px !important;	
	height:auto !important;
	padding:0 0 3px 0;
}

.subNavi li a{
	text-indent:0px !important;
	width:175px !important;
	height:auto !important;
	padding:0 0 3px 0;
	background:none !important;
	display:block;
	font-style:normal;
	color:#fff;
	background:url(../images/bg-sub-navi.gif) left bottom repeat-x !important;
}

.subNavi li a:hover, .subNavi li.active a{
	text-decoration:none;
	color:#505050;
}

#navi li#subLiHund:hover #subNaviHund{
	display:block;	
}

#navi li#subLiHund:hover a.hund{
	background-position:-256px 0;	
}

#navi li#subLiKatze:hover #subNaviKatze{
	display:block;	
}

#navi li#subLiKatze:hover a.katze{
	background-position:-256px -26px;	
}

#navi li#subLiVogel:hover #subNaviVogel{
	display:block;	
}

#navi li#subLiVogel:hover a.vogel{
	background-position:-256px -52px;	
}

#navi li#subLiKleintier:hover #subNaviKleintier{
	display:block;	
}

#navi li#subLiKleintier:hover a.kleintier{
	background-position:-256px -78px;	
}

#navi li#subLiAquaristik:hover #subNaviAquaristik{
	display:block;	
}

#navi li#subLiAquaristik:hover a.aquaristik{
	background-position:-256px -104px;	
}

#navi li#subLiGartenteich:hover #subNaviGartenteich{
	display:block;	
}

#navi li#subLiGartenteich:hover a.gartenteich{
	background-position:-256px -130px;	
}

/* ----------------------------------> Content Sidebar <-----------------------------*/
#contentSidebar {
	width:280px;
	padding:16px 45px 30px 0;
	float:left;
	font-size:1.3em;
}

#contentSidebar h3{
	color:#89b317;
	font-size:1.5em;
	margin:0 0 7px 0;
}

#contentSidebar p{
	margin:0 0 27px 0;	
}

/* ----------------------------------> Content Main <--------------------------------*/
#contentMain {
	width:570px;
	float:left;
	font-size:1.3em;
	position:relative;
	z-index:2;
	margin:-82px 0 15px 0;
}

#contentMain h2, #contentMain h3 {
	background:#87b210;
	float:left;
	padding:8px 15px 5px 9px;
	color:#fff;
	font-size:1.5em;
}

#contentMain h3{
	margin:0 0 22px 0;
}

#contentMain h3.noHeadline{
	background:none;
}

#contentMain h4{
	font-size:1em;
}

#contentMain p{
	margin:0 0 21px 0;	
}

#contentMain ul.list{
	list-style-type:none;
	margin: 0 0 21px 0;	
}

#contentMain ul.list li{
	min-height:25px;
	padding:0px 0 0 24px;
	background:url(../images/bg-content-list.gif) 0 2px no-repeat;
}

#contentMain ul.list li{
	height:25px;
}

#contentMain ul.list li span.liPush {
	position: relative;
	display: block;
	height: 30px;
	width: 120px;
	float: left;}
	
	
#contentMain a img {
	 padding:2px;
	 border: 1px solid #663333;}
/* ----------------------------------> Content Column <------------------------------*/
.contentColumn2{
	width:240px;
	float:left;
	padding:0 35px 0 0;
}

.contentColumn3 {
	width:150px;
	float:left;
	padding:0 35px 0 0;
}

#push {
	height:170px;
	clear:both;
	float:none;
}

/* ----------------------------------> Footer <--------------------------------------*/
#footer {
	background:url(../images/bg-footer.jpg) right top no-repeat;
	width:930px;
	height:170px;
	padding:11px 0 0 0;
	margin: 0 auto;
	font-size:1.2em;
	color:#fff;
}

#footer a{
	color:#fff;
	font-style:normal;
}

#footer h3{
	margin:0 0 1px 0;
}

#footerAddress{
	width:162px;
	padding:0 0 0 339px;
	float:left;
}

#footerAddress address{
	font-style:normal;
}

#footerPhones{
	width:179px;
	float:left;
}

#footerWeb{
	padding:20px 0 35px 0;
	float:left;
	width:200px;
}

#naviAdd2{
	list-style-type:none;
	float:right;
	width:190px;
}

#naviAdd2 li{
	float:left;
	padding:0 4px;
}

#naviAdd2 li.active a{
	text-decoration:underline;	
}

/* ----------------------------------> CMS Classes <---------------------------------*/