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

body {
	height: 100%;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: 980px top;
	background-color: #d2e2ee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

a {
	color: #af0707;
	text-decoration: none;
}
	
	a:hover {
		color: #af0707;
		text-decoration: underline;
	}

img {
	border: 0px;
}

.clear {
	clear: both;
}

.formfield {
	border: 1px solid #0066CC;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	margin-bottom: 3px;
}
/***************************************************************** 
CONTAINER
*****************************************************************/ 

#container {
	position: absolute;
	width: 980px;
	background-image: url(../img/bg_container.gif);
	background-repeat: repeat-y;
	min-height: 100%;
	_height: 100%;
}
 
/***************************************************************** 
HEADER
*****************************************************************/ 
 	
#header {
	width: 980px;
	height: 235px;
	background-image: url(../img/bg_header.jpg);
	
}
	
	#searchbox {
		float: right;
		margin-top: 12px;
		width: 165px;
	}
	
		#searchbox .inputfield {
			width: 104px;
			height: 14px;
			border: 1px solid #0066CC;
			padding: 3px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #0066CC;
		}
		
		#searchbox .button {
			height: 23px;
			width: 40px;
			background-color: #0066CC;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #FFFFFF;
			border: 1px solid #FFFFFF;
		}
		
	#cartbox {
		float: left;
		margin-top: 144px;
		margin-left: 220px;
		height: 30px;
		line-height: 30px;
		color: #FFFFFF;
		display: inline;
	}
	
		#cartbox div {
			display:block;
			float:left;
		}
		#cartbox a {
			text-decoration: none;
			color: #FFFFFF;
		}
		
			#cartbox a:hover {
				text-decoration: underline;
				color: #FFFFFF;
			}
			
	#fotoframe {
		float: right;
		margin: 27px 15px 0px 0px;
		width: 165px;
		height: 124px;
	}
 
/***************************************************************** 
LEFT
*****************************************************************/ 

#left {
	float: left;
	width: 181px;
	margin-right: 1px;
	padding-left: 18px;
	min-height: 330px;
	_height: 330px;
	background-image: url(../img/bg_left.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	display: inline;
}
	
	
	#menu ul li {
		list-style: none;
		width: 133px;
		line-height: 28px;
		padding: 0px 0px 5px 35px;
		background-image: url(../img/bg_menuitem.gif);
		background-repeat: no-repeat;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	#webshopmenu {
		margin-bottom: 300px; /* Zelfde als footer + beetje extra */
	}
	
	#webshopmenu ul li {
		list-style: none;
		line-height: 28px;
		padding: 0px 0px 5px 35px;
		background-image: url(../img/bg_webshopitem.gif);
		background-repeat: no-repeat;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
		#menu ul li a, #webshopmenu ul li a {
			text-decoration: none;
			color: #FFFFFF;
		}
			
		#menu ul li ul li {
			padding: 0px 0px 0px 12px;
			line-height: 18px;
			margin: 5px 0px 0px 0px;
			background-image: url(../img/bg_subitem.gif);
			background-repeat: no-repeat;
			background-position: left 7px;
		}
			
		#webshopmenu ul li ul li {
			padding: 0px;
			line-height: 18px;
			margin: 5px 0px 0px 0px;
			background-image: none;
		}
			
/***************************************************************** 
CENTER
*****************************************************************/ 

#center {
	float: left;
	width: 580px;
	background-image: url(../img/bg_main.jpg);
	background-repeat: no-repeat;
	display: inline;
}

	.content {
		width: 520px;
		margin: 0px 30px;
		line-height: 20px;
	}

		h1 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 24px;
			font-weight: bold;
			color: #072d59;
			margin: 10px 0px;
		}
		
		h2 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #072d59;
			margin: 10px 0px;
		}
		
		.content td {
			padding: 3px;
		}
		
	#acties {
		width: 500px;
		height: 245px;
		padding: 15px 20px 20px 20px;
		margin: 20px;
		background-image: url(../img/bg_acties.jpg);
		background-repeat: no-repeat;
	}
	
	#product_top, #product_top_acties {
		width: 520px;
		height: 28px;
		margin: 0px 20px;
		padding: 10px 20px 0px 0px;
		background-image: url(../img/bg_product_top.jpg);
		background-repeat: no-repeat;
		font-size: 9px;
		text-align: right;
	}
	
	#product_top_acties {
		background-image: url(../img/bg_product_top_acties.jpg);
	}
	
	#product_body {
		width: 500px;
		padding: 0px 20px 5px 20px;
		margin: 0px 20px 0px 20px;
		background-image: url(../img/bg_product.gif);
		background-repeat: repeat-y;
	}
		
		#product_fotobox {
			float: left;
			text-align: left;
			margin-right: 20px;
		}
			
			.product_foto {
				background-color: #FFFFFF;
				width: 140px;
				padding: 5px;
				text-align: center;
				margin-bottom: 20px;
			}
				
				.product_vergroten {
					background-image: url(../img/icon_vergroot.gif);
					background-repeat: no-repeat;
					background-position: 38px 0px;
					padding-left: 15px;
					margin-top: 5px;
					font-size: 9px;
					line-height: 11px;
				}
		
		#product_tekst {
			float: left;
			width: 330px;
		}
		
			.old_price {
				color: #af0707;
				text-decoration: line-through;
				font-weight: bold;
			}
			
			#product_tekst ul {
				list-style: none;
			}
	
				#product_tekst ul li {
					padding-left: 10px;
					background-image: url(../img/bg_bullet.gif);
					background-repeat: no-repeat;
					background-position: left center;
				}
	
		.productbox {
			float: left;
			width: 140px;
			height: 190px;
			margin: 0px 5px 20px 10px;
			padding: 5px;
			background-color: #FFFFFF;
			position: relative;
			display: inline;
		}
		
			.productbox img {
				margin-bottom: 10px;
			}
			
			.productactie {
				background: url(../img/bg_actie.gif) left top no-repeat;
				position: absolute;
				width: 40px;
				height: 40px;
				left: 5px;
				z-index: 99;
			}
	
		#product_buttons {
			width: 500px;
			text-align: right;
			padding-top: 20px;
		}
			
			.button_tellafriend {
				width: 130px;
				height: 30px;
				margin: 0px 20px;
				border: none;
				background: url(../img/bg_button_130.gif);
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #FFFFFF;
				font-weight: bold;
			}
			
			.button_bestellen {
				width: 130px;
				height: 30px;
				border: none;
				background: url(../img/bg_button_rood_130.gif);
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #FFFFFF;
				font-weight: bold;
			}
	
	#product_bottom {
		width: 520px;
		height: 43px;
		margin: 0px 20px;
		background-image: url(../img/bg_product_bottom.jpg);
		background-repeat: no-repeat;
		text-align: right;
		padding: 5px 20px 0px 0px;
	}
	
	#zoek_resultaat {
		list-style-type: none;
		margin-left: 15px;
		margin-top: 10px;
	}
	
		#zoek_resultaat li {
			padding-left: 15px;
			background-image: url(../img/bg_bullet.gif);
			background-repeat: no-repeat;
			background-position: 0px 8px;
		
		}
	
/***************************************************************** 
RIGHT
*****************************************************************/ 

#right {
	float: left;
	width: 168px;
	padding: 20px 16px 0px 16px;
	min-height: 325px;
	_height: 325px;
	background-image: url(../img/bg_right.jpg);
	background-repeat: no-repeat;
	display: inline;
}

	.nieuwsbriefbox {
		background: url(../img/bg_newsletter.gif);
		height: 75px;
		padding: 40px 20px 10px 20px;
		margin-bottom: 30px;
		color: #FFFFFF;
	}
	
		.nieuwsbriefboxinput {
			width: 128px;
			border: 1px solid #000;
			margin: 5px 0px;
		}
		
		.nieuwsbriefboxbutton {
			border: 1px solid #000;
			color: #FFFFFF;
			background: #CC0000;
			margin: 3px 0px;
			padding: 2px 10px;;
			font-size: 11px;
		}

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

#footer {
	position: absolute;
	bottom: 0;
	width: 169px;
	height: 30px;
	padding-top: 120px;
	padding-left: 30px;
	background: url(../img/bg_footer.jpg) no-repeat;
	font-size: 9px;
}

	#footer a {
		text-decoration: none;
		color: #FFFFFF;
	}
		
		#footer a:hover {
			text-decoration: underline;
			color: #FFFFFF;
		}