@charset "UTF-8";
/* CSS Document */

html, body
{
	height:100%;
	margin:0;
}
body
{
	background: #e7e7e7 url(../img/bg-page.png) repeat-x top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#bgContainer
{
	position:absolute;
	width:1000px;
	left:50%;
	margin-left:-500px;
	height:300px;
	background:url(../img/bg-container.jpg) no-repeat top center;
	z-index:-10;
}
#headerTable
{
	z-index:9;
}
#layoutTable
{
	z-index:10;
}


tr.content
{
	background:white;
	vertical-align:top;
}
td.page
{
	padding:30px;
	line-height:18px;
}
tr.header
{
	height:100px;
}
td.footerImage
{
	background:url(../img/bg-footer.png) no-repeat top left;
}
td.banner
{
	text-align:center;
}

/* Nav */
#mainNav
{
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	height:40px;
	padding-top:60px;
	padding-left:20px;
	float:left;
	width:217px;
	white-space:nowrap;
}
#mainNav ul
{
	padding:0px 10px 0px 10px;
	float:left;
	margin:0;
	border-left:1px dashed white;
	white-space:nowrap;
}
#mainNav li
{
	float:none;
	list-style-type:none;
	white-space:nowrap;
}
#mainNav a, #mainNav a:visited
{
	color:white;
	text-decoration:none;
	white-space:nowrap;
}
#mainNav a:hover
{
	background-color:white;
	color:#666;
}

#homeButton
{
	position:relative;
	float:left;
	height:28px;
	padding-top:72px;
}


#optionNav 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	height:18px;
	padding-top:82px;
}
#optionNav a, #optionNav a:visited
{
	color:#666;
	text-decoration:none;
}
#optionNav a:hover
{
	background-color:#666;
	color:white;
}




/* Sitemap */
#sitemap ul
{
	/* float:left; */
}
#sitemap li
{
	font-size:10px;
	list-style:outside;
	list-style-image:url(../img/sitemap-treehook.gif);
	color:#999;
}
#sitemap li.productCategory
{
	font-size:10px;
	font-weight:bold;
	list-style-position:outside;
	list-style-image:url(../img/sitemap-parent.gif);
}
#sitemap table
{
	border:1px solid #ccc;
	width:100%;
}
#sitemap table th
{
	padding:10px;
	margin:0;
	text-align:left;
	/* border-bottom:1px solid #ccc; */
	border-right:1px solid #ccc;
}
#sitemap table td
{
	/* padding:0 20px 10px 10px; */
	vertical-align:top;
	border-right:1px solid #ccc;
}
#sitemap h2
{
	color:#666;
	font-size:12px;
	font-family:Arial,"Trebuchet MS";
	font-weight:normal;
}
#sitemap a
{
	color:rgb(100,0,150);
	text-decoration:none;
}
#sitemap a:hover
{
	color:white;
	text-decoration:none;
	background-color:rgb(100,0,100);
}
#sitemap a:visited
{
	font-style:italic;
}






h1, h2
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}
h1
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}
h2
{
	font-size:12px;
	font-weight:bold;
	color:#660099;
}
blockquote
{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:24px;
	color:#999999;
}





div.tagline, div.introductie, div.antwoord, div.ingredienten, div.verpakking
{
	/* width:400px; */
}
div.image
{
	/*
	float:right;
	width:240px;
	overflow:visible;
	text-align:center;
	margin-right:-30px;
	*/
}
div.tagline, div.tagline li
{
	font-size:14px;
	color:#660066;
	list-style-type:square;	
}
div.introductie
{
	font-size:11px;
}
div.antwoord, div.antwoord li
{
	font-size:11px;
}
div.ingredienten
{
	color:#999;
	padding:5px 15px 5px 15px;
	border:1px solid #666;
	clear:right;
}
div.verpakking
{
	background-color:#660099;
	color:white;
	margin:10px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	border:1px solid #660099;
	font-weight:bold;
	text-transform:uppercase;
}

table.analyseTable
{
	background-color:#fff;
}
table.analyseTable th
{
	background-color:#330033;
	color:white;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-size:10px;
}

table.analyseTable td
{
	background-color:#333333;
	color:white;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:5px 10px 5px 10px;
	white-space:nowrap;
}




/* footer */
.copyright
{
	color:#999;
}
.copyright a, a:visited
{
	color:#999;
	text-decoration:none;
}
.copyright a:hover
{
	color:#333;
	text-decoration:underline;
}