/*
 * 	content.css
 *
 *	Page styles
 *
 *
 *	Pages:
 *
 *	default
 *	winkelwagen
 *	verlanglijstje
 *	faq
 *	sitemap
 *	vrije pagina's
 *	
 *	 
 *	
 */
 
 
/* -------------------------------------------------------------------------
	Content
*/

#content {
	width: 593px;
	height: auto;
	margin: 22px 15px 0 20px;
	float:left;
	font-size: 12px;
}

#content-breadcrumb {
	width: 100%;
	float: left;
	font-size: 11px;	
	margin-bottom: 17px;
}

#content-breadcrumb a, 
#content-breadcrumb a:link, 
#content-breadcrumb a:active, 
#content-breadcrumb a:focus,
#content-breadcrumb a:visited {
	color: #676767;
}

#content-block {
	
}

#content-block ul{
	list-style-type: disc;
	margin: 0px 0px 0px 15px;
}

/* -------------------------------------------------------------------------
	Home
*/


.content-items-half-footer {
	width: 591px;
	float: left;
	margin-bottom: 12px;
	clear: both;
}

.content-items-half {
	width: 591px;
	float: left;
	background: #fff url(../../img/content/content-item-half-container.gif) repeat-y top left;	
}

.content-item-full {
	/*height: 188px;*/
	border-top: 1px solid #c0c0c0;
	width: 581px;
	float: left;
	margin-bottom: 12px;
	padding: 6px;
	background: #fff url(../../img/content/content-item-full-bg.gif) no-repeat bottom left;
}

.content-item-half-left,
.content-item-half-right {
	/*height: 188px;*/
	width: 581px;
	float: left;
	margin-bottom: 12px;
	padding: 6px;
	background: #fff url(../../img/content/content-item-full-bg.gif) no-repeat top left;
}


.content-item-half-left,
.content-item-half-right {
	float: left;
	width: 274px;
	background-image: url(../../img/content/content-item-half-bg.gif);
}

.content-item-half-right {
	float: right;
}

.content-item-text {
	height: 129px;
}
	
.content-item-thumb {
	float: left;
	padding-right: 8px;
	padding-bottom: 10px;
}
.content-item-heading,
.content-item-nummer {
	font-weight: bold;
	color: #fe0000;
	line-height: 16px;	
}

.content-item-nummer {
	font-weight: normal;
	font-size: 10px;
}

.content-item-footer {
	clear: both;
	width: 100%;
	height: 50px;
	padding-left: 5px;	
}

.content-item-price {
	float: left;
	width: 100px;
	margin-top: 7px;
	font-size: 18px;
	font-weight: bold;
	color: #fe0000;
	height: 20px;
}

.content-item-price-grey {
	height: 20px;
	float: left; 	
	clear: both;
	width: 150px;
	display: inline-block;
}
.content-item-price-grey a{
	color: #676767;
}
.price-label-grey{
	height: 20px;
	float: left; 	
	width: 50px;
	display: inline-block;
	padding-top: 10px;
}

.content-item-bestellen {
	float: right;
}

.content-item-bestellen a, 
.content-item-bestellen a:link, 
.content-item-bestellen a:active,
.content-item-bestellen a:focus,
.content-item-bestellen a:visited {
	float: right;
	width: 85px;
	height: 30px;
	line-height: 29px;
	margin-right: 5px;
	margin-top: 8px;
	padding: 0px 3px 3px 30px;
	background-image: url(../../img/content/content-item-winkelwagen.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #3c3c3c;
	text-transform: uppercase;
}

.content-item-bestellen a:hover {
	text-decoration: underline;
}

content-item-overview-bestellen {
	float: right;
}

.content-item-overview-bestellen a, 
.content-item-overview-bestellen a:link, 
.content-item-overview-bestellen a:active,
.content-item-overview-bestellen a:focus,
.content-item-overview-bestellen a:visited {
	float: right;
	width: 85px;
	height: 30px;
	line-height: 29px;
	margin-right: 5px;
	margin-top: 4px;
	padding: 0px 3px 3px 30px;
	background-image: url(../../img/content/content-item-winkelwagen.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #3c3c3c;
	text-transform: uppercase;
}

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

.content-paging {
	width: 100%;
	/*border: 1px solid red;*/
	text-align: center;
}

/* -------------------------------------------------------------------------
	categorie overzicht
*/

.content-categorie-left,
.content-categorie-right {
	height: 131px;
	width: 274px;
	float: left;
	margin-bottom: 12px;
	padding: 6px;
	border: 1px #c0c0c0 solid;
}

.content-categorie-right {
	float: right;
}

.content-categorie-thumb {
	float: left;
	padding-right: 8px;
	padding-bottom: 10px;
}
.content-categorie-heading {
	font-weight: bold;
	color: #fe0000;
	line-height: 16px;
	padding-bottom: 16px;
}


/* -------------------------------------------------------------------------
	Winkelwagen, verlanglijstje
*/			

.content-tabel a,
.content-tabel a:link, 
.content-tabel a:active,
.content-tabel a:focus,
.content-tabel a:visited {
	color: #666;
}

.content-tabel a:hover {			
	color: #fe0000;
}


.content-tabel table {
	width: 593px;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 11px;
}

.content-tabel td {
	text-align: left;
	border-left: 1px solid white;
}
.content-tabel tr {
	border: none;
}

.content-table-header td {
	background-color: #fd0002;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid white;
	padding: 2px 0 2px 6px;
}

.content-table-odd {
	background-color: #e4e4e4;
}

.content-table-even {
	background-color: #bcbcbc;
}

.content-table-even td {
	color: #000000;
	height: 32px;
	border-left: 1px solid white;
	padding: 1px 6px 1px 6px;
}
.content-table-even td a,
.content-table-even td a:link, 
.content-table-even td a:active,
.content-table-even td a:focus,
.content-table-even td a:visited {
	color: #000000;
}

.content-table-odd td {
	color: #666;
	height: 32px;
	border-left: 1px solid white;
	padding: 1px 6px 1px 6px;
}

.content-table-no-bg {
	background-color: white;
}

.content-tabel select,
.content-tabel input {
	font-size: 11px;				
	margin: 1px;
	padding: 1px;
	border: 1px solid black;				
}

.content-tabel input {
	width: 98px;

}			

.content-tabel-bg-yellow {
	background-color: #fd0002;
	color: #ffffff !important;
}			

.content-table-select-eigenschap {
	width: 98px;
}

.content-table-select-aantal {
	width: 36px;
}			

#content-winkelmand-stappen {
	color: #3c3c3c;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 18px;
	height: 17px;
	line-height: 17px;
}

.content-winkelmand-stappen-grey { 
	color: #bcbcbc;
}

.content-winkelmand-korting {
	color:#ffffff;
	float:right;
	font-size:16px;
	font-weight:bold;
	height:32px;
	line-height:32px;
	text-align:right;
}

.content-winkelmand-next a,
.content-winkelmand-next a:link, 
.content-winkelmand-next a:active,
.content-winkelmand-next a:focus,
.content-winkelmand-next a:visited,
#content-winkelmand-next a,
#content-winkelmand-next a:link, 
#content-winkelmand-next a:active,
#content-winkelmand-next a:focus,
#content-winkelmand-next a:visited {						
	float: right;
	text-align: right;
	height: 24px;
	line-height: 21px;
	padding: 3px 0 0px 30px;
	background-image: url(../../img/content/content-icon-next.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #3c3c3c !important;
	text-transform: uppercase;
}

.content-winkelmand-next a:hover,
#content-winkelmand-next a:hover {
	color: #fe0000 !important;
	text-decoration: underline;
}

#content-winkelmand-prev a,
#content-winkelmand-prev a:link, 
#content-winkelmand-prev a:active,
#content-winkelmand-prev a:focus,
#content-winkelmand-prev a:visited {						
	float: left;
	text-align: left;
	height: 24px;
	line-height: 21px;
	padding: 3px 0 0px 30px;
	background-image: url(../../img/content/content-icon-prev.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #3c3c3c !important;
	text-transform: uppercase;
}
#content-winkelmand-prev a:hover {
	color: #fe0000 !important;
	text-decoration: underline;
}

.cart-subscriber-info{
	background-color: #ffffff;
}
.cart-info-box{
}
.cart-info-header{
	background-color: #FD0002;
	color: #000000;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding: 0px 6px 0px 6px;
	text-transform: uppercase;
}

.cart-info-content{
	background-color: #BCBCBC;
	color: #000000;
	margin-bottom: 0px;	
	padding: 1px 6px 1px 6px;
}

.non-member-column{
	font-style: italic;
}

/* -------------------------------------------------------------------------
	Inloggen, registreren
*/

#content-tabel-inloggen,
#content-tabel-registreren {
	width: inherit;
}

#content-tabel-inloggen input,
#content-tabel-registreren input,
#content-tabel-registreren select {			
	width: 180px;
	margin: 4px;
	margin-left: 0;
	padding: 3px;
	border: 1px solid #ada8ab;
	background-color: #e4e4e4;
	color: #676767;
	float: left;
}

#content-tabel-inloggen input:focus,
#content-tabel-registreren input:focus {
	border: 1px solid #FE0000;
	background-color: #f0f0f0;
	color: black;
}	

#content-tabel-registreren {
	border-top: 1px solid #e4e4e4;
	margin-top: 15px;
	padding-top: 10px;
}

#content-tabel-registreren input,
#content-tabel-registreren select {
	width: 320px;
	margin: 2px;
	padding: 1px;
}
#content-tabel-registreren .noBorder {
	background-color: transparent;
	border: 0px;
	width: auto;
}

#content-tabel-registreren select {
	background-color: white;
	color: black;
}

.content-tabel select,
.content-tabel input {
	font-size: 11px;				
	margin: 1px;
	padding: 1px;
	border: 1px solid black;				
}


/* -------------------------------------------------------------------------
	Artikel detail, recensies, relevante produkten
*/

#content-icon-video {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 3px;
	text-decoration: none;
	background: white url(../../img/content/content-icon-video.gif) left no-repeat; 
}
#content-icon-meerinfo {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 3px;
	text-decoration: none;
	background: white url(../../img/content/content-icon-meerinfo.gif) left no-repeat;
}

.content-detail-links {
	float: left;
	width: inherit;
	margin-bottom: 10px;				
	width: 100%;
}

.content-detail-links a,
.content-detail-links a:link, 
.content-detail-links a:active, 
.content-detail-links a:focus,
.content-detail-links a:visited {
	font-size: 11px;
	font-weight: bold;
	padding: 1px;
}

#content-link-back {
	float: left;
	padding-left: 20px;
	color: #3c3c3c;
	text-transform: uppercase;	
	background: white url(../../img/content/content-icon-back.gif) left no-repeat;
	/* IE 6 bug with relative path  url(/../../ */
}

#content-link-print {
	float: right;
	padding-right: 20px;
	color: #3c3c3c;	
	text-transform: uppercase;	
	background: white url(../../img/content/content-icon-print.gif) right no-repeat;	
}

#content-link-vriend {
	float: left;
	padding-left: 25px;
	margin-left: 5px;
	background: white url(../../img/content/content-icon-send-a-friend.gif) left no-repeat;
}

#content-link-fav {
	float: right;
	padding-left: 20px;
	margin-right: 5px;
	background: white url(../../img/content/content-icon-fav.gif) left no-repeat;	
}

#content-link-review {
	float: left;
	padding-left: 20px;
	margin-left: 80px;
	background: white url(../../img/content/content-icon-review.gif) left no-repeat;	
}

.content-detail {
	width: 581px;
	/*height: 390px;*/
	float: left;
	padding: 6px;
	border: 1px #c0c0c0 solid;
	border-bottom: none;
}
.content-detail-details {
	float: left;
	width: 200px;
	/*height: 260px;*/
}
.content-detail-thumb {
	float: left;
	padding-right: 8px;
	padding-bottom: 10px;
}

.content-detail-nummer {
	font-weight: normal;
	font-size: 10px;
}

.content-detail-info {
	float: right;
	width: 370px;
	padding-top: 0px;
}

.content-detail-info-label {
	width: 100px;
}

.content-detail-info select {
	float: left;
	font-size: 10px;				
	margin: 3px 0 3px 0;
	padding: 1px;
	border: 1px solid black;				
}

#content-detail-footer {
	float: left;
	padding: 6px;
	width: 581px;
	height: 48px !important;
	background-color: #e4e4e4;
	border: 1px #c0c0c0 solid;
	margin-bottom: 7px;
}

.content-detail-price {
	float: left;
	width: 250px;
	margin-top: 7px;
	font-size: 18px;
	font-weight: bold;
	color: #fe0000;
	height: 20px;
}

.content-detail-price-grey {
	height: 13px;
	float: left; 	
	clear: both;
	width: 250px;
	display: inline-block;
}

.content-detail-bestellen {
	float: right;
	text-align: right;
}

.content-detail-bestellen a, 
.content-detail-bestellen a:link, 
.content-detail-bestellen a:active,
.content-detail-bestellen a:focus,
.content-detail-bestellen a:visited {
	/*float: right;*/
	right: 0px;
	width: 80px;
	height: 30px;
	line-height: 29px;
	margin-right: 5px;
	margin-top: 8px;
	padding: 0px 3px 3px 30px;
	background-image: url(/img/content/content-item-winkelwagen.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #3c3c3c;
	text-transform: uppercase;
	text-align: right;
}

.content-detail-bestellen a:hover {
	text-decoration: underline;
}

#content-detail-voorraad-groen,
#content-detail-voorraad-oranje,
#content-detail-voorraad-rood,
#content-detail-voorraad-zwart {
	padding-left: 17px;
	/*fwidth: 120px;
	loat: right;*/
	right: 0px;
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	height: 12px;
	line-height: 11px;
	margin-right: 10px;
}

#content-detail-voorraad-groen {
	color: #fe0000;
	/*background: white url(/img/content/content-icon-voorraad.gif) no-repeat top left;*/
}

#content-detail-voorraad-oranje {
	color: #fe0000;
	/*background: white url(/img/content/content-icon-voorraad.gif) no-repeat left -12px;*/
}

#content-detail-voorraad-rood {
	color: #fe0000;
	/*background: white url(/img/content/content-icon-voorraad.gif) no-repeat left -24px;*/
}

#content-detail-voorraad-zwart {
	color: #fe0000;
	/*background: white url(/img/content/content-icon-voorraad.gif) no-repeat left -36px;*/
}

.content-detail-sub-heading {
	height: 18px;
	width: 588px;
	float: left;
	margin: 0 5px 0 5px;
	padding-top: 10px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #3c3c3c;
	border-bottom: 1px #3c3c3c solid;
}

.content-detail-sub-heading-link {
	float: right;
	margin: 0px 0px 0px 0px;

}

#content-overview-voorraad-groen,
#content-overview-voorraad-oranje,
#content-overview-voorraad-rood,
#content-overview-voorraad-zwart {
	padding-left: 17px;
	right: 0px;
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	height: 12px;
	line-height: 24px;
	margin-right: 10px;
}

#content-overview-voorraad-groen {
	color: #c52d2c;
	/*background: white url(/img/content/content-icon-voorraad.gif) no-repeat top left;*/
}

#content-overview-voorraad-oranje {
	color: #c52d2c;
	/*background: white url(/img/content/content-icon-voorraad.gif) no-repeat left -12px;*/
}

#content-overview-voorraad-rood {
	color: #c52d2c;
	/*background: white url(/img/content/content-icon-voorraad.gif) no-repeat left -24px;*/
}

#content-overview-voorraad-zwart {
	color: #c52d2c;
	/*background: white url(/img/content/content-icon-voorraad.gif) no-repeat left -36px;*/
}

/* -------------------------------------------------------------------------
	Recensies
*/
.content-detail-recensie {
	width: 583px;
	float: left;
	border-bottom: 1px #ececec solid;
	padding: 4px 5px 6px 5px;
}

#content-detail-recensie-links {
	height: 18px;
	width: 588px;
	float: left;
	margin: 0 5px 0 5px;
	padding-top: 10px;
	font-size: 11px;	
	text-transform: uppercase;
	font-weight: bold; 
	color: #3c3c3c;
}

#content-detail-recensie-plaatsen {
	float: left;
	width: 522px;
	float: left;
	margin: 0 5px 0 5px;
	padding: 10px 0 0 0;
}

#content-detail-recensie-plaatsen input,
#content-detail-recensie-plaatsen textarea {
	width: 200px;
	font-size: 12px;			
	margin: 4px 0 4px 0;
	padding: 3px;
	border: 1px solid #c0c0c0;
	background-color: white;
	color: black;
}

#content-detail-recensie-plaatsen input:focus,
#content-detail-recensie-plaatsen textarea:focus{
	border-color: #FE0000;
}

#content-detail-verzenden {
	float: left;
}

#content-detail-verzenden a, 
#content-detail-verzenden a:link, 
#content-detail-verzenden a:active,
#content-detail-verzenden a:focus,
#content-detail-verzenden a:visited {
	height: 28px;
	line-height: 29px;
	margin-right: 5px;
	margin-top: 8px;
	padding: 0px 3px 1px 20px;
	background-image: url(/img/content/content-icon-send.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #676767;
}


/* -------------------------------------------------------------------------
	Gerelateerde producten
*/

#content-detail-gerelateerd-container {
	float: left;
	padding-top: 17px;
}

.content-gerelateerd-half-left,
.content-gerelateerd-half-right {
	height: 148px;
	width: 581px;
	float: left;
	margin-bottom: 12px;
	margin-left: 5px;
}

.content-gerelateerd-half-left,
.content-gerelateerd-half-right {
	float: left;
	width: 274px;
	background-image: url(../../img/content/content-gerelateerd-half-bg.gif);
}

.content-gerelateerd-half-right {
	float: right;
}

.content-gerelateerd-text {
	height: 129px;
}
	
.content-gerelateerd-thumb {
	float: left;
	padding-right: 8px;
	padding-bottom: 10px;
}
.content-gerelateerd-heading,
.content-gerelateerd-nummer {
	font-weight: bold;
	color: #fe0000;
	line-height: 16px;	
}

.content-gerelateerd-nummer {
	font-weight: normal;
	font-size: 10px;
}


/* -------------------------------------------------------------------------
	FAQ Veelgestelde vragen
*/

.content-faq-vraag {
	float: left;
}

.content-faq-vraag a,
.content-faq-vraag a:link, 
.content-faq-vraag a:active,
.content-faq-vraag a:focus,
.content-faq-vraag a:visited {						
	width: 566px;
	background: #676767 url(../../img/content/content-faq-plus.gif) no-repeat scroll right center;
	color:white;
	display: block;
	font-weight:bold;
	height:26px;
	line-height:26px;
	padding:0 20px 0 7px;
	text-transform:uppercase;
}

.content-faq-vraag-active a,
.content-faq-vraag-active a:link, 
.content-faq-vraag-active a:active,
.content-faq-vraag-active a:focus,
.content-faq-vraag-active a:visited {		
	background-image: url(../../img/content/content-faq-min.gif);
}

.content-faq-spacer {
	width: 300px;
	height: 15px;
	float: left;
}

.content-faq-antwoord {
	width: 566px;
	padding: 10px 20px 0 7px;		
	background-color: #e4e4e4;
	float: left;	
}


/* -------------------------------------------------------------------------
	Vrije pagina's
*/

.vrije-pagina-1 {
	float: right;
	width: 290px;
	margin-left: 10px;
	text-align: right;
}

.vrije-pagina-1 small {
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #3c3c3c;
	float: left;
}

.vrije-pagina-1 img {
	border: 1px #c0c0c0 solid;
}

.vrije-pagina-2 {
	float: left;
	width: 105px;
	margin-right: 10px;
}


#content-lightbox-content {
	width: 460px;
	height: 260px;
	font-size: 12px;
	background: #999 url(../../img/content/content-lightbox-bg.gif) repeat-x bottom;
	color: white;
	text-align: left;
	padding: 20px;
}


/* -------------------------------------------------------------------------
	Lightbox
*/

#content-lightbox-content a, 
#content-lightbox-content a:link, 
#content-lightbox-content a:active, 
#content-lightbox-content a:focus,
#content-lightbox-content a:visited,
#content-lightbox-content a:hover {
	color: white;
}

#content-lightbox-content input {
	font-size: 12px;			
	margin: 0 10px 16px 0;
	padding: 3px;
	border: 1px solid #3c3c3c;
	background-color: #e4e4e4;
	color: black;
}

#content-lightbox-content input:focus {
	background-color: white;
	border-color: #FE0000;
}

.subGrpTbl {
	border: 1px solid #c0c0c0;
	padding: 6px 6px 6px 6px;
	margin-bottom: 13px;
	width: 100%;
}

.subGrpTbl td{
	*padding: 6px 6px 6px 6px;
}

#tblKenmerken TD {
	padding: 2px 2px 2px 2px;
}