﻿.Product{
	width:			90%;
	padding:		10px;
	margin-top:		10px;
	
	font-size:		11px;
}

	.Product img{
		float:			left;
		padding:		5px;
		border:			#FFF solid 1px;
	}	
	
	.Product .Text{
		float:			left;
		margin-left:	10px;
		width:			80%;
	}

	.Product .Price{
		float:			left;
		margin-top: 	5px;
		margin-left:	10px;
		font-size:		14px;
	}

	.Product .priceButton {
		background: #00aeef;
		color: #fff;
		border: 0;
		text-decoration: none;
		float: right;
		display: inline-block;
		cursor: pointer;
		margin-top: 5px;
		padding: 2px;
		margin-bottom: 10px;
	}
	
	.Product .Text a{
		color:			#333333;
		text-decoration:none;
	}
	
.Colums{
	float:			left;
	padding:		5px;
	width:			213px;
	margin-right:	20px;
	margin-top:		10px;
	height:			130px;
	border:			#00A6DA 1px solid;
	-moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari, Chrome */
 	 border-radius: 10px; /* CSS3 */
}

	.Colums a{
		font-size:		12px;
		color:			#333333;
	}
	
	.Colums a:hover{
		color:			#00A6DA;
	}
	
	.Colums li{
		list-style:		none;
		margin-left:	-20px;
	}

	.Colums h4{
		padding:		5px;
		width: 215px;
		background:#00A6DA;
		margin-left:-6px;
		margin-top:-5px;
		-moz-border-radius: 10px 10px 0px 0px; /* Firefox */
	  	-webkit-border-radius: 10px 10px 0px 0px; /* Safari, Chrome */
	  	border-radius: 10px 10px 0px 0px; /* CSS3 */
	  	color:			#FFF;
		font-size:		16px;
		
	
		text-decoration:none;
	}
	
	.Colums h4 a{
		color:			#FFF;
		font-size:		16px;
		margin-left:	5px;
	
		text-decoration:none;
	}
	
	.Colums h4 a:hover{
		color:			#FFF;	
	}

.Nieuw{
	padding:		10px;
	background:		#ADE2FF;
	margin-top:		10px;
	float:			left;
	margin-right:	10px;
	
	font-size:		11px;
}
	
	.Nieuw:hover{
		background:		#60A4C9;
	}

	.Nieuw img{
		float:			left;
		padding:		5px;
		border:			#FFF solid 1px;
	}


.WidgetTop{
	width:			195px;
	height:			50px;
	background:		#EBEBEB;
	border-bottom:	#FFF 1px solid;
	padding: 		5px;
	overflow:		hidden;
	margin-left:	-15px;
}

	.WidgetTop:hover{
		background:		#00A6DA;
		color: 			#FFF;
	}
	
	.WidgetTop a{
		color: 			#6D6D6D;
	}
	
	.WidgetTop:hover a{
		color: 			#FFF;
	}
	
	.WidgetTop:hover .Number{
		color: 			#FFF;
		font-weight:	bold;
	}

	.WidgetTop .Img{
		width:			50px;
		height:			50px;
		float: 			left;
		margin-left:	10px;
		border:			#CCC 1px solid;
	}

	.WidgetTop .Text{
		float: 			left;
		line-height:	50px;
		margin-left: 	5px;
	}
	
	.WidgetTop .Number{
		float:			left;
		width:			20px;
		text-align:		center;	
		line-height:	50px;
		color: 			#6D6D6D;
	}

.Program{
	
}

	.Program .img{
		float:			left;
		width:			160px;
		height:			160px;
		background:		#FFF;
		position:		relative;
		z-index:		1;
		margin-right:	20px;
	}
	
	.Program .text{
		float:			left;
		width:			400px;
	}
	
	.Program .go{
		position:		absolute;
		z-index:		0;
		padding: 		10px;
		padding-top:	180px;
		margin-top: 	-10px;
		background:		#DDDDDD;
	}
		
		.Program .go:hover{
			background: #29A0D5;
		}
		
			.Program .go:hover a{
				color:		#FFF;
			}
	
		.Program .go a{
			color:			#333333;
			text-decoration:none;
		}

.Underline{
	clear:both; 
	width:710px; 
	border-top:#D8D8D8 1px solid;
}
		
.Blz{
	padding: 		5px;
	background:		#EBEBEB;
	float:			left;
	margin-right:	10px;
	margin-top:		10px;
}

.Blz a{
	color:			#333;
	text-decoration:none;
}


/* Start vergelijkersknoppen */
.comperator-container{
	width:720px;
}

.promotion{
    float: left;
    margin: 1.5%;
    width: 30%;
    text-align: left;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
    background-color: #fff;
    position: relative;
    max-width: 300px;
    height: 225px;
	cursor:pointer;
	box-sizing:border-box;
}

.promotion .promotion-img{
    background: #efefef;
    width: auto;
    height: 118px;
    overflow: hidden;
    margin-bottom: 6px;
    text-align: center;
}

.promotion-img img{
	border: none!important;
    width: 100%;
    height: auto;
}

.promotion-header{
    font: bold 15px/100% Arial, sans-serif!important;
    color: #003564!important;
    padding: 0 10px;
    text-align: left!important;
    text-decoration: none!important;
}

.promotion-text{
    font: 11px/13px Verdana, serif!important;
    color: #999!important;
    text-align: left!important;
    margin-top: 6px;
    padding: 0 10px;
}
/* end vergelijkersknoppen*/