
.ch-grid {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid ul, .ch-grid ul li {
	margin: 0px;
	padding: 0px;
}
.ch-item {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}
.rote li{ background-image:none!important; float: left; }
#rote{
	width: 100%;
	margin: 0px;
	padding: 0px;}
	
.ch-info .ch-info-front {
	margin: 0px;
	padding: 0px;
}

.ch-info-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	margin: 12px;
	padding: 12px 0 0 0;
	font-weight:300;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 5px;
	font-style: italic;
	margin: 0px 6px;
	font-size: 12px;
	
}

.readmore a{ font-size: 35px; -moz-transition: all 0.4s ease 0s; display:block;text-align:center;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;transition:color .1s ease-in-out;}

.readmore a:hover {  color: #f1f1f1; 
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;}

.ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
}

#rote img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
