HTML, BODY
{
	/*height: auto !important;*/
	height: 100%;
	margin: 0px;
	/*min-height: 100%;*/
	padding: 0px;
	width: 100%;
}

HTML
{
	overflow-y: scroll;
}

BODY
{
	background-color: #9dbccc;
	background-image: url(page_border.gif);
	background-position: center;
	background-repeat: repeat-y;
	#display: table;
}

DIV.pagina_border
{
	/*background-color: #ffffff;*/
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	min-height: 100%;
	position: relative;
	width: 100%;
	z-index: 2;
}

	DIV.pagina
	{
		background-color: #ffffff;
		background-image: url(page_border.gif);
		background-repeat: repeat-y;
		height: auto !important;
		height: 100%;
		margin: 0px auto;
		min-height: 100%;
		/*padding-bottom: 148px;*/
		position: relative;
		width: 1008px;
	}
  
  	DIV.pagina DIV
  	{
  		clear: both;
		position: relative;
  		width: 100%;
  	}
  
  	DIV.header
  	{
  		background-image: url(header.jpg);
		background-position: center;
		background-repeat: no-repeat;
		height: 168px;
		margin: 0px auto;
		position: absolute;
		top: 0px;
		width: 1000px;
		z-index: 3;
  	}
		
	DIV.content
  	{
		height: auto;
		margin: 0px;
		padding: 0px 0px 219px 0px;
		position: relative;
		top: 0px;
		width: 100%;
		z-index: 2;
    }
  	
  		DIV.content DIV
  		{
			clear: both;
			position: relative;
  		}
  		
    		DIV.content DIV.categorieen
  			{
				background-color: #dee9ef;
				left: 0px;
				padding: 12px 4px 12px 4px;
				position: absolute;
				top: 0px;
				width: 278px;
  			}
  						
  			DIV.content DIV.midden
  			{
    			height: auto !important;
				#height: 300px;										
				/*margin-left: 315px;*/
				margin-left: 20px;
				min-height: 300px;
				/*width: 575px;*/
				width: 800px;
				padding-top: 20px;
  			}
  			
  			DIV.content DIV.rechter_menu
  			{
				position: absolute;
				right: 0px;
    			top: 0px;
				width: 227px;
  			}
				
				DIV.rechter_menu *
				{
					float: left;
				}
		
  	DIV.footer
  	{
    	background-image: url(page_background.gif);
    	background-repeat: repeat-x;
		bottom: 0px;
		clear: both;
		display: inline-table;
		height: 118px;
		left: 0px;
		position: absolute;
  		right: 0px;
		width: 100%;
		z-index: 4;
  	}
		
			DIV.footer_content
			{
  				/*background-color: #F8981D;*/
	  			background-image: url(footer.jpg);
  				background-position: top;
	  			background-repeat: no-repeat;
				clear: both;
				height: 118px;
				margin: 0px auto;
				position: relative;
				width: 1008px;
			}
			
			DIV.footer_content, DIV.footer_content *
			{
				color: #ffffff;
				text-decoration: none;
			}
			
				/*DIV.footer_content A:hover
				{
					text-decoration: underline;
				}*/
			
			

*
{
	font-family: arial;
	font-size: 12px;
}

A
{
	color: #000000;
}

A:hover
{
	text-decoration: none;
}

A IMG
{
	border: 0px;
}

A.bladzijde
{
	color: #000000;
	display: block;
	float: left;
	height: 16px;
	margin-right: 12px;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	vertical-align: middle;
}

A.bladzijde_geselecteerd
{
	background-image: url(btn_bg.gif);
	color: #ffffff;
	display: block;
	float: left;
	height: 16px;
	margin-right: 12px;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	vertical-align: middle;
}

/* UTIL */

.clean
{
	border: 0px solid #ffffff;
	width: auto;
}	

/*
	Zoeken
*/

FORM.zoeken
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 230px;
}

	FORM.zoeken *
	{
		float: left;
	}
	
	FORM.zoeken INPUT.field
	{
		border: 1px solid #08344b;
	}
	
	FORM.zoeken INPUT.button
	{
		margin-left: 10px;
	}
	

/*
	Categorie boom
*/

DIV.content A.subcategorie
{
	clear: both;
	color: #005581;
	display: block;
	font-size: 14px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}

A.categorie
{
	background-image: url(menu_mout.gif);
  clear: both;
	color: #ffffff;
	display: block;
  height: 20px;
	margin-bottom: 10px;
	padding: 6px 0px 0px 17px;
  text-decoration: none;
	width: 259px;
}

  DIV.categorieen DIV.subcategorieen
  {
  	background-color: #ffffff;
  	clear: both;
		margin: -10px 0px 10px 11px;
  	padding: 5px;
  	width: 244px;
  }

    DIV.subcategorieen A.subcategorie
    {
    	clear: both;
    	color: #005581;
    	display: block;
			font-size: 12px;
    	font-weight: normal;
			margin: 5px 0px 0px 5px;
    	padding: 0px;
    	text-decoration: none;
    	width: 220px;
    }

/*
	Kruimelpad
*/

DIV.kruimelpad
{
	clear: both;
	margin: 0px 0px 16px 0px;
	padding-top: 16px;
	width: auto;
}

	DIV.kruimelpad SPAN
	{
		color: #005581;
		font-size: 17px;
	}
	
	DIV.kruimelpad SPAN.huidig
	{
		color: #f8981d;
		font-size: 17px;
	}	
		
/*
	Form
*/

TABLE.form
{
	width: 100%;
}

	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;
	}
	
/* 
	Product
*/

DIV.product
{
	border-bottom: 1px solid #d4d4d4;
	clear: both;
	display: table;
	margin-bottom: 16px;
	padding-bottom: 16px;
	position: relative;
	width: 100%;
}

	DIV.product DIV.properties
	{
		float: right;
		width: 258px;
	}
		
		DIV.properties *
		{
			font-size: 10px;
			line-height: 18px;
		}
	
		DIV.properties H2
		{
			clear: both;
			color: #005581;
			font-size: 12px;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
			width: 100%;
		}
		
		DIV.properties P
		{
			clear: both;
			font-size: 10px;
			line-height: 18px;
			margin: 0px;
			padding: 0px;
			width: 100%;
		}
		
		DIV.knoppen
		{
			margin-top: 6px;
		}
	
	DIV.product DIV.image
	{
		float: left;
		width: 166px;
	}
	
		DIV.product DIV.image IMG
		{
			margin-top: 6px;
			width: 140px;
		}
	
/*
	WinkelWagen
*/

	DIV.winkelwagen
	{
		background-image: url(winkelwagen_bg.gif);
		height: 105px;
		position: relative;
		width: 227px;
	}
	
		DIV.winkelwagen A.winkelwagen
		{
			height: 105px;
			left: 0px;
			position: absolute;
			text-decoration: none;
			top: 0px;
			width: 227px;
			z-index: 2;
		}
		
		DIV.winkelwagen DIV
		{
			clear: both;
			float: left;
			font-size: 11px;
			margin: 60px 0px 0px 46px;
			padding: 0px;
			position: absolute;
			width: auto;
			z-index: 1;
		}
		
			DIV.winkelwagen DIV *
			{
				clear: both;
				display: block;
				font-size: 11px;
				margin-bottom: 2px;
			}

/*
	Links
*/

	DIV.links
	{
		background-image: url(bg_grey_rightmenu.gif);
		background-repeat: repeat-y;
		border-bottom: 1px solid #d9d9d9;		
		padding-bottom: 8px;
		width: 226px;
	}
	
		DIV.links A.link
		{			
			clear: both;
			color: #666666;
			display: block;
			font-size: 11px;
			margin: 8px 0px 0px 12px;
			#margin-left: 6px;
			padding: 0px;
			text-decoration: none;
			width: 200px;
		}
	
/*
	Klanten login
*/

	DIV.login
	{
		background-image: url(bg_rightmenu.gif);
		background-repeat: repeat-y;
		border-bottom: 1px solid #d9d9d9;		
		height: 160px;
		width: 226px;
	}
	
		DIV.login IMG
		{
			margin-left: 1px;
		}
	
		FORM.login
		{
			display: block;
			margin: 0px;
			padding: 0px 0px 0px 12px;
			width: 208px;
		}
		
			FORM.login SPAN
			{
				display: block;
				float: left;
				font-size: 11px;
				width: 74px;
			}
			
			FORM.login INPUT.field
			{
				border: 1px solid #cecdcd;
				float: left;
				font-size: 11px;
				width: 128px;
			}
			
			FORM.login .seperator
			{
				clear: both;
				display: block;
				font-size: 1px;
				height: 4px;
			}
			
			FORM.login INPUT.button
			{
				background-color: #6e6b6b;
				border: 1px solid #cecdcd;				
				clear: both;
				color: #ffffff;
				cursor: pointer;
				display: block;
				font-size: 10px;
				margin-bottom: 6px;
			}
			
			FORM.login DIV.nav
			{
				clear: both;
				margin-right: 0px;
				margin-top: 8px;
				float: left;
				width: 204px;
			}
			
				DIV.nav *
				{
					clear: both;
					display: block;
					float: right;
					margin-bottom: 2px;
				}
				
				DIV.nav A
				{
					color: #005581;
					font-size: 11px;
					text-decoration: none;
				}
				
/*
	Registratie
*/

FORM.registratie
{
	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;
		}	
		
/* Form WW vergeten */

FORM.ww_vergeten
{
	margin: 60px auto;
	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;
	}
	
/*
	Veelgestelde vraag
*/

DIV.veelgesteldevraag
{
	height: auto;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}

	DIV.veelgesteldevraag A
	{
		font-weight: bold;
	}
	
	DIV.veelgesteldevraag P
	{
		display: none;
	}
	
/*
	Footer
*/

DIV.columns
{
	float: right;
	margin-top: 20px;
	width: 960px;
}

	DIV.columns DIV.column
	{
		/*border-left: 1px solid #75a3bb;*/
		border-left: 1px solid #FFFFFF;
		/*color: #75a3bb;*/
		color: #FFFFFF;
		float: left;
		font-size: 11px;
		overflow-x: hidden;
		padding-left: 10px;
		width: 169px;
	}
	
		DIV.columns DIV.column *
		{
			/*color: #75a3bb;*/
			color: #FFFFFF;
			font-size: 11px;
			text-decoration: none;
		}
		
DIV.submenu
{
	margin-left: 4px;
	width: 1000px !important;
}
		
/*A.submenu{
	color: 	  red;
	width: 200px;
	height: 20px;
	background-color: white;
	padding: 0 0 0 20px;
	line-height: 0;
	margin: 0 0 0 0;
}*/