/* CSS Document */
body {margin:0px; padding:0px; background:url(imgs/bg.jpg) repeat-x #3f0100;}
a { color:#330000; font-weight:normal;}
#tierfutterkrippe {width:994px; margin-left:auto;margin-right:auto; }
#header {height:198px; background:url(imgs/logo.jpg); width:447px; float:left;}
#pics {float:left;}
#pic1 {width:447px; height:97px;}
#pic2 {width:447px; height:256px;}
#pic3 {width:447px; height:149px;}

#navi {height:198px; padding-bottom:20px; overflow:visible;}

	.men1 {background:url(imgs/men1.jpg);}
	.men2 {background:url(imgs/men2.jpg);}
	.men3 {background:url(imgs/men3.jpg);}
	.men4 {background:url(imgs/men4.jpg);}
	.men5 {background:url(imgs/men5.jpg);}
	.men1 a {display:block; height:198px; width:104px; background:url(imgs/men1.jpg); float:left;}
	.men2 a {display:block; height:198px; width:106px; background:url(imgs/men2.jpg); float:left;}
	.men2_on a {display:block; height:198px; width:106px; background:url(imgs/men2_on.jpg); float:left;}
	.men3 a {display:block; height:198px; width:105px; background:url(imgs/men3.jpg); float:left;}
	.men3_on a {display:block; height:198px; width:105px; background:url(imgs/men3_on.jpg); float:left;}
	.men4 a {display:block; height:198px; width:104px; background:url(imgs/men4.jpg); float:left;}
	.men4_on a {display:block; height:198px; width:104px; background:url(imgs/men4_on.jpg); float:left;}
	.men5 a {display:block; height:198px; width:105px; background:url(imgs/men5.jpg); float:left;}
	.men5_on a {display:block; height:198px; width:105px; background:url(imgs/men5_on.jpg); float:left;}
	.men1 a:hover {background:url(imgs/men1_on.jpg);}
	.men2 a:hover {background:url(imgs/men2_on.jpg);}
	.men3 a:hover {background:url(imgs/men3_on.jpg);}
	.men4 a:hover {background:url(imgs/men4_on.jpg);}
	.men5 a:hover {background:url(imgs/men5_on.jpg);}

.links {
clear:left;
}
.links a img {
float:left;
border:none;
}
.links a {
	color:#B60000;
}

#container {float:right; width:547px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
br { line-height:normal;}
h1 {padding:0px; margin:0px; font-weight:bold; font-size:18px; padding-bottom:15px;}
h2 {padding:0px; margin:0px; font-weight:bold; font-size:30px; padding-bottom:20px;}

.invisiblo {top:-2000px; left:-2000px; width:1px; height:1px; line-height:9px; position:absolute; font-size:1px; overflow:hidden;}

		.kategorien a {color:#850F0B; text-decoration:none; font-size:16px; font-weight:bold;}
		.kategorien a:hover {color:#FF0000;}
		
		.ro {background:url(imgs/box_ro.gif) top right no-repeat;}
		.lo {background:url(imgs/box_lo.gif) top left no-repeat;}
		.ru {background:url(imgs/box_ru.gif) bottom right no-repeat;}
		.lu {background:url(imgs/box_lu.gif) bottom left no-repeat;padding-bottom:1px;}
		.inhalt {padding:2.5em 2.5em 1.5em 2.5em;}
		.inhalt p {margin:0;padding:0;}
		
		.pro {background:url(imgs/pox_ro.gif) top right no-repeat;}
		.plo {background:url(imgs/pox_lo.gif) top left no-repeat;}
		.pru {background:url(imgs/pox_ru.gif) bottom right no-repeat;}
		.plu {background:url(imgs/pox_lu.gif) bottom left no-repeat;}
		.pinhalt {padding:0.9em 1.5em 1.5em 1.5em;}
		.pinhalt p {margin:0;padding:0;}
		
		.kategorie {font-size:16px; font-weight:bold; letter-spacing:3px; line-height:10px;}
		.titel {font-size:14px; font-weight:bold;}
		.beschreibung {font-size:10px;}
		.menge {color:#FFFFFF; }
		.preise {color:#00ff12; font-weight:bold;}
		table.berlin {height:33px;}
		hr {visibility:hidden; height:1px; margin:0px; padding:0px;}
		.rightie { text-align:right; }
		
	.impressum {font-size:9px; margin-top:30px; width:450px; margin-left:auto; margin-right:auto;}