/***************************************************************** 
PRE-FIXED BASICS
*****************************************************************/ 
* {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background: #000000;
	color: #000000;
}

a {
	color: #1599d0;
	text-decoration: underline;
}

img {
	border: 0px;
}

.clear {
	clear: both;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	margin: 0px 0px 18px 0px;
}

h1 {
	color: #1599d0;
	font-size: 20px;
}

h2 {
	color: #f09117;
	font-size: 16px;
}

h3 {
	color: #82b82d;
	font-size: 15px;
}

h4 {
	color: #9540cb;
	font-size: 14px;
}

h5 {
	color: #000000;
	font-size: 13px;
}

h6 {
	color: #000000;
	font-size: 12px;
}

.text_9 {
	font-size: 9px;
}

.input {
	border: 1px solid #333333;
	padding: 2px;
}

/***************************************************************** 
CONTAINER
*****************************************************************/ 

#container {
	width: 980px;
	margin: 0 auto;
	background: url(../img/bg_container.gif) repeat-y;
}
 
/***************************************************************** 
LEFT
*****************************************************************/ 

#left {
	float: left;
	width: 210px;
	min-height: 315px;
	_height: 315px;
	padding: 250px 80px 10px 60px;
	background: url(../img/bg_left.jpg) no-repeat;
	color: #FFFFFF;
}

	#left a {
		color: #FFFFFF;
	}

	#left_box_subnav, #left_box_webshopnav, #left_box_megasale, #left_box_nieuwsbrief, #left_box_klantenpas {
		padding: 5px 0;
		background-color: #1599d0;
		border: 5px solid #000000;
	}
	
	#left_box_webshopnav {
		padding: 5px 10px 5px 25px;
	}
	
	#left_box_megasale, #left_box_nieuwsbrief, #left_box_klantenpas {
		background-color: #f09117;
		border-top: none;
		padding: 15px 25px;
		font-weight: bold;
	}
	
	#left_box_nieuwsbrief {
		background-color: #82b82d;
	}
	
		.input_nieuwsbrief {
			background: #ece01c;
			border: 2px #FFFFFF solid;
			padding: 2px;
			width: 142px;
		}
		
		.button_nieuwsbrief {
			background: url(../img/button_nieuwsbrief.gif);
			border: none;
			font-size: 11px;
			font-weight: bold;
			width: 97px;
			height: 26px;
			margin-top: 10px;
		}
	
	#left_box_klantenpas {
		background-color: #9540cb;
		padding: 15px 10px 5px 10px;
	}

	.left_box_footer {
		height: 20px;
		background: url(../img/left_box_footer.png);
	}
	
		#left_box_subnav li {
			list-style: none;
		}
		
			#left_box_subnav li a {
				display: block;
				padding: 5px 25px 5px 25px;
				font-weight: bold;
				color: #FFFFFF;
			}

				#left_box_subnav li a:hover, #left_box_subnav li a.active {
					background: #000000;
					text-decoration: none;
				}
		
		#left_box_webshopnav li {
			list-style: none;
			padding: 5px 0px;	
		}
				
			#left_box_webshopnav li a {
				font-weight: bold;
				color: #FFFFFF;
			}
			
				#left_box_webshopnav li a:hover, #left_box_webshopnav li a.active  {
					text-decoration: underline;
				}
			
/***************************************************************** 
RIGHT
*****************************************************************/ 

#right {
	float: left;
	width: 630px;
	background-image: url(../img/bg_right.jpg);
	background-repeat: no-repeat;
}

	#header {
		height: 200px;
	}
	
	#cart {
		height: 45px;
		float: right;
		margin-top: 20px;
	}
	#cart div{
		display:block;
		float:left;
	}
	
		#cart a {
			color: #FFFFFF;
		}
		
/*		#search {
			height: 45px;
			float: right;
			margin-top: 20px;
		}
		
			.input_search {
				border: solid 2px #eddf00;
				padding: 2px;
				margin-right: 5px;
				width: 130px;
			}
			
			.button_search {
				background: url(../img/button_zoeken.gif);
				border: none;
				font-size: 11px;
				font-weight: bold;
				width: 67px;
				height: 26px;
			}*/
	
		#hoofdnav {
			margin-top: 20px;
			float: right;
			height: 30px;
			padding: 11px 10px 0px 10px;
			background: url(../img/bg_hoofdnav.gif) repeat-x;
			color: #FFFFFF;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: bold;
		}
		
			#hoofdnav li {
				list-style: none;
				float: left;
				margin: 0 10px;
			}
				
				#hoofdnav li a {
					color: #FFFFFF;
				}
	
	#content {
		padding-right: 40px;
	}
	
		#content p {
			margin-bottom: 18px;
			overflow: visible; /* IE 6 BUGFIX zie http://www.positioniseverything.net/explorer/italicbug-ie.html */
			zoom: 1; /* IE 6 BUGFIX zie http://www.positioniseverything.net/explorer/italicbug-ie.html */
		}
	
		#content ul {
			margin: 0px 8px 18px 8px;
		}
		
		#content ol {
			margin: 0px 30px 18px 30px;
		}
		
			#content ul li {
				list-style: none;
				background: url(../img/bullet.gif) left 8px no-repeat;
				padding: 0px 0px 0px 18px;
			}
						
				#content ul li ul {
					margin: 0px;
				}
				
					#content ul li ul li {
						list-style: none;
						background: url(../img/subbullet.gif) left 8px no-repeat;
						padding: 0px 0px 0px 18px;
					}
							
				#content ol li ol {
					margin: 0px 0px 0px 18px;
				}
		
		#content table {
			border-collapse: collapse;
			border-spacing: 0px;
			margin-bottom: 18px;
		}
			
		#content table td {
			padding: 10px;
			border: 1px solid #000000;
			background-color: #F5F5F5;
			border-spacing: 0px;
		}
			
			#content table.no_table_style {
				margin: 0px;
			}
			
			#content table.no_table_style td {
				border: none;
				padding: 5px;
				background-color: transparent;
			}
		
	
		.productbox {
			float: left;
			width: 180px;
			display: inline;
			margin-right: 25px;
			position: relative;
		}
		
			.productactie {
				background: url(../img/bg_actie.gif) left top no-repeat;
				position: absolute;
				width: 47px;
				height: 47px;
				z-index: 99;
				left: 6px;
				top: 6px;
			}
		
			.productbody {
				width: 152px;
				padding: 10px 10px 0px 10px;
				border: 4px solid #000000;
				height: 210px;
				position: relative;
			}
				
				.productfoto{
					height: 150px;
				}
				
			.producttitel {
				position: absolute;
				left: 0px;
				bottom: 0px;
				width: 152px;
			}
					
			.productbox_footer {
				height: 20px;
				background: url(../img/left_box_footer.png);
			}
			
		.kruimelpad_klein {
			font-size: 9px;
			margin-bottom: 10px;
		}
		
		#product_fotobox {
			float: left;
			margin-right: 20px;
			width: 180px;
		}
		
			#product_fotobody {
				padding: 10px;
				border: 4px solid #000000;
				text-align: center;
			}
				
			.product_vergroten {
				background: url(../img/icon_vergroot.gif) 38px 0px no-repeat;
				padding-left: 15px;
				margin: 5px 0px 10px 0px;
				font-size: 9px;
				line-height: 11px;
			}			
		
		#product_omschrijving {
			float: left;
			width: 390px;
		}
		
		.button_bestellen, .button_tabel {
			background: url(../img/button_bestellen.gif);
			border: none;
			font-size: 11px;
			font-weight: bold;
			width: 97px;
			height: 26px;
			margin-top: 10px;
		}
		
		.table_box {
			border: 1px solid #333333;
			background-color: #F5F5F5;
			padding: 10px;
			margin: 20px 0px;
		}
		
		.button_tabel {
			background: url(../img/button_tabel.gif);
		}

/***************************************************************** 
FOOTER
*****************************************************************/ 

#footer {
	width: 920px;
	height: 190px;
	padding: 10px 0px 0px 60px;
	background: url(../img/bg_footer.jpg) left bottom no-repeat;
	font-size: 11px;
	line-height: 14px;
}
	
	#footer td {
		font-size: 11px;
		line-height: 14px;
		padding-bottom: 15px;
	}