@charset "utf-8";

/* Header / titel aanpassingen */
.content-header{
	height:auto !important;
}
	.content-header h1{
		font-size:17px !important;
		margin:9px 0 0 16px !important;
		float:none !important;
	}
	.content-header .breadcrumbs{
		margin:9px 0px 9px 16px !important;
		padding:0 !important;
		float:none !important;
	}

/* Content breed maken speciaal voor details */
.content{
	width: 787px;
}

/* Product details */
.product-detail{
	border: 1px solid #CCCCCC;
	background: #ffffff;
	
	/* Ronde randjes! */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* Top informatie */
.topblok{}
	.topblok .kolom{
		float:left;
		padding: 20px;
		margin-right: 10px;
		font-size: 11px;
		color: #333333;
	}
		/* Voor elke kolom */
		.topblok .kolom tr{
			height: 20px;
		}
		.topblok .kolom th{
			text-align: left;
			width: 150px;
		}
		/* Plaatje */
		.topblok .kolom.plaatje{
			width: 155px;
		}
			.topblok .kolom.plaatje .foto{
				padding: 5px;
				width: 145px;
				/*min-height: 100px;*/
				text-align: center;
				border: 1px solid #999;
				
				/* Ronde randjes! */
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
			}
				.topblok .kolom.plaatje .foto img{
					max-width: 145px;
				}
			.topblok .kolom.plaatje .vergroot{
				width: 70px;
				height: 17px;
				display: block;
				float: left;
				background: url('../../images/details/vergroten.gif');
				outline: none;
			}
			.topblok .kolom.plaatje .fotofoot{
				clear: both;
				height: 20px;
				font-size: 9px;
				color: #999999;
				margin: 8px 0;
				text-align: center;
			
			}
			.topblok .kolom.plaatje .socialmedia{
				text-align: center;
			}
		/* Codes en prijs*/
		.topblok .kolom.details{
			width: 284px;
		}
			.topblok .kolom.details .detailcodes{
				height: 90px;
			}
			.topblok .kolom.details .lijnBox {
				background: url('../../images/details/stip.gif') repeat-x;
				padding-top: 10px;
			}
			.topblok .kolom.details .prijsEx{
				font-size: 12px;
			}
			.topblok .kolom.details .prijsIn{
				color: #20AF2B;
				font-weight: normal;
				font-size: 2em;
			}
			
		/* Status en bestellen */
		.topblok .kolom.statusCol{
			width: 194px;
			
		}
			.topblok .kolom.statusCol .statusBox{
				height: 110px;
			}
			.topblok .kolom.statusCol .statusTekst{
				float:left;
				margin-right: 3px;
				margin-top: 1px;
				text-decoration: none;
			}
			.topblok .kolom.statusCol .statusTekst:hover{
				color:#333333;	
			}
			.topblok .kolom.statusCol .status img{
				margin-right: 6px;
			}
			.topblok .kolom.statusCol .nietleverbaar{
				color: #ff0000;
				font-size: 16px;
				text-align: center;
				margin-top:50px;
			}

/* Menu bar */
.menublok{
	border-bottom: 1px solid #CCCCCC;
	height: 28px;
	padding-left: 9px;
}
	.menublok .tabmenu li {
		display: inline;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.menublok .tabmenu li a{
		float: left;
		color: #666666;
		text-decoration: none;
		background: url('../../images/container/tabs/tabsleft.png') left 0px no-repeat;
		margin: 0px 2px;
		padding: 7px 0px 7px 6px;
		/*border-bottom: 1px solid #D5D5D5;*/
	}
	.menublok .tabmenu li span{
		background: url('../../images/container/tabs/tabsright.png') right 0px no-repeat;
		padding: 7px 14px 7px 6px;
	}
	
	.menublok .tabmenu li a:hover, .menublok .tabmenu li a.current{
		background-position:left -44px;
		color: black;
		border-bottom: 1px solid white;
	}
	.menublok .tabmenu li a:hover span, .menublok .tabmenu li a.current span {
		background-position:right -44px;
	}

/* Content blok */
.contentblok{
	padding: 20px;
	font-size: 11px;	
}

/* Closing disclaimer */
.disclaimer{
	clear: both;
	padding: 10px 20px 0 20px;
	color: #5C5C5C;
	font-size: 11px;
}
	.disclaimer a{
		color: #5C5C5C;
		font-size: 11px;
	}

/* Lijst gegevens */
.specs{
	width: 100%;
}
	.specs tr{
		background: #F6F6F6;
	}
	.specs tr:hover{
		background: #EEEEEE;
	}
	.specs td{
		padding: 5px;
	}
	.specs .headItem{
		padding-bottom:15px;
	}
	.specs .first{
		width:150px;
	}
	.specs .midDist{
		padding-top:14px;
	}
	.specs input[type=text], .lijst textarea{
		width:170px;
	}
	.specs textarea{
		height:100px;
	}
	.specs .error{
		color:#FF0000;
		font-size: 13px;
	}
	.specs .quickLink input{
		color:#4D4E4F;
		border:1px solid #B3B3B3;
		font:11px Arial;
		width:150px;
	}

/* Offerte */
	.offerte #voorletterInput{	width:20px;	}
	.offerte #achternaamInput{	width:141px; }
	.offerte #huisnummerInput, #toevoegingInput{
		width:50px;
	}
	.offerte #postcodeInput{	width:50px; }
	.offerte #plaatsInput{		width:109px; }
	.offerte textarea{			width:323px !important; }
	.offerte .subitems{			display:none; }
	.offerte .offerteExtra{		padding: 5px 30px; }
	.offerte .offerteExtra table{ width: 100%; }

/* Opties */
.opties{
	clear:both;
	margin:-10px;
	margin-bottom:0;
	padding-top:10px;
}
	.opties form{
		border-top:1px dotted #cccccc;
		padding-top:5px;
	}
		.opties b{
			padding-left:10px;
		}
		.opties p{
			margin:0;
			padding:0;
		}
	.opties table{
		padding-top:5px;
		table-layout:auto;
		border-collapse:collapse;
		width:100%;
	}
	.opties th{
		text-align:left;
		color:#5c5c5c;
		font-size:11px;
		font-weight:bold;
		height:25px;
	}
	.opties th.omschrijving{
		padding-left:10px;
	}
	.opties th.header{
		width:145px;
	}
	.opties th.garantie{
		width:55px;
	}
	.opties th.status{
		width:55px;
	}
	.opties th.prijs{
		width:45px;
		padding-left:20px;
	}
	.opties th.infobestel{
		width:38px;
	}
	.opties a:hover{
		color:#000000;
	}
	.opties .footer td{
		border:0;
		text-align:right;
		padding:8px 43px 0 0;
	}
		.opties .footer span{
			color:#999999;
			padding-right:8px;
		}
	
	/* Body */
	.opties td{
		font-size:11px;
		color:#333333;
		height:21px;
		border:1px solid #E2E2E2;
		border-style:solid none;
	}
		.opties td a{
			color:#333333;
			text-decoration:none;
		}
		.opties td a:hover{
			text-decoration:underline;
		}
	.opties td.omschrijving{
		padding-left:10px;
	}
	.opties td.prijs{
		text-align:right;
		font-weight:bold;
		padding-right:8px;
	}
	.opties td.infobestel{
		text-align:right;
	}
	.opties .lijst.odd{
		background-color:#f0f0f0;
	}
	.opties .lijst.even{
		background-color:#fcfcfc;
	}

/* Gerelateerd */
	.gerelateerd{
		border:1px solid #E8E8E8;
		width:600px;
		padding:0 2px 2px 2px;
	}
	.gerelateerd .product{
		float:left;
		padding:10px 0 10px 8px;
		width:592px;
	}	
		.gerelateerd .product.even{
			background-color:#f0f0f0;
			border-top:1px solid #E8E8E8;
			border-bottom:1px solid #E8E8E8;
		}
		.gerelateerd .product.last{
			border-bottom:none;
		}
		.gerelateerd .product:hover .img{
			border:1px solid #858585;
		}
		.gerelateerd .product .img{
			float:left;
			width:150px;
			min-height:100px;
			padding:0px;
			border:1px solid #E8E8E8;
			background-color:#ffffff;
		}
			.gerelateerd .product img{
				max-height:100px;
				max-width:150px;
				position:relative;
			}
	.gerelateerd h3{
		float:left;
		width:400px;
		height:36px;
		font-size:12px;
		font-weight:normal;
		padding:10px 0 5px 30px;
		line-height:18px;
		overflow:hidden;
	}
	.gerelateerd h3 a{
			color:#F35F24 !important;
			text-decoration:none !important;
		}
		.gerelateerd h3 a:hover{
			color:#ff4300;
		}
	.gerelateerd .description{
		float:left;
		width:350px;
		height:25px;
		overflow:hidden;
		font-size:11px;
		color:#6e6e6e;
		padding:5px 0 5px 30px;
	}
	.gerelateerd .price{
		float:left;
		width:290px;
		text-align:right;
		font-size:11px;
		font-weight:bold;
		color:#333333;
		padding:0 0 5px  120px;
	}

/* specificaties */
.specificaties{
	width: 363px;
	float: left;
}
	.specificaties.col1{
		margin-right: 18px;
	}
	.specificaties th{
		text-align: left;
		font-weight: normal;
		padding: 5px;
	}
	.specificaties .feature{
		width: 150px;
	}
	.specificaties .groepheader{
		border-bottom: 1px solid #CCCCCC;
		color: #EC6738;
		
		background: #ffffff;
		font-weight: bold;
		padding-top: 10px;
	}
	.icefooter{
		margin-top: 5px;
		width: 363px;
		float: right;
		text-align: center;
		color: #5C5C5C;
	}
		.icefooter a{
			color: #5C5C5C;
		}