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

BODY
{
	color: #000000;
	cursor: default;
	font-family: verdana;
	font-size: 10px;
}

A
{
	color: #000000;
	text-decoration: none;
}

P A
{
	text-decoration: underline;
}

	A IMG
	{
		border: 0px;
	}

.clear
{
	clear: both;
}

A:hover
{
	text-decoration: underline;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.noborder
{
	border: 0px !important;
}

.orange
{
	color: #ff8800 !important;
}

.pointer
{
	cursor: pointer;
}

.text
{
	color: #000000 !important;
}

.bestel
{
	background-image: url(../image/btn_winkelwagen.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #005581;
	font-weight: bold;
	padding-left: 20px;
}

	DIV#page
	{
		margin: 0px auto;
		position:relative;
		width: 1000px;
	}
	
		/* headerbar */
		
		DIV#headerbar
		{
			background-image: url(../image/header_bg.gif);
			height: 26px;
			width: 100%;
		}
		
			DIV#headerbar *
			{
				color: #ffffff;
			}
			
			/* login form */
			
			FORM#login
			{
				float: right;
				margin: 4px 0px 0px 0px;
				padding: 0px;
			}
			
				FORM#login DIV.field
				{
					background-image: url(../image/header_field.gif);
					background-repeat: no-repeat;
					float: left;
					height: 17px;
					margin-right: 9px;
					width: 160px;
				}
				
					FORM#login DIV.field INPUT
					{
						background-color: transparent;
						border: 0px;
						color: #015581;
						margin: 0px 0px 2px 8px;
						padding: 0px 0px 3px 0px;
						width: 144px;
					}
			
				
			/* links */
			
			DIV#headerbar DIV.links
			{
				float: right;
				font-weight: bold;
				margin-right: 12px;
				margin-top: 6px;
			}
			
		/* header */
		
		DIV#header
		{
			background-image: url(../image/header_bg.jpg);
			background-position: right;
			background-repeat: no-repeat;
			height: 148px;
			position: relative;
		}
		
			DIV#header FORM#zoeken
			{
				background-image: url(../image/searchbox.jpg);
				height: 74px;
				position: absolute;
				right: 9px;
				top: 37px;
				width: 362px;
			}
			
				FORM#zoeken #zoek_naar
				{
					background-color: transparent;
					border: 0px;
					font-size: 10px;
					left: 80px;
					position: absolute;
					top: 13px;
					width: 265px;
				}
			
				FORM#zoeken #zoek_merk
				{
					font-size: 10px;
					left: 14px;
					position: absolute;
					top: 43px;
				}
			
				FORM#zoeken #zoek_sector
				{
					font-size: 10px;
					left: 149px;
					position: absolute;
					top: 43px;
				}
			
				FORM#zoeken #zoek_submit
				{
					background-color: transparent;
					border: 0px;
					cursor: pointer;
					height: 22px;
					left: 280px;
					position: absolute;
					top: 43px;
					width: 72px;
				}
		
		/* menu */
		
		DIV#menu
		{
			background-image: url(../image/menu_bg.gif);
			color: #015581;
			height: 20px;
			padding: 8px 12px 0px 12px;
			width: auto;
		}
		
			DIV#menu A
			{
				color: #015581;
			}
		
		/* submenu */
		
		DIV.tBorder
		{
			border-bottom: 1px solid #acc8d6;
			width: auto;
		}
		
		DIV#submenu
		{
			background-image: url(../image/submenu_bg.gif);
			color: #005581;
			font-weight: bold;
			height: 21px;
			padding: 7px 12px 0px 12px;
			width: auto;			
		}
		
			DIV#submenu A
			{
				color: #005581;
			}
			
		/* rightmenu */
		
		DIV#rightmenu
		{
			background-color: #e5eef2;
			border-left: 1px solid #acc8d6;
			height: 470px;
			#height: 471px;
			position: absolute;
			right: 0px;
			top: 203px;
			width: 282px;
		}
		
			DIV.persoonlijk
			{
				height: 444px !important;
				#height: 445px !important;
			}
		
			/* shoppingbasket */
			
			DIV#shoppingbasket
			{
				background-image: url(../image/winkelmandje.gif);
				height: 93px;
				position: relative;
				width: 281px;
			}
			
				DIV#shoppingbasket P
				{
					color: #000000;
					left: 56px;
					line-height: 20px;
					margin: 0px;
					padding: 0px;
					position: absolute;
					top: 40px;
				}
				
			/* highlight */
			
			DIV.highlight
			{
				border-bottom: 1px solid #acc8d6;
				height: 137px;
				padding: 12px 12px 0px 12px;
				width: 257px;
			}
			
				DIV.highlight A
				{
					display: block;
					float: left;
					height: 137px;
					margin-right: 12px;
					width: 110px;
				}
				
					DIV.highlight A IMG
					{
						width: 110px;
					}
				
				DIV.highlight P
				{
					color: #747474;
					display: block;
					float: left;
					line-height: 16px;
					margin: 0px;
					padding: 0px;
					width: 135px;
				}
				
					DIV.highlight SPAN.name
					{
						color: #015581;
						font-weight: bold;
					}
					
					DIV.highlight DIV.price
					{
						float: left;
						height: 50px;
						min-width: 80px;
						overflow-y: hidden;
						padding: 0px 6px 0px 6px;
						position: relative;
						width: 86px;*/
					}
					
						DIV.highlight DIV.price DIV.left
						{
							background-image: url(../image/price_left_corner.gif);
							background-repeat: no-repeat;
							height: 50px;
							left: 0px;
							position: absolute;
							top: 0px;
							width: 6px;
						}
						
						DIV.highlight DIV.price DIV.label
						{
							background-image: url(../image/price_background.gif);
							background-repeat: repeat-x;
							color: #ffffff;
							font-size: 18px;
							font-weight: bold;
							height: 30px;
							padding: 12px 10px 12px 10px;
						}
					
						DIV.highlight DIV.price DIV.right
						{
							background-image: url(../image/price_right_corner.gif);
							background-repeat: no-repeat;
							height: 50px;
							position: absolute;
							right: 0px;
							top: 0px;
							width: 6px;
						}
			
			DIV#rightmenu A.persoonlijke_link
			{
				color: #015581;
				font-size: 12px;
				font-weight: bold;
				line-height: 21px;
				margin-left: 20px;
			}
			
			DIV#rightmenu A.btn
			{
				display: block;
				float: left;
				padding: 19px 0px 0px 16px;
			}
		
		/* content */
		
		DIV#content
		{
			height: auto !important;
			height: 421px; /* -27px */
			min-height: 421px;
			padding: 12px;
			/*padding-bottom: 149px;*/
			position: relative;
			/*width: 717px;*/
			width: 693px;
		}
		
			DIV#content H1
			{
				color: #005581;
				font-size: 16px;
				font-weight: bold;
			}
			
			
			
			/* categorieen */
			
			DIV.category A
			{
				font-weight: bold;
			}
			
			DIV.categories
			{
				width: auto;
			}
			
					DIV.categories DIV.category
					{
						cursor: pointer;
						float: left;
						height: 117px;
						margin: 0px;
						padding: 0px;
						width: 172px;
					}
					
						DIV.categories DIV.category IMG
						{
							height: 91px;
							margin-bottom: 4px;
							width: 159px;
						}
						
						DIV.categories DIV.category *
						{
							clear: both;
							float: left;
						}
						
						DIV.category A
						{
							color: #015581;
							text-align: center;
							width: 159px;
						}
					
					DIV.categories DIV.bBorder
					{
						border-bottom: 1px solid #ccdde6;
					}
				
					DIV.categories DIV.rBorder
					{
						border-right: 1px solid #ccdde6;
					}
			
			
			/* categorie tree */
			
			DIV#categorieen
			{
				background-color: #e5eef2;
				float: left;
				height: auto !important;
				height: 409px;
				margin-bottom: -12px;
				margin-left: -10px;
				margin-right: 10px;
				min-height: 409px;
				padding: 12px 0px 12px 12px;
				width: 217px;
			}
			
				DIV#categorieen A
				{
					color: #015581;
					display: block;
					font-weight: bold;
					font-size: 11px;
					line-height: 18px;
					#margin-left: 5px;
					width: 217px;
				}
			
			
			/* product */
			
			DIV.details
			{
				width: auto;
			}
			
			DIV.product
			{
				border-bottom: 1px solid #d4d4d4;
				clear: both;
				float: left;
				margin: 10px 0px 10px 0px;
				padding: 0px 0px 20px 0px;
				width: 463px;
			}
			
				DIV.product *
				{
					line-height: 18px;
				}
			
				DIV.product DIV.afbeelding
				{
					float: left;
					overflow-x: hidden;
					width: 140px;
				}
				
					DIV.product DIV.afbeelding IMG
					{
						float: none;
					}
				
				DIV.product DIV.eigenschappen
				{
					float: left;
					margin-left: 20px;
					width: 300px;
				}
				
					DIV.product DIV.eigenschappen P, DIV.product DIV.eigenschappen TABLE
					{
						color: #000000;
					}
				
					DIV.product DIV.eigenschappen H2.naam
					{
						color: #015581;
						font-size: 11px !important;
						font-weight: bold;		
						margin: 0px;
						padding: 0px;
					}
					
					DIV.product DIV.eigenschappen P.omschrijving
					{		
						margin: 0px;
						padding: 0px;
					}
					
					
					/* stappenplan */
					
					DIV.stappenplan
					{
						clear: both;
						margin: 0px 0px 16px 0px;
						width: auto;
					}
					
						DIV.stappenplan SPAN
						{
							color: #888888;
							font-size: 10px;
							padding-right: 8px;
						}
					
						DIV.stappenplan SPAN.huidig
						{
							color: #000000;
							font-size: 10px;
						}

					
					/* form */					
					
					TABLE.form
					{
						color: #000000 !important;
						width: 697px;
					}
					
						TABLE.form *
						{
							font-size: 11px;
						}
						
						TABLE.form TR.kop
						{
							font-weight: bold;
						}
						
						.form A
						{
							color: #005581;
							font-size: 14px;
							text-decoration: none;
						}
						
						.form INPUT
						{
							border: 1px solid #cecdcd;
						}


						/* registratie */
						
						FORM.registratie
						{
							color: #000000 !important;
							margin: 0px;
							padding: 0px;
							position: relative;
						}
						
							FORM.registratie DIV.meldingen
							{
								border: 1px solid #ff0000;
								clear: both;
								margin-bottom: 10px;
								padding: 5px 5px 0px 5px;
								width: 394px;
							}
							
								FORM.registratie DIV.meldingen *
								{
									clear: both;
									color: #ff0000;
									display: block;
									float: left;
									margin: 0px;
									padding: 0px;
									width: 394px;
								}
						
							FORM.registratie *
							{
								display: block;
								float: left;
								margin-bottom: 4px;
							}
						
							FORM.registratie SPAN
							{
								height: 16px;
								padding-top: 4px;
								vertical-align: middle;
								width: 200px;
							}
						
							FORM.registratie INPUT
							{
								border: 1px solid #cecdcd;
								height: 18px;
								padding: 2px;
								width: 200px;
							}
							
							FORM.registratie DIV.field
							{
								clear: none;
								float: left;
								height: 20px;
								width: 200px;
							}
							
								FORM.registratie DIV.field *
								{
									clear: none;
									float: left;
									height: 16px;
									margin: 0px;
									padding-top: 4px;
									width: auto;
								}
								
								FORM.registratie DIV.field INPUT
								{
									margin-top: 4px;
								}
								
								FORM.registratie DIV.knoppen
								{
									float: left;
									margin-top: 20px;
									margin-left: 100px;
								}	
								
								
						/* wachtwoord vergeten */
						
						FORM.ww_vergeten
						{
							color: #000000 !important;
							width: 300px;
						}
						
							FORM.ww_vergeten *
							{
								float: left;
							}
							
							FORM.ww_vergeten .bericht
							{
								clear: both;
								margin-bottom: 20px;
								width: 300px;
							}
							
							FORM.ww_vergeten SPAN
							{
								padding-top: 4px;
								width: 85px;
							}
							
							FORM.ww_vergeten INPUT
							{
								padding-top: 4px;
								width: 110px;
							}
							
							FORM.ww_vergeten .knop
							{
								margin-left: 85px;
								width: auto;
							}

			/* acties */
			
			DIV#acties
			{
				background-image: url(../image/acties_bg.jpg);
				background-repeat: repeat-x;
				bottom: 0px;
				height: 149px;
				left: 0px;
				position: absolute;
				width: 717px;
			}
			
				DIV#acties DIV.actie
				{
					float: left;
					height: 125px;
					overflow: hidden;
					padding: 12px;
					position: relative;
					width: 155px;
				}
				
					DIV.actie A.image
					{
						display: block;
						height: 125px;
						width: 155px;
					}
					
					DIV.actie A.btn
					{
						bottom: 16px;
						left: 16px;
						position: absolute;
						width: 145px;
					}
					
		/* footer */
		
		DIV#footer
		{
			background-image: url(../image/footer_bg.gif);
			background-color: #015581;
			background-position: top;
			background-repeat: repeat-x;
			color: #ffffff;
			float: left;
			font-weight: bold;
			width: auto;
		}
		
			DIV#footer DIV.column
			{
				float: left;
				padding: 7px 12px 7px 12px;
				width: 309px;
			}
	
	
	/* persoonlijke shop */
	
	DIV.bedrijfproduct
	{
		border-bottom: 1px solid #d4d4d4;
		clear: both;
		float: left;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 20px 0px;
		width: 693px;
	}
	
		DIV.bedrijfproduct *
		{
			line-height: 18px;
		}
	
		DIV.bedrijfproduct DIV.afbeelding
		{
			clear: none;
			float: left;
			overflow-x: hidden;
			width: 140px;
		}
		
			DIV.bedrijfproduct DIV.afbeelding IMG
			{
				float: none;
			}
		
		DIV.bedrijfproduct DIV.eigenschappen
		{
			float: left;
			margin-left: 20px;
			width: 530px;
		}
		
			DIV.bedrijfproduct DIV.eigenschappen P, DIV.bedrijfproduct DIV.eigenschappen TABLE
			{
				color: #000000;
			}
		
			DIV.bedrijfproduct DIV.eigenschappen H2.naam
			{
				color: #015581;
				font-size: 11px !important;
				font-weight: bold;		
				margin: 0px;
				padding: 0px;
			}
			
			DIV.bedrijfproduct DIV.eigenschappen P.omschrijving
			{		
				margin: 0px;
				padding: 0px;
			}
	
	TABLE.overzicht
	{
		color: #015581;
		font-size: 12px;
		margin-left: -12px;
		width: 700px;
	}
	
		TABLE.overzicht TR.name TD
		{
			background-color: #015581;
			color: #ffffff;
			font-weight: bold;
			padding: 4px 12px 4px 12px;
		}
	
		TABLE.overzicht TR.header TD
		{
			background-color: #ccdde6;
			font-weight: bold;
			padding: 4px 12px 4px 12px;
		}
	
		TABLE.overzicht TR.even TD, TABLE.overzicht TR.oneven TD
		{
			border-bottom: 1px solid #ccdde6;
			padding: 5px 12px 5px 12px;
		}
	
		TABLE.overzicht TR.row TD
		{
			padding: 5px 12px 5px 12px;
		}		
		
	
	DIV.pages
	{
		float: right;
		margin-top: 10px;
	}
	
		DIV.pages A
		{
			background-color: #80aac0;
			color: #ffffff;
			float: left;
			font-weight: bold;
			margin-left: 2px;
			padding: 2px 3px 2px 3px;
			text-decoration: none;
		}
	
		DIV.pages A.active
		{
			background-color: #015581;
		}
		


.huidige_link
{
	color: #f8981d !important;
}