.codesnip-container {
	border:1px solid #ccc;
	background:#eee;
	padding: 5px;
	margin:10px;
	overflow:scroll;
	width:700px;
	position:relative;
	left:-70px;
	white-space:nowrap;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.codesnip-container {
		left: -8.96226415%; /* -1/(1-0.152) * 0.076 */
		width: 117.9245283%;
		margin: 0px;
	}
}
.codesnip { 
	text-align:left;
	direction: ltr;
}
.codesnip .de1, .php-brief .de2, .php .de1, .php .de2 {font-weight:normal; background:transparent;color:#000; }
.codesnip .kw1, .php .kw1 {color: #a1a100;}
.codesnip .kw2, .php .kw2 {color: #000; font-weight: bold;}
.codesnip .kw3, .php .kw3 {color: #000066;}
.codesnip .kw4, .php .kw4 {color: #f63333;}
.codesnip .co1, .codesnip .co2, .codesnip .coMULTI, .codesnip .co1, .codesnip .co2, .codesnip .coMULTI {color: #808080;}
.codesnip .es0, .php .es0 {color: #000033; font-weight: bold;}
.codesnip .br0, .php .br0 {color: #66cc66;}
.codesnip .st0, .php .st0 {color: #ff0000;}
.codesnip .nu0, .php .nu0 {color: #ff33ff;}
.codesnip .me0, .php .me0 {color: #006600;}