.T3770 { background-color: #fff; padding: 20px 0px;}


.T3770 .box { float: left; box-sizing: border-box; border-left: 1px dotted #ccc; padding-left: 20px; width: 33.3%; }
.T3770 .box h3 { text-transform: uppercase; }


.T3770 .box.status { position: relative; }
.T3770 .box.status .stand { position: absolute; bottom: 20px; left: 20px; font-size: 11px; color: #999; }

.T3770 .box.status .inner2 { padding: 10px 20px 10px 18px !important; }
.T3770 .box.status .object { position: relative; margin-bottom: 15px; padding-left: 24px;}
.T3770 .box.status h4 { font-size: 17px; line-height: 19px; color: #000; margin: 4px 0px; font-weight: normal;}
.T3770 .box.status .info { font-size: 12px; line-height: 14px; color: #999; margin: 0px; }

.T3770 .box.status .object .status { position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; background: url(//tramino.s3.amazonaws.com/s/svg/184154/open.png) 0px 4px no-repeat; }
.T3770 .box.status .object .status.closed { background-image: url(//tramino.s3.amazonaws.com/s/svg/184155/closed.png); }
.T3770 .box.status .object .status.warn { background-image: url(//tramino.s3.amazonaws.com/s/erdinger-arena/293667/achtung.png); }


.T3770 .box.events .inner2 { padding: 15px 8px 15px 15px !important; }
.T3770 .box.events .event { margin-bottom: 3px; font-size: 12px; }
.T3770 .box.events .clear { border-top: 1px solid #eee; padding-top: 5px; margin-top: 5px; }
.T3770 .box.events .date { display: block; width: 50px; float: left; }
.T3770 .box.events .name { display: block; width: 180px; margin-left: 50px; }

.T3770 .box .button { display: block; margin-right: 10px; font-size: 12px; }






@media all and (min-width: 1024px) and (max-width: 1279px) {
	.T3770 .box.status h4 { font-size: 16px; line-height: 1.1;  margin: 4px 0px; }
	.T3770 .box.status .info { font-size: 12px; line-height: 1.1; }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T3770 .box.status h4 { font-size: 15px; line-height: 1.1;  margin: 3px 0px; }
	.T3770 .box.status .info { font-size: 11px; line-height: 1.1; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T3770 .box { padding-left: 10px; }
	.T3770 .box.status { width: 40%; }
	.T3770 .box.events { width: 40%; }
	.T3770 .box.webcam { width: 20%; }
	.T3770 .box.events .event { font-size: 11px; }
	.T3770 .box.events .date { width: 20%; }
	.T3770 .box.events .name { width: 80%; }
	.T3770 .box.status .inner2 { padding: 5px 10px 5px 9px !important; }
	.T3770 .box.status h4 { font-size: 14px; line-height: 1.1;  margin: 3px 0px; }
	.T3770 .box.status .info { font-size: 11px; line-height: 1.1; }
}

@media all and (max-width: 567px) {
	.T3770 .box { float: none; border-left-width: 0px; border-bottom: 1px dotted #ccc; padding: 20px 0; width: auto; }
	.T3770 .box.status h4 { font-size: 14px; line-height: 1.1;  margin: 2px 0px; }
	.T3770 .box.status .info { font-size: 11px; line-height: 1.1; }
}