/* Alle styles voor de ombouw */

/* Pad */
#pad {
	width: 952px;
	overflow: hidden;
}

	#pad p {
		padding: 10px 20px;
	}
	
	#pad span {
		color: #6f49a0;
	}
	
	#pad a {
		text-decoration: underline;
	}
	
	#pad a:hover {
		text-decoration: none;
	}
	
/* Header */
#hd {
	width: 938px;
	height: 197px;
	margin: 0 0 0 14px;
}

	#hdLogo {
		width: 173px;
		height: 197px;
		background: #fff url(../img/layout/achtergronden/bgHdLogo.gif) repeat-y left top;
		float: left;
	}
	
		#hdLogo img {
			margin: 17px 0 0 30px;
		}
	
	#hdFlash {
		width: 751px;
		height: 164px;
		margin: 0 14px 0 0;
		background: #fff url(../img/layout/achtergronden/bgHdFlash.jpg) no-repeat right top;
		float: left;
	}
	
		#flashArtsen {
			width: 520px;
			height: 164px;
			float: left;
		}
		
		#hdWinkelwagen {
			width: 231px;
			height: 164px;
			float: left;
		}
		
			#boxWinkelwagen {
				width: 186px;
				height: 139px;
				margin: 13px 0 0 22px;
				background: url(../img/layout/achtergronden/bgWinkelwagen.jpg) no-repeat left top;
			}
			
				#inhoudWinkelwagen {
					width: 168px;
					height: 121px;
					margin: 7px 9px;
					position: absolute;
				}
				
					p.headWinkelwagen {
						margin: 0 0 5px 0;
						display: block;
						font-size: 1.2em;
						font-weight: bold;
					}
					
					#overzicht {
						width: 168px;
						margin: 10px 0 2px 0;
						float: left;
					}
					
						.overzichtTitel {
							width: 110px;
							display: block;
							float: left;
						}
						
						.overzichtPrijs {
							width: 58px;
							display: block;
							text-align: right;
							font-weight: bold;
							float: left;
						}
					
					#totaal {
						width: 168px;
						padding: 3px 0 0 0;
						border-top: #9167b6 1px solid;
						float: left;
					}
					
					#btnWinkelwagen {
						width: 84px;
						padding: 10px 0 0 64px;
						float: left;
					}
	
	#hdContainerLogin {
		width: 765px;
		height: 33px;
		background: url(../img/layout/achtergronden/bgHdLogin.gif) no-repeat right top;
		float: left;
	}

		#hdLogin {
			width: 765px;
			height: 33px;
			background: url(../img/layout/achtergronden/bgBar.gif) repeat-x left top;
			float: left;
		}
		
			#hdLoginLt {
				width: 540px;
				height: 33px;
				background: url(../img/layout/achtergronden/bgBarLt.gif) no-repeat left top;
				float: left;
			}
			
				#hdLoginLt div {
					float: left;
				}
			
				#hdLoginLt p {
					padding: 10px 0 10px 10px;
					color: #fff;
				}
				
					.loginTxt {
						padding: 0 0 0 10px;
					}
				
						.loginTxt a {
							text-decoration: none;
							color: #fff;
						}
				
						.loginTxt a:hover {
							color: #d4c9e3;
							text-decoration: none;
						}
			
			#hdLoginRt {
				width: 225px;
				height: 33px;
				background: url(../img/layout/achtergronden/bgBarRt.gif) no-repeat right top;
				float: left;
			}
			
				#hdLoginRt p {
					padding: 10px 20px 10px 0;
					color: #fff;
					text-align: right;
				}
				
				#hdLoginRt a {
					text-decoration: none;
					color: #fff;
				}
				
				#hdLoginRt a:hover, #menuTopRt a.selected, #menuTopRt a.selected:hover {
					color: #d4c9e3;
					text-decoration: none;
				}

/* Content */
#bgOutline {
	margin: 0 0 0 14px;
	background: url(../img/layout/achtergronden/bgOutline.gif) repeat-y left top;
}

	#bgContent {
		background: url(../img/layout/achtergronden/bgContent.jpg) no-repeat right top;
	}
	
	#bgContent UL{
		MARGIN-left:25px;
		list-style-type:disc;
	}
	
	/* Left */
	#containerLt {
		width: 190px;
		background: url(../img/layout/achtergronden/bgTransLtMenu.jpg) no-repeat 1px 100px;
		overflow: hidden;
	}
	
		#ltInleiding {
			width: 176px;
			background: url(../img/layout/achtergronden/bgTransLtTop.gif) no-repeat right bottom;
			overflow: hidden;
		}
		
			#ltInleiding p {
				padding: 10px 15px;
			}
		
		.ltInfo {
			width: 190px;
			margin: 0 0 20px 0;
			background: url(../img/layout/achtergronden/bgBorder.gif) repeat-y 175px top;
			overflow: hidden;
		}
		
			.ltBar {
				width: 190px;
				height: 33px;
				background: url(../img/layout/achtergronden/bgBar.gif) repeat-x left top;
			}
			
				.ltBarHead {
					width: 190px;
					height: 33px;
					background: url(../img/layout/achtergronden/bgBarRt.gif) no-repeat right top;
				}
				
					.ltBarHead p {
						padding: 8px 15px;
						font-size: 1.2em;
						font-weight: bold;
						color: #fff;
					}
			
			.containerLtTxtTop {
				width: 175px;
				margin: 0 0 20px 1px;
			}
			
			.containerLtTxt {
				width: 175px;
				height: 200px;
				margin: 0 0 0 1px;
				background: url(../img/layout/achtergronden/bgTransLtBottom.gif) no-repeat right bottom;
			}
			
				.ltTxtLast {
					width: 174px;
					background: #fff;
				}
				
					.ltTxtLast p {
						padding: 10px 14px;
					}
					
					.ltTxtLast div {
						background: url(../img/layout/achtergronden/bgBorder.gif) repeat-x left bottom;
					}

	/* Right */
	#containerRt {
		width: 280px;
		margin: 20px 0;
		overflow: hidden;
	}
	
		.rtInfo {
			width: 280px;
			margin: 0 0 20px 0;
			background: url(../img/layout/achtergronden/bgBorder.gif) repeat-y 30px top;
			overflow: hidden;
		}
		
			.rtBar {
				width: 280px;
				height: 33px;
				background: url(../img/layout/achtergronden/bgBar.gif) repeat-x left top;
			}
			
				.rtBarHeadLt, .rtBarHeadLtPurple {
					width: 225px;
					height: 33px;
					float: left;
				}
				.rtBarHeadLt {
					background: url(../img/layout/achtergronden/bgBarLt.gif) no-repeat left top;
				}
				.rtBarHeadLtPurple {
					background: url(../img/layout/achtergronden/bgBarLtPurple.gif) no-repeat left top;
				}
				
					.rtBarHeadLt p, .rtBarHeadLtPurple p {
						padding: 8px 0 8px 20px;
						font-size: 1.2em;
						font-weight: bold;
						color: #fff;
					}
				
				.rtBarHeadRt {
					width: 55px;
					height: 33px;
					background: url(../img/layout/achtergronden/bgBarRt.gif) no-repeat right top;
					float: left;
				}
				
					.rtBarHeadRt img {
						margin: 1px 0 0 10px;
					}
			
			.containerRtTxt {
				display: inline;
				width: 235px;
				margin: 0 15px 0 30px;
				background: url(../img/layout/achtergronden/bgBorder.gif) repeat-x 30px bottom;
				overflow: hidden;
				float: left;
			}
			
				.rtTxt {
					width: 234px;
					margin: 0 0 1px 1px;
					padding: 0 0 10px 0;
					background: #fff;
					overflow: hidden;
				}
				
					.rtTxt p {
						padding: 10px 14px 0 14px;
					}
					
						.rtTxt p.clear {
							clear: left;
						}
					
					.rtTxt div {
						padding: 10px 0 0 0;
					}
					
					.rtTxt ul, .rtTxt ul li {
						list-style: decimal;
						margin: 0 0 10px 0;
					}
					.rtTxt ul {
						padding: 0 14px 0 32px;
					}
					.rtTxt ul li {
						margin: 0 0 5px 0;
					}
					
						.rtTxt ul li a {
							color: #000;
						}
					
						.searchRadio {
							margin: 0 0 0 14px;
						}
				
					#aanbiedingen {
						width: 234px;
						margin: 0 0 1px 1px;
						padding: 10px 14px;
						background: #fff;
						overflow: hidden;
					}
					
					#latest {
						width: 234px;
						margin: 0 0 1px 1px;
						padding: 0 14px 10px 14px;
						background: #fff;
						overflow: hidden;
					}
					
						.aanbieding {
							width: 206px;
							margin: 0 0 2px;
						}
						
							.aanbiedingProduct {
								width: 148px;
								float: left;
							}
							
							.aanbiedingPrijs {
								width: 58px;
								text-align: right;
								float: left;
							}
							
							.prijs{
							    text-align:right;
							    font-weight: bold;
							}
							

/* Footer */
#ft {
	width: 924px;
	height: 44px;
	margin: 0 14px;
	background: url(../img/layout/achtergronden/bgOutline.gif) repeat-y left top;
}

	#ftContent {
		width: 884px;
		margin: 0 20px;
		border-top: #6f49a0 1px solid;
	}
	
		#ftContent p {
			padding: 10px 0;
			color: #6f49a0;
		}
		
		#ftContent a {
			text-decoration: none;
		}
		
		#ftContent a:hover, #ftContent a.selected, #ftContent a.selected:hover {
			text-decoration: underline;
		}