/* GENERAL */

* 
{
	margin	: 0px;
	padding	: 0px;
}

html { overflow: auto; }

body 
{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 0.6em;
	background-image	: url('../img/bg.png');
	background-repeat	: repeat;
}

h1, h2, h3, h4, h5, h6, h7, h8 
		{ font-size: 1em; }
p 		{ margin: 5px 0px 5px 0px; line-height: 1.5em; }
a 		{ text-decoration: none; }
ul		{ list-style-position: inside; }
img		{ border: none; }
table 	{ width: 100%; border-collapse: collapse; }


.clear { float: none; clear: both; }

#colMid h1 
{ 
	color		: #666;
	font-size	: 2em; 
}

/* LAYOUT ELEMENTS */

#container 
{
	width	: 800px;
	height	: auto;
	margin	: auto;
	
	background-color: #fff;
}

#header
{
	position	: relative;
	width		: 100%;
}

#header img
{
	/* This is added to avoid a 2px gap below the image in ie6 */
	vertical-align: bottom;
}

#vertMenu {	width: 100%; }

#colLeft
{
	float		: left;
	width		: 125px;
	text-align	: center;
}

#colMid
{
	float	: left;
	width	: 520px;
	margin	: 8px 5px 5px 5px;
}

#colRight
{
	float		: right;
	width		: 125px;
	text-align	: center;
}

#footer
{
	width		: 100%;
	text-align	: center;
}

/* OTHER STUFF */

#vertMenu ul 
{ 
	list-style	: none; 
	margin		: 0px 5px 0px 5px;
}
#vertMenu a
{
	display	: block;
	color	: #fff;
}
#vertMenu a:hover { text-decoration: underline; }

#nav li
{
	float	: right;
	padding	: 3px 0px 3px 0px;
}
#nav a 
{ 
	padding		: 0px 5px 0px 5px;
	border-right: 1px SOLID #fff; 	
}

#nav .first a 	{ border: none; }

#breadCrumps li
{
	float	: left;
	padding	: 3px 0px 3px 0px;
}
#breadCrumps a
{
	padding: 0px 3px 0px 3px;
}

/* Adding display: inline; will get the 'double margin float bug' fixed in ie6 */
.col 		{ display: inline; overflow: hidden; } 
.col h3 	{ padding: 2px; margin: 0px 0px 2px 0px; }
.colSide 	{ margin: 8px 5px 0px 5px; }

.textBox 	
{ 
	text-align		: left; 
	margin			: 0px 0px 8px 0px;
	background-color: #eeeeee; 
}
.textBox h3				{ width: 100%; margin: 0px; }
.textBox ul, .textBox p	{ margin: 0px; padding: 0px; }
.textBox .content 		{ padding: 5px;
						  border-left	: 1px SOLID #666; 
						  border-bottom	: 1px SOLID #666; 
						  border-right	: 1px SOLID #666; }
.roundCorner h3 		{ width: auto; } 

#catMenu li	
{ 
	list-style		: none;
	overflow		: hidden; 
	border-bottom	: 1px SOLID #ccc; 
}
#catMenu li:hover 	{ background-color: #fff; }
#catMenu .last 		{ border: none; }
#catMenu a
{
	display	: block;
	width	: 100%;
	height	: 100%;
	padding	: 3px;
	color	: #333;
}

#talen 
{
	height		: 19px;
	overflow	: hidden;
	
	list-style			: none;
	list-style-position	: outside;
}
#talen li 
{
	float: left;
}
#talen a
{
	display	: block;
	padding	: 2px;
	cursor	: pointer;
}
#talen .img
{
	display	: block;
	width	: 24px;
	height	: 15px;
	
	background-color: #666;
}
#talen .first
{
	margin-left: 13px;/**/
}
#talen .active
{
	padding			: 2px;
	background-color: #6097f2;
}
#talen a:hover
{
	padding			: 2px;
	background-color: #4f9ad4;
}
#talen .clear { float: none; }

.overviewCaption	
{ 
	border-bottom	: 1px DOTTED #666; 
	border-top		: 1px SOLID #666; 
	font-size		: 1.1em;
	text-align		: center; 
}
.overview th		{ width: 60px; border-bottom: 1px SOLID #666; }
.overview th, td 	{ padding: 5px; vertical-align: top; }
.overview .odd 		{ background-color: #eee; }
.overview .even		{ background-color: #fff; }

.overview a.bestel, a.details 
{ 
	display		: block;
	padding		: 6px 14px 6px 0px;
	color		: #333; 
}

.overview a.bestel
{
	background-image	: url( '../img/ws_icon_bestel.gif' );
	background-repeat	: no-repeat;
	background-position	: center right;
}

.overview a.details
{
	background-image	: url( '../img/ws_icon_details.gif' );
	background-repeat	: no-repeat;
	background-position	: center right;
}

.overview a:hover	{ text-decoration: underline; }

#productImage 					{ float: left; margin: 10px; }
#productDetails 				{ float: left; margin: 10px 0px 0px 0px; }
#productDetails .omschrijving 	{ border-bottom: 1px DOTTED #333; }
#productDetails .prijs 			{ font-weight: bold; }
#productDetails .bestelLink
{
	width		: 200px;
	height		: 20px;
	padding		: 4px 0px 0px 0px;
	color		: #fff;
	font-weight	: bold;
	text-align	: center;
	
	background-color: #CC66FF;
}
/*pagelinks*/
div#PageLinks {
	font-weight: bold;
	float: right;
}
div#PageLinks a {

	background: #EFEFEF;
	text-align: center;
	border: 1px solid #DEDEDE;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 5px;
}
div#PageLinks a:active, div#PageLinks a:hover {background: #6097f2;color: #FFFFFF;}
div#PageLinks a.active {
	background: #6097f2;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #DEDEDE;
}
div#PageLinks a.active:active, div#PageLinks a.active:hover {background: #6097f2;}
/*//pagelinks*/

#productDetails .bestelButton
{
	width		: 200px;
	height		: 20px;
	margin		: 10px 0 10px 0;
	/*padding		: 4px 0px 0px 0px;*/
	color		: #fff;
	
	font-family	: verdana;
	font-size	: 1.0em;
	font-weight	: bold;
	text-align	: center;
	
	background-color: #CC66FF;
	border			: none;
}
#productDetails .bestelButton:hover
{
	color: #ccc;
	cursor: pointer;
	cursor: hand;
}
#productDetails .bestelLink:hover
{
	text-decoration: underline;
}
#productDetails .kenmerken, .afmetingen, .prijs, .bestelLink, .artikelnr
{
	display	: block;
	margin	: 10px 0px 0px 0px;
}
#productDetails .afmetingen select
{
	width: 100px;
}

#bottomBar
{
	overflow: auto;
	padding	: 2px;
	
	border-top		: 1px DOTTED #666; 
	border-bottom	: 1px SOLID #666; 
}
#bottomBar .left 	{ float: left; }
#bottomBar .right 	{ float: right; }

#footer .date 	{ padding: 1px; }

/* COLORS */

.barColor 
{ 
	color				: #fff;
	font-weight			: bold;
	background-color	: #6097f2; 
}

.barColorLight
{
	color			: #333;
	background-color: #CCCCFF;
}