/* CSS Document © by Alissa Dreiling*/
html {
	margin: 0;
	padding: 0;
	background-color: #FBF8E7;
	font: 12px/14px "Trebuchet MS", Arial, sans-serif;
	color: #000;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
}
h1 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
a {
	outline: none;
}
p {
	margin-top: 20px;
}
html > body #wrap {
	position: relative;
	background: url(../images/wrapbg.gif) 0 0 repeat-y;
	width: 770px;
	min-height: 100%;
	margin: 0 auto;
	border-left: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
}
*html #wrap {
	position: relative;
	background: url(../images/wrapbg.gif) 0 0 repeat-y;
	width: 770px;
	height: 100%;
	margin: 0 auto;
	border-left: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
}

#head {
	height: 86px;
	border-bottom: 2px solid #ACACAC;
}
#headindex {
	height: 86px;
}
#logo {
	height: 55px;
	background: #000;
}

#nav1st {
	height: 31px;
	background: url(../images/bg_nav.jpg) 0 0 repeat-x;
	padding: 0 0 0 533px;
}
ul.navtop, ul.navtop li {
	display: inline;
	list-Style: none;
	padding: 0;
	margin: 0;
}
ul.navtop li a{
	text-decoration: none;
	height: 31px;
	text-indent: -5000px;
	display: block;
	float: left;
}

ul li a.topNavHome { background: url(../images/topnav_home.jpg) no-repeat; width: 109px;}
ul li a.topNavContact { background: url(../images/topnav_contact.jpg) no-repeat; width: 109px; }

.block
{
	padding: 0 10px 10px 10px;
	border: dashed 1px #c5c5c5;
	background-color: #f9f9f9;
}

#location {
	height: 34px;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
}
#location p {
	margin: 0;
	padding: 0;
	display: block;
	height: 34px;
	width: 206px;
}
p.locLiving {
	background: url(../images/Nav_PURINA_IndoorLiving.gif) 0 0 no-repeat;
}
p.locErnaehrung {
	background: url(../images/Nav_dierichtigeernaehrung.gif) 0 0 no-repeat;
}
p.locProdukte {
	background: url(../images/Nav_PURINA_IndoorProduktreihe.gif) 0 0 no-repeat;
}
p.locUeberuns {
	background: url(../images/Nav_ueberuns.gif) 0 0 no-repeat;
}

#imgindex {
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
}


#partLeft{
	float:left;
	width: 170px;
	margin: 0px;
	padding: 18px;
}

#partRight {
	float:left;
	width: 529px;
	padding: 0 0 66px 18px;
}
#img img {
	margin: 0 0 0 -18px;
	z-index: 2;
}

.produkt{
	display: block;
}
.produkt img {
	float: left;
	display: block;
	padding: 0 20px 5px 20px;
}
.produkt h2 {
	clear: left;
	display: block;
}
.produkt p {
	padding: 0 30px 0 20px;
}
.clear {
	clear: both;
}
/*footer*/
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	width: 756px;
	height: 25px;
	z-index: 6;
	color: white;
	font-size:11px;
	text-align: right;
	padding: 8px 15px 0 0;
}
#footer a{
	color: white;
}

#footernav {
	position: absolute;
	left: 561px;
	margin: 0;
	padding: 0;
}
#footernav ul {
	margin: 0;
	padding: 0;
}
#footernav ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#footernav ul li a {
	display: block;
	text-indent: -5000px;
	margin: 9px 0;
}
a.kontakt {
	background: url(../images/kontakt.gif) 0 0 no-repeat;
	width: 39px;
}
a.nutzungsbedingungen {
	background: url(../images/nutzungsbedingungen.gif) 0 0 no-repeat;
	width: 100px;
}
a.impressum {
	background: url(../images/impressum.gif) 0 0 no-repeat;
	width: 53px;
}
img.imgRight {
	float: right;
	margin: 0 0 0 20px;
}

/*Popout-Menu*/
.inactive {
	display: none;
}
.active {
	display: block;
}
#menu {
	font: 10px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #000;
	width: 206px; 
	background: #DFDFDF;
	margin: 0;
	padding: 0;
} 

#menu ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu a, #menu h2 {
	margin: 0;
	width: 174px;
	display: block;
	background: #DFDFDF;
}
#menu ul li a {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #A7A7A7;
	text-decoration: none;
	padding: 7px 7px 7px 25px;
	color: #000;
}
#menu ul li ul {
	border: 1px solid #FFF;
}
#menu ul li ul li{
	z-index: 20;
}
#menu ul li ul li a {
	font: 11px Arial, Verdana, sans-serif;
	font-weight: bold;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #A7A7A7;
	text-decoration: none;
	padding: 7px 7px 7px 25px;
	color: #000;
}

#menu a:hover, #menu a.current {
	color: #000;
	background: #C3C3C3;
}
#menu li {
	position: relative;
} 

#menu ul li ul {
	position: absolute;
	top: 0;
left: 100%; 
width: 100%; 
}
div#menu ul ul,
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/*popout für IE6*/
*html #menu {
	font: 10px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #000;
	background: #DFDFDF;
	margin: 0;
	padding: 0;
} 
*html #menu a {
	margin: 0;
	padding: 0;
	width: 173px;
	display: block;
	background: #DFDFDF;
}

.logoTable td
{
	padding-bottom: 6px;
}

.contactTable
{
	width: 100%;
}

.contactTable td
{
	vertical-align:top;
	text-align: left;
	padding-right: 10px;
}

.normalTextBox 
{
	width: 250px;	
}

.normalDropDown
{
	width: 256px;	
}

.smallTextBox 
{
	width: 212px;	
}

.small 
{
	color:#666666;
	font-size: 9px; 
	font-style:italic;
}

input, textarea, option, select
{	
	font: 12px/14px "Trebuchet MS", Arial, sans-serif;
}