body {
	font-size: 100%;
	font-size: 0.75em; /* 12px / 16 = 0.75em */
	line-height:1.4em;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	background: url(../images/bg_body.gif) repeat-x top left;
	color: #6a6a6a;
}

/*-- styles --*/
h1, h2, h3, h4 {
	color: #8d5db7;
	margin: 0px 0px 6px 0px;
	font-weight: lighter;
}
h1 {
	font-size: 1.4em;
}
h2, h3, h4 {
	font-size: 1.2em;
	font-style: italic;
}
p {
	margin: 0px 0px 12px 0px;
}
	p.blokheight {
		height: 175px;	
	}
a {
	color: #8d5db7;
}
	.center {
		margin: 0px auto;
	}
.accent {
	color: #9d9c9c;
	font-weight: bold;
}
a:hover {
	color: #9d9c9c;
	text-decoration: underline;
}
	a.buttongrey {
		display: block;
		background: url(../images/button_grey.gif) no-repeat bottom left;
		width: 94px;
		height: 29px;
		text-align: center;
		line-height: 29px;	
	}
	a:hover.buttongrey {
		background: url(../images/button_grey.gif) no-repeat top left;
		text-decoration: none;
	}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.greybox_small {
	width: 172px;
	float: left;
	margin: 0px 12px 0px 0px;
}
	.greybox_smallbg {
		background: url(../images/greybox_small.gif) no-repeat top left;
	}
.right {
	width: 540px;
	float: right;	
}
.greybox {
	background: url(../images/greybox.gif) no-repeat top left;
	min-height: 174px;
}
	* html .greybox {
		height: 174px;
	}
.no-margin {
	margin: 0px;
}
	.padding16_18 {
		padding: 18px 16px;
	}
	.padding5_18 {
		padding: 18px 0px 18px 16px;
	}
/*-- end styles --*/

#container {
	margin: 0px auto;
	width: 739px;
}
	#topnav {
		height: 58px;	
	}
		#topnav ul {
			float: right;
			margin: 33px 15px 0px 0px;
		}
		#topnav ul li {
			float: left;
			height: 10px;
			border-left: 1px solid #d7d6d6;
		}
			#topnav ul li.first {
				border: none;
			}
		#topnav ul li a {
			color: #9d9c9c;
			padding: 0px 9px;
			line-height: 10px;
		}
		#topnav ul li a:hover, #topnav ul li a.selected {
			color: #8d5db7;
		}
		#topnav ul li a.selected {
			text-decoration: underline;
		}
	#swapper {
		background: url(../images/bg_content2.gif) no-repeat top left;
		min-height: 500px;
		padding: 18px;
	}
		* html #swapper {
			height: 500px;
		}
		#header {
			height: 156px;
			position: relative;
			margin: 0px 0px 13px 0px;
		}
			#header .logo {
				position: absolute;
				display: block;
				width: 123px;
				height: 62px;
				top: 51px;
				left: 14px;
			}
			#header #mainnav ul {
			
			}
			#header #mainnav ul li {
				float: left;
			}
				#header #mainnav ul li a {
					display: block;
					width: 172px;
					height: 156px;
					text-indent: -9999px;
				}
				#header #mainnav ul li a.private {
					background: url(../images/private_label_cosmetica.jpg) no-repeat top left;
					margin: 0px 12px 0px 0px;
				}
					#header #mainnav ul li a:hover.private, #header #mainnav ul li.selected a.private {
						background: url(../images/private_label_cosmetica.jpg) no-repeat bottom left;
					}
				#header #mainnav ul li a.productie {
					background: url(../images/productie.jpg) no-repeat top left;
					margin: 0px 12px 0px 0px;
				}
					#header #mainnav ul li a:hover.productie, #header #mainnav ul li.selected a.productie {
					background: url(../images/productie.jpg) no-repeat bottom left;
				}
				#header #mainnav ul li a.labelling {
					background: url(../images/ready_steady_labelling.jpg) no-repeat top left;
				}
					#header #mainnav ul li a:hover.labelling, #header #mainnav ul li.selected a.labelling {
						background: url(../images/ready_steady_labelling.jpg) no-repeat bottom left;
					}
		#content {
			margin: 0px 0px 13px 0px;
			min-height: 255px;
		}
			* html #content {
				height: 255px;
			}
		#contact .right {
			background: url(../images/contact.gif) no-repeat top left;
			min-height: 174px;
		}
		* html #contact .right {
			height: 174px;
		}
	#footer {
		text-align: center;
		color: #bdbdbd;
	}

.just {
	width: 200px;
	line-height:35px;
}
.just2 {
	width: 400px;
	line-height:35px;
}
.justbox {
width:400px;
height: 120px;
border:1px solid #8d5db7;
}

.justfield {
width: 200px;
border:1px solid #8d5db7;
}