@import url(reset.css);
@import url(lightbox.css);

body {
  font: 70% Trebuchet Ms;
  margin:0; padding:0;
  background: #cf9dac;

}
sub
{
font-size:70%;
}
html
{
min-width:700px;
}
a { position: relative;  }
a:link,a:hover,a:visited,a:active
{
  color:#fff;
  text-decoration:none;
  cursor:hand;
}
b{font-weight:bold;}

#visual { background: #ff2121 url(../img/layout/logo.gif) no-repeat top left; width: 100%; height: 220px;
  position: absolute; left: 0px; right: 0px; z-index: 1;
}
h1 { font-size: 140%;  clear: both; color:#fff; border-bottom:1px solid #ccc; text-align:center; margin:0 0 5px 0; letter-spacing:1px;}
h2.nieuws { font-size: 120%; font-weight:bold; clear: both; color:#fff; border-bottom:0px solid #ccc; text-align:left; margin:0 0 5px 0;letter-spacing:3px;}
h2 { font-size: 36px;  clear: both; color:#fff; border-bottom:0px solid #ccc; text-align:right; margin:0 0 7px 0;letter-spacing:3px;}
h3 { font-size: 100%; font-weight: bold; letter-spacing: 2px; text-align:left; margin-bottom:7px;}

/* NAW Gegevens */

#naw {
  position: absolute;
  margin:59px 0 0 -255px;
  left:50%;
  font-size: 100%;
  display: block;
  width: 235px;
  color: #fff;
  z-index: 2;
  line-height:24px;
}

#naw a { text-decoration: none; color: #fff; }

/* Navigatie */

#nav      { position: absolute; margin-right: -255px; right:50%; top: 62px; width: 150px; z-index: 2;padding:0;}
#nav li   { height: 22px; font-size: 100%; width:138px; margin-bottom: 3px; *margin-bottom: -2px; padding: 5px 2px 0px 12px; }
#nav li.selected   { font-weight: bold; }
#nav li a { display:block; text-decoration: none; color: #fff;  letter-spacing: 1.5px; font-size:9pt; font-family:Trebuchet Ms;}

#content {
  position: absolute; top: 302px;
  color:#fff;
  width: 100%; text-align: justify;
}

#text {
  position: absolute; left: 50%; right: 50%; margin-top: 0px;
  width: 500px;
  margin-left: -250px;
}
#shopContent{
	font-family: Arial;
	position: absolute; 
	left: 50%; 
	right: 50%; 
	margin-top: 0px;
  	width: 736px;
  	margin-left: -276px;
	}
#text img { margin: 5px; }

#photos {
  position: relative; top: 220px;
  z-index: 2;
  background:#a76078;
  height: 100px; width: 100%;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#photos #container {
  min-width: 816px;
  position: absolute; left: 50%; right: 50%;
  margin-left: -357px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#photos #container div {
  position:relative;
  display: block; width: 100px; height: 100px; float: left;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#photos {
  position: absolute; top: 220px;
  z-index: 2;
  height: 100px; width: 100%;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#photos #container {
  width: 714px;
  position: absolute; left: 50%; right: 50%;
  margin-left: -357px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#photos #container div {
  display: block; width: 100px; height: 100px; float: left;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#crumbtrail {
  position: absolute;
  left: 50%; right: 50%; margin-top: 10px;
  width: 700px; margin-left: -350px; clear: both;
}
#crumbtrail li   { float: left; font-size: 12px; }
#crumbtrail li a {  color: #000; font-weight: bold; }

#copyright { position: absolute; right: 5px; bottom: 0px; }
#copyright a, img { border: 0; }
#text hr { display: block; border: 1px solid transparent; border-bottom: 1px dashed #8F596A; margin: 5px; margin-bottom: 15px; }

/* Productverkoop */


/* alles moet precies in het midden: */
.product {
	position:relative;
	float:left;
	width: 120px;
	height:220px;
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	margin:10px;
	border:2px solid white;
	background:#a76078;
	text-align:center;
	}

.shopproduct {
	position:relative;
	float:left;
	width: 142px;
	height:220px;
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	margin-left:20px;
	margin-bottom:20px;
	border:1px solid #BCA5AB;
	background:#FFF;
	overflow:hidden;
	}
	#listItemLink{
		position:relative;
		display:block;
		width: 140px;
		height:215px;
		}
	#imageContainerL{
		margin-bottom:10px;
		height:180px;
		width:138px;
		overflow:hidden;
		border: 1px solid #DCDCDC;
		}
		#imageContainerL img{
			width:138px;
			display:block;
			}
		#readMore{
			width: 28px; height:24px;
			background: url('/img/more.jpg');
			position:absolute;
			left:110px;
			top: 190px;
			}			
	#price {
		font-size:15pt;
		font-weight:bold;
		color:#626262;
		}

h1.title{
	text-align:left;
	font-size:16pt;
	font-weight:bold;
	border:0;
	margin: -5px 0 10px 25px;
	
	}	
h2.bestellen{
	font-size:14px;
	font-weight:bold;
	border:0;
	text-align:left;
	}
#leftCol{
	width:420px;
	margin-left:20px;
	}	
	#leftCol img{
		width:400px;
		border:10px solid white;
		}	
#fullBorder {
		width:678px;
		height:auto;
		border:10px solid white;
		padding-top:20px;
		padding-right:20px;
		padding-bottom:20px;
	}	
.formstep{
	margin-left:20px;
	}
#rightCol{	
	position:absolute;
	left:460px;
	width:180px;
	}
	#bestelBlock{
		background:	#A76078;
		border:10px solid white;
		padding:10px 10px 10px 10px;
		position:relative;
		width:237px;
		}
		#bestelBlock p {
			margin:3px 0 3px 0;
			}
	#bestelBlock .fbElement{
		width:300px;
		}	
	#bestelBlock .tbBestellen{
		width:140px;
		}
	#description{
		width:275px;
		padding-top:15px;
		}
		#description p{
			margin: 0;
			line-height:12pt;
			}	
	#description img{
		margin: 0 0 5px 5px;
		}
#cartPlaceHoler{
	width:715px;
	margin-left:20px;
	position:absolute;
	}	
#leftColCart{
	width:480px;
	float:right:
	}
#rightColCart{
	width:120px;
	float:right;
	}						
#shoppingcart{
	font-family: Arial;
	border:10px solid #fff;
	float:left;
	padding:10px 0 0 10px;
	width:500px;
	height:142px;
	position:absolute;
	}	
	#shoppingcart #firstRow{
		font-weight:bold;
		height:15px;
		}
	#shoppingcart #lastRow{
		height:25px;
		padding-top:5px;
		border:0;
		}
	#shoppingcart #row{
		padding-top: 5px;
		height:30px;
		width:480px;
		border-bottom:1px solid #A76078;
		}
	#shoppingcart #cell{
		float:left;
		position:relative;
		overflow:hidden;
		}
		#cell input{
			height: 13px;
			font-size:10px;
			border:0;
			}
	#shoppingcart .products{
		width: 230px;
		height:auto;
		padding-right:5px;
		overflow:hidden;
		}
	#shoppingcart .aantal{
		width: 70px;
		}		
	#shoppingcart .maat{
		width: 50px;
		}
	#shoppingcart .prijs{
		width: 60px;
		}
	#shoppingcart .subtotaal,
	#shoppingcart .totaal{
		width: 60px;
		}
	#shoppingcart .totaal{
		font-weight:bold;
		}	
#optionsBlock{
	background:	#A76078;
	border:10px solid white;
	padding:10px 10px 10px 10px;
	width: 130px;
	float:right;
	}			

	#bestelBlock .button{
		display:block; 
		background: url('/img/bestellen.jpg') no-repeat;
		border:0;
		width:200px;
		height:30px;
		float:left;
		}	
	#orderForm label{
		display:block; 
		width:5em; 
		float:left;
		}
	#orderForm label.error{
		width:auto;
		}	
	#orderForm .fbElement, 
	#orderForm .fbContainer {	
		padding:0;
		}
	#orderForm select,
	#orderForm input{
		display:block; 
		margin:5px;
		}
	#orderForm .fbContainerTitle{
		display:none;
		}
#paging{
	clear:left;
	position:relative;
	padding:0 0 15px 20px;
	font-size:12pt;
	}
	#paging a{
		color: #FFF;
		}
	#paging .current,
	#paging .nextLink,
	#paging .prevLink {
		font-weight:bold;
		}
#goBack{
	clear:both;
	font-size:12pt;
	font-weight:bold;
	margin:10px 0 10px 20px;
	}
	#goBack a {
		color: #FFF;
		}
#merkenPlaceholder{
	background:#fff;
	position:relative;
	margin-left:20px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	height: auto;
	width: 716px;
	font-family: Arial;
	}
#merkenContainer {
	background:#F0DBE2;
	position:relative;
	top: 10px;
	height: auto;
	width:541px;
	margin: 10px;
	padding-bottom: 10px;
	}
#merkenContainer h1 {
	color:#A95F78;
	font-size:15px;
	text-align:left;
	border:0;
	padding:8px 0px 0px 10px;
	}	
	ul#merken{
		padding-left:10px;
		list-style:none;
		height:auto;
		}
		ul#merken li{
			float:left;
			width:177px;
			margin-top:2px;
			}
		ul#merken li a {
			color:#626262;
			text-decoration:none;
			}
		ul#merken li#active a{
			font-weight:bold;
			color:#A95F78;
			}		
#buttonsCol{
	float:right;
	position:absolute;
	width:153px;
	height:108px;
	top:10px; left:552px;
	}
	#idealButton{
		background: url('/img/ideal.jpg') 100px no-repeat;
		position:absolute;
		margin-top:5px;
		float:right;
		width: 153px; height:47px;
		}
	#cartButton{
		background: url('/img/cart.jpg') 100px no-repeat;
		position:absolute;
		top:53px;
		float:right;
		width: 153px; height: 50px;
		}

		.buttonText,
		.iDealButtonText{
			color:#A76078;
			font-weight:bold;
			position:absolute;
			top:15px; left:8px;
			}
		.iDealButtonText{
			top:8px; left:8px;
			}
		.iDealButtonText a{
			color:#A76078;
			}	
		#cartButton #cart{
			width: 153px;
			display:block;
			}
			#cartButton #cart .amount {
				color:#A95F78;
				left:200px;
				margin:15px 0 0 130px;
				width: 153px; height: 50px;
				}
#genContent{
	padding-left:20px;
	}
#genContent p{
	margin:0;
	}
.product h1  { width: 365px; float: right; clear: right; }
.product h3   {  text-align:center}

/* Fotogallerij */

.photo { width: 300px; margin-bottom: 10px; }
.photo img { width: 100px; margin-right: 10px; float: left;  }
.photo h1  { width: 190px; float: right; clear: right; }
.photo p   { width: 190px; float: right; clear: right; font-size: 100%;}

.alignleft { float: left; }
.alignright { float: right; }

.clearfix {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
}