/*

Paws on Heaven Stylesheet 

Autor: Carsten Peters, www.carsten-peters.net
Version: 24.10.2011

*/


/* body
---------------------------------------------------------------------------*/

* { padding: 0; margin: 0; }
body { font-size: 62.5%; font-family: Arial, Helvetica, Sans-Serif; color: #333; text-align: center; background: #FAF7DE url(../upload/css_img/bg_body.jpg) repeat-x center top; }


/* links 
---------------------------------------------------------------------------*/

:link, :visited, :hover, :active, :focus { text-decoration: none; }
a, a:link, a:visited { color: #600; }
a:hover, a:active, a:focus { color: #f60; }
	a img, :link img, :visited img, :hover img, :active img { border: none; }
	p.cloud { background: url(../upload/css_img/cloud.png) no-repeat 0% 0%; height: 77px; padding: 28px 0 0 29px; margin: 0 0 -25px 0; }
	.cloud_right { float: right; background: url(../upload/css_img/cloud.png) no-repeat 0% 0%; height: 77px; padding: 29px 14px 0 29px; margin: 0 -20px 0 0; }
		#content p.cloud a,
		#content p.cloud a:link,
		#content p.cloud a:visited { border: none; } 
	ul.cloud,
	ul.cloud_footer { position: absolute; margin: 30px 0 0 300px; }
	ul.cloud_archiv { position: absolute; margin: 30px 0 0 50px; }
	ul.cloud_archiv_2 { position: absolute; margin: 30px 0 0 0; }
	#info ul.cloud_footer { position: absolute; margin: 10px 0 0 330px; }
	#mini ul.cloud_footer { position: absolute; margin: 10px 0 0 490px; }
		ul.cloud li,
		ul.cloud_footer li,
		ul.cloud_archiv li,
		ul.cloud_archiv_2 li { float: left; height: 60px; width: 100px; }
		ul.cloud li a,
		ul.cloud_footer li a,
		ul.cloud_archiv li a,
		ul.cloud_archiv_2 li a { text-align: center; background: url(../upload/css_img/cloud.png) no-repeat 0% 0%; padding: 32px 32px 39px 29px; margin: 0 -20px 10px -20px; }
		
/* paragraphs 
---------------------------------------------------------------------------*/

	p, pre { margin: 0 0 12px 0; }
	b, strong { font-weight: bolder; }
	em, i, address { font-style: italic; }


/* tabellen
---------------------------------------------------------------------------*/

table { width: 100%; margin: 0 0 10px 0; border: 0; border-collapse: collapse; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif; line-height: 1em; }
	table caption { margin: 18px 0 10px 0; font: 1.32em/1.3em Arial, Helvetica, sans-serif; font-weight: bold; color: #600; text-align: left; }
	table td { padding: 3px 6px 3px 0; }
	.erfolge th { background: #3e83c9; color: #fff; padding: 5px 5px; text-align: left; border-right: 1px solid #fff; }
	.erfolge td { border-bottom: 1px solid #95bce2; padding: 8px 5px; vertical-align: top; }
	.erfolge tr.alt td { background: #ecf6fc; }
	.erfolge tr.over td,
	.erfolge tr:hover td { background: #bcd4ec; }

/* listen 
---------------------------------------------------------------------------*/

ul, li { list-style: none; list-style-type: none; }
#pic { height: 450px; width: 330px; position: relative; }
#pic ul { width: 320px; position: relative; }
	#pic a { position: absolute; width: 80px; height: 80px; text-indent: -9999px; z-index: 1; }
	#pic a:hover { border: 3px solid #DFDAB5; }
	#pic #club a { width: 120px; height: 15px; }
	#pic #club a:hover { border: none; cursor: help; }
#pic .wurfplanung a {
	top: -20px;
	left: 255px;
}
#pic .wurfplanung a:hover { border: none; }
#pic .balou a {
	top: 98px;
	left: 208px;
}
#pic .arico a {
	top: 153px;
	left: 130px;
}
#pic .ashira a {
	top: 152px;
	left: 47px;
}
#pic .lizzy a {
	top: 149px;
	left: -26px;
}
#pic .eleany a {
	top: 159px;
	left: 281px;
}
#pic .DHV a {
	top: 250px;
	left: -175px;
}
#pic .DVG a {
	top: 272px;
	left: -175px;
}
#pic .SV a {
	top: 294px;
	left: -174px;
}
#pic .VDH a {
	top: 316px;
	left: -173px;
}
#pic .MASCA a {
	top: 250px;
	left: 382px;
}
#pic .NAMASCUSA a {
	top: 272px;
	left: 381px;
}
#pic .NAMASCE a {
	top: 294px;
	left: 382px;
}
#pic p { width: 730px; color: #f60; margin: 390px 0 0 -200px; text-align: center; font-size: 11px; line-height: 1.5em; }
	

/* misc 
---------------------------------------------------------------------------*/

	abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }
	.clear { clear: both; }
	

/* headlines 
---------------------------------------------------------------------------*/

h2, h3, h4, h5, h6{ font: 1.32em/1.3em Arial, Helvetica, sans-serif; font-weight: bold; color: #2F71BB; }
	h2 { margin: 28px 0 10px 0; }
	#galery h2 { margin: 45px 0 0 40px; }
	h3 { margin: 18px 0 5px 0; font-size: 1.32em; color: #600; }
	h4 { font-size: 1em; margin: -12px 0 0 0; }
	h5 { font-size: 0.9em; }
	h6 { font-size: 0.8em; }


/* container 
---------------------------------------------------------------------------*/

body>#container { width: 770px; font-size: 1.3em; line-height: 1.8em; margin: 0 auto; background: url(../upload/css_img/bg_content.png) repeat-y 50% 0%; }
#galery>#container { background: url(../upload/css_img/bg_content_galery.png) repeat-y 50% 0%; }
#start>#container { background: url(../upload/css_img/bg_content_cloud.png) repeat-y 50% 0%; }



/* header 
---------------------------------------------------------------------------*/

body>#header { width: 770px; height: 186px; margin: 0 auto; text-align: left; background: url(../upload/css_img/bg_top-content.png) no-repeat 50% 100%; }
#galery>#header { background: url(../upload/css_img/bg_top-content_galery.png) no-repeat 50% 100%; }
#header h1 {  }
	#header h1 a, 
	#header h1 a:link, 
	#header h1 a:visited, 
	#header h1 a:hover, 
	#header h1 a:active, 
	#header h1 a:focus { text-indent: -9999px; position: absolute; width: 302px; height: 51px; margin: 10px 0 0; background: url(../upload/css_img/logo.gif) no-repeat; }
	#header #aussies { text-indent: -9999px; position: absolute; width: 246px; height: 50px; margin: 90px 0 0 520px; background: url(../upload/css_img/aussies.gif) no-repeat; }
	#header #agility a { text-indent: -9999px; position: absolute; width: 180px; height: 90px; margin: -148px 0 0 18px; background: url(../upload/css_img/agility.gif) no-repeat top left; }	
	#header #agility a:hover { background: url(../upload/css_img/agility.gif) no-repeat bottom left; }	
	#header #tour a { text-indent: -9999px; position: absolute; width: 189px; height: 85px; margin: -226px 0 0 568px; background: url(../upload/css_img/tour.gif) no-repeat top left; }
	#header #tour a:hover { background: url(../upload/css_img/tour.gif) no-repeat bottom left; }	
	#paws { text-indent: -9999px; width: 191px; height: 215px; margin: 0 0 0 330px; background: url(../upload/css_img/paws.gif) no-repeat; }
	 #header #welpen a { text-indent: -9999px; position: absolute; width: 116px; height: 116px; margin: -186px 0 0 348px; background: url(../upload/css_img/welpensticker_2.png) no-repeat top left; } 
	
	
/* Hilfsnavigation 
---------------------------------------------------------------------------*/

#hilfsNavi { position: absolute; width: 770px; margin: -30px 0 0 5px; padding: 0 0 0 10px; font-weight: bold; font-size: 1.2em; text-align: center; }
	#hilfsNavi li { float: left; width: 106px; }
		#hilfsNavi li a { height: 33px; line-height: 33px; margin: 0 3px; color: #999; text-decoration: none; display: block; text-align: center; background: url(../upload/css_img//bg_hilfsnavi.png) no-repeat 0% 50%; }
		#hilfsNavi li a:hover,
		#hilfsNavi li a#current { background: url(../upload/css_img/bg_hilfsnavi.png) no-repeat 100% 50%; color: #333; }
			#hilfsNavi li #current ul { position: absolute; top: 5px; }		
				#hilfsNavi li ul li {  }
					#hilfsNavi ul li a,
					#hilfsNavi ul li a:hover { background: none; height: 20px; line-height: 20px; }	
					#hilfsNavi li a#subcurrent { color: #333; }

/* content 
---------------------------------------------------------------------------*/

#start #content { float: left; text-align: left; width: 330px; margin: 50px 0 20px 220px; }
#standard #content { float: left; text-align: left; width: 520px; margin: 50px 20px 20px 220px; }
#mini #content { float: left; text-align: left; width: 500px; margin: 50px 0 20px 40px; }
#info #content { float: left; text-align: left; width: 550px; margin: 50px 100px 20px 100px; }
#galery #content { float: left; text-align: left; width: 730px; margin: 20px 20px 20px 20px; }	
#galery #content h3,
#galery #content p { margin: 20px 40px; }
	#content a,
	#content a:link,
	#content a:visited {  }
	#content a:hover,
	#content a:active,
	#content a:focus {  }
	#content p { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif; }
	#content img { border: 5px solid #DFDAB5; background: #fff; margin: 0; }
	#content img.rechts { float: right; background: #fff; margin: 5px 0 0 10px; }
	#content img.links { float: left; background: #fff; margin: 5px 10px 0 0; }
	#content ul { padding: 0 0 10px 10px; }
	#content ul li { padding: 2px 0 2px 15px; background: url(../upload/css_img/dot.gif) no-repeat 0% 50%; }
	#content .teaser img { float: left; background: #fff; margin: 5px 10px 0 0; }
		

/* navi 
---------------------------------------------------------------------------*/

#start #standardNavi { float: left; width: 200px; margin: 50px 0 30px -750px; }
#start #miniNavi { float: left; width: 200px; margin: 50px 0 10px 10px; }
#standard #standardNavi { float: left; width: 200px; margin: 50px 0 30px -750px; }
#mini #miniNavi { float: left; width: 200px; margin: 50px 0 10px 20px; }
	#standardNavi h3,
	#miniNavi h3 { line-height: 1.2em; padding: 20px 10px 8px 10px; margin: 0; background: url(../upload/css_img/bg_top-navi.png) 50% 0%; }
	.naviBot { width: 200px; height: 26px; background: url(../upload/css_img/bg_bot-navi.png) 50% 0%; }
	#standardNavi ul,
	#miniNavi ul,
	.claim { color: #600; line-height: 1.5em; font-weight: bold; background: url(../upload/css_img/bg_navi.png) 50% 50%; padding: 0 0 10px 0; }
	.claim { font-weight: normal; }
		#standardNavi ul li,
		#miniNavi ul li { background: url(../upload/css_img/horz_navi.gif) no-repeat 50% 100%; }
			#standardNavi ul li a,
			#miniNavi ul li a { display: block; height: 25px; line-height: 25px; text-align: left; padding: 10px 0 10px 0; margin: -10px 0 0 0;  text-indent: 40px; }
			#standardNavi ul li a:link,
			#miniNavi ul li a:link, 
			#standardNavi ul li a:visited,
			#miniNavi ul li a:visited { color: #999; }
			#standardNavi ul li a:hover,
			#miniNavi ul li a:hover,
			#standardNavi ul li a#current,
			#miniNavi ul li a#current,
			#standardNavi ul li a:hover#current,
			#miniNavi ul li a:hover#current { color: #333; background: url(../upload/css_img/navi_paw.gif) no-repeat 10% 50%; }
				#standardNavi ul ul,
				#miniNavi ul ul { background: none; margin: -20px 0 0 10px; padding: 0 0 10px 0}
					#standardNavi li ul li,
						#miniNavi li ul li { background: none; }
						#standardNavi li ul a,
						#miniNavi li ul a { font-size: 0.85em; display: block; height: 10px; line-height: 10px; padding: 10px 0 5px 10px; text-indent: 30px; }
						#standardNavi li ul a:link,
						#miniNavi li ul a:link,
						#standardNavi li ul a:visited,
						#miniNavi li ul a:visited { color: #999; }
						#standardNavi li ul a:hover,
						#miniNavi li ul a:hover,
						#standardNavi li ul a#subcurrent,
						#miniNavi li ul a#subcurrent,
						#standardNavi li ul a:hover#subcurrent,
						#miniNavi li ul a:hover#subcurrent { color: #333; background: url(../upload/css_img/navi_dot.gif) no-repeat 15% 60%; }
							#miniNavi ul ul ul li { height: 5px; }
							#miniNavi ul ul ul li a { display: none; }


/* footer 
---------------------------------------------------------------------------*/

#footer { clear: both; height: 82px; font-size: 1.2em; background: url(../upload/css_img/bg_footer.gif) repeat-x 50% 100%; }
	#footer p,
	#footer ul { height: 83px; line-height: 5px; background: url(../upload/css_img/bg_bot-content.png) no-repeat 50% 0%; }
		#footer ul li { display: inline; }
			#footer ul li a { background: url(../upload/css_img/cloud.png) no-repeat 0% 0%; width: 120px; height: 77px; padding: 35px 44px; margin: 0; }
	#galery>#footer p { height: 83px; line-height: 5px; background: url(../upload/css_img/bg_bot-content_galery.png) no-repeat 50% 0%; }