#target-groups
{
	margin-bottom:10px;

	h3
	{
		font-size:24px;
		line-height:24px;
		font-weight:bold;
		text-transform:uppercase;
        color:@pv-color-blue;
	}
}

.tab-buttons {
	width:100%;
	border-bottom: 1px solid #efefef;
	float:left;

	& > li
	{
		float:left;
	
	
		&.disabled{
			@pv-tab-buttons-item-disabled();
		}

		&:last-child
		{
			margin-right:0;
		}

		a
		{
			.box-sizing();
			display:block;
			text-decoration:none;
			text-align:center;
			text-transform:uppercase;
			font-size:11px;
			line-height:20px;
			font-weight:bold;
			color:#fff;

			@pv-tab-buttons-item();
		}

		&.active
		{
			a
			{
				position:relative;
				@pv-tab-buttons-item-active();

				&::before
				{
					@pv-tab-buttons-item-active-before();
				}
				&::after
				{
					@pv-tab-buttons-item-active-after();
				}
			}
		}
	}
}







.target-group-list
{
	.border-radius( 15px);
	width:946px;
	padding:0;
	display:none;
    border:2px solid @pv-color-blue;
	background-color:#fff;
		
	&.active
	{
		display:block;
	}

	& > li
	{
		float:left;
        border-style:dashed;
        border-width:0 1px 1px 0;
		padding:12px 0 16px 12px;
		width:294px;
		min-height:95px;
        border-color:#88ccf9;
        .border-image("../img/Base/elements/pc/dashed-lines.png"; 1 repeat);

		/* eerste 3 geen toppadding maar margin */
		&:nth-child(-n+3)
		{
			padding-top:0;
			margin-top:12px;
		}
		/*alles vanaf 4*/
		&:nth-child(n+4)
		{
			padding-left:12px;
			width:294px;
		}
		/*geen lijn achter elke 3e */
		&:nth-child(3n+3)
		{
			border-right:none;
			border-right-width:0px;
			width:295px;
		}
		/*geen padding left op elke 1e van de rij */
		&:nth-child(3n+1)
		{
			padding-left:0;
			margin-left:12px;
			width:306px;
		}
		/*geen lijn onder de laatste 3*/
		/*.target-group-list > li:last-child, .target-group-list > li:nth-last-child(2), .target-group-list > li:nth-last-child(3)*/
		&:nth-child(n+4)
		{
			border-bottom:none;
			border-bottom-width:0px;
			padding-bottom:0;
			margin-bottom:12px;
		}

		& > .thumb
		{
			position:relative;
			width:120px;
			height:78px;
            margin-right:10px;

            a 
            {
	            text-decoration:none;
            }

			img, 
			& > a:first-child > div 
            {
				width:100%;
				height:100%;
			}

			& > a:first-child > div 
            {
				background-size:cover;
			}
		}

		& > .accommodation
		{
			/*width:152px;*/width:162px;
			height:95px;
			overflow:hidden;

            h4
            {
	            font-size:13px;
	            font-weight:bold;
	            line-height:16px;
	            margin-top:2px;
                color:@pv-color-red;
	            float:left;clear:both;width:100%;
            }

			a { text-decoration:none; }

			h5
			{
				font-size:12px;
				line-height:14px;
				text-transform:uppercase;
                color:@pv-color-blue;
			}

            p
            {
	            font-family:@pv-font-default;
	            font-size:11px;
	            margin:4px 0 0 8px;
	            float:left;
            }
		}

	}

}