/*
 * css customization file.
 */

.yCmsContentSlot.smartEditComponent:before {
	display: table;
	content: "";
}

.yCmsContentSlot.smartEditComponent:after {
	clear: both;
	display: table;
	content: "";
}

.yCmsComponent.smartEditComponent {
	float: left;
	width: 100%;
}

.yCmsComponent.smartEditComponent div.-size-half:first-child, 
.yCmsComponent.smartEditComponent div.-size-twothird:first-child, 
.yCmsComponent.smartEditComponent div.-size-onethird:first-child,
.yCmsComponent.smartEditComponent div.-size-sixth:first-child {
	width: 100% ! important;
}

.yCmsComponent.smartEditComponent.-size-twothird.-special {
	float: left;
	width: 50%;
}

.yCmsComponent.smartEditComponent.-size-onethird.-special {
	float: left;
	width: 50%;
}

.yCmsComponent.smartEditComponent.size-sixth {
	float: left;
	width: 50%;
}

@media only screen and (min-width: 480px) {
	.yCmsComponent.smartEditComponent.-size-twothird.-special {
		float: left;
		width: 66%;
	}
	
	.yCmsComponent.smartEditComponent.-size-onethird {
		float: left;
		width: 50%;
	}

	.yCmsComponent.smartEditComponent.-size-onethird.-special {
		float: left;
		width: 33%;
	}
	
	.yCmsComponent.smartEditComponent.size-sixth {
		float: left;
		width: 33%;
	}
}

@media only screen and (min-width: 769px) { 
	.yCmsComponent.smartEditComponent.-size-half {
		float: left;
		width: 50%;
	}
	
	.yCmsComponent.smartEditComponent.-size-twothird {
		float: left;
		width: 66%;
	}
	
	.yCmsComponent.smartEditComponent.-size-onethird {
		float: left;
		width: 33%;
	}
	
	.yCmsComponent.smartEditComponent.size-sixth {
		float: left;
		width: 16.6%;
	}
}