/* CSS Document */


#menu {
	position: absolute;
	z-index: 100;
	top: 42px;
	left: 120px;
}

#menu ul, #menu ul li {
	padding: 0px;
	margin: 0px;
}

#menu ul li {
	list-style-type: none;
	margin-bottom: 3px;
	background-repeat:no-repeat;
}

#menu ul li img {
	border: 0px;
	width: 150px;
	height: 14px;
	background-repeat:no-repeat;
}



body {
	margin: 0px;
	background-image: url(/cat/imgs/interface/left_gradient.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

img {
	border:none;
}

h1 {
	margin:0px;
	padding:0px;
}

h2 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #858587;
}

#header {
	margin-bottom: 12px;
}

a {
	color: #858587;
	text-decoration: underline;
}

ul {
	margin:0px;
	padding:0px;
	margin-left:17px;
}

li {
	margin-bottom: 6px;
}

#logo {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}

.product {
	clear:both; 
	position:relative; 
	margin-left: -11px; 
	height: 110px; 
	cursor:pointer; 
	cursor:hand;
}

.frm {
	display: block;
	font-size: 1px;
}

#frm_left {
	position: absolute;
	z-index: 3;
	top: 290px;
	left: 115px;
}

#frm_right_top {
	position: absolute;
	z-index: 12;
	top: 40px;
	left: 670px;
}

#frm_right_bot {
	position: absolute;
	z-index: 12;
	top: 155px;
	left: 670px;
}

#frm_right_bot2 {
	position: absolute;
	z-index: 12;
	top: 295px;
	left: 670px;
}

#frm_right_bot3 {
	position: absolute;
	z-index: 12;
	top: 270px;
	left: 670px;
}

#frm_right_bot4 {
	position: absolute;
	z-index: 12;
	top: 435px;
	left: 670px;
}

#frm_right_bot5 {
	position: absolute;
	z-index: 12;
	top: 410px;
	left: 670px;
}

.frm_content {
	position: absolute; 
	padding-left: 7px;
	padding-top: 7px;
}

#footer {
	width:763px;
	text-align: center;
}
	
#footer a {
	font-size: 11px;
	line-height: 16px;
	color: #b7b7b8;
	text-decoration: none;
}

#disclaimer {
	position:relative;
	font-size: 11px;
	width:763px;
	color: #c5c7ca;
	margin-top: 60px;
	margin-left: -180px;
	margin-bottom:10px;
}

#assortiment {
	margin-top:10px;
	margin-left:4px;
}

#assortiment img {
	margin:0px;
	padding:0px;
}

#content {
	position: absolute;
	z-index: 10;
	top: 45px;
	left: 300px;
	width: 350px;
	font-size: 11px;
	line-height: 16px;
	color: #858587;
}

#content2 {
	padding-top: 45px;
	padding-left: 300px;
	width: 350px;
	font-size: 11px;
	line-height: 16px;
	color: #858587;
}


#content_popup {
	font-size: 11px;
	line-height: 16px;
	color: #858587;
}

#splash {
	position: absolute;
	z-index: 10;
	top: 42px;
	left: 120px;
	width: 350px;
	font-size: 11px;
	line-height: 16px;
	color: #858587;
}
#frm_left_splash {
	position: absolute;
	z-index: 3;
	top: 148px;
	left: 14px;
	width: 650px;
}

.active {color:#f31069;}
.senior {color:#6fbe17;}
.inhome {color:#004082;}
.junior {color:#dc6ea8;}
.sensitive {color:#f9b811;}

.hr	{
	margin-bottom:10px;
	height:1px;
	line-height:1px;
	color:#C8C8C8;
	background-color:#C8C8C8;
	border:none;
}

.hrActive	{
	margin-bottom:10px;
	height:1px;
	line-height:1px;
	color:#f31069;
	background-color:#f31069;
	border:none;
}

.hrSenior	{
	margin-bottom:10px;
	height:1px;
	line-height:1px;
	color:#6fbe17;
	background-color:#6fbe17;
	border:none;
}

.hrInhome	{
	margin-bottom:10px;
	height:1px;
	line-height:1px;
	color:#004082;
	background-color:#004082;
	border:none;
}

.hrSensative	{
	margin-bottom:10px;
	height:1px;
	line-height:1px;
	color:#f9b811;
	background-color:#f9b811;
	border:none;
}

.hrJunior	{
	margin-bottom:10px;
	height:1px;
	line-height:1px;
	color:#dc6ea8;
	background-color:#dc6ea8;
	border:none;
}

#cat {
	position: absolute;
	z-index: 9; 
}

.voedingsstofDiv {
	min-height:53px;
	height:auto !important;
	height:53px;
	width: 350px;
	vertical-align:top;
	margin-bottom:10px;
}

.voedingsstofDiv img {
	float:left; 
	margin-right: 10px;
	margin-bottom: 20px;
}

/* inklapbaar */

.dir {
	margin-top: 5px;
	margin-bottom: 8px;
}

.dir_title {
	padding-left: 30px;
	background-image: url(../imgs/interface/arrow.jpg);
}

.dir_title#active {
	padding-left: 30px;
	background-image: url(../imgs/interface/arrow_a.jpg);
}

.dir_title#senior {
	padding-left: 30px;
	background-image: url(../imgs/interface/arrow_s.jpg);
}

.dir_title#inhome {
	padding-left: 30px;
	background-image: url(../imgs/interface/arrow_i.jpg);
}

.dir_title#junior {
	padding-left: 30px;
	background-image: url(../imgs/interface/arrow_j.jpg);
}

.dir_title#sensitive {
	padding-left: 30px;
	background-image: url(../imgs/interface/arrow_ss.jpg);
}

.dir_title_open {
	color: #ea0000;
}

.dir_title_open span.title_active {
	color: #f31069;
}

.dir_title_open span.title_senior{
	color: #6fbe17;
}

.dir_title_open span.title_inhome {
	color: #004082;
}

.dir_title_open span.title_junior {
	color: #dc6ea8;
}


.dir_title_open span.title_sensitive {
	color: #f2ce00;
}


.dir_title, .dir_title_open {
	background-repeat: no-repeat;
	margin-bottom: 3px;
	font-weight: bold;	
	cursor: hand;
	cursor: pointer;
	padding-top: 2px;
}