HTML, BODY
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

HTML
{
	overflow-y: scroll;
}

BODY
{
	background-color: #f0f0f0;
	background-image: url(../image/background.jpg);
	background-position: top;
	background-repeat: repeat-x;
	cursor: default;
}

	*
	{
		color: #444444;
		font-family: verdana;
		font-size: 12px;
		line-height: 18px;
		margin: 0px;
		padding: 0px;
	}
	
	.clear
	{
		clear: both !important;
	}
	
	.current
	{
		font-weight: bold;
	}
	
	.done
	{
		color: #888888;
	}
	
	.left
	{
		float: left;
	}
	
	.right
	{
		float: right;
	}
	
	A IMG
	{
		border: 0px;
	}
	
	A
	{
		color: #444444;
		text-decoration: underline;
	}
	
		A:hover
		{
			text-decoration: none;
		}
		
	H1, H2
	{
		font-size: 18px;
		font-weight: 10px;
		margin-bottom: 18px;
	}
	
		H1 EM, H2 EM
		{
			color: #808285;
			font-size: 18px;
			font-style: normal;
		}
	
	H3
	{
		font-size: 14px;
	}
	
	UL
	{
		margin-left: 14px;
	}
	
	
	/* FRAMEWORK */
	
	DIV#page
	{
		background-color: #ffffff;
		background-image: url(../image/bg_sidebar.jpg);
		background-position: right;
		background-repeat: repeat-y;
		height: auto !important;
		height: 100%;
		margin: 0px auto;
		min-height: 100%;
		width: 960px;
	}
		
		DIV#left
		{
			background-color: #ffffff;
			float: left;
			height: auto;
			width: 720px;
		}
		
			DIV#left DIV.header
			{
				clear: both;
				float: left;
				width: 720px;
			}

			DIV#menu
			{
				border-bottom: 1px solid #808285;
				clear: both;
				float: left;
				height: 16px;
				margin-left: 10px;
				padding: 6px 0px 6px 0px;
				width: 700px;
			}
			
				DIV#menu A
				{
					color: #808285;
					font-weight: bold;
					text-decoration: none;
				}
				
					DIV#menu A:hover
					{
						text-decoration: underline;
					}
			
			DIV#submenu
			{
				clear: both;
				float: left;
				padding: 10px;
				width: 700px;
			}
			
				DIV#submenu A
				{
					color: #808285;
					font-weight: normal;
					text-decoration: none;
				}
				
					DIV#submenu A:hover
					{
						text-decoration: underline;
					}
			
			DIV#content, DIV#shop
			{
				float: left;
				height: auto;
				padding: 10px;
				width: 700px;
			}
			
				DIV#content TABLE
				{
					margin-left: -5px;
				}
			
			DIV#shop
			{
				margin-top: -3px;
			}
			
				DIV#shop DIV.categorieen
				{
					border-right: 2px solid #f0f0f0;
					clear: none;
					float: left;
					width: 218px;
				}
				
				DIV#shop DIV.small_page
				{
					float: left;
					margin-left: 10px;
					padding: 4px 0px 0px 0px;
					width: 470px;
				}
				
				DIV#shop DIV.large_page
				{
					float: left;
					padding: 0px 10px 0px 10px;
					width: 690px;
				}
			
			DIV#footer
			{
				clear: both;
				float: left;
				margin-left: -2px;
				width: 720px;
			}

		DIV#right
		{
			background-image: url(../image/bg_sidebar.jpg);
			background-position: top;
			background-repeat: repeat-y;
			float: right;
			height: 100%;
			position: relative;
			width: 240px;
		}
		
			DIV#right DIV.header
			{
				width: 240px;
			}
			
				DIV#right DIV.header DIV#profiel
				{
					background-image: url(../image/shoppingcart_top.gif);
					background-position: bottom right;
					background-repeat: no-repeat;
					color: #ffffff;
					top: 0px;
					height: 103px;
					position: absolute;
					right: 0px;
				}
				
					DIV#loggedin_panel, DIV#loggedin_panel *
					{
						color: #ffffff;
						margin: 10px 10px 0px 0px;
						width: 220px;
					}
				
					FORM#login_form
					{
						margin: 10px 10px 0px 0px;
						width: 220px;
					}
					
						FORM#login_form INPUT
						{
							background-color: #a3a3a4;
							border: 1px solid #444444;
							color: #ffffff;
							float: left;
							height: 20px;
							margin-bottom: 10px;
							width: 218px;
						}
						
						FORM#login_form BR
						{
							clear: both;
							float: left;
						}
						
						FORM#login_form INPUT.small
						{
							width: 158px;
						}
						
						FORM#login_form INPUT.submit
						{
							background-color: #444444;
							cursor: pointer;
							height: 22px;
							width: 60px;
						}
						
						FORM#login_form A
						{
							color: #ffffff;
							text-decoration: underline;
						}
						
							FORM#login_form A:hover
							{
								text-decoration: none;
							}
				
			DIV#right DIV.blocks DIV.shoppingcart
			{
				background-image: url(../image/shoppingcart_bottom.gif);
				background-position: top right;
				background-repeat: no-repeat;
				clear: both;
				float: left;
				padding: 32px 10px 10px 10px;
				width: auto;
			}
				
				
			
		DIV.header
		{
			background-color: #808285;
			clear: both;
			float: left;
			height: 103px;
		}


/* BLOKKEN */

/* left */

DIV.image
{
	background-color: #ffffff;
	border: 1px solid #f0f0f0;
	padding: 4px !important;
	position: relative
}

	DIV.image *
	{
		margin: 0px !important;
	}

	DIV.image IMG.bottom, DIV.prijs_blok IMG.bottom
	{
		bottom: -1px;
		position: absolute;
	}

	DIV.image IMG.left, DIV.prijs_blok IMG.left
	{
		left: -1px;
		position: absolute;
	}

	DIV.image IMG.right, DIV.prijs_blok IMG.right
	{
		position: absolute;
		right: -1px;
	}

	DIV.image IMG.top, DIV.prijs_blok IMG.top
	{
		position: absolute;
		top: -1px;
	}

DIV.titel_en_tekst
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

DIV.titel_tekst_afbeelding
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}


DIV.grijs
{
	/*background-color: #c5c5c7;*/
	background-color: #f0f0f0;
	margin-bottom: 20px;
	padding: 10px;
	width: 680px;
}
	
	DIV DIV IMG.img
	{
		max-width: 360px;
		width: auto !important;
		width: 100%;
	}
	
	

DIV.aanbieding
{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 330px;
}	
	

DIV.afbeelding
{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

DIV.prijs_blok
{
	background-image: url(../image/price_block_bg.gif);
	background-repeat: repeat-y;
	clear: both;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	position: relative;
	width: 326px;
}

	DIV.prijs_blok, DIV.prijs_blok *
	{
	}

/* right */

DIV.rechter_blok
{
	float: left;
	margin-bottom: 14px;
	margin-top: -6px;
	padding: 10px;
	width: auto;
}

	DIV.rechter_blok A
	{
		text-decoration: none;
	}

		DIV.rechter_blok A:hover
		{
			text-decoration: underline;
		}

		DIV.rechter_blok A *
		{
			line-height: 25px;
		}

FORM.nb
{
	width: 220px;
}

	FORM.nb INPUT
	{
		border: 1px solid #f0f0f0;
		height: 20px;
		padding: 2px 4px 2px 4px;
		width: 212px;
	}
	
	FORM.nb INPUT.button
	{
		background-color: #f0f0f0;
		border: 1px solid #dddddd;
		cursor: pointer;
		height: 26px;
		margin-top: 10px;
		padding: 2px;
		width: 80px;
	}

/* footer */

DIV.footer_blok
{
	background-image: url(../image/bg_footer_blok.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 105px;
	margin-left: 12px;
	padding: 10px;
	width: 206px;
}

	DIV.footer_blok *
	{
		color: #808285;
		text-decoration: none;
	}
	
		DIV.footer_blok A:hover
		{
			text-decoration: underline;
		}

	DIV.footer_blok H3
	{
		font-size: 14px;
	}


/* SHOP */

DIV.categorieen *
{
	line-height: 24px;
}

	DIV.categorieen A
	{
		font-weight: bold;
		text-decoration: none;
	}
	
		DIV.categorieen A:hover
		{
			text-decoration: underline;
		}
	
		DIV.categorieen A.sub
		{
			font-weight: normal;
			margin-left: 20px;
		}


/* home */

DIV.product_types
{
	width: 100%;
}

	DIV.product_types A
	{
		float: left;
		margin-bottom: 7px;
		margin-right: 7px;
	}
	
		DIV.product_types A.last
		{
			margin-right: 0px;
		}
		
/* producten */

DIV.producten
{
	width: 480px;
}

	DIV.producten DIV.product
	{
		float: left;
		margin-bottom: 7px;
		margin-right: 7px;
		width: 152px;
	}
	
	DIV.producten DIV.laatste
	{
		margin-right: 0px;
	}
	
		DIV.producten DIV.product DIV.afbeelding
		{
			background-image: url(../image/product_afbeelding_bg.jpg);
			height: 190px;
			overflow: hidden;
			padding: 6px;
			width: 140px;
		}
		
			DIV.producten DIV.product DIV.afbeelding A
			{
				border: 0px;
				margin: 0px auto;
			}
			
		DIV.producten DIV.product A.naam
		{
			float: left;
			font-weight: bold;
			margin-top: 6px;
			overflow-x: hidden;
			text-decoration: none;
			width: 110px;
		}
		
			DIV.producten DIV.product A.naam:hover
			{
				text-decoration: underline;
			}
		
		DIV.producten DIV.product A.winkelwagen
		{
			float: right;
			margin-top: 6px;
		}

/* bladzijden */

A.huidige
{
	background-color: #444444;
	color: #ffffff;
	display: inline-block;
	margin-top: -2px;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
}

/* product details */

DIV.product_details
{
	width: 100%;
}		

	DIV.product_details DIV.afbeeldingen
	{
		float: left;
		margin: 0px 10px 10px 0px;
		width: 162px;
	}
	
		DIV.product_details DIV.afbeeldingen DIV.afbeelding
		{
			background-image: url(../image/product_afbeelding_bg.jpg);
			height: 190px;
			overflow: hidden;
			padding: 6px;
			width: 140px;
		}
	
	DIV.product_details DIV.extra
	{
		margin-top: 20px;
	}
	
		DIV.extra A
		{
			background-image: url(../image/extra_product_afbeelding_bg.jpg);
			float: left;
			margin-right: 9px;
			padding: 5px;
		}
		
			DIV.extra A.laatste
			{
				margin-right: 0px;
			}
			
/* winkelwagen */

DIV.large_page TABLE TR TD
{
	line-height: 28px;
}

	DIV.large_page TABLE TR.bBorder TD
	{
		border-bottom: 1px solid #cccccc;
	}
	
	.lButton
	{
		cursor: pointer;
		margin-left: -3px;
	}
	
	.rButton
	{
		cursor: pointer;
		margin-right: -3px;
	}
	
FORM.myform
{
	clear: both;
	float: left;
}

	FORM.myform LABEL
	{
		float: left;
		margin-bottom: 10px;
		width: 230px;
	}

		FORM.myform LABEL.error
		{
			color: #ff0000;
		}
	
	FORM.myform INPUT
	{
		border: 1px solid #444444;
		float: left;
		height: 18px;
		margin-bottom: 10px;
		padding: 2px;
		width: 300px;
	}
	
		FORM.myform INPUT.error
		{
			border: 1px solid #ff0000;
		}
	
		FORM.myform INPUT.submit
		{
			border: 0px !important;
			height: auto !important;
			margin-left: 230px;
			width: auto !important;
		}
		
		FORM.myform INPUT.button
		{
			margin-right: 10px;
		}
	
	FORM.myform BR
	{
		clear: both;
		float: left;
	}


	/* slider */

	DIV#viewport
	{
		display: none;
		height: 100px;
		margin-bottom: 20px;
		overflow: hidden;
		position: relative;
		width: 700px;
	}
	
		DIV#slider
		{
			height: 100px;
			left: 0px;
			position: absolute;
			top: 0px;
			width: auto;
		}
		
			DIV#slider IMG
			{
				float: left;
			}
		
		DIV#sliderbuttons
		{
			bottom: 14px;
			left: 0px;
			position: absolute;
			right: 0px;
			text-align: center;
			width: 100%;
		}
		
			DIV#buttons
			{
				margin: 0px auto;
				min-width: 0px;
				position: relative;
				text-align: center;
				width: 0px;
				width: auto;
			}
			
				DIV#buttons A
				{
					background-image: url(../image/dot.png);
					background-repeat: no-repeat;
					color: #ffffff;
					display: inline-block;
					height: 10px;
					margin: 0px 2px 0px 2px;
					text-decoration: none;
					width: 10px;
				}
			
					DIV#buttons A.on
					{
						background-image: url(../image/dot_on.png);
					}