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

HTML
{
	overflow-y: scroll;
}

	BODY
	{
		color: #858484;
		cursor: default;
		font-family: verdana;
		font-size: 11px;
		line-height: 14px;
	}
	
	*
	{
		color: #858484;		
		margin: 0px;
		padding: 0px;
	}
	
	.absolute
	{
		position: absolute;
	}
	
	.clear
	{
		clear: both;
	}
	
	.left
	{
		float: left !important;
	}
	
	.relative
	{
		position: relative !important;
	}
	
	.right
	{
		float: right !important;
	}
	
	A
	{
		text-decoration: underline;
	}
	
		A:hover
		{
			text-decoration: none;
		}
	
	A IMG
	{
		border: 0px;
	}
	
	
	/* IMAGE */
	
	DIV.image
	{
		float: left;
		margin: 0px;
		padding: 0px;
		position: relative;
	}
	
		DIV.shadow
		{
			height: auto;
		}
		
			DIV.image DIV.corners DIV.shadow_bg
			{
				background-image: url(../image/image_shadow_background.jpg);
				background-repeat: repeat-y;
				bottom: 4px;
				left: 0px;
				position: absolute;
				right: 0px;
				top: 4px;
				z-index: 2 !important;
			}
	
		DIV.image DIV.shadow
		{
			clear: both;
			float: left;
			padding: 4px 0px 4px 0px;
		}
			
			DIV.shadow IMG.img
			{
				display: block;
				margin: 0px 4px 0px 4px;
				z-index: 3 !important;
			}
		
			DIV.shadow IMG.top
			{
				margin: 0px !important;
			}
			
			DIV.shadow IMG.bottom
			{
				margin: 0px !important;
			}
			
		DIV.image DIV.corners
		{
			clear: both;
			float: left;
			position: relative;
		}
		
			DIV.image DIV.corners IMG.corner
			{
				position: absolute !important;
				z-index: 4;
			}
		
			DIV.image DIV.corners IMG.left_top
			{
				left: 4px;
				top: 0px;
			}
		
			DIV.image DIV.corners IMG.right_top
			{
				right: 4px;
				top: 0px;
			}
		
			DIV.image DIV.corners IMG.left_bottom
			{
				bottom: 0px;
				left: 4px;
			}
		
			DIV.image DIV.corners IMG.right_bottom
			{
				bottom: 0px;
				right: 4px;
			}
	
	
	/* FRAMEWORK */
	
	DIV#page
	{
		margin: 0px auto;
		width: 1001px;
	}
	
		DIV#header
		{
			background-image: url(../image/header.jpg);
			background-position: right;
			background-repeat: no-repeat;
			clear: both;
			float: left;
			height: 101px;
			margin-top: 16px;
			position: relative;
			width: 1001px;
		}
		
			DIV#header DIV.image
			{
				clear: none;
				height: 93px;
				position: absolute;
				right: 4px;
				top: 4px;
			}
			
				DIV#header DIV.image DIV.corners IMG.left_top
				{
					left: 0px !important;
				}
			
				DIV#header DIV.image DIV.corners IMG.right_top
				{
					right: 0px !important;
				}
			
				DIV#header DIV.image DIV.corners IMG.left_bottom
				{
					left: 0px !important;
				}
			
				DIV#header DIV.image DIV.corners IMG.right_bottom
				{
					right: 0px !important;
				}
		
		DIV#menu
		{
			clear: both;
			float: left;
			margin-top: 16px;
			width: 1001px;
		}
		
			DIV#menu IMG.slogan
			{
				float: left;
			}
			
			DIV#menu DIV#items
			{
				background-image: url(../image/menu.jpg);
				background-position: top right;
				background-repeat: no-repeat;
				float: left;
				height: 48px;
				padding: 0px 20px 0px 20px;
				margin-left: 12px;
				width: 692px;				
			}
			
				DIV#menu DIV#items A
				{
					border-left: 1px solid #ffffff;
					border-right: 1px solid #c8c7c7;
					display: block;
					float: left;
					font-size: 14px;
					height: 18px;
					margin-top: 3px;
					padding: 13px 30px 10px 30px;
					text-decoration: none;
				}
			
					DIV#menu DIV#items A:hover, DIV#menu DIV#items A.on
					{
						background-image: url(../image/menu_on_bg.jpg);
						background-position: top;
						background-repeat: repeat-x;
						color: #ffffff;
					}
					
					DIV#menu DIV#items A.first
					{
						border-left: 0px !important;
					}
					
					DIV#menu DIV#items A.last
					{
						border-right: 0px !important;
					}
		
		DIV#middle
		{
			clear: both;
			float: left;
			margin-top: 16px;
			width: 1001px;
		}
		
			DIV#left
			{
				clear: none;
				float: left;
				width: 257px;
			}
		
			DIV#content
			{
				clear: none;
				float: left;
				margin-left: 12px;
				padding: 16px 20px 16px 20px;
				width: 436px;
			}
			
				DIV#content H2
				{
					margin-bottom: 20px;
				}
				
				DIV#content TABLE TR TD
				{
					margin: 0px;
					padding: 0px 0px 6px 0px !important;
				}
				
				
				/* error */
				
				DIV.errors
				{
					background-color: #ffbbbb;
					border: 1px solid #ff0000;
					color: #ff0000;
					margin-bottom: 20px;
					padding: 10px;
					width: 350px;
				}
				
				
				/* producten */
				
				DIV.breadcrumb
				{
					clear: both;
					float: left;
					margin-bottom: 22px;
					width: 100%;
				}
				
				DIV.productcategories
				{
					clear: both;
					float: left;
					width: 390px;
				}
				
					DIV.productcategories A
					{
						background-image: url(../image/btn_bg_category.jpg);
						background-position: center center;
						background-repeat: no-repeat;
						display: block;
						font-size: 10px;
						margin-bottom: 22px;
						padding: 7px 10px 7px 10px;
						text-decoration: none;
						width: 145px;
					}
					
						DIV.productcategories A:hover
						{
							text-decoration: underline;
						}
						
				DIV.products
				{
					clear: both;
					float: left;
					width: 420px;
				}
				
					DIV.product
					{
						clear: both;
						float: left;
						margin-bottom: 22px;
						padding-top: 22px;
						width: 100%;
					}
					
					DIV.top_border
					{
						border-top: 1px solid #d9d9d9;
					}
					
					DIV.product IMG
					{
						margin-bottom: 20px;
						margin-right: 40px;
					}
					
					DIV.product DIV.left
					{
						float: left;
						width: 220px;
					}
					
						DIV.product DIV.left H3
						{
							color: #bc392a;
							font-size: 12px;
							font-weight: bold;
							margin-bottom: 16px;
						}
					
				
				/* contact form */
				
				FORM.contact
				{
					display: block;
					width: 373px;
				}
				
					FORM.contact *
					{
						clear: none;
						float: left;
						margin-bottom: 10px;
					}
					
					FORM.contact LABEL
					{
						display: block;
						font-weight: bold;
						width: 80px;
					}
					
						FORM.contact LABEL.error
						{
							color: #ff0000;
						}
					
					FORM.contact INPUT, FORM.contact TEXTAREA
					{
						background-color: #f1f1f1;
						border: 1px solid #c1bebe;
						height: 17px;
						padding: 2px;
						width: 286px;
					}
					
						FORM.contact INPUT.error, FORM.contact TEXTAREA.error
						{
							border: 1px solid #ff0000;
						}
					
						FORM.contact TEXTAREA
						{
							height: 91px;
						}
						
					FORM.contact .button
					{
						border: 0px;
						float: right;
						height: auto;
						padding: 0px;
						width: auto;
					}
				
				
			DIV#right
			{
				clear: none;
				float: right;
				margin-top: 4px;
				width: 256px;
			}
		
				DIV#right DIV.image
				{
					padding: 0px;
				}
				
					DIV#right DIV.image DIV.corners IMG.left_top
					{
						left: 0px !important;
					}
				
					DIV#right DIV.image DIV.corners IMG.right_top
					{
						right: 0px !important;
					}
				
					DIV#right DIV.image DIV.corners IMG.left_bottom
					{
						left: 0px !important;
					}
				
					DIV#right DIV.image DIV.corners IMG.right_bottom
					{
						right: 0px !important;
					}
		
		DIV#footer
		{
			background-image: url(../image/footer.jpg);
			background-position: right;
			background-repeat: no-repeat;
			clear: both;
			float: left;
			text-align: right;
			height: 27px;
			margin-top: 16px;
			width: 1001px;
		}
		
			DIV#footer DIV.right
			{
				margin-right: 14px;
				margin-top: 7px;
			}
			
				DIV#footer DIV.right A
				{
					text-decoration: none;
				}
				
					DIV#footer DIV.right A:hover
					{
						text-decoration: underline;
					}