/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}



BODY
{
	font: 80%/1.5 "Helvetiva", Arial, sans-serif;
	background: #54533f url('../img/background.jpg') repeat-x top center;
	overflow-y:scroll;
}

#wrapper
{
	position: relative;
	margin: 20px auto 0 auto;
	width: 950px;
	background: white;
}
#header
{
	height: 130px;
}
#header H1 A
{
	position: absolute;
	left: 72px;
	top: 15px;
	overflow: hidden;
	width: 650px;
	height: 0px !important;
	height /**/:100px; /* IE 5/Win hack */
	padding: 100px 0 0 0;
	background: url('../img/logo.png');
}
#header UL
{
	position: absolute;
	right: 10px;
	top: 6px;
}
#header UL LI
{
	display: inline;
	margin-left: 5px;
}
#header UL LI A
{
	color: #9f9e7f;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 85%;
}
#header UL LI A:hover
{
	color: black;
}


#content
{
	background: white url('../img/content.png') repeat-y top left;
	padding: 0 0 10px 202px;
	
	min-height: 450px;
	_height: 450px;
}
BODY.hundehaeuser #content /* Hunde in der Ecke ist größer! */
{
	min-height: 530px;
	_height: 530px;	
}
#content A
{
	color: #db8201;
	text-decoration: none;
}
#content A:hover
{
	color: black;
}
#content H2
{
	background-color: #db8201;
	padding: 5px 10px;
	font-size: 130%;
	text-transform: uppercase;
	color: white;
	margin: 0 0 10px 0;
}



#dog
{
	position: absolute;
	bottom: 0;
	_bottom: -1px;
	left: 0;
}






#footer
{
	position: relative;
	margin: 0px auto 20px auto;
	padding: 10px;
	width: 950px;
	font-size: 85%;
	text-align: center;
	background: url('../img/footer.png') no-repeat top center;
	color: white;
}
#footer A
{
	color: white;
	text-decoration: none;
}
#footer A:hover
{
	color: #CCC;
}









#navigation
{
	position: absolute;
	left: 10px;
	top: 140px;
	width: 130px;
}
#navigation LI A
{
	display: block;
	overflow: hidden;
	
	width: 130px;
	height: 0px !important;
	height /**/:25px; /* IE 5/Win hack */ 
	padding: 25px 0 0 0;		
}
#wrapper #navigation LI A:hover
{
	background-position: -130px 0;
}
#navigation LI.philosophie A
{
	background: url('../img/navigation/philosophie.png');
}
#navigation LI.hundehaeuser A
{
	background: url('../img/navigation/hundehaeuser.png');
	
}
#navigation LI.cubix A
{
	background: url('../img/navigation/cubix.png');
	
}
#navigation LI.fairytale A
{
	background: url('../img/navigation/fairytale.png');
	
}
#navigation LI.alabama A
{
	background: url('../img/navigation/alabama.png');
	
}
#navigation LI.loenneberga A
{
	background: url('../img/navigation/loenneberger.png');
	
}
#navigation LI.individuell A
{
	background: url('../img/navigation/individuell.png');
	
}
#navigation LI.shop A
{
	background: url('../img/navigation/shop.png');
}
#navigation LI.galerie A
{
	background: url('../img/navigation/galerie.png');
}
#navigation LI.presse A
{
	background: url('../img/navigation/presse.png');
}
#navigation LI.showroom A
{
	background: url('../img/navigation/showroom.png');
}
#navigation LI.news A
{
	background: url('../img/navigation/news.png');
}
#navigation LI.kontakt A
{
	background: url('../img/navigation/kontakt.png');
}

BODY.philosophie #navigation LI.philosophie A,
BODY.hundehaeuser #navigation LI.hundehaeuser A,
BODY.cubix #navigation LI.cubix A,
BODY.shop #navigation LI.shop A,
BODY.galerie #navigation LI.galerie A,
BODY.presse #navigation LI.presse A,
BODY.showroom #navigation LI.showroom A,
BODY.news #navigation LI.news A,
BODY.kontakt #navigation LI.kontakt A
{
	background-position: -130px 0;
}










BODY.homepage #teasers
{
	position: relative;
	
	border: 1px solid #000;
	margin: 10px 10px 0 0;
	padding: 10px 10px 20px 30px;
	background: url('../img/homepage-divider.png') no-repeat 369px 10px;
}
BODY.homepage #teasers H2
{
	overflow: hidden;
	width: 296px;
	height: 0px !important;
	height /**/:50px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	margin-bottom: 10px;	

}
BODY.homepage #teaser-left
{
	float: left;
	width: 339px;
	_margin-right: 20px;
}
BODY.homepage #teaser-left H2
{	
	background: url('../img/homepage-titel1.png');
}

BODY.homepage #teaser-right
{
	margin: 0 0 0 369px;
	_margin: 0 0 0 0;
}
BODY.homepage #teaser-right H2
{	
	background: url('../img/homepage-titel2.png');
}