.kleurstalen {
    background: url("/gfx/kleurcontainer_roze_top.jpg") no-repeat scroll 0 0 transparent;
    height: 37px;
    width: 197px;
	display:table-cell;
}
.kleurstalen-html{
    overflow:hidden;
    margin:0 18px 0 20px;
}
.kleurstalen-repeat {
    background: url("/gfx/kleurstaalcontainer_repeat.jpg") repeat-y scroll 2px 0 transparent;
    width: 197px;
    margin: 0 -2px ;
}
.kleurstalen-top {
    background: url("/gfx/kleurcontainer_roze_top.jpg") no-repeat scroll 0 0 transparent;
    height: 25px;
    width: 177px;
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding-left: 22px;
    padding-top: 15px;
	font-weight: bold;
}	
.kleurstalen-btn {
    background: url("/gfx/goto-btn.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 50px;
    padding-left: 24px;
}
.kleurstalen-btn span {
    background: url("/gfx/goto-btn.png") no-repeat scroll right 0 transparent;
    color: white;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    padding-right: 40px;
    padding-top: 12px;
    text-decoration: none;
}
.kleurstalen-bottom {
    background: url("/gfx/kleurstaalcontainer_bottom.jpg") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 197px;
}
.kleurstalen-box{
	width: calc(100% - 2px);
}
.mobiel-sample{
	width:100%;
}

@media only screen and (max-width : 675px) {
	.kleurstalen {
		width:100%;
		display: block;
		height: auto;
		border: 1px solid #f38c28;
	}
	.kleurstalen-top {
		padding: 0px;
		width:100%;
		background: unset;
		background-color:#f38c28;
		text-align: center;
		height: 32px;
		padding-top: 9px;		
	}
	.kleurstalen-repeat{
		background: unset;
		margin: 0px;
		width: 100%;
	}
	.kleurstalen-bottom{
		background: unset;
	}
	.kleurstalen-btn{
		width:100%;
		background: unset;
		background-color: rgb(4, 183, 3);
	}
	.kleurstalen-btn span{
		background: unset;
		font-size: 18px;
		padding-top: 12px;
		font-weight: bold;
	}
	.mobiel-sample{
		width: calc(100% - 3px);
	}	
}