/* reset ALL defaults*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
}

* { outline: none; }

body, td 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

/* theMix */
h1{ color:#1c146b; margin:10px 0 20px 10px; font-size:24px; }
h2{ color:#61AF19; margin:10px 0 20px 10px; font-size:24px; }
h3{ color:#61af19; margin:10px 0 5px 0px; font-size:22px; }

/* theSans*/
h4{ color:#61af19; margin:10px 0 20px 0; font-size:22px; }
h5{ color:#1d1563; margin:10px 0 20px 10px; font-size:15px; }
h6{ color:#61af19; margin:10px 0 20px 0; font-size:12px; }

html, body
{
	width: 100%; 
	height: 100%; 
}

.bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}

#container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	text-align: center;
	z-index: 0;
}

#body {
	position: relative;
	width: 991px;
	height: 787px;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	z-index: 1;
	text-align: left; /* IE 7 issue: compensate the effect of text-align: center; in the body  */
	overflow: hidden; /* IE 7 issue:   */
}

#logo {
	position: absolute;
	width: 343px;
	height: 128px;
	left: 0px;
	z-index: 2;
}

#logo_bc_ai {
	position: absolute;
	width: 252px;
	height: 108px;
	left: 0px;
	z-index: 2;
}

#header {
	position: absolute;
	width: 254px;
	height: 78px;
	left: 736px;
	z-index: 3;
	background-image: url("../../images/header.png");
}

#header_text {
	width: 100%;
	z-index: 4;
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	margin-top: 20px;
}
#header_text a {
	color: #FFFFFF;
	text-decoration: none;
}

#header_text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#header_hvd {
	position: absolute;
	width: 370px;
	height: 73px;
	left: 621px;
	z-index: 3;
	background-image: url("../../images/ai/header_hvd.png");
}

#header_text_ai {
	width: 100%;
	z-index: 4;
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	margin-top: 20px;
}
#header_text_ai a {
	color: #FFFFFF;
	text-decoration: none;
}

#header_text_ai a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#content {
	position: absolute;
	width: 991px;
	height: 592px;
	left: 0px;
	top: 127px;
	z-index: 4;
	background-image: url("../../images/content.png");
}

#content_hia {
	position: absolute;
	width: 991px;
	height: 593px;
	left: 0px;
	top: 109px;
	z-index: 5;
	background-image: url("../../images/bc/content_hia.png");
}

#content_hia2 {
	position: absolute;
	width: 991px;
	height: 593px;
	left: 0px;
	top: 109px;
	z-index: 5;
	background-image: url("../../images/bc/content2.png");
}

#content_hvd {
	position: absolute;
	width: 991px;
	height: 594px;
	left: 0px;
	top: 109px;
	z-index: 5;
	background-image: url("../../images/ai/content_hvd.png");
}

#content_hvd2 {
	position: absolute;
	width: 991px;
	height: 594px;
	left: 0px;
	top: 109px;
	z-index: 5;
	background-image: url("../../images/ai/content.png");
}

#content_green {
	position: absolute;
	width: 991px;
	height: 332px;
	left: 0px;
	top: 127px;
	z-index: 5;
	background-image: url("../../images/content_green.png");
}

#picture {
	position: absolute;
	width: 485px;
	height: 312px;
	left: 498px;
	top: 147px;
	z-index: 6;
}

#picture_bc {
	position: absolute;
	width: 486px;
	height: 548px;
	left: 496px;
	top: 23px;
	z-index: 6;
}

#picture_ai {
	position: absolute;
	width: 488px;
	height: 549px;
	left: 496px;
	top: 23px;
	z-index: 6;
}

#raster {
	position: absolute;
	width: 279px;
	height: 285px;
	left: 496px;
	top: 160px;
	z-index: 10;
}

#bonnecuisine_big {
	position: absolute;
	width: 484px;
	height: 103px;
	left: 496px;
	top: 40px;
	z-index: 10;
}

#actieinfo_big {
	position: absolute;
	width: 451px;
	height: 138px;
	left: 530px;
	top: 30px;
	z-index: 10;
}

#star {
	position: absolute;
	width: 159px;
	height: 159px;
	left: 820px;
	top: 90px;
	z-index: 10;
}

#stempel {
	position: absolute;
	width: 126px;
	height: 126px;
	left: 820px;
	top: 90px;
	z-index: 10;
}

#bollen {
	position: absolute;
	width: 75px;
	height: 220px;
	left: 534px;
	top: 230px;
	z-index: 10;
}

#raster_bc {
	position: absolute;
	width: 255px;
	height: 154px;
	left: 710px;
	top: 280px;
	z-index: 10;
	background-image: url("../../images/bc/raster.png");
}

#welcome {
	position: absolute;
	width: 423px;
	height: 58px;
	left: 18px;
	top: 30px;
	z-index: 8;
}

#welcome_bc {
	position: absolute;
	width: 436px;
	height: 40px;
	left: 18px;
	top: 35px;
	z-index: 8;
}

#welcome_article {
	position: absolute;
	width: 600px;
	height: 40px;
	left: 18px;
	top: 35px;
	z-index: 8;
}

#welcome_text {
	position: absolute;
	width: 423px;
	height: 128px;
	left: 29px;
	top: 120px;
	z-index: 8;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 22px;
}

#ordertext {
	position: absolute;
	width: 940px;
	height: 70px;
	left: 29px;
	top: 80px;
	z-index: 8;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

#articletext {
	position: absolute;
	width: 940px;
	height: 470px;
	left: 29px;
	top: 80px;
	z-index: 8;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	overflow: auto;
}

#articletext a, a:hover 
{
	color: #FFFFFF;
	text-decoration: underline;
}

#ordertext_thx {
	position: absolute;
	width: 940px;
	height: 70px;
	left: 29px;
	top: 80px;
	z-index: 8;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

#error {
	position: absolute;
	width: 400px;
	height: 20px;
	left: 300px;
	top: 50px;
	z-index: 8;
	color: Red;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	border: solid 1px;
	text-align: center;
}

#orderform {
	position: absolute;
	width: 940px;
	height: 400px;
	left: 29px;
	top: 150px;
	z-index: 8;
	color: #FFFFFF;
	font-size: 12px;
	overflow: auto;
}

#orderform a {
	font-weight: bold;
	text-decoration: underline;
}

#orderform a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#welcome_text a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#welcome_text a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#welcome_text_bc {
	position: absolute;
	width: 423px;
	height: 128px;
	left: 29px;
	top: 120px;
	z-index: 8;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 22px;
}

#welcome_text_bc a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#welcome_text_bc a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#horescainactie_logo {
	position: absolute;
	width: 372px;
	height: 75px;
	left: 28px;
	top: 360px;
	z-index: 7;
}

#horescainactie_text {
	position: absolute;
	width: 493px;
	height: 152px;
	left: 29px;
	top: 438px;
	z-index: 7;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
}

#line_white 
{
	position: absolute;
	width: 2px;
	height: 172px;
	left: 495px;
	top: 362px;
	z-index: 9;
	background-color: #FFFFFF;
}

#horescavoordeeldeals_logo {
	position: absolute;
	width: 372px;
	height: 75px;
	left: 515px;
	top: 360px;
	z-index: 7;
}

#horescavoordeeldeals_text {
	position: absolute;
	width: 493px;
	height: 152px;
	left: 515px;
	top: 438px;
	z-index: 7;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
}

#footer {
	position: absolute;
	width: 499px;
	height: 66px;
	left: 0px;
	top: 591px;
	z-index: 6;
	overflow: hidden;
	background-image: url("../../images/footer.png");
}

#footer_text {
	position: absolute;
	width: 498px;
	height: 62px;
	left: 52px;
	top: 30px;
	z-index: 10;
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
}

#footer_text a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer_text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#payoff {
	position: relative;
	width: 194px;
	height: 34px;
	left: 798px;
	top: 740px;
	z-index: 7;
}

#payoff_bc {
	position: relative;
	width: 194px;
	height: 34px;
	left: 798px;
	top: 508px;
	z-index: 7;
}

#payoff_bc2 {
	position: relative;
	width: 465px;
	height: 104px;
	left: 510px;
	top: 440px;
	z-index: 7;
}

#payoff_ai {
	position: relative;
	width: 194px;
	height: 34px;
	left: 798px;
	top: 725px;
	z-index: 7;
}

#payoff_ai2 {
	position: relative;
	width: 482px;
	height: 106px;
	left: 510px;
	top: 470px;
	z-index: 7;
}

#back {
	position: relative;
	width: 180px;
	height: 20px;
	left: 800px;
	top: 50px;
	z-index: 8;
}

#back a {
	color: #FFFFFF;
	text-decoration: underline;
}

#back a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.green
{
	color: #83b81a;
	font-size: 12px;
	line-height: 20px;
}

.blue
{
	color: #003882;
	font-size: 12px;
	line-height: 20px;
}

.productheader
{
	color: #FFFFFF;
	background-color: #003882;
	font-weight: bold;
}

.productheader2
{
	color: #FFFFFF;
	background-color: #83b81a;
	font-weight: bold;
}

.productrow
{
	color: #FFFFFF;
	font-size: 12px;
}

.box
{
	color: #000000;
	background-color: #FFFFFF;
	border : 1px solid #1c146b;
}

#left
{
	padding: 5 5 5 0;
	float: left;
	margin-right: 5px;
}

#right
{
	padding: 5 0 5 5;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
}

li
{
	list-style-position: inside;
}

/* CMS */
#contentCMS {position: absolute; width: 993px; height: 497px; left: 0px; top: 90px; z-index: 9; background-image: url("../../images/content_cms.png");}
#content_textCMS {position: absolute; width: 961px; height: 419px; left: 17px; top: 40px; z-index: 10; overflow: auto;}

#footerCMS {position: absolute; width: 993px; height: 35px; left: 0px; top: 500px; z-index: 10; background-image: url("../../images/footer_cms.png");}


#content_textCMS a, #content_textCMS a:hover {color: #1c146b;	text-decoration: underline;}

#content_textCMS .button {background-color: #6a64a4; font-size: 12px; font-weight: bold;  height: 22px; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; border: solid 1px #1c146b;}
#content_textCMS a.button {color: #FFFFFF; text-decoration: none;}
#content_textCMS a:hover.button {color: #FFFFFF; text-decoration: underline;}

#menu {position: absolute; width: 521px; height: 79px;	left: 472px; z-index: 4; background-image: url("../../images/menu.png");}
#menu_text {position: absolute; width: 100%; top: 16px; z-index: 4; color: #FFFFFF; font-size: 9px; font-style: normal; text-align: center;}
#menu_text a {color: #FFFFFF; text-decoration: none;}
#menu_text a:hover {color: #FFFFFF; text-decoration: underline;}

.header
{
	color: #FFFFFF;
	background-color: #1c146b;
	font-weight: bold;
}

.row
{
	background-color: #F5F5F5;
}

.obs_link a {
	font-weight: normal; color: #1c146b; text-decoration: underline;
}

.obs_link a:hover {
	font-weight: normal; color: #5bbf21; text-decoration: underline;
}

#content_textCMS a, #content_textCMS a:hover {color: #1c146b;	text-decoration: underline;}
#footerCMS a, #footerCMS a:hover {color: #1c146b;	font-weight: bold; text-decoration: none;}
.box {color: #000000;	background-color: #FFFFFF;	border : 1px solid #1c146b;}
.boxerror, .boxerror2 {color: #000000;	background-color: #FFFFFF;	border : 1px solid #FF0000;}
.boxerror2 {color: #FFFFFF;	background-color: #FF0000;}

#meer_text 
{
	position: absolute;
	left: 330px;
	top: 540px;
	color: #FFFFFF;
	z-index: 9;
}

.meer, .meer a, .meer a:hover
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
}