@CHARSET "ISO-8859-1";
/* Reset CSS
 * Edited by Onno, 2 Mei 2016
 * --------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	font-size: 14px;
}
a {
 //text-decoration: none;
}
/* Custom CSS
 * --------------------------------------- */
@font-face {
	font-family: myFirstFont;
	src: url(Lato-Regular.ttf);
}
body {
	font-family: myFirstFont, 'Lato', Calibri, Arial, sans-serif;
	color: #3B3939;
	/*background-image:linear-gradient(90deg,#ed2931 0,#efefef); background-repeat:repeat-y;*/
	background-color: #FFF;
}
.konten {
	padding: 10px 10px;
	font-size: 14px;
}
.kontenHeader {
	padding: 10px 10px;
	font-size: 18px;
}
.copyr {
	font-size: 12px;
	position: relative;
	bottom: -40px;
	width: 100%;
}
/*Table */
table {
	width: 90%;
	font-size: 12px;
}
table, th, td {
	border: 1px solid white;
	border-collapse: collapse;
}
th, td {
	padding: 10px;
	text-align: center;
}
table#t01 tr:nth-child(even) {
	background-color: #eeeeee;
}
table#t01 tr:nth-child(odd) {
	background-color: #fff;
}
table#t01 th {
	background-color: #a50a10;
	color: white;
}

@media only screen and (max-width: 320px) {
img {
	width: 100%;
	height: auto;
}
}
@media only screen and (max-width: 360px) {
img {
	width: 100%;
	height: auto;
}
}
@media only screen and (max-width: 375px) {
img {
	width: 100%;
	height: auto;
}
}
@media only screen and (max-width: 414px) {
img {
	width: 100%;
	height: auto;
}
}